Clinova - Clinic and Healthcare HTML Template

A complete website template for healthcare, with 20 home pages for 20 kinds of practice: multi-specialty clinics, dentists, physiotherapy, aesthetics, pediatrics, hospitals, telehealth, private doctors, vets, mental health, eye care, fertility, labs and imaging, senior care, pharmacies, nutrition, orthopedics, cardiology, hearing clinics and walk-in urgent care. Calm, modern design with ready patient tool pages: online booking, online check-in, a video visit room, a new patient form with e-signature, printable lab reports and invoices, a patient dashboard and an accessibility panel.

Built on Bootstrap 5.3.8 with plain JavaScript. No build step and no jQuery: open index.html and it works.

What's included

• 96 HTML pages, plus a right-to-left copy of every page in the rtl/ folder
• 20 home pages: Multi-specialty clinic, Dental, Physiotherapy, Aesthetic & skin, Pediatric, Hospital, Telehealth, Private doctor, Veterinary clinic, Therapy & mental health, Eye care & optical, Fertility & pregnancy, Lab & imaging center, Senior & home care, Pharmacy, Nutrition & weight loss, Orthopedics & sports medicine, Cardiology center, Hearing clinic, Walk-in urgent care (dark)
• 5 one-page versions: Clinic, Dental, Physio, Vet and Telehealth
• 5 landing pages for ad campaigns: Annual check-up offer, Dental implants with 0% financing, Flu shots, App download, Free skin consultation
• Clinic: About (2 layouts), Departments, Clinic tour gallery, Patient reviews, Careers, Job details, Locations finder
• Services & doctors: Services (2 layouts), Service details (2 layouts), Conditions A–Z, Condition details, Patient story, Doctors, Find a doctor with filters, Doctor profile, Appointment booking
• Patients & community: Clinical trials, Refer a patient, Forms & resources library, Donate, Pricing, Health packages, Insurance & billing, FAQ, Patient guide, New patient form, Events & workshops, Event details, Urgent care
• Patient portal: Log in, Register, Reset password, Dashboard, Online check-in, Video visit room
• Printable documents: E-prescription, Lab report, After-visit summary, Invoice with online payment
• Tools: Health calculators (BMI, water, due date, heart rate), Where to get care, Site search
• Shop: Shop (grid and list), Product, Cart, Checkout, Order received, My account, Wishlist and a mini cart
• Blog & contact: Blog (3 layouts), Blog single, 2 contact pages
• Utility: UI elements, 404, Coming soon, Maintenance, Thank you, Privacy, Terms
• 10 e-mail templates: appointment confirmation, reminder, video visit link, results ready, prescription ready, payment receipt, welcome, password reset, order confirmation, newsletter
• HTML documentation, readable and minified CSS/JS, 48 SCSS partials, custom.css for your own styles

Good to know

• Demo photos are not included. The live preview uses photos from Unsplash for presentation only. In the download every image is a labelled placeholder (assets/img/placeholder/) showing its size, ready to be replaced with your own.
• The maps are OpenStreetMap embeds and the videos load from youtube-nocookie.com only when clicked. The Google Analytics example loads only after the visitor accepts analytics cookies. All of these can be removed.
• The shop and patient portal are front-end designs. To take real orders or show real medical data, connect them to a shop platform or your patient system.
• The new patient and referral forms are in demo mode and send nothing. Plain e-mail is not a safe channel for health data, so connect a form service or patient portal that meets the rules that apply to you before collecting it.
• All clinic names, people, figures and reviews in the sample content are fictional.

Credits

• Bootstrap 5.3.8, Bootstrap Icons 1.13.1 (MIT)
• Inter and Inter Display (SIL Open Font License 1.1)
• Maps: © OpenStreetMap contributors (ODbL)
• Preview only: photos from Unsplash

Changelog

Version 2.0.1 (16 Oct 2026)

• Fixed: the referral wait-times table no longer shows a vertical scrollbar on Windows.
• Improved: price tabs, account and dashboard tabs on small screens, wide tables and the Home 16 comparison table scroll sideways only, with a thin scrollbar.
• Fixed: the pharmacy search results list (Home 15) scrolls up and down only, with a thin scrollbar.

Version 2.0.0 (14 Oct 2026)

• New: 10 home pages: eye care, fertility, lab & imaging, senior care, pharmacy, nutrition, orthopedics, cardiology, hearing and dark urgent care (20 home pages in total, 96 pages).
• New: 3 one-page versions and 5 landing pages.
• New: printable invoice, lab report and visit summary.
• New: video visit room, online check-in, conditions A–Z, clinical trials, referral form, patient resources, donate, patient story, service details 2 and shop list view.
• New: 4 skins (indigo, berry, amber, crimson) and 3 e-mail templates.
• New: cookie categories with Google Consent Mode v2, live search, product quick view and sticky "Add to cart", "Load more" and infinite scroll, CSV copy of form entries, custom.css.
• Changed (15 Oct 2026, same version): the health forms (referral, patient intake) are demo only and send nothing; the documentation ("Health forms") explains how to connect them to a secure system.
• Fixed (15 Oct 2026, same version): the PHP forms work without the mbstring and cURL extensions; the referral form passes validation.
• Improved (15 Oct 2026, same version): simulated features (appointment slots, wait times, queue) are marked "Sample data"; download buttons open a sample PDF; the language switcher shows a demo message.
• Changed (15 Oct 2026, same version): no "encrypted" claim on the booking forms and no "HIPAA" label in online check-in; the documentation lists the tested browsers, says when the drawn signature is sent and adds these fixes to its changelog; package.json shows version 2.0.0.
• Fixed (16 Oct 2026, same version): with reCAPTCHA v3 turned on, the AJAX forms now send the reCAPTCHA token to the PHP handler (it was read before the token was added).

Version 1.0.0 (9 Oct 2026)

• First release.

Features

• 3-step online booking with time slots made from your opening hours (sample data until you connect your booking system); pre-select a doctor or service from any page
• New patient form: 5 steps, medicines list, allergies, consent, drawn e-signature, review and print. Like the referral form, it runs in a safe demo mode and sends nothing until you connect a secure form service or patient portal
• Patient dashboard with appointments, results, prescriptions and an interactive lab trends chart
• Online check-in in 5 steps (identity, insurance card upload, health update, signature, arrival code) and a video visit room with device check, waiting room, chat and notes (front-end designs to connect to your own systems)
• Niche tools on the home pages: quick vision check, frame finder, ovulation calendar, pregnancy week by week, lab test catalogue and result tracker, care plan cost builder, medicine search and refill request, calorie and macro calculator, body map, recovery timeline, heart risk estimator, online hearing test with audiogram, ER wait times with "save my spot"
• Accessibility panel: larger text, high contrast, readable font, underlined links, text spacing, stop animations, big cursor
• Tested with axe-core on every page in light and dark mode, and on 10 key pages in every colour skin: no WCAG 2.2 AA violations
• "Sample data" labels on every simulated widget (booking slots, wait times, check-in queue, result tracker), and a "What is simulated" list in the documentation
• 11 colour skins and a live style switcher; any brand colour from 4 CSS variables
• Light and dark mode; the visitor's choice is remembered
• "Open now" status calculated from your opening hours
• Doctor finder with filters for specialty, gender, language, video visits and availability
• Events calendar with "Add to calendar" (.ics) and a locations finder with "near me" and open-now filters
• Front-end shop: cart in the browser, product quick view, sticky add-to-cart bar, coupon codes, free-shipping progress, checkout, wishlist
• Live search results while you type, "load more" and infinite scroll
• Industry widgets: pain map, vaccination schedule, before/after slider, finance calculator, ER wait time, pet age calculator, mood check-in
• Language switcher ready for your translations
• Cookie consent with categories and Google Consent Mode v2: analytics and marketing scripts run only after consent
• PHP forms with AJAX sending, an optional CSV copy of every entry, and spam protection (honeypot, time check, rate limit, optional reCAPTCHA v3), file upload, Mailchimp newsletter; health forms are off by default with one server switch
• SEO: unique titles and descriptions, Open Graph, schema.org MedicalClinic data, sitemap.xml, robots.txt
• Fonts are self-hosted (Inter), so pages make no requests to Google Fonts
• Deferred scripts, lazy-loaded images, minified CSS and JS, a small icon font subset, .htaccess with compression and caching; Lighthouse on the demo: desktop performance 96 to 100, accessibility and best practices 100
• Preloader, newsletter popup, WhatsApp button and a sticky Call / Book bar on phones
• Documentation maps every page to the matching WordPress and WooCommerce template
• Full RTL support with an LTR/RTL switch

Requirements

• A current web browser. Tested in Chrome and Edge; the CSS is supported by current Firefox and Safari too
• A code editor to change the content, for example Visual Studio Code
• Any web hosting for the static pages (Apache, nginx, LiteSpeed or a static host); no database
• PHP 7.4 or newer with mail() only for the contact, booking and newsletter forms (assets/php/); the mbstring and cURL extensions are optional. All other pages are plain HTML and work without PHP
• Optional: a Mailchimp account for the newsletter and a Google reCAPTCHA v3 key for extra spam protection
• Optional: Node.js, only for the Sass and minify scripts (npm run build). It is not needed to use the template
• Before collecting health information: a form service or patient portal that meets the privacy rules that apply to you

Instructions

1. Unzip the download. The clinova/ folder is the template; the documentation is in Documentation/index.html.
2. Open clinova/index.html in your browser to look around. No build step is needed.
3. Pick your colours: choose one of the 11 skins, or change the four variables at the top of clinova/assets/css/style.css. Put your own CSS in clinova/assets/css/custom.css.
4. Choose your home page (rename it to index.html), delete the pages you do not need and replace the texts. Replace the placeholder images in clinova/assets/img/placeholder/ with your own photos.
5. Set your opening hours, addresses and phone numbers as described in the documentation, so the "Open now" status and the booking slots match your clinic.
6. Set your e-mail address in clinova/assets/php/contact.php and newsletter.php. Optionally add your Mailchimp and reCAPTCHA keys.
7. The new patient and referral forms are in demo mode and send nothing. Connect them to a secure form service or patient portal before you collect health information (documentation, "Health forms").
8. Replace https://clinova.example with your domain, then upload the contents of the clinova folder to your web hosting. Using the RTL version? Upload the rtl/ folder too.
9. Optional: run npm install, then npm run build to compile the SCSS and minify the CSS and JS.

The documentation explains every page, component and setting, with a FAQ and a list of what is simulated in the demo. For help, send us a message through this item page.