forked from SarveshMishra/1mg-clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
askdoctor.html
285 lines (274 loc) · 8.37 KB
/
askdoctor.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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
<!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" />
<title>
Online Doctor Consultation India 24/7 | Ask A Doctor - 1mg.com
</title>
<!-- Font Awesome Icon -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link
rel="shortcut icon"
href="./image/faviconRebrand.ico"
type="image/x-icon"
/>
<!-- StyleSheet -->
<link rel="stylesheet" href="./css/index.css" />
<link rel="stylesheet" href="./css/askdoctor.css" />
<link rel="stylesheet" href="./components/header/navbar.css" />
<link rel="stylesheet" href="./components/footer/footer.css" />
<link rel="stylesheet" href="./components/login/login.css" />
</head>
<body>
<!-- Navbar Section -->
<div class="navbar">
<div class="header-sec-1"></div>
</div>
<div class="login-overlay"></div>
<div class="signup-overlay"></div>
<!-- Slideshow Section -->
<div id="econsult-container">
<div id="search-container">
<div class="searchHead">
Consult with Doctors across 22+ Specialities, over
<span>Chat, Video & Voice calls.</span>
</div>
<div class="subHead">Skip the struggle of booking appointments.</div>
<div class="subHead">Consult a doctor at your ease</div>
<div class="cons-search-bar">
<input class="cons-search-input" name="queryinput" required="" />
<!-- <lable for="queryinput" class="cons-input-Label">
<span>I have<span id="query"></span></span>
<span class="cons-placeholder">Type your query</span>
</label> -->
</div>
<button id="consult-now-button">CONSULT NOW</button>
<div class="ads">
<img
src="https://onemg.gumlet.io/image/upload/v1625554511/mqz0j8blegoylexsvtsl.png"
/>
</div>
</div>
<div id="chat-video-container">
<video width="550px" height="480px" autoplay playsinline muted loop>
<source src="./videos/econsult.webm" type="video/webm" />
</video>
</div>
</div>
<!-- Main Content -->
<div class="how-heading">
<h1>How Online Doctor Consultation Works?</h1>
</div>
<div class="how-container-right">
<img src="./image/How_it_Works_1.svg" />
<div>
<div class="number">01</div>
<div>
<h3>Start a Session</h3>
<p>
Select the type of category you would like to consult with the
doctor.
</p>
</div>
</div>
</div>
<div class="how-container-left">
<div>
<div class="number">02</div>
<div>
<h3>Tell us what’s troubling you</h3>
<p>
Type in your concern and attach prescription, lab reports if any.
Help doctor understand your case better.
</p>
</div>
</div>
<img src="./image/How_it_Works_2.svg" />
</div>
<div class="how-container-right">
<img src="./image/How_it_works_3.svg" />
<div>
<div class="number">03</div>
<div>
<h3>Connect with the doctor</h3>
<p>
A doctor is auto-assigned to you that best matches your concern. You
will get a diagnosis and treatment for your condition.
</p>
</div>
</div>
</div>
<div class="how-container-left">
<div>
<div class="number">04</div>
<div>
<h3>Follow up with your doctor</h3>
<p>
Still, need more clarity? You can follow up with the doctor even
after your chat window closes.
</p>
</div>
</div>
<img src="./image/How_it_Works_4.svg" />
</div>
<div class="whitebackround"> </div>
<div class="loading-container">
<div class="loading-data-container">
<div class="loading-data">
<div>30L+</div>
<div>Total Consultations</div>
</div>
<div class="vertical-line"></div>
<div class="loading-data">
<div>3k+</div>
<div>Daily Consultations</div>
</div>
<div class="vertical-line"></div>
<div class="loading-data">
<div>22+</div>
<div>Specialities</div>
</div>
</div>
<!--
<div class="happy-customer-container">
<div class="h-cust-heading">Our Happy Customers</div>
</div>
<div class="h-customer-slide-container">
<div class="h-customer-slide">
<div>
Initially, I was a little skeptical of consulting a doctor online.
But the consultation turned out to be honest and cool, the doctor's
behavior was friendly. The best part is that I saved so much time
and money!
</div>
<div>Aarzoo</div>
</div>
<div class="h-customer-slide">
<div>
Dr. Chakraborty is so concerned about his patient. I sincerely wish
him the best. He always takes the time to understand the problem and
on the basis of that he takes the decision and explains it very
well. And if you miss out on anything, you can come back with more
questions.
</div>
<div>Yash</div>
</div>
<div class="h-customer-slide">
<div>
I installed the app and went for a free consultation with a
dietician. The advice given by Dr. Mirza was simply great. He shared
a detailed diet chart and exercises with me which was easy to
incorporate into my hectic schedule.
</div>
<div>Aarohi</div>
</div>
<div class="h-customer-slide">
<div>
Best app for consultation and the most effective way to connect with
the doctor from anywhere. The doctor replies with great detail and
is extremely polite. One can also come back to consult the same
doctor anytime.
</div>
<div>Aarohi</div>
</div>
<div class="h-customer-slide">
<div>
Amazingly easy and convenient. Great service for the same price as a
clinic visit, without the hassle of having to drive to the doctor's
clinic. Couldn't be any happier.
</div>
<div>Rahul</div>
</div>
<a class="prev">❮</a>
<a class="next">❯</a>
<div class="dot-container">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</div> -->
<div class="hc">
<h2 style = color:#F6F6F6> Our Happy Customers</h2>
</div>
<div id="slider">
<input type="radio" name="slider" id="slide1" checked />
<input type="radio" name="slider" id="slide2" />
<input type="radio" name="slider" id="slide3" />
<input type="radio" name="slider" id="slide4" />
<div id="slides">
<div id="overflow">
<div class="inner">
<div class="slide slide_1">
<div class="slide-content">
<p style="color: gray">
"I got my wife's pregnancy tests done from 1mg.
</p>
<br>
<p style="color: gray">
Had to get an MRI done.The experience was good"
</p>
<br />
<h4 style="color: black">Vijay</h4>
</div>
</div>
<div class="slide slide_2">
<div class="slide-content">
<p style="color: gray">
"A trained technical visited to collect samples and report.
</p>
<br>
<p style="color: gray">
And were delivered on time before her doctor's appointment."</p>
<br />
<h4 style="color: black">Nikita</h4>
</div>
</div>
<div class="slide slide_3">
<div class="slide-content">
<p style="color: gray">
"Will surely choose 1mg for the upcoming tests."
</p>
<br />
<h4 style="color: black">Smriti</h4>
</div>
</div>
<div class="slide slide_4">
<div class="slide-content">
<p style="color: gray">
"Quick delivery of test reports on my e-mail."
</p>
<br />
<h4 style="color: black">Raj</h4>
</div>
</div>
</div>
</div>
</div>
<div id="controls">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
<div id="bullets">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
</div>
</div>
<!-- Footer Section -->
<section class="footer"></section>
<!-- Script Section -->
<script type="module" src="./js/askdoctor.js"></script>
</body>
</html>