Concept · built with AI tools
Jeevandhara — Clinic & Hospital HTML Template Calm, caring clinic template with five home layouts
An original, resellable HTML template for clinics, hospitals, diagnostic labs and specialist or dental practices. 17 hand-coded pages, five distinct home layouts, a working appointment flow, dark mode and a full brand kit, written from scratch in semantic HTML, a hand-written CSS grid and vanilla JavaScript.
- Status
- Concept · built with AI tools
- Type
- Template
- Category
- Healthcare website
- Version
- 2.0.0
- Built with
- HTML5, Hand-written CSS grid + design tokens, Vanilla JavaScript …
This is a self-initiated concept, designed and built by Srini with AI tools. It is not a real company or client project.
The problem
v1 was a re-skin of an existing commercial medical template, which looked good but couldn't legally be resold because of the base template, paid icon fonts, GPL plugins and stock photos. Srini wanted something he could sell on his own site, so v2 was rebuilt from scratch with clean licences while keeping the same breadth of pages and features.
Who it is for
Clinics, hospitals, diagnostic labs and the developers/agencies who build their sites — sold as a template, with an Indian-market focus (₹ pricing, Indian phone validation).
Features
- 17 pages: 5 home layouts + 11 inner pages + 404
- Home layouts for multispeciality, premium clinic, single specialist, diagnostic lab and dental/family practices
- Appointment page with department, doctor, date and time-slot picker
- Health packages with single/family pricing toggle
- Light and dark mode with remembered choice
- Form engine: inline validation, JSON endpoint / PHP mailer / mailto fallback, honeypot, one config file
- Accessible menus with focus trap, ARIA states and visible focus rings
- Design tokens (CSS + JSON) for quick rebranding
- Self-hosted Manrope + Nunito Sans fonts
- Brand kit, Brand Guide PDF, Page Guide PDF and HTML documentation
- Size-labelled placeholder images in the buyer package; stock photos only in the demo
Pages & screens
- Home 01 – Multispeciality
- Home 02 – Premium clinic
- Home 03 – Specialist doctor
- Home 04 – Diagnostic lab
- Home 05 – Dental & family
- About
- Services
- Service Details
- Doctors
- Doctor Profile
- Health Packages
- Book Appointment
- FAQ
- Blog
- Blog Details
- Contact
- 404
Stack
- HTML5
- Hand-written CSS grid + design tokens
- Vanilla JavaScript (no jQuery, no CSS framework)
- Swiper 11 (MIT)
- GLightbox 3 (MIT)
- Bootstrap Icons (MIT)
- PHP mailer (optional)
- Python build/packaging scripts
How I built it with AI
Built in conversation with AI tools in two rounds. Round one (v1.0): Srini asked to rebuild an existing medical template as ‘Jeevandhara Clinic’ with the same layout and functionality but a new look taken from his moodboard (navy, steel blue, sky blue, blush; frosted cards), a new logo, brand guide, page guide and tech docs. When he decided to sell it, the AI flagged that resale would need rights to the base template, a paid icon set, a GPL plugin and the stock photos. Round two (v2.0.0): he chose a full original rebuild — new code, layouts and copy, permissive-licence libraries only, free Google fonts, stock photos in the demo only — and made that the standing rule for all his future template projects. The AI also produced the seller package: licence audit, image credits, listing copy, 590×300 thumbnail and previews.
Design highlights
- Highlight 01 — Navy-and-blush palette with frosted-glass cards: ‘caring, not clinical’
- Highlight 02 — Five home layouts aimed at five real clinic types instead of five colour swaps
- Highlight 03 — Diagnostic-lab home leads with a test search and a live-looking price list
- Highlight 04 — Buyer package and seller-only demo are separated so stock photos never ship to buyers
- Highlight 05 — Licence-clean by design: only MIT and OFL components