-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdoctor.php
More file actions
209 lines (177 loc) · 11.3 KB
/
doctor.php
File metadata and controls
209 lines (177 loc) · 11.3 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
<!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="doctors.php" class="nav-link active">DOCTORS</a>
</li>
<li class="nav-item">
<a href="services.php" class="nav-link">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 Doctors</h1>
<div class="section-line">
<div class="thin-line" data-aos="zoom-in"></div>
<div class="bold-line"></div>
</div>
<p>Meet our highly qualified team of doctors who bring years of expertise and dedication to patient care. Each specialist is committed to providing personalized, compassionate, and effective treatments, ensuring you receive the best possible healthcare tailored to your 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-user-doctor"></i> All Doctors</li>
<li data-filter=".filter-a" data-aos="fade-up" data-aos-delay="200"><i class="fa-solid fa-syringe"></i> Aesthetic & Surgical Doctors</li>
<li data-filter=".filter-b" data-aos="fade-up" data-aos-delay="300"><i class="fa-solid fa-tooth"></i> Medical & Diagnostic Doctors</li>
<li data-filter=".filter-c" data-aos="fade-up" data-aos-delay="400"><i class="fa-solid fa-syringe"></i> Fertility & Reproductive Doctors</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>
</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>