-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (162 loc) · 9.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="slideshow.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>OpenMRS | Home</title>
</head>
</head>
<body>
<nav>
<div class="dropdown">
<div id="logo" st><img src="./openmrslogo.png" alt="OpenMRS"></div>
</div>
<section class=buttons> <div class="dropdown">
<button class="dropbtn">Home</button>
</div>
<div class="dropdown">
<button class="dropbtn">About Us</button>
<div class="dropdown-content">
<a href="#">Blog</a>
<a href="#">About our Community</a>
<a href="#">Our Mission</a>
<a href="#">Supporting Orgs</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Get Involved</button>
<div class="dropdown-content">
<a href="#">Join the community</a>
<a href="#">Jobs with OpenMRS</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Tools</button>
<div class="dropdown-content">
<a href="#">Add-on modules</a>
<a href="#">Issue Tracking</a>
<a href="#">Google Drive</a>
<a href="#">OpenMRS ID</a>
<a href="#">OpenMRS Talk</a>
<a href="#">Source Code</a>
<a href="#">Wiki</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Demo</button>
<div class="dropdown-content">
<a href="#">Try out OpenMRS</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Download</button>
<div class="dropdown-content">
<a href="#">Get OpenMRS free</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Contact Us</button>
</div>
<div class="dropdown">
<button class="dropbtn">Donate</button>
<div class="dropdown-content">
<a href="#">Help OpenMRS Fight Malaria!</a>
<a href="#">Importance of HealthIT</a>
<a href="#">Financial Transparency</a>
</div>
</div>
<div class="dropdown"><div class="searchbar"><form action="/action_page.php"><input type="text" name="search" id="search" placeholder="Search.."><button type="submit" class="searchbtn"><em class="fa fa-search"></em></button></form></div></div>
</div>
</nav>
<section class="body">
<div class="banner1" id="b1">
<div class="item" id="photo"><img src="omrsteam.jpeg" alt="OpenMRS" style="border-radius: 10%;"></div>
<div class="item" id = "text"><h1>Who are we?</h1><p style="margin-top:5vh;"><u class="undhover">The OpenMRS community </u>is a worldwide network of volunteers from many different backgrounds including technology,
health care, and international development. Together, we're working to build the world's largest and most flexible technology platform to support delivery of health care in some of the most challenging environments
on the planet. No matter what your background or interest, we'd love to have you help us save lives with Health IT. Join us.
</p></div>
</div>
<div class="banner1">
<div class="item" id = "text"><h1>Where are we?</h1><p style="margin-top:5%;">Although we started out to fix a database system in a single clinic in Kenya,
in the last few years OpenMRS has grown dramatically to be used both in research and clinical settings in every corner of the planet.
We're very proud of the innovators using OpenMRS to improve health care worldwide. <u class="undhover"><a href="#"></a>Take a look where OpenMRS is being used. </u></a></p>
</div>
<div class="item" id="PHOTO"> <iframe id="map"
title="Inline Frame Example"
width="500"
height="300"
src="https://atlas.openmrs.org?legend=type&zoom=2&position=26.003616149643427,9.465016339239938&clusters=0">
</iframe> </p></div>
</div>
</section>
<div class="doubleflex">
<div class="tflex">
<img src="./malaria.png" alt="" style="width: 50%; display: block; margin: auto;">
<h1 style="text-align: center;">Help OpenMRS fight Malaria!</h1>
<p style="text-align: center; font-size: 18px;">Having a free, open-source electronic medical record platform (EMR) gave these impacted health clinics the tools necessary to support patient care in an easy-to-understand electronic format.
<a href="#" class="undhover"> Click here to learn how OpenMRS is being used to combat malaria!</a></p>
</div>
<div class="tflex">
<img src="./code.png" alt="" style="width: 50%; display: block; margin: auto;">
<h1 style="text-align: center;">OpenMRS Distribution Program</h1>
<p style="text-align: center; font-size: 18px;">Learn about OpenMRS Distributions and share your own. <br><a href="#" class="undhover">Click here to read more!</a></p>
</div>
</div>
<div class="doubleflex" style="margin-top: 10%; margin-bottom: 5%;;">
<div class="tflex">
<iframe class="yt" width="600px" height="340px" src="https://www.youtube.com/embed/9bwQPS1dFvE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="tflex">
<h1 style="font-size: 35px;">We’re bringing “open” to healthcare.</h1>
<p style="font-size: 24px;">OpenMRS is a global leader in open technologies and open standards in health care. It isn’t just open software—we strive to be open and transparent in everything we do, and encourage our collaborators to do the same. Learn how groups around the world have discovered the power of open architecture in health care IT.</p>
</div>
</div>
<div class="quotes" style="width: 80%; margin: auto; margin-top: 10%;">
<h1 style="font-size: 30px; text-align: center; margin: 0; padding: 0;">OpenMRS users on the OpenMRS community:</h1>
<p style="font-size: 32px; text-align: center; padding-bottom: 2%;">"OpenMRS is used in 5 of the countries where we work to support clinical care, reporting and clinical research for HIV, MDR-TB and heart failure treatment."
<br><h2 style="font-size: 25px; text-align: center;">— Partners in Health</h2></p>
</div>
</div>
<section id="footer">
<div class="foo">
<div class="item">
<br> © 2004-2019 OpenMRS Inc. <br> By using this site, you agree to the OpenMRS Privacy Policy.
<br> Text is available under the Creative Commons 4.0 International Attribution License (CC BY 4.0).
<br> Software is available under the Mozilla Public License 2.0 with Healthcare Disclaimer (MPL 2.0 HD).
<br> "OpenMRS" is a registered trademark and the OpenMRS graphic logo is a trademark of OpenMRS Inc.
</div>
<div class="item" id="n1"><h3>Other OpenMRS sites: </h3>
<ul class='xoxo blogroll'>
<li><a href="http://wiki.openmrs.org/" rel="me" title="Documentation and project resources." target="_blank">OpenMRS Wiki</a>
Documentation and project resources.</li>
<li><a href="http://events.openmrs.org" rel="me" title="Keep up with community meetings." target="_blank">OpenMRS Events</a>
Keep up with community meetings.</li>
<li><a href="http://answers.openmrs.org/" rel="me" title="Ask questions. Get answers." target="_blank">OpenMRS Answers</a>
Ask questions. Get answers.</li>
<li><a href="http://source.openmrs.org" rel="me" title="View and browse OpenMRS and Module source code." target="_blank">OpenMRS Code</a>
View and browse OpenMRS and Module source code.</li>
<li><a href="http://modules.openmrs.org" rel="me" title="Download new OpenMRS modules." target="_blank">OpenMRS Module Repository</a>
Download new OpenMRS modules.</li>
<li><a href="http://tickets.openmrs.org" rel="me" title="Community support and ticketing system." target="_blank">OpenMRS Issue Tracking</a>
Community support and ticketing system.</li>
<li><a href="http://ci.openmrs.org" rel="me" title="Automated unit testing and deployment." target="_blank">OpenMRS Continuous Integration</a>
Automated unit testing and deployment.</li>
</ul></div>
</div>
<p style="text-align: center; color: aliceblue; font-size: 25px; margin-bottom: 1%;">Connect with us!</p>
<div class="social" style="display: flex; justify-content: center;">
<a href="https://openmrs.org/feed/" class="subscribe"><img width="32" height="32" src="https://openmrs.org/wp-content/themes/simplicity/images/ico-social-rss.png" title="Subscribe to our RSS feed" alt=""/></a>
<a href="http://twitter.com/OpenMRS" class="twitter"><img width="32" height="32" src="https://openmrs.org/wp-content/themes/simplicity/images/ico-social-twitter.png" title="Follow us on Twitter" alt=""/></a>
<a href="http://facebook.com/OpenMRS" class="facebook"><img width="32" height="32" src="https://openmrs.org/wp-content/themes/simplicity/images/ico-social-facebook.png" title="Connect on Facebook" alt=""/></a>
<a href="http://youtube.com/OpenMRS" class="youtube"><img width="32" height="32" src="https://openmrs.org/wp-content/themes/simplicity/images/ico-social-youtube.png" title="Watch on YouTube" alt=""/></a>
<a href="http://plus.google.com/111781005975931971145/" class="googleplus"><img width="32" height="32" src="https://openmrs.org/wp-content/themes/simplicity/images/ico-social-googleplus.png" title="View Google+ profile" alt=""/></a>
</div>
<br><h6 style="float: right; ">Made with <3 by tixpro</h6>
</section>
<script src="script.js"></script>
</body>
</html>