Healthcare-Plus/services.html at main · Aryan68798/Healthcare-Plus · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Our Services - MediCare Plus</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Navigation -->
    <nav>
        <div class="container">
            <div class="logo">🏥 MediCare Plus</div>

            <!-- Mobile menu toggle (three dots) -->
            <input type="checkbox" id="nav-toggle" class="nav-toggle">
            <label for="nav-toggle" class="nav-toggle-label">
                <span></span>
                <span></span>
                <span></span>
            </label>

            <ul class="nav-links">
                <li><a href="index.html">Home</a></li>
                <li><a href="services.html" class="active">Services</a></li>
                <li><a href="doctors.html">Doctors</a></li>
                <li><a href="shop.html">Shop</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="contact.html">Contact</a></li>
                <li><a href="contact.html" class="cta-button">Book Appointment</a></li>
            </ul>
        </div>
    </nav>

    <!-- Page Header -->
    <section class="page-header">
        <div class="container">
            <h1>Our Medical Services</h1>
            <p>Comprehensive healthcare solutions tailored to your needs with expert care and advanced treatment options</p>
        </div>
    </section>

    <!-- Services Section -->
    <section class="services">
        <div class="container">
            <div class="services-grid">
                <div class="service-card">
                    <div class="service-icon">🩺</div>
                    <h3>General Medicine</h3>
                    <p>Comprehensive primary care for all ages with experienced physicians. From routine check-ups to chronic disease management, we provide personalized care for your entire family.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">❤️</div>
                    <h3>Cardiology</h3>
                    <p>Advanced heart care including EKG, echocardiography, stress testing, and interventional procedures. Our cardiologists specialize in treating heart disease, hypertension, and arrhythmias.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">🧠</div>
                    <h3>Neurology</h3>
                    <p>Specialized treatment for neurological conditions including migraines, epilepsy, stroke, Parkinson's disease, and multiple sclerosis using advanced imaging and diagnostic tools.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">🦴</div>
                    <h3>Orthopedics</h3>
                    <p>Complete musculoskeletal care including fracture treatment, arthritis management, sports medicine, and joint replacement surgery with minimally invasive techniques for faster recovery.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">👶</div>
                    <h3>Pediatrics</h3>
                    <p>Comprehensive pediatric care including wellness visits, vaccinations, developmental screenings, and treatment of childhood illnesses in a child-friendly environment.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">🚑</div>
                    <h3>Emergency Care</h3>
                    <p>24/7 emergency department staffed by board-certified emergency physicians and trauma specialists. We provide immediate care for life-threatening conditions and urgent medical needs.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">🔬</div>
                    <h3>Laboratory Services</h3>
                    <p>State-of-the-art diagnostic testing with accurate results and quick turnaround times.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">💊</div>
                    <h3>Pharmacy</h3>
                    <p>Full-service pharmacy with expert pharmacists and convenient prescription services.</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">🏥</div>
                    <h3>Surgery</h3>
                    <p>Advanced surgical procedures with experienced surgeons and modern operating facilities.</p>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="footer-content">
            <div class="footer-section">
                <h3>MediCare Plus</h3>
                <p>Providing exceptional healthcare services with compassion and expertise since 2010.</p>
            </div>
            <div class="footer-section">
                <h3>Quick Links</h3>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="services.html">Services</a></li>
                    <li><a href="doctors.html">Doctors</a></li>
                    <li><a href="shop.html">Shop</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3>Contact Info</h3>
                <ul>
                    <li>📞 +1 (555) 123-4567</li>
                    <li>✉️ info@medicareplus.com</li>
                    <li>📍 123 Health Street, Medical City</li>
                    <li>🕐 24/7 Emergency Services</li>
                </ul>
            </div>
            <div class="footer-section">
                <h3>Follow Us</h3>
                <ul>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Instagram</a></li>
                    <li><a href="#">LinkedIn</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy;MediCare Plus. All rights reserved.❤️ for S&W project
            </p>
        </div>
    </footer>
</body>
</html>