Hugging Face's logo

Spaces:
enzostvs
/
deepsite
Running

App Files Community
373
deepsite
File size: 11,008 Bytes 
c3a3a56
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Zen Miracle Animal Bite Center</title>
    <link rel="stylesheet" href="styles/style.css">
</head>
<body>
    <header class="cms-header">
        <div class="cms-header-title">Zen Miracle ABC</div>
        <nav class="cms-nav">
            <a href="index.html" class="active">Home</a>
            <a href="#">User Registration</a>
            <a href="book-appointment.html">Appointments</a>
            <a href="#">Clinic Locations</a>
            <a href="#">News</a>
        </nav>
        <a href="dashboard.html" class="cms-user-icon" title="User Account">&#128100;</a>
    </header>
    <main>
        <section class="cms-hero">
            <div class="cms-hero-content">
                <h1>Your Health, Our Priority</h1>
                <p>Comprehensive healthcare solutions with a centralized approach for all your medical needs.</p>
                <div class="cms-hero-buttons">
                    <button class="primary" onclick="window.location.href='book-appointment.html'">Book Appointment</button>
                    <button class="secondary" onclick="window.location.href='book-appointment.html'">Find a Clinic</button>
                </div>
            </div>
            <div class="cms-hero-image">
                <div class="cms-image-placeholder">
                    Healthcare Professional Image
                </div>
            </div>
        </section>
        <section class="cms-news">
            <h2>News and Updates</h2>
            <div class="cms-news-cards">
                <div class="cms-news-card">
                    <div class="cms-news-card-image">sample</div>
                    <div class="cms-news-card-content">
                        <div class="cms-news-date">August 11, 2025</div>
                        <h3>title</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut, delectus.</p>
                        <a href="#" class="cms-news-readmore">Read more &rarr;</a>
                    </div>
                </div>
                <div class="cms-news-card">
                    <div class="cms-news-card-image">sample</div>
                    <div class="cms-news-card-content">
                        <div class="cms-news-date">July 28, 2025</div>
                        <h3>title</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut, delectus.</p>
                        <a href="#" class="cms-news-readmore">Read more &rarr;</a>
                    </div>
                </div>
                <div class="cms-news-card">
                    <div class="cms-news-card-image">sample</div>
                    <div class="cms-news-card-content">
                        <div class="cms-news-date">July 15, 2025</div>
                        <h3>title</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut, delectus.</p>
                        <a href="#" class="cms-news-readmore">Read more &rarr;</a>
                    </div>
                </div>
            </div>
            <div class="cms-news-viewall">
                <a href="#">View all news and updates &rarr;</a>
            </div>
        </section>
        <section class="cms-services">
            <h2>Our Services</h2>
            <p class="cms-services-desc">
                We offer a comprehensive range of medical services to meet all your healthcare needs in one place.
            </p>
            <div class="cms-services-cards">
                <div class="cms-services-card">
                    <div class="cms-services-icon">⚕️</div>
                    <h3>title</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut, delectus.</p>
                    <a href="#" class="cms-services-learn">Learn more &rarr;</a>
                </div>
                <div class="cms-services-card">
                    <div class="cms-services-icon">🩺</div>
                    <h3>title</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut, delectus.</p>
                    <a href="#" class="cms-services-learn">Learn more &rarr;</a>
                </div>
                <div class="cms-services-card">
                    <div class="cms-services-icon">🏥</div>
                    <h3>title</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut, delectus.</p>
                    <a href="#" class="cms-services-learn">Learn more &rarr;</a>
                </div>
                <div class="cms-services-card">
                    <div class="cms-services-icon">🗓️</div>
                    <h3>title</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut, delectus.</p>
                    <a href="#" class="cms-services-learn">Learn more &rarr;</a>
                </div>
                <div class="cms-services-card">
                    <div class="cms-services-icon">🎥</div>
                    <h3>title</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut, delectus.</p>
                    <a href="#" class="cms-services-learn">Learn more &rarr;</a>
                </div>
                <div class="cms-services-card">
                    <div class="cms-services-icon">💊</div>
                    <h3>title</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex ut, delectus.</p>
                    <a href="#" class="cms-services-learn">Learn more &rarr;</a>
                </div>
            </div>
        </section>
        <section class="cms-about">
            <div class="cms-about-left">
                <h2>About Us</h2>
                <p>
                    Central Medical Services was founded with a mission to provide accessible, high-quality healthcare to all patients through a centralized approach. We bring together various healthcare specialties under one roof to ensure comprehensive care.
                </p>
                <p>
                    With over 15 years of experience in the healthcare industry, our team of dedicated professionals is committed to delivering patient-centered care with compassion and excellence.
                </p>
                <div class="cms-about-stats">
                    <div class="cms-about-stat">
                        <span class="cms-about-stat-icon">🏥</span>
                        <div>
                            <div class="cms-about-stat-number">15+</div>
                            <div class="cms-about-stat-label">Clinic Locations</div>
                        </div>
                    </div>
                    <div class="cms-about-stat">
                        <span class="cms-about-stat-icon">👨‍⚕️</span>
                        <div>
                            <div class="cms-about-stat-number">200+</div>
                            <div class="cms-about-stat-label">Healthcare Providers</div>
                        </div>
                    </div>
                    <div class="cms-about-stat">
                        <span class="cms-about-stat-icon">👥</span>
                        <div>
                            <div class="cms-about-stat-number">50,000+</div>
                            <div class="cms-about-stat-label">Patients Served</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cms-about-right">
                <div class="cms-about-feature">Medical Team</div>
                <div class="cms-about-feature">Modern Facility</div>
                <div class="cms-about-feature">Patient Care</div>
                <div class="cms-about-feature">Medical Equipment</div>
            </div>
        </section>
        <section class="cms-cta">
            <div class="cms-cta-content">
                <h2>Ready to Experience Better Healthcare?</h2>
                <p>
                    Join thousands of satisfied patients who have made Central Medical Services their healthcare provider of choice.
                </p>
                <div class="cms-cta-buttons">
                    <button class="cms-cta-btn secondary" onclick="window.location.href='user-registration.html'">Register Now</button>
                    <button class="cms-cta-btn primary" onclick="window.location.href='book-appointment.html'">Book an Appointment</button>
                </div>
            </div>
        </section>
    </main>
    <footer class="cms-footer">
        <div class="cms-footer-main">
            <div class="cms-footer-col">
                <h3>Zen Miracle ABC</h3>
                <p>Providing comprehensive healthcare solutions with a patient-centered approach.</p>
                <div class="cms-footer-social">
                    <a href="#"><span>🌐</span></a>
                    <a href="#"><span>🐦</span></a>
                    <a href="#"><span>📸</span></a>
                    <a href="#"><span>💼</span></a>
                </div>
            </div>
            <div class="cms-footer-col">
                <h4>Quick Links</h4>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Locations</a></li>
                    <li><a href="#">News & Updates</a></li>
                </ul>
            </div>
            <div class="cms-footer-col">
                <h4>Patient Resources</h4>
                <ul>
                    <li><a href="#">Patient Portal</a></li>
                    <li><a href="#">Book an Appointment</a></li>
                    <li><a href="#">Medical Records</a></li>
                    <li><a href="#">Insurance Information</a></li>
                    <li><a href="#">Patient Forms</a></li>
                </ul>
            </div>
            <div class="cms-footer-col">
                <h4>Contact Us</h4>
                <ul>
                    <li><span>📍</span> 123 Medical Center Drive, Cityville, State 12345</li>
                    <li><span>📞</span> (123) 456-7890</li>
                    <li><span>✉️</span> [email protected]</li>
                    <li><span>⏰</span> Mon-Fri: 8am-6pm, Sat: 9am-1pm</li>
                </ul>
            </div>
        </div>
        <div class="cms-footer-bottom">
            <span>© 2025 Central Medical Services. All rights reserved.</span>
            <div class="cms-footer-links">
                <a href="#">Privacy Policy</a>
                <a href="#">Terms of Service</a>
                <a href="#">Sitemap</a>
            </div>
        </div>
    </footer>
    <script src="scripts/main.js"></script>
</body>
</html>