Project Overviewlink

Meditics is a static HTML website template for the healthcare industry, offering complete pages including Home (two versions), About Us, Department Services, Expert Team, Blog, Case Studies, Appointment Booking, Contact Us, and more. It's suitable for quickly building showcase sites for clinics, hospitals, or medical platforms.

Tech Stacklink

• HTML5 + CSS3 (native styles, responsive)
• Bootstrap 5 (grid system and base components)
• Swiper (banner carousel, testimonials slider, partner slider)
• Splide (scrolling ticker slider)
• WOW.js / Animate.css (scroll-triggered animations)
• SlimSelect (appointment form dropdown)
• Flaticon (icon font)
• Google Fonts (Open Sans, Lato)

Project Structurelink

mediticshtml-10/
├── documentation/          # Template usage documentation
│   ├── index.html
│   └── assets/
│       ├── css/
│       ├── fonts/
│       ├── images/
│       └── js/
└── main-file/              # Actual template files
    ├── index.html          # Homepage
    ├── index-2.html        # Homepage version 2
    ├── about.html
    ├── services.html
    ├── services-2.html
    ├── service-details.html
    ├── team.html
    ├── team-details.html
    ├── blog.html
    ├── blog-2.html
    ├── blog-details.html
    ├── case-studies.html
    ├── case-study-details.html
    ├── appointment.html
    ├── contact.html
    ├── testimonials.html
    ├── 404.html
    └── assets/
        ├── css/
        ├── js/
        ├── img/
        └── vendor/         # Swiper, Splide, WOW, SlimSelect, etc.

Core File Descriptionlink

• main-file/index.html — Homepage entry, includes Banner, Services, Team, Testimonials and other full hero sections
• main-file/assets/css/style.css — Main stylesheet, covers all page components and responsive breakpoints
• main-file/assets/js/main.js — Interaction logic: carousel initialization, mobile sidebar, dropdown selection, scroll animations, etc.
• main-file/appointment.html — Appointment booking page, includes doctor and treatment selection form
• main-file/assets/vendor/ — Third-party dependencies (Swiper, Splide, WOW, SlimSelect)

Quick Startlink

Pure static project, no build tools required. You can run it using any of the following methods:

• Method 1 (Recommended): Start any local static server in the main-file/ directory

  bashcontent_copyCopy

  # Python 3
  python -m http.server 8080
  
  # Node.js (npx)
  npx serve .
  

  Then access http://localhost:8080 in your browser

• Method 2: Open main-file/index.html directly in your browser

Third-party libraries (Swiper, Splide, WOW, etc.) are already included as local files in assets/vendor/, no additional dependency installation required.

Usage Suggestionslink

The template uses CSS variables for unified theme color management. Modify --ul-primary, --ul-secondary and other variables to change brand colors. Since the pages depend on jQuery (accessed via window.jQuery or $ global variable), if migrating to a framework project, please handle the jQuery dependency or manually remove related calls.