-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.php
More file actions
495 lines (452 loc) · 34.6 KB
/
services.php
File metadata and controls
495 lines (452 loc) · 34.6 KB
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
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Al Shaheen Medical Center® Qatar | Aesthetic, Surgical & Fertility Services</title>
<link rel="shortcut icon" href="./assets/img/favicon.png" type="image/x-icon">
<!-- Meta Description -->
<meta name="description" content="Visit our Qatar-based medical center for top aesthetic treatments, surgical care, and fertility services. Expert healthcare with a patient-first approach.">
<!-- Keywords -->
<meta name="keywords" content="medical center Qatar, aesthetic services Qatar, surgical services Doha, fertility clinic Qatar, reproductive health Qatar, diagnostic services Qatar">
<!-- Open Graph for Social Media -->
<meta property="og:title" content="Top Medical Center in Qatar for Aesthetic, Surgical, and Fertility Services">
<meta property="og:description" content="Providing advanced aesthetic treatments, surgical services, and reproductive health care in Qatar.">
<!-- <meta property="og:image" content="https://yourwebsite.com/images/medical-center-qatar.jpg"> -->
<!-- <meta property="og:url" content="https://yourwebsite.com"> -->
<meta property="og:type" content="website">
<!-- Bootstrap CSS Link -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Custom CSS File -->
<link rel="stylesheet" href="./assets/css/style.css">
<!-- AOS CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css">
</head>
<body>
<!-- !Navigation Section -->
<nav class="navbar navbar-expand-xl sticky-top">
<div class="container">
<a href="index.php" class="navbar-brand">
<img src="./assets/img/logo.png" alt="brand-logo" class="logo-large">
<img src="./assets/img/logo1.png" alt="brand-logo" class="logo-small">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="#navbar" aria-expanded="false" aria-label="toggle-button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a href="index.php" class="nav-link">HOME</a>
</li>
<li class="nav-item">
<a href="index.php#clinic" class="nav-link">OUR CLINIC</a>
</li>
<li class="nav-item">
<a href="doctor.php" class="nav-link">DOCTORS</a>
</li>
<li class="nav-item">
<a href="services.php" class="nav-link active">SERVICES</a>
</li>
<li class="nav-item">
<a href="index.php#aboutus" class="nav-link">ABOUT US</a>
</li>
<li class="nav-item">
<a href="index.php#testomonial" class="nav-link">REVIEWS</a>
</li>
<li class="nav-item d-block d-xl-none">
<a href="contact.php" class="nav-link">CONTACT</a>
</li>
</ul>
<a href="contact.php" class="btn btn-brand d-none d-xl-block ms-3">CONTACT</a>
</div>
</div>
</nav>
<!-- Services Section -->
<section id="services" class="section-padding">
<div class="container">
<!-- Title Row for Each Section -->
<div class="row">
<div class="col-12 text-center">
<div class="section-title">
<h1>Our Services</h1>
<div class="section-line">
<div class="thin-line" data-aos="zoom-in"></div>
<div class="bold-line"></div>
</div>
<p>Our center offers specialized aesthetic, medical, and fertility services, providing expert, personalized care to meet all your health needs.</p>
</div>
</div>
</div>
<!-- Filter Card Section -->
<div class="portfolio-isotope" data-portfolio-filter="*" data-portfolio-layout="masonry" data-portfolio-sort="original-order">
<!-- Fiter Categories -->
<div>
<ul class="portfolio-filter">
<li data-filter="*" class="filter-active" data-aos="fade-up"><i class="fa-solid fa-notes-medical"></i> All Services</li>
<li data-filter=".filter-a" data-aos="fade-up" data-aos-delay="200"><i class="fa-solid fa-syringe"></i> Aesthetic & Surgical Services</li>
<li data-filter=".filter-b" data-aos="fade-up" data-aos-delay="300"><i class="fa-solid fa-stethoscope"></i> Medical & Diagnostic Services</li>
<li data-filter=".filter-c" data-aos="fade-up" data-aos-delay="400"><i class="fa-solid fa-flask-vial"></i> Fertility & Reproductive Health</li>
</ul>
</div>
<!-- Filter Items -->
<div class="row gy-4 portfolio-container">
<div class="col-xl-4 col-md-6 portfolio-item filter-a">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/plastic_surgery.png" alt="best plastic surgeries and surgeons in qatar" title="Plastic Surgery in Qatar" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#plasticSurgery">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">Plastic Surgery</a></h4>
<p>Surgical procedures to reshape or reconstruct body parts for aesthetic or medical purposes.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="plasticSurgery" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Plastic Surgery</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Plastic surgery focuses on enhancing appearance and restoring function through surgical procedures. Whether it's cosmetic improvements or reconstructive treatments, our expert surgeons utilize advanced techniques to deliver natural-looking results. From facelifts and body contouring to corrective surgeries, we prioritize patient safety and satisfaction in every procedure.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-c">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/in_vitro_fertilization.png" alt="ivf treatments in qatar for fertility" title="IVF Fertility Services" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#IVF">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">IVF (In Vitro Fertilization)</a></h4>
<p>Assisted reproductive technology that helps individuals or couples conceive by fertilizing an egg outside the body.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="IVF" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">IVF (In Vitro Fertilization)</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>IVF is a specialized fertility treatment that helps couples conceive by fertilizing an egg outside the body. Our experienced team uses advanced techniques to maximize success rates, providing personalized care and support throughout the journey. We are dedicated to helping families achieve their dreams of parenthood.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-b filter-a">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/blood_collection.png" alt="blood report and blood collection in qatar" title="Blood Collection and Report" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#bloodCollection">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">Blood Collection</a></h4>
<p>Diagnostic service for collecting blood samples to test and monitor health indicators.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="bloodCollection" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Blood Collection</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Our blood collection service ensures accurate and efficient testing in a safe, hygienic environment. Whether for routine check-ups, diagnostics, or specialized tests, our skilled professionals prioritize patient comfort and precision to deliver reliable results for better health management.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-a">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/day_care_surgery.png" alt="day care surgery in qatar" title="Day Care Surgery" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#dayCareSurgery">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">Day Care Surgery</a></h4>
<p>Minor surgical procedures that allow patients to return home on the same day.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="dayCareSurgery" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Day Care Surgery</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Day care surgery offers minimally invasive procedures with same-day discharge, allowing patients to recover comfortably at home. Our skilled surgeons use advanced techniques for quick recovery and minimal downtime, ensuring safe, efficient, and high-quality surgical care.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-a">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/laser_services.png" alt="laser services in qatar" title="Laser Servies" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#laserTreatment">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">Laser</a></h4>
<p>Non-invasive laser treatments used for skin resurfacing, hair removal, and other cosmetic improvements.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="laserTreatment" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Laser</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Our laser treatments provide non-invasive solutions for skin rejuvenation, hair removal, and scar reduction. Using cutting-edge technology, we deliver precise and effective results with minimal discomfort and recovery time, helping you achieve smoother, healthier skin.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-b">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/ent_services.png" alt="ears norse throat services in qatar" title="ENT Doctors in Qatar" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#entTreatment">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">ENT (Ear, Nose, and Throat)</a></h4>
<p>Medical care focused on treating conditions of the ear, nose, and throat, such as infections, allergies, and hearing issues.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="entTreatment" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">ENT (Ear, Nose, and Throat)</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Our ENT services diagnose and treat conditions related to the ear, nose, and throat, such as infections, allergies, and hearing issues. With personalized care and advanced techniques, we ensure effective solutions for your ENT health and overall well-being.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-a">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/filler_services.png" alt="filler services in qatar" title="Filler Services" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#filler">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">Filler</a></h4>
<p>Injectable treatments used to smooth out wrinkles or add volume to areas like the lips and cheeks.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="filler" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Filler</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Filler treatments restore volume, smooth wrinkles, and enhance facial contours for a youthful appearance. Our skilled specialists use high-quality, safe injectables to achieve natural-looking results, helping you refresh your look with minimal downtime.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-b">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/general_practitioner.png" alt="general practitioner doctors in qatar" title="General Practitioner Services" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#gpDoctor">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">GP (General Practitioner)</a></h4>
<p>Primary healthcare services provided by general doctors to diagnose, treat, and prevent various health conditions.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="gpDoctor" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">GP (General Practitioner)</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Our General Practitioners provide comprehensive healthcare services, from preventive care to diagnosing and managing various health conditions. With a patient-centered approach, we ensure personalized, compassionate care for your ongoing wellness and peace of mind.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-b">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/genotype_services.png" alt="genotype services in qatar" title="Genotype Services" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#genotype">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">Genotype</a></h4>
<p>Genetic testing to determine an individual's genotype, often used for compatibility testing in reproductive health.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="genotype" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Genotype</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Genotype testing identifies genetic traits and variations that can impact your health. Our service helps with personalized treatment plans, disease prevention, and understanding genetic compatibility for family planning, ensuring informed healthcare decisions.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-c filter-b">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/obstetrics_services.png" alt="obstetrics services in qatar" title="Obstetrics Services" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#obsTretment">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">OBS (Obstetrics)</a></h4>
<p>Medical care provided during pregnancy, childbirth, and postpartum to ensure the health of both mother and baby.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="obsTretment" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">OBS (Obstetrics)</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Our obstetrics services provide comprehensive care for expecting mothers, from prenatal check-ups to safe deliveries and postpartum support. With compassionate guidance and expert monitoring, we prioritize the health and well-being of both mother and baby throughout the pregnancy journey.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-a">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/oral_surgery.png" alt="oral surgeons in qatar" title="Oral Surgery" class="img-fluid"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#oralSurgery">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">Oral Surgery</a></h4>
<p>Specialized procedures involving the mouth, teeth, and jaw, often addressing issues like impacted teeth or jaw alignment.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="oralSurgery" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Oral Surgery</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Oral surgery involves specialized procedures to treat issues related to the mouth, teeth, and jaw. Our skilled surgeons perform treatments such as tooth extractions, corrective jaw surgeries, and implant placements, ensuring a safe, comfortable experience with effective results for improved oral health.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
<div class="col-xl-4 col-md-6 portfolio-item filter-c">
<div class="portfolio-wrap">
<a href="#"><img src="./assets/img/dental_services.png" alt="best dental service in qatar" class="img-fluid" title="Dental Serviecs"></a>
<button class="portfolio-btn"><a href="#" data-bs-toggle="modal" data-bs-target="#dentalServices">Click to Know More.</a></button>
<div class="portfolio-info">
<h4><a href="#" title="more-Details">Dental Services</a></h4>
<p>Comprehensive dental care, including preventive, restorative, and cosmetic treatments to maintain oral health.</p>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="dentalServices" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content text-center">
<div class="modal-header">
<h1 class="modal-title fs-5" id="staticBackdropLabel">Dental Services</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Our dental services offer comprehensive care, including routine check-ups, preventive treatments, and restorative procedures. From cleanings to fillings, crowns, and cosmetic enhancements, we focus on maintaining your oral health and enhancing your smile with personalized, high-quality care in a comfortable environment.</p>
</div>
</div>
</div>
</div>
<!-- End of Each Modal -->
</div>
</div>
</div>
</section>
<!-- !Footer Section -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<a href="#" class="navbar-brand">
<img src="./assets/img/logo.png" alt="brand-logo" class="logo-large">
<img src="./assets/img/logo1.png" alt="brand-logo" class="logo-small mx-auto">
</a>
<p>© 2024 Alshaheen Medical Center. All rights reserved. Committed to excellence in healthcare and patient well-being.</p>
<div class="social-links">
<a href="https://www.instagram.com/alshaheenmedical/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.facebook.com/alshaheenmedicalcenter/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.linkedin.com/alshaheenmedicalcenter/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p>Designed with <i class="fa-solid fa-heart"></i> by Narza Solution™</p>
</div>
</div>
</footer>
<!-- JS Code for the Page -->
<script>
// Footer Image Change Based on Time of the Day
document.addEventListener("DOMContentLoaded", function() {
const footer = document.getElementById("footer");
const hour = new Date().getHours();
// Apply 'morning' background if between 6 AM and 6 PM, else apply 'night'
if (hour >= 6 && hour < 18) {
footer.classList.add("footer-morning");
} else {
footer.classList.remove("footer-morning");
}
});
</script>
<!-- Javascrip CDN -->
<script src="./assets/js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap CDN for JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!-- JS CDN for Filter Type -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha512-Zq2BOxyhvnRFXu0+WE6ojpZLOU2jdnqbrM1hmVdGzyeCa1DgM3X5Q4A/Is9xA1IkbUeDd7755dNNI/PzSf2Pew==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Owl Carousel CDN -->
<script src="./assets/js/owl.carousel.min.js"></script>
<!-- AOS JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
<!-- Custom JavaScript Code -->
<script src="./assets/js/main.js"></script>
</body>
</html>