-
Notifications
You must be signed in to change notification settings - Fork 22
/
index.html
454 lines (436 loc) · 19.7 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
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
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Doctello</title>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway|Candal">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<style>
.social-buttons {
display: inline-block;
background: transparent;
padding: 20px;
padding-bottom: 5px;
border-radius: 10px;
text-align: center;
margin: 20px 10px;
/* Helper class to divide the icons */
}
.social-buttons .social-margin {
margin-right: 15px;
}
.social-buttons a,
.social-buttons a:hover,
.social-buttons a:focus,
.social-buttons a:active {
text-decoration: none;
}
.social-buttons .social-icon {
margin-bottom: 15px;
box-sizing: border-box;
-moz-border-radius: 138px;
-webkit-border-radius: 138px;
border-radius: 138px;
border: 5px solid;
text-align: center;
width: 50px;
height: 50px;
display: inline-block;
line-height: 1px;
padding-top: 11px;
transition: all 0.5s;
/* Facebook Button Styling */
/* Twitter Button Styling */
/* Google+ Button Styling */
/* Linkedin Button Styling */
/* Pinterest Button Styling */
/* Behance Button Styling */
/* Github Button Styling */
/* Youtube Button Styling */
/* Soundcloud Button Styling */
}
.social-buttons .social-icon:hover {
transform: rotate(360deg) scale(1.3);
}
.social-buttons .social-icon.twitter {
font-size: 22px;
padding-top: 10px;
padding-left: 2px;
border-color: #55acee;
background-color: #55acee;
color: #ffffff;
}
.social-buttons .social-icon.twitter:hover {
background-color: #ffffff;
color: #55acee;
}
.social-buttons .social-icon.linkedin {
font-size: 24px;
padding-top: 8px;
padding-left: 1px;
background-color: #0976b4;
color: #ffffff;
border-color: #0976b4;
}
.social-buttons .social-icon.linkedin:hover {
background-color: #ffffff;
color: #0976b4;
}
.social-buttons .social-icon.instagram {
font-size: 22px;
padding-top: 9px;
background-color: #cb2027;
color: #ffffff;
border-color: #cb2027;
}
.social-buttons .social-icon.instagram:hover {
background-color: #ffffff;
color: #cb2027;
}
.social-buttons .social-icon.github {
font-size: 22px;
padding-top: 9px;
background-color: #4183c4;
color: #ffffff;
border-color: #4183c4;
}
.social-buttons .social-icon.github:hover {
background-color: #ffffff;
color: #4183c4;
}
</style>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
<!--banner-->
<section id="banner" class="banner">
<div class="bg-color">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="col-md-12">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="brand">
<img src="img/new5.png" class="img-responsive" style="width: 120px; margin-top: -16px;"></a>
</div>
</div>
<div class="collapse navbar-collapse navbar-right" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#banner">Home</a></li>
<li class=""><a href="#service">Services</a></li>
<li class=""><a href="#about">About</a></li>
<li class=""><a href="faq.html">FAQ</a></li>
<li class=""><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="banner-info">
<div class="banner-logo text-center">
<img src="logo.png" class="img-responsive" style="width: 140px;">
</div>
<div class="banner-text text-center">
<h1 class="white">Healthcare at your desk!!</h1>
<p>This website is specially designed to help different peoples to classify their<br>respective disease and their concern doctors.</p>
<div class="link">
<a href="https://symptoms.webmd.com/default.htm#/info">System Checker</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/ banner-->
<!--service-->
<section id="service" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4">
<h2 class="ser-title">Our Service</h2>
<hr class="botm-line">
<p>Medical care is something everyone needs, it can be easy to forget that medical care is a service and patients are customers. But good customer service is just as important in medicine as it is in any other field, and because people's health is so important, bad medical care or shoddy customer service might cause clients to complain to local licensing boards or engage in other actions that can harm a medical business.</p>
</div>
<div class="col-md-4 col-sm-4">
<div class="service-info">
<div class="icon">
<i class="fa fa-stethoscope"></i>
</div>
<div class="icon-info">
<h4>24 Hour Support</h4>
<p>If you have a health concern and can’t reach a doctor right away, or you’re not sure where else to call, you can call our Medical Help Line 24 hours a day, 7 days a week. Once enrolled, this member benefit allows you to speak with an experienced registered nurse to get answers to your questions and find out what steps you need to take. If you are currently a member of Independent Health, you can find the phone number of the 24-Hour Medical Help Line on the back of your Member ID card.<br /><br /> </p>
</div>
</div>
<div class="service-info">
<div class="icon">
<i class="fa fa-ambulance"></i>
</div>
<div class="icon-info">
<h4>Emergency Services</h4>
<p>Ambulance services in NSW are provided free of charge to concession card holders, including pensioners. NSW Ambulance also has a policy in place for patients who are under financial hardship and unable to pay for our services.24 hours patient transport vehicle available. Patients are transported from home (on campus) to IIT hospital and patients referred by emergency duty doctor to empanelled hospital for specialized care. </p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="service-info">
<div class="icon">
<i class="fa fa-user-md"></i>
</div>
<div class="icon-info">
<h4>Medical Counseling</h4>
<p>Process of providing information, advice, and assistance to patients to improve their health, treatment adherence, and quality of life
Focuses on open communication between the patient and the provider, shared decision-making, and a shared goal of alleviating discomfort for the patient.
Takes into account patients’ individual preferences, concerns, and emotions
<br /><br /><br /><br />
</p>
</div>
</div>
<div class="service-info">
<div class="icon">
<i class="fa fa-medkit"></i>
</div>
<div class="icon-info">
<h4>OPD</h4>
<p>Patients are registered at the reception and are seen on first come, first serve basis, however out of turn consultation may be provided in case of emergency and senior citizen. Patients have the right to consult any doctor. In OPD, clinical consultation is provided to patients which includes history taking, clinical examination, diagnosis and providing prescription to patients besides advising laboratory tests in some cases.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/ service-->
<!--cta-->
<section id="cta-1" class="section-padding">
<div class="container">
<div class="row">
<div class="schedule-tab">
<div class="col-md-4 col-sm-4 bor-left">
<div class="mt-boxy-color"></div>
<div class="medi-info">
<h3>Cancer Care</h3>
<p>Cancer Care, we offer a holistic integrated care by consolidating views of experts in Surgical Oncology, Radiation Oncology, and Medical Oncology.We believe in treating Cancer with a combination of Chemotherapy, Radiation Therapy, Surgery and Targeted Therapy.
We are the first facility in northern India to acquire Novalis Tx for IMRT/IGRT, Radiosurgery, HIPEC and SRS/SRT. Additionally, we are equipped with an advanced Da Vinci XI Robotic System for treating complex conditions like cancers of prostate, cervix, colon/rectum, as well as heart tumors. The procedure is the next frontier for minimally invasive surgery.</p>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="medi-info">
<h3>Bone Marrow Transplant</h3>
<p>A bone marrow transplant is a medical procedure performed to replace unhealthy bone marrow stem cells with the healthy ones. This transplant is carried out to treat people with conditions like leukaemia - Blood Cancer, multiple myeloma, severe blood diseases such as aplastic anaemia, thalassemia, sickle cell anaemia and certain immune deficiency diseases. Typically, the stem cells are collected via a peripheral vein. The whole bone marrow transplant procedure is like donating blood or platelets. The stem cells from the bone marrow are in charge for producing blood cells like Thrombocytes, Leukocytes Erythrocytes</p>
</div>
</div>
<div class="col-md-4 col-sm-4 mt-boxy-3">
<div class="mt-boxy-color"></div>
<div class="time-info">
<h3>Opening Hours</h3>
<table style="margin: 8px 0px 0px;" border="1">
<tbody>
<tr>
<td>Monday - Friday</td>
<td>8.00 - 17.00</td>
</tr>
<tr>
<td>Saturday</td>
<td>9.30 - 17.30</td>
</tr>
<tr>
<td>Sunday</td>
<td>9.30 - 15.00</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<!--cta-->
<!--about-->
<section id="about" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 col-xs-12">
<div class="section-title">
<h2 class="head-title lg-line">Our Mission</h2>
<hr class="botm-line">
<p class="sec-para">To promote awareness among functionaries involved in Health and Hospital Management. To promote research in the field of Health Care.In order to improve the efficiency of Health Care delivery Systems. To promote the development of high quality hospital services and community health care.</p>
<a href="" style="color: #0cb8b6; padding-top:10px;"></a>
</div>
</div>
<div class="col-md-9 col-sm-8 col-xs-12">
<div style="visibility: visible;" class="col-sm-9 more-features-box">
<div class="more-features-box-text">
<div class="more-features-box-text-icon"> <i class="fa fa-angle-right" aria-hidden="true"></i> </div>
<div class="more-features-box-text-description">
<h3>Objective 1:</h3>
<p>Increase the range of services wherever there are opportunities to meet an area of customer need and demand, on financially viable basis.</p>
</div>
</div>
<div class="more-features-box-text">
<div class="more-features-box-text-icon"> <i class="fa fa-angle-right" aria-hidden="true"></i> </div>
<div class="more-features-box-text-description">
<h3>Objective 2:</h3>
<p>Provide a safe and therapeutic environment for all patient, staff, visitors and to Increase overall satisfaction rates of patients, employees and visiting medical officers.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/ about-->
<!--cta 2-->
<section id="cta-2" class="section-padding">
<div class="container">
<div class=" row">
<div class="col-md-2"></div>
<div class="text-right-md col-md-4 col-sm-4">
<h2 class="section-title white lg-line">« A few words<br> about me »</h2>
</div>
<div class="col-md-4 col-sm-5">
I am a young technocrat in field of Computer Science.My carrer objective is to touch the zenith of career by converting my innovative ideas into fruitful results and to work in cutting-edge competitive industry.
<p class="text-right text-primary"><i>— Amber Kakkar<br>B.tech CSE</i></p>
</div>
<div class="col-md-2"></div>
</div>
</div>
</section>
<!--cta-->
<!--contact-->
<section id="contact" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="ser-title">Contact us</h2>
<hr class="botm-line">
</div>
<div class="col-md-4 col-sm-4">
<h3>Contact Info</h3>
<div class="space"></div>
<p><i class="fa fa-map-marker fa-fw pull-left fa-2x"></i>DehraDun,Uttarakhand<br> India, 248001</p>
<div class="space"></div>
<p><i class="fa fa-envelope-o fa-fw pull-left fa-2x"></i>[email protected]</p>
<div class="space"></div>
<p><i class="fa fa-phone fa-fw pull-left fa-2x"></i>+1 600 123 1234</p>
</div>
<div class="col-md-8 col-sm-8 marb20">
<div class="contact-info">
<h3 class="cnt-ttl">Having Any Query! Shoot us a message.</h3>
<div class="space"></div>
<div id="sendmessage">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<form action="" method="post" role="form" class="contactForm">
<div class="form-group">
<input type="text" name="name" class="form-control br-radius-zero" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control br-radius-zero" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control br-radius-zero" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control br-radius-zero" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validation"></div>
</div>
<div class="form-action">
<button type="submit" class="btn btn-form">Send Message</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!--/ contact-->
<!--footer-->
<footer id="footer">
<div class="top-footer">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 marb20">
<div class="ftr-tle">
</div>
</div>
<div class="col-md-4 col-sm-4 marb20">
<div class="ftr-tle">
</div>
<div class="info-sec">
</div>
</div>
<div class="col-md-4 col-sm-4 marb20">
<div class="ftr-tle">
<h4 class="white no-padding"> Connect With Me </h4>
</div>
<footer class="w3-container w3-padding-32 w3-indigo">
<div class="w3-row-padding">
<div class="w3-third">
<div class="social-buttons">
<!-- LinkedIn Button -->
<a href="https://www.linkedin.com/company/ieeeditu" class="social-margin" target="blank">
<div class="social-icon linkedin">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</div>
</a>
<!-- instagram Button -->
<a href="https://www.instagram.com/ieeeditu/?hl=en" target="blank" class="social-margin">
<div class="social-icon instagram">
<i class="fa fa-instagram" aria-hidden="true"></i>
</div>
</a>
<!-- Github Button -->
<a href="https://github.com/ieeeditu" target="blank" class="social-margin">
<div class="social-icon github">
<i class="fa fa-github-alt" aria-hidden="true"></i>
</div>
</a>
</div>
</div>
</p>
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
</div>
<div class="footer-line">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
© All Copyright Reserved.
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Medilab
-->
</div>
</div>
</div>
</div>
</div>
</footer>
<!--/ footer-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
</body>
</html>