-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
214 lines (197 loc) · 9.06 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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="csss/style.css">
<link rel="stylesheet" href="csss/responsiveness.css">
<script src="https://kit.fontawesome.com/049085f069.js" crossorigin="anonymous"></script>
<title>Document</title>
</head>
<body>
<!-- Header Section -->
<div id="header">
<div class="container">
<nav>
<div class='console-container'><span id='text'></span><div class='console-underscore' id='console'>_</div></div>
<ul id="sidemenu">
<li><a href="#header">Home</a></li>
<li><a href="#disease">Symptom Check</a></li>
<li><a href="#about">SERVICES</a></li>
<i class="fas fa-times" onclick="closeMenu()"></i>
</ul>
<i class="fas fa-bars" onclick="openMenu()"></i>
</nav>
</div>
<div class="header-text">
<!-- <video autoplay muted loop id="myVideo" width="3080" height="3080" controls>
<source src="Media/apnamdbg.mp4" type="video/mp4">
</video> -->
<h1>Medical Advice Anytime.<br><span>AI guided and Clinically Based.</span><br /> Honest and Free.</h1>
<p>Apna MD will diagnose your medical condition using<br /> clinically based algorithms. You can add your
x-ray<br /> and blood tests to improve the accuracy of results.</p>
</div>
<a href="#" class="btn">App Comming Soon</a>
</div>
<!-- -------------------------------------disease------------------------------------------- -->
<div id="disease">
<div class="container">
<h1 class="sub-title">Click on your disease symptom to diagnose your medical problem</h1>
</div>
<div class="images-grid">
<a href="#"><img src="Media/cough.png"></a>
<a href="#"><img src="Media/abdominalpain.png"></a>
<a href="#"><img src="Media/fever.png"></a>
<a href="#"><img src="Media/chestpain.png"></a>
<a href="#"><img src="Media/skindisease.png"></a>
<a href="#"><img src="Media/diet.png"></a>
<a href="#"><img src="Media/bloodtest.png"></a>
<a href="#"><img src="Media/xray.png"></a>
<a href="#"><img src="Media/DEPRESSION.png"></li>
<a href="#"><img src="Media/DIABETES.png"></li>
<a href="#"><img src="Media/DIABETES_COMPLICATIONS.png"></a>
<a href="#"><img src="Media/CVD_RISK.png"></a>
<a href="#"><img src="Media/Pregnancy.png"></a>
</div>
</div>
<!-- -----------------------------------------------Medical Diagnostics------------------------------------------ -->
<div id="medical">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="Media/MINT.gif">
</div>
<div class="about-col-2">
<h1 class="sub-title">AI Medical Diagnostics</h1>
<p>Our Medical Diagnostic Algorithms incorporate the frequency, sensitivity and specificity of various
clinical symptoms and match them to underlying disease conditions. The algorithm is self learning and will
match multiple parameters from your condition to provide you with a detailed diagnostic model. While the
model does not replace your current healthcare setup, it aims to better equip you with the required
information and statistics to take a better informed decision about your health and well being.</p>
</div>
</div>
</div>
</div>
<div id="space">
<div class="containr">
<div class="space">
<p><img src="" alt=""></p>
</div>
</div>
</div>
<!-- -----------------------------------#about-------------------------------------------------------------->
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="Media/about.png">
</div>
<div class="about-col-2">
<h1 class="sub-title">ABOUT US</h1>
<p>Access to quality healthcare is limited. Location and financial limitations restrict quality healthcare
access. We believe that medical information and access to diagnostics should be universal and free. We have
developed an AI diagnostic module that incorporates all the clinical evidence and experience to achieve an
unbiased diagnostic module. Our aim is to make the process simple and accurate. The system is free to use.
It is secure and your data is not shared. Your contribution helps to improve the accuracy of the model and
in turn benefits others using the system.</p>
</div>
</div>
</div>
</div>
<div id="space">
<div class="containr">
<div class="space">
<p><img src="" alt=""></p>
</div>
</div>
</div>
<!-- ----------------------------------------------People WHo Loves----------------------------------------- -->
<figure class="snip1390">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/profile-sample3.jpg" alt="profile-sample3" class="profile" />
<figcaption>
<h2>Eleanor Crisp</h2>
<h4>UX Design</h4>
<blockquote>Dad buried in landslide! Jubilant throngs fill streets! Stunned father inconsolable - demands recount!</blockquote>
</figcaption>
</figure>
<figure class="snip1390 hover"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/profile-sample5.jpg" alt="profile-sample5" class="profile" />
<figcaption>
<h2>Gordon Norman</h2>
<h4>Accountant</h4>
<blockquote>Wormwood : Calvin, how about you? Calvin : Hard to say ma'am. I think my cerebellum has just fused. </blockquote>
</figcaption>
</figure>
<figure class="snip1390"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/profile-sample6.jpg" alt="profile-sample6" class="profile" />
<figcaption>
<h2>Sue Shei</h2>
<h4>Public Relations</h4>
<blockquote>The strength to change what I can, the inability to accept what I can't and the incapacity to tell the difference.</blockquote>
</figcaption>
</figure>
<figure class="snip1390"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/profile-sample6.jpg" alt="profile-sample6" class="profile" />
<figcaption>
<h2>Sue Shei</h2>
<h4>Public Relations</h4>
<blockquote>The strength to change what I can, the inability to accept what I can't and the incapacity to tell the difference.</blockquote>
</figcaption>
</figure>
<div id="space">
<div class="containr">
<div class="space">
<p><img src="" alt=""></p>
</div>
</div>
</div>
<!-- ----------------------------------------Footer--------------------------------------------------- -->
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6">
<h6>About</h6>
<p class="text-justify"><i>Access to quality healthcare is limited.</i> Location and financial<br/> limitations restrict quality healthcare access. We believe<br/> that medical information and access to diagnostics should <br/>be universal and free. We have developed an AI diagnostic <br/>module that incorporates all the clinical evidence and experience <br/>to achieve an unbiased diagnostic module. Our aim is to make the <br/>process simple and accurate. The system is free to use. It is secure and <br/>your data is not shared. Your contribution helps to improve the accuracy of the <br/>model and in turn benefits others using the system.</p>
</div>
<div class="col-xs-6 col-md-3">
<h6>Categories</h6>
<ul class="footer-links">
<li><a href="#">Skin Care</a></li>
<li><a href="#">Cardiac Care</a></li>
<li><a href="#">Lung Care</a></li>
<li><a href="#">Fever Care</a></li>
<li><a href="#">Health Care</a></li>
<li><a href="#">GI Care</a></li>
</ul>
</div>
<div class="col-xs-6 col-md-3">
<h6>Quick Links</h6>
<ul class="footer-links">
<li><a href="#about">About Us</a></li>
<li><a href="#contact">Contact Us</a></li>
<li><a href="#">Contribute</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
<hr>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12">
<p>Copyright <i class="fa-solid fa-copyright"></i>Apna MD</p>
</p>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<ul class="social-icons">
<li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li><a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>