Spaces:
Running
Running
<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">👤</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 →</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 →</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 →</a> | |
</div> | |
</div> | |
</div> | |
<div class="cms-news-viewall"> | |
<a href="#">View all news and updates →</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 →</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 →</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 →</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 →</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 →</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 →</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> info@centralmedical.com</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> |