A premium, modern medical clinic website template built with standard HTML5, Vite, and Tailwind CSS v4. Designed with a "Warm Clinical Luxury" aesthetic that balances clinical professionalism with approachable warmth.

Features in this Template

• Premium medical clinic website design with a warm luxury aesthetic
• Built with standard HTML5, Vite, and Tailwind CSS v4
• Global dark mode with a navbar toggle
• 5-step interactive booking wizard
  • dynamic filtering
  • auto-select available doctors
  • pre-selection via query parameters (booking.html?doctor=..., ?service=...)
• Dynamic page loading for:
  • services-detail.html
  • doctors-detail.html
  • blog-detail.html using URL query parameters (?id= or ?slug=)
• Floating WhatsApp chat button with status ping animation
• Patient login modal with show/hide password and toast notifications
• Complete page templates for:
  • homepage
  • services
  • service detail
  • doctors
  • doctor detail
  • booking
  • blog
  • blog detail
  • contact

nodejs

npm

Installation

1. Navigate to the `html-template` directory:
  
   cd html-template
  

2. Install the dependencies:
   
   npm install
 

Running the Development Server

Start the local development server:

npm run dev

Open your browser and navigate to `http://localhost:5173` (or the URL shown in your terminal).

Building for Production

Compile and bundle the project for production:

npm run build

This will generate optimized, minified HTML, CSS, and JS assets in the `dist` directory at the root of the project workspace (`../dist`).