DrCare

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

DrCare is a website template for medical clinics, family practices and specialist departments, built on Bootstrap 5 with a clean blue and orange design. The layout is responsive and mobile-ready and works in all popular web browsers. It comes with nine pages: home, about, doctors, departments, pricing, blog, blog post, appointment and contact.

The home page has a hero slider, service cards, an about section, the clinic departments as tabs, doctor profiles, a patient review slider, an appointment form with counters, pricing plans and recent blog posts. The inner pages add a doctors grid, the departments with deep links to each tab, a blog with a sidebar and comments, an appointment page and a contact page with a working contact form and a map that loads on click.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.2.1 and jQuery), compiled from Sass with the original Bootstrap 4 proportions, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the hero and review sliders, Jarallax replaces Stellar on the page headers and photo bands, small built-in modules replace the reveal and counter plugins, and the date and time pickers are the browser’s own fields. Icons are Lucide SVGs. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: all nine pages together went from 19.5 MB and 391 requests to 6.6 MB and 198 requests, and the home page from 2.9 MB to 1.3 MB. Every photo has an AVIF version with the JPEG as the fallback, each page preloads its header photo, and plugins that no page used are gone.
• No third-party requests: Work Sans is self-hosted, four icon fonts are replaced by Lucide icons and a 1.1 KB social-logo subset (the Twitter bird is now the X logo), the contact map is OpenStreetMap and loads only after a click with no API key, and a Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded Google Fonts and the Google Maps script.
• Working forms: the appointment, contact, comment and newsletter forms send through small PHP handlers, with validation, a spam trap and an in-page message, and the appointment date cannot be in the past. Before, every form posted nowhere and most fields had no name.
• Accessibility: a skip link and a main landmark on every page, one h1 per page, labelled form fields, names on icon-only links, visible focus rings, doctor social links that appear on keyboard focus, and WCAG AA text contrast, with deeper blue and orange brand colours, a light veil behind the hero text and darker greys.
• Fixed: the footer, social, blog, pagination and tag links went nowhere, the department links now open their tab, the department tabs named tabs that did not exist, and typos throughout.
• Demo content: fictional clinic details, a distinct name and a matching specialty for every doctor, initials avatars for patient reviews and comments, and new photos for the departments, the about section and two blog posts.