deepsite / 4th year /index.html
kjro's picture
Upload 10 files
c3a3a56 verified
raw
history blame
11 kB
<!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> 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>