-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.php
More file actions
173 lines (146 loc) · 8.27 KB
/
contact.php
File metadata and controls
173 lines (146 loc) · 8.27 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
<!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®</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" />
<!-- AOS CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css">
<!-- Custom CSS File -->
<link rel="stylesheet" href="./assets/css/contact_styles.css">
</head>
<body>
<div class="bg-img-wrapper">
<img class="bg-img bg-cover" src="./assets/img/insurance_qatar.jpg" alt="Life Medical Insurance in Qatar">
</div>
<!-- !Navigation Section -->
<nav class="navbar navbar-expand-xl sticky-top">
<div class="container">
<a href="index.html" 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.html" class="nav-link">HOME</a>
</li>
<li class="nav-item">
<a href="index.html#clinic" class="nav-link">OUR CLINIC</a>
</li>
<li class="nav-item">
<a href="doctors.php" class="nav-link">DOCTORS</a>
</li>
<li class="nav-item">
<a href="services.php" class="nav-link">SERVICES</a>
</li>
<li class="nav-item">
<a href="index.html#aboutus" class="nav-link">ABOUT US</a>
</li>
<li class="nav-item">
<a href="index.html#testomonial" class="nav-link">REVIEWS</a>
</li>
<li class="nav-item d-block d-xl-none">
<a href="contact.html" class="nav-link" data-bs-toggle="modal" data-bs-target="#contactModal">CONTACT</a>
</li>
</ul>
<a href="contact.html" class="btn btn-brand d-none d-xl-block ms-3" data-bs-toggle="modal" data-bs-target="#contactModal">CONTACT</a>
</div>
</div>
</nav>
<div class="container mt-5" style="z-index: 100;">
<div class="row">
<div class="col-md-6">
<iframe class="rounded-5" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1802.7781248733945!2d51.46425098266447!3d25.35266750739408!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e45dc507ce453c3%3A0x6a280d95f054784a!2sAlShaheen%20Medical%20Center!5e0!3m2!1sen!2sqa!4v1731222027789!5m2!1sen!2sqa" width="100%" height="450" style="border:5px solid var(--brand-color1);" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-md-6">
<img src="./assets/img/alshaheen_buliding.jpg" alt="">
</div>
</div>
</div>
<div class="container mt-5">
<div class="row text-center">
<h5>Our Clinic Adress</h5>
<p>Villa 10 Al-Shaflahya St.950 - Area 30, P.O.Box :200855, Doha, Qatar.</p>
<div>
<a href="tel:+97444823673" class="btn btn-brand mt-3"><img src="./assets/img/ring.gif" style="width: 25px;" class="me-1"> Call Us Now for Inquiries</a>
</div>
</div>
</div>
<!-- !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="www.google.com"><i class="fa-brands fa-instagram"></i></a>
<a href="www.google.com"><i class="fa-brands fa-facebook-f"></i></a>
<a href="www.google.com"><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>
<!-- Custom JavaScript Code -->
<script>
$(window).scroll(function() {
var scrollPosition = $(this).scrollTop(); // Get current scroll position
var navbar = $('.navbar'); // Select the navbar
// Add/remove the 'scrolled' class based on scroll position
if (scrollPosition > 50) {
navbar.addClass('scrolled'); // Add class if scroll position is more than 50
} else {
navbar.removeClass('scrolled'); // Remove class if scroll position is less than 50
}
});
</script>
</body>
</html>