Medical Demo: Included Pages & How to Customize It

Canvas includes a ready made Medical demo designed for clinics, hospitals, dental practices, and independent healthcare practitioners who want a professional web presence without starting from scratch. The demo arrives with nine fully built pages covering a homepage, about, appointment booking, blog, contact, departments, and three distinct doctor layouts, all styled with a calm #DE6262 red accent, the clean Lato body font, and the friendly Crete Round for headings. It uses a stretched layout with smooth page transitions, giving visitors a soft, clinical feel that puts focus on services, staff, and scheduling.

Every page is structured around what patients actually look for: clear department listings, doctor profiles with credentials, easy appointment requests, location and hours, and a place for health news and announcements. The result is a complete medical website kit that you can edit, extend, and launch as your own.

Open the live preview

What's included

Page	Description
demo-medical.html	Acts as the main landing page for the clinic, introducing services, highlighting key departments, and prompting visitors to book an appointment.
demo-medical-about-us.html	Tells the story of the practice, including its mission, history, facilities, and the values that guide patient care.
demo-medical-appointment.html	Provides a structured booking form where patients can select a department, choose a doctor, pick a date, and submit their visit details.
demo-medical-blog.html	Functions as a health news and medical advice hub, ready for articles on wellness, treatments, and clinic announcements.
demo-medical-contact.html	Lists clinic locations, hours, phone numbers, and a contact form with an embedded map for easy directions.
demo-medical-departments.html	Showcases each medical department and clinic specialty, with descriptions of treatments and the conditions addressed.
demo-medical-doctors-3.html	Offers an alternative doctor layout with detailed profile cards for practices that want a richer presentation per staff member.
demo-medical-doctors-lists.html	Presents the medical team in a compact, scannable list view, ideal for larger practices with many providers.
demo-medical-doctors.html	Features individual doctor profile pages so visitors can learn about each physician's background, expertise, and contact information.

The demo's own styles live in demos/medical/medical.css. Shared framework styles come from style.css and css/font-icons.css.