php_projects/doctors.php at main · DevArafath/php_projects · GitHub

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
<!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&reg; 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">
<style>
    .portfolio-container {
    clear: both;
}

.portfolio-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

</style>
</head>
<body>

    <!-- !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 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.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>

    <!-- 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>Our team of highly skilled and compassionate doctors is dedicated to providing exceptional care and personalized treatments for every patient.</p>
                    </div>
                </div>
            </div>

            <div class="row g-2">

                    <?php
                        include './includes/db.php';
                        $sql = "SELECT * FROM doctors";
                        $result = $conn->query($sql);

                        if ($result->num_rows > 0) {
                            while($row = $result->fetch_assoc()) {
                                echo "<div class='col-md-4 mb-2'>";
                                echo "<div class='card h-100'>";
                                echo "<img src='images/{$row['image']}' class='card-img-top' alt='{$row['name']}'>";
                                echo "<div class='card-body'>";
                                echo "<h5 class='card-title'>Doctor Name: {$row['name']}</h5>";
                                echo "<p class='card-text'>Specialty: {$row['specialty']}</p>";
                                echo "</div>";
                                echo "<div class='card-footer text-center'>";
                                echo "<small class='text-muted'><a href='tel:+97444823673'><i class='fa-solid fa-phone-volume'></i>&nbsp;&nbsp;Call us now! for Bookings</a></small>";
                                echo "</div>";
                                echo "</div>";
                                echo "</div>";
                            }
                        } else {
                            echo "<p>No doctors found.</p>";
                        }
                        $conn->close();
                    ?>

            </div>


        </div>

    </section>

    <!-- Footer Section -->
    <footer id="footer" class="mt-5">
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 mx-auto text-center">
                        <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>&copy; 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 text-center">
                <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>