382 lines
16 KiB
HTML
382 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>Department Details - MediNest Bootstrap Template</title>
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
|
|
<!-- Favicons -->
|
|
<link href="assets/img/favicon.png" rel="icon">
|
|
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
|
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com" rel="preconnect">
|
|
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Vendor CSS Files -->
|
|
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
|
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
|
|
|
<!-- Main CSS File -->
|
|
<link href="assets/css/main.css" rel="stylesheet">
|
|
|
|
<!-- =======================================================
|
|
* Template Name: MediNest
|
|
* Template URL: https://bootstrapmade.com/medinest-bootstrap-hospital-template/
|
|
* Updated: Aug 11 2025 with Bootstrap v5.3.7
|
|
* Author: BootstrapMade.com
|
|
* License: https://bootstrapmade.com/license/
|
|
======================================================== -->
|
|
</head>
|
|
|
|
<body class="department-details-page">
|
|
|
|
<header id="header" class="header d-flex align-items-center fixed-top">
|
|
<div class="container position-relative d-flex align-items-center justify-content-between">
|
|
|
|
<a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0">
|
|
<!-- Uncomment the line below if you also wish to use an image logo -->
|
|
<!-- <img src="assets/img/logo.webp" alt=""> -->
|
|
<h1 class="sitename">Medi<span>Nest</span></h1>
|
|
</a>
|
|
|
|
<nav id="navmenu" class="navmenu">
|
|
<ul>
|
|
<li><a href="index.html">Inicio</a></li>
|
|
<li><a href="about.html">Sobre</a></li>
|
|
<li><a href="departments.html">Departamentos</a></li>
|
|
<li><a href="services.html">Serviços</a></li>
|
|
<li><a href="doctors.html">Doutores</a></li>
|
|
<li class="dropdown"><a href="#"><span>Mais paginas</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
|
<ul>
|
|
<li><a href="department-details.html" class="active">Department Details</a></li>
|
|
<li><a href="service-details.html">Service Details</a></li>
|
|
<li><a href="appointment.html">Appointment</a></li>
|
|
<li><a href="testimonials.html">Testimonials</a></li>
|
|
<li><a href="faq.html">Frequently Asked Questions</a></li>
|
|
<li><a href="gallery.html">Gallery</a></li>
|
|
<li><a href="terms.html">Terms</a></li>
|
|
<li><a href="privacy.html">Privacy</a></li>
|
|
<li><a href="404.html">404</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
|
<ul>
|
|
<li><a href="#">Dropdown 1</a></li>
|
|
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
|
<ul>
|
|
<li><a href="#">Deep Dropdown 1</a></li>
|
|
<li><a href="#">Deep Dropdown 2</a></li>
|
|
<li><a href="#">Deep Dropdown 3</a></li>
|
|
<li><a href="#">Deep Dropdown 4</a></li>
|
|
<li><a href="#">Deep Dropdown 5</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Dropdown 2</a></li>
|
|
<li><a href="#">Dropdown 3</a></li>
|
|
<li><a href="#">Dropdown 4</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul>
|
|
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
|
</nav>
|
|
|
|
<a class="btn-getstarted" href="apointment.html">Apointment</a>
|
|
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main">
|
|
|
|
<!-- Page Title -->
|
|
<div class="page-title">
|
|
<div class="heading">
|
|
<div class="container">
|
|
<div class="row d-flex justify-content-center text-center">
|
|
<div class="col-lg-8">
|
|
<h1 class="heading-title">Department Details</h1>
|
|
<p class="mb-0">
|
|
Odio et unde deleniti. Deserunt numquam exercitationem. Officiis quo
|
|
odio sint voluptas consequatur ut a odio voluptatem. Sit dolorum
|
|
debitis veritatis natus dolores. Quasi ratione sint. Sit quaerat
|
|
ipsum dolorem.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nav class="breadcrumbs">
|
|
<div class="container">
|
|
<ol>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li class="current">Department Details</li>
|
|
</ol>
|
|
</div>
|
|
</nav>
|
|
</div><!-- End Page Title -->
|
|
|
|
<!-- Department Details Section -->
|
|
<section id="department-details" class="department-details section">
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-7">
|
|
<div class="department-content" data-aos="fade-right" data-aos-delay="200">
|
|
<div class="department-header">
|
|
<div class="specialty-tag">
|
|
<i class="bi bi-heart-pulse"></i>
|
|
<span>Cardiology</span>
|
|
</div>
|
|
<h1 class="department-name">Comprehensive Heart Care Center</h1>
|
|
<p class="department-description">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
|
|
</div>
|
|
|
|
<div class="service-highlights" data-aos="fade-up" data-aos-delay="300">
|
|
<h3>Specialized Services</h3>
|
|
<div class="highlights-grid">
|
|
<div class="highlight-card">
|
|
<div class="highlight-icon">
|
|
<i class="bi bi-activity"></i>
|
|
</div>
|
|
<h4>Cardiac Surgery</h4>
|
|
<p>Donec rutrum congue leo eget malesuada vestibulum ac diam sit amet quam.</p>
|
|
</div>
|
|
<div class="highlight-card">
|
|
<div class="highlight-icon">
|
|
<i class="bi bi-eye"></i>
|
|
</div>
|
|
<h4>Diagnostic Testing</h4>
|
|
<p>Curabitur arcu erat accumsan id imperdiet et porttitor at sem mauris blandit.</p>
|
|
</div>
|
|
<div class="highlight-card">
|
|
<div class="highlight-icon">
|
|
<i class="bi bi-shield-plus"></i>
|
|
</div>
|
|
<h4>Preventive Care</h4>
|
|
<p>Nulla quis lorem ut libero malesuada feugiat cras ultricies ligula sed magna.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cta-section" data-aos="fade-up" data-aos-delay="400">
|
|
<a href="appointment.html" class="btn-appointment">
|
|
<i class="bi bi-calendar-plus"></i>
|
|
<span>Book Appointment</span>
|
|
</a>
|
|
<div class="contact-quick">
|
|
<span class="contact-label">Emergency Line</span>
|
|
<span class="contact-number">+1 (555) 987-6543</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-5">
|
|
<div class="visual-section" data-aos="fade-left" data-aos-delay="300">
|
|
<div class="main-visual">
|
|
<img src="assets/img/health/cardiology-3.webp" alt="Cardiology Department" class="img-fluid department-image">
|
|
<div class="stats-overlay" data-aos="zoom-in" data-aos-delay="500">
|
|
<div class="stat-item">
|
|
<span class="stat-number">98%</span>
|
|
<span class="stat-label">Success Rate</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-number">12K+</span>
|
|
<span class="stat-label">Patients Treated</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="department-details" data-aos="fade-up" data-aos-delay="600">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<div class="details-content">
|
|
<h3>Expert Care You Can Trust</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
|
|
<div class="care-features">
|
|
<div class="feature-row">
|
|
<i class="bi bi-check-circle"></i>
|
|
<span>State-of-the-art cardiac catheterization laboratory</span>
|
|
</div>
|
|
<div class="feature-row">
|
|
<i class="bi bi-check-circle"></i>
|
|
<span>Advanced imaging and diagnostic capabilities</span>
|
|
</div>
|
|
<div class="feature-row">
|
|
<i class="bi bi-check-circle"></i>
|
|
<span>Minimally invasive surgical procedures</span>
|
|
</div>
|
|
<div class="feature-row">
|
|
<i class="bi bi-check-circle"></i>
|
|
<span>Comprehensive rehabilitation programs</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<div class="info-sidebar" data-aos="fade-left" data-aos-delay="700">
|
|
<div class="info-card">
|
|
<h4>Department Hours</h4>
|
|
<div class="hours-list">
|
|
<div class="hours-item">
|
|
<span>Monday - Friday</span>
|
|
<span>7:00 AM - 8:00 PM</span>
|
|
</div>
|
|
<div class="hours-item">
|
|
<span>Saturday</span>
|
|
<span>8:00 AM - 5:00 PM</span>
|
|
</div>
|
|
<div class="hours-item">
|
|
<span>Sunday</span>
|
|
<span>Emergency Only</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info-card">
|
|
<h4>Quick Links</h4>
|
|
<div class="quick-links">
|
|
<a href="services.html">
|
|
<i class="bi bi-arrow-right"></i>
|
|
<span>All Cardiology Services</span>
|
|
</a>
|
|
<a href="doctors.html">
|
|
<i class="bi bi-arrow-right"></i>
|
|
<span>Meet Our Specialists</span>
|
|
</a>
|
|
<a href="insurance.html">
|
|
<i class="bi bi-arrow-right"></i>
|
|
<span>Insurance Information</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Department Details Section -->
|
|
|
|
</main>
|
|
|
|
<footer id="footer" class="footer position-relative">
|
|
|
|
<div class="container footer-top">
|
|
<div class="row gy-4">
|
|
<div class="col-lg-4 col-md-6 footer-about">
|
|
<a href="index.html" class="logo d-flex align-items-center">
|
|
<span class="sitename">MediNest</span>
|
|
</a>
|
|
<div class="footer-contact pt-3">
|
|
<p>A108 Adam Street</p>
|
|
<p>New York, NY 535022</p>
|
|
<p class="mt-3"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
|
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
|
</div>
|
|
<div class="social-links d-flex mt-4">
|
|
<a href=""><i class="bi bi-twitter-x"></i></a>
|
|
<a href=""><i class="bi bi-facebook"></i></a>
|
|
<a href=""><i class="bi bi-instagram"></i></a>
|
|
<a href=""><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-3 footer-links">
|
|
<h4>Useful 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="#">Terms of service</a></li>
|
|
<li><a href="#">Privacy policy</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-3 footer-links">
|
|
<h4>Our Services</h4>
|
|
<ul>
|
|
<li><a href="#">Web Design</a></li>
|
|
<li><a href="#">Web Development</a></li>
|
|
<li><a href="#">Product Management</a></li>
|
|
<li><a href="#">Marketing</a></li>
|
|
<li><a href="#">Graphic Design</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-3 footer-links">
|
|
<h4>Hic solutasetp</h4>
|
|
<ul>
|
|
<li><a href="#">Molestiae accusamus iure</a></li>
|
|
<li><a href="#">Excepturi dignissimos</a></li>
|
|
<li><a href="#">Suscipit distinctio</a></li>
|
|
<li><a href="#">Dilecta</a></li>
|
|
<li><a href="#">Sit quas consectetur</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-3 footer-links">
|
|
<h4>Nobis illum</h4>
|
|
<ul>
|
|
<li><a href="#">Ipsam</a></li>
|
|
<li><a href="#">Laudantium dolorum</a></li>
|
|
<li><a href="#">Dinera</a></li>
|
|
<li><a href="#">Trodelas</a></li>
|
|
<li><a href="#">Flexo</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container copyright text-center mt-4">
|
|
<p>© <span>Copyright</span> <strong>MediNest</strong> <span>All Rights Reserved</span></p>
|
|
<div class="credits">
|
|
<!-- All the links in the footer should remain intact. -->
|
|
<!-- You can delete the links only if you've purchased the pro version. -->
|
|
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
|
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
|
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
<!-- Scroll Top -->
|
|
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<!-- Preloader -->
|
|
<div id="preloader"></div>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/vendor/php-email-form/validate.js"></script>
|
|
<script src="assets/vendor/aos/aos.js"></script>
|
|
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
|
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
|
|
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
|
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
|
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
|
|
|
<!-- Main JS File -->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |