Medica – Medical & Dental Clinic HTML Template

Medica – Medical & Dental Clinic HTML Template

Medica is a calm, trustworthy website template for multi-specialty clinics, dental practices, family doctors and medical centres. Deep teal and navy with soft mint and a warm coral accent, generous white space, rounded cards and custom medical line icons give patients confidence from the first click. It ships with a working online booking flow, a searchable doctor directory, department pages with prices and a patient portal dashboard.

✨ Highlights

• Working 5-step appointment booking: department, doctor, date and time slots, patient details and confirmation with a booking reference
• Quick-book bar in the hero that pre-fills the booking page
• Doctor directory with specialty filters and live search, plus a full doctor profile with weekly schedule, booking widget and reviews
• Department detail page with treatments and prices, what to expect, doctors and FAQ
• Care plans with a monthly/yearly toggle, one-off checkup packages and a comparison table
• Patient portal dashboard: appointments you can cancel, test results with filters, blood pressure chart, prescription refills and live messaging
• Illustrated doctor portraits and clinic artwork in SVG, no stock photos needed
• Light and dark mode, fully responsive, smooth scroll animations
• Contact page with opening hours that highlight today, open/closed status, map and emergency information

📄 17 pages included

• Home
• Services & departments (with filter)
• Service detail (Cardiology)
• Doctors (filter and search)
• Doctor profile
• Book an appointment (multi-step)
• Plans & pricing
• About us
• Contact & opening hours
• Patient portal dashboard
• Blog (Health hub)
• Blog post
• FAQ
• Log in
• Register
• 404 error page
• Privacy & terms

💻 Built with

HTML5, CSS3 and vanilla JavaScript. No frameworks or build tools, just clean, commented files that are easy to edit. Colours and fonts are controlled by CSS variables, and the booking, filters and portal interactions are plain JavaScript you can connect to your own backend or booking system.

📦 What you get

• All HTML, CSS and JavaScript source files
• Documentation (documentation.html)
• License file

ℹ️ Good to know

Doctor portraits and artwork are SVG illustrations, so you can keep them or swap in your own photos. Forms and the booking flow validate in the browser and need to be connected to your own backend, email or booking service. Use the Live preview button to try every page, including the booking flow and patient portal, before you buy.

Copyright © 2026 DesignVersa. Licensed for one end product per purchase. Resale or redistribution is not permitted.