-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
405 lines (368 loc) · 23.9 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- fontawesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<title>Hello, world!</title>
</head>
<body>
<!-- topbar -->
<section class="topBar">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-transparent">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="img/logo.png" class="img-fluid logo" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link text-dark" href="dr-list.php">
Doctor List
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="patient-list.php">
Patient List
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-dark" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Booking
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="checkup.html">Regular Checkup</a></li>
<li><a class="dropdown-item" href="admit.html">Admit</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="contact.html">
Contact Us
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="login-signup.html">
Login/Signup
</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="search.html">
<i class="fa fa-search"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</section>
<!-- topbar -->
<!-- hero -->
<section class="hero py-4">
<div class="container">
<div class="card border-0 hc-card position-relative">
<img src="img/hc.jpg" class="img-fluid card-img-top" alt="">
<div class="card-body">
<p class="ls-2 fs-20 text-success">Hello There</p>
<h1 class="fw-bold">
We Care About Your Health
</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat, esse aliquid! Maiores ipsum blanditiis voluptates quis quae modi amet nemo. Odio omnis voluptate nihil in. Architecto non quasi soluta nostrum.
</p>
<a href="" class="btn btn-success">
Let Us know How Can We Help You
</a>
</div>
</div>
</div>
</section>
<!-- hero -->
<!-- get -->
<section class="get py-4">
<div class="container">
<div class="text-center">
<h2>
What You'll Get From Us
</h2>
<div class="line"></div>
<div class="row mt-4">
<div class="col-md-3 col-6 p-3">
<div class="card border-0 shadow rounded">
<div class="card-body">
<img src="img/s1.jpg" class="img-fluid" alt="">
<div class="p-3">
<div class="text-success fw-bold fs-20">
24 Hours Service
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-6 p-3">
<div class="card border-0 shadow rounded">
<div class="card-body">
<img src="img/s2.jpg" class="img-fluid" alt="">
<div class="p-3">
<div class="text-success fw-bold fs-20">
Medical Professionals
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-6 p-3">
<div class="card border-0 shadow rounded">
<div class="card-body">
<img src="img/s3.jpg" class="img-fluid" alt="">
<div class="p-3">
<div class="text-success fw-bold fs-20">
Quality Lab Services
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-6 p-3">
<div class="card border-0 shadow rounded">
<div class="card-body">
<img src="img/s4.jpg" class="img-fluid" alt="">
<div class="p-3">
<div class="text-success fw-bold fs-20">
Free Consultations
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- get -->
<!-- we offer -->
<section class="weOffer py-4">
<div class="container">
<div class="row">
<div class="col-md-4 p-3 m-auto">
<h3 class="ls-2 text-success fs-20">We Provide</h3>
<h2 class="fw-bold">Medical Services</h2>
<p>
We specialize in a wide array of medical fields and have some of the best facilities.
</p>
<div class="mt-5">
<h3 class="ls-2 text-success fs-20">Emergency Call</h3>
<a href="tel:01700-000000" class="text-dark text-decoration-none">
<h2 class="fw-bold">01700-000000</h2>
</a>
</div>
</div>
<div class="col-md-8 p-3 m-auto">
<div class="row">
<div class="col-md-4 p-3">
<div class="card border-0 shadow rounded h-100">
<div class="card-body p-4">
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path data-name="layer2" d="M33 63a12.013 12.013 0 01-12-12V26a5 5 0 00-10 0v22a1 1 0 01-2 0V26a7 7 0 0114 0v25a10 10 0 0020 0v-7a1 1 0 012 0v7a12.013 12.013 0 01-12 12z" fill="#536897"></path><path data-name="layer4" d="M59 25a1 1 0 01-1-1V6a3 3 0 00-3-3 1 1 0 010-2 5.006 5.006 0 015 5v18a1 1 0 01-1 1zm-30 0a1 1 0 01-1-1V6a5.006 5.006 0 015-5 1 1 0 010 2 3 3 0 00-3 3v18a1 1 0 01-1 1z" fill="#c8daf8"></path><path d="M29 25a1 1 0 01-1-1V6a5.006 5.006 0 015-5 1 1 0 010 2 3 3 0 00-3 3v18a1 1 0 01-1 1z" fill="#000064" data-name="opacity" opacity=".15"></path><path data-name="layer3" d="M27 24h4a13 13 0 0026 0h4a17.018 17.018 0 01-15 16.872V43a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2.128A17.018 17.018 0 0127 24z" fill="#9cceff"></path><circle data-name="layer2" cx="10" cy="55" r="7" fill="#536897"></circle><path data-name="opacity" d="M31 24h-4a17.018 17.018 0 0015 16.872V43a1 1 0 001 1h1v-7a13.015 13.015 0 01-13-13zM7.878 52.879l-4.467 4.466a7.009 7.009 0 004.243 4.244l4.467-4.468z" fill="#000064" opacity=".15"></path><circle data-name="layer1" cx="10" cy="55" r="3" fill="#dcebf5"></circle></svg>
<a href="" class="text-success">
<h4 class="text-success">Primary Care</h4>
</a>
<p class="fs-14 text-muted mb-0">
Consulting
</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 p-3">
<div class="card border-0 shadow rounded h-100">
<div class="card-body p-4">
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path data-name="layer2" d="M54.132 36.483c-7.756 12.074-22.054 20.059-22.054 20.059s-13.86-7.7-21.748-19.034l-2.429-4a23.93 23.93 0 01-2.9-11c0-18.961 23-19 27-5 4-14 27-14 27 4a25.552 25.552 0 01-2.644 11z" fill="#f26161"></path><path data-name="layer1" d="M62 32H44.309c-.569 0-1.083.07-1.342.581l-2.879 5.636-5.778-14.095a1.524 1.524 0 00-1.283-.957 1.493 1.493 0 00-1.4.726l-5.712 9.785-3.715-5.21a1.489 1.489 0 00-1.179-.63c-.472-.016-.915.438-1.213.809L16.519 33H2a1 1 0 000 2h14.76c.457 0 .884-.452 1.17-.81l3.024-3.9 3.783 5.234a1.454 1.454 0 001.289.6 1.513 1.513 0 001.227-.759l5.592-9.595 5.812 14.213A1.547 1.547 0 0039.99 41h.057a1.364 1.364 0 001.339-.682L44.617 34H62a1 1 0 000-2z" fill="#556685"></path><path data-name="opacity" d="M10.33 37.508c7.888 11.338 21.748 19.034 21.748 19.034s14.3-7.985 22.054-20.059L55.521 34h-10.9l-3.231 6.318a1.364 1.364 0 01-1.343.682h-.057a1.547 1.547 0 01-1.333-1.024l-5.811-14.213-5.592 9.595a1.513 1.513 0 01-1.227.759 1.454 1.454 0 01-1.289-.6l-3.783-5.234-3.024 3.9c-.287.358-.713.81-1.17.81H8.808z" fill="#000064" opacity=".15"></path></svg>
<a href="" class="text-success">
<h4 class="text-success">General Health</h4>
</a>
<p class="fs-14 text-muted mb-0">
Diagnostic, tests
</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 p-3">
<div class="card border-0 shadow rounded h-100">
<div class="card-body p-4">
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path data-name="layer3" d="M35.282 44.29a7.783 7.783 0 002.287-3.355A1.976 1.976 0 0039 39a2.014 2.014 0 00-.961-1.734C37.835 33.192 35.886 30 31 30s-6.835 3.192-7.039 7.266A2.014 2.014 0 0023 39a1.976 1.976 0 001.431 1.935 7.783 7.783 0 002.287 3.355A10.021 10.021 0 0021 53.308V56h20v-2.692a10.021 10.021 0 00-5.718-9.018z" fill="#a7c5f2"></path><path data-name="layer2" d="M26.718 44.29a7.783 7.783 0 01-2.287-3.355A1.976 1.976 0 0123 39a2.014 2.014 0 01.961-1.734 10.629 10.629 0 01.581-3.072A13.036 13.036 0 0018 30.363v-1.312a8.819 8.819 0 004.038-4.4 17.382 17.382 0 00.77-1.672c.064.006.126.02.191.02a1.993 1.993 0 00.967-3.74c.826-3.617.927-7.734-.967-10.26-1.7-2.263-8.45-2.55-11 0-1 1-6-1-6 5a39.592 39.592 0 00.336 5.121A2 2 0 007 23c.062 0 .121-.013.183-.019a5.658 5.658 0 00.641 1.339l.015.018A8.918 8.918 0 0012 29.043v1.323A13.041 13.041 0 002 43v13h19v-2.692a10.021 10.021 0 015.718-9.018z" fill="#78d1f4"></path><path data-name="layer1" d="M52 31.366V29.3c.2-.094.385-.2.571-.312h.009c2.381.988 7.259.037 9.32-1.9a.1.1 0 00-.022-.158A9.541 9.541 0 0157 19c0-3.922-1.923-8.806-7.653-8.994A9.193 9.193 0 0040 19.056c-.015 4.795-1.877 6.813-3.8 7.842a.1.1 0 00.018.176c2.8.973 4.712 2.4 9.784 2.43v1.866a13.074 13.074 0 00-7.975 5.685c0 .07.013.14.017.211A2.014 2.014 0 0139 39a1.976 1.976 0 01-1.431 1.935 7.783 7.783 0 01-2.287 3.355A10.021 10.021 0 0141 53.308V56h21V44a13.041 13.041 0 00-10-12.634z" fill="#f27e7c"></path><path data-name="opacity" d="M21 53.308a10.021 10.021 0 015.718-9.018 7.783 7.783 0 01-2.287-3.355A1.976 1.976 0 0123 39a2.014 2.014 0 01.961-1.734 10.629 10.629 0 01.581-3.072c-.144-.156-.3-.3-.451-.453L2 55.823V56h19z" fill="#000064" opacity=".15"></path></svg>
<a href="" class="text-success">
<h4 class="text-success">Pediatrics</h4>
</a>
<p class="fs-14 text-muted mb-0">
Pediatric specialty care
</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 p-3">
<div class="card border-0 shadow rounded h-100">
<div class="card-body p-4">
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path data-name="layer4" d="M17.75 13h2.158a3 3 0 002.91-3.727l-.871-3.485A5 5 0 0017.1 2H15zM51 38H35.859l-4.53-5H51v5z" fill="#9cceff"></path><path data-name="layer3" d="M22 31a1 1 0 01-.969-.758L14.219 3H6a1 1 0 010-2h9.781l7.189 28.758A1 1 0 0122 31zm38 28h-8.1a1 1 0 110-2H60a1 1 0 010 2z" fill="#c8daf8"></path><path data-name="layer3" d="M51 55.017a1 1 0 01-1-1V34a11.012 11.012 0 00-11-11H20a1 1 0 010-2h19a13.015 13.015 0 0113 13v20.017a1 1 0 01-1 1z" fill="#c8daf8"></path><path data-name="layer3" d="M51 48H38a1 1 0 010-2h13a1 1 0 010 2z" fill="#c8daf8"></path><path data-name="layer2" d="M22 30a16 16 0 1016 16 16 16 0 00-16-16zm0 27a11 11 0 1111-11 11 11 0 01-11 11z" fill="#536897"></path><path data-name="layer1" d="M22 57a11 11 0 1111-11 11 11 0 01-11 11z" fill="#dcebf5"></path><circle data-name="layer2" cx="47" cy="57" r="5.5" fill="#536897"></circle><path data-name="layer1" d="M14.222 53.778a11 11 0 1115.557 0 11 11 0 01-15.557 0z" fill="#dcebf5"></path><path data-name="opacity" d="M29.777 53.777a11 11 0 11-15.554-15.554l-8.2 8.2a15.979 15.979 0 0015.555 15.556l8.2-8.2z" fill="#000064" opacity=".15"></path></svg>
<a href="" class="text-success">
<h4 class="text-success">Physical Theraphy</h4>
</a>
<p class="fs-14 text-muted mb-0">
Rehabilitation services
</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 p-3">
<div class="card border-0 shadow rounded h-100">
<div class="card-body p-4">
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path data-name="layer2" d="M56.637 8.612C49.817-.1 40.1.661 31.905 6.03c-3.752-2.619-7.911-5.1-14.758-3.5C5.432 5.282 3 13.981 3 24.213 3 29.886 4.832 38.8 7.071 47.919S13.567 62 17.536 62 22 57.546 22 54c0-4 1-15 10-15 6.921 0 9 9 9 15 0 5.731 2 8 5.865 8C54.295 62 58.982 39.673 60 34s3.455-16.676-3.363-25.388z" fill="#c8daf8"></path><path data-name="layer1" d="M31.905 11.024a24.924 24.924 0 0018.078-7.741C44.234.766 37.693 2.238 31.905 6.03c-3.752-2.619-7.911-5.1-14.758-3.5a23.381 23.381 0 00-3.108.972 24.919 24.919 0 0017.866 7.522z" fill="#a7c5f2"></path><path data-name="opacity" d="M17.148 2.534C5.432 5.282 3 13.981 3 24.213 3 29.886 4.832 38.8 7.071 47.919S13.567 62 17.536 62 22 57.546 22 54c0-3.985 1-14.918 9.905-15V6.03C28.153 3.411 23.994.928 17.148 2.534z" fill="#000064" opacity=".15"></path></svg>
<a href="" class="text-success">
<h4 class="text-success">Dental Care</h4>
</a>
<p class="fs-14 text-muted mb-0">
Orthodontics
</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 p-3">
<div class="card border-0 shadow rounded h-100">
<div class="card-body p-4">
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path data-name="layer4" d="M32 14.484C14.792 14.484 2.5 32 2.5 32S14.792 49.516 32 49.516 61.5 32 61.5 32 49.209 14.484 32 14.484z" fill="#dcf2fa"></path><circle data-name="layer3" cx="32" cy="31.512" r="12" fill="#12a8e9"></circle><path data-name="opacity" d="M8.2 38.422c5.031 4.823 13.065 10.654 22.74 11.061l9.6-9.6-17.1-16.773z" fill="#000064" opacity=".15"></path><circle data-name="layer2" cx="32" cy="31.512" r="6" fill="#566b97"></circle><circle data-name="layer1" cx="33.2" cy="30.311" r="2" fill="#fff"></circle></svg>
<a href="" class="text-success">
<h4 class="text-success">Eye Care</h4>
</a>
<p class="fs-14 text-muted mb-0">
Prescription services
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- we offer -->
<!-- footer -->
<section class="footer py-4">
<div class="container">
<div class="card border-0 bg-dark">
<div class="card-body p-4">
<div class="text-center">
<a href="" class="">
<img src="img/logo.png" class="img-fluid logo" alt="">
</a>
</div>
<div class="row mt-4">
<div class="col-md-3 p-3">
<p class="fs-20 text-white fw-bold">
Explore Services
</p>
<ul class="list-unstyled m-0 p-0">
<li>
<a href="" class="text-white">
Checkup
</a>
</li>
<li>
<a href="" class="text-white">
Admit
</a>
</li>
</ul>
</div>
<div class="col-md-3 p-3">
<p class="fs-20 text-white fw-bold">
Useful Links
</p>
<ul class="list-unstyled m-0 p-0">
<li>
<a href="" class="text-white">
Contact Us
</a>
</li>
<li>
<a href="" class="text-white">
<i class="fab fa-facebook"></i> Facebook
</a>
</li>
<li>
<a href="" class="text-white">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="" class="text-white">
<i class="fab fa-youtube"></i> Youtube
</a>
</li>
</ul>
</div>
<div class="col-md-3 p-3">
<p class="fs-20 text-white fw-bold">
Listings
</p>
<ul class="list-unstyled m-0 p-0">
<li>
<a href="" class="text-white">
Doctor List
</a>
</li>
<li>
<a href="" class="text-white">
Patient List
</a>
</li>
</ul>
</div>
<div class="col-md-3 p-3">
<p class="fs-20 text-white fw-bold">
Location
</p>
<ul class="list-unstyled m-0 p-0">
<li class="text-white">
Patuakhali Science & Technology University
</li>
<li class="text-white">
Dumki, Patuakhali
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
</body>
</html>