Toothcare

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Toothcare is a website template for dental clinics and dentists, built on Bootstrap 5, with a cyan and white design and a hero slider with an appointment form. The layout is responsive and mobile-ready. There are eight pages: home, about, services, dentists, pricing, blog, blog post (one page for each of the ten posts) and contact.

The home page has the hero, the appointment form, a why-us section, eight dental services, an about block with counters, the dentists, patient testimonials, treatment results, the latest blog posts and four pricing plans. The about page has the clinic story, the counters and the testimonials, the services page lists the eight services with the appointment form, and the dentists page shows eight dentists and the treatment results. The pricing page has four plans and a frequently asked questions section, the blog lists ten posts over two pages with a sidebar for search, services, recent posts and tags, and each post has an author box, comments and a comment form. The contact page has the contact details, a contact form, social links and a map that loads on click. The appointment form offers weekdays only and times within the clinic’s opening hours. Use Toothcare for a dental clinic, a dental practice or a single dentist.

Couldn’t find what you were looking for? Here are some dentist website examples for inspiration.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 5.0.0-beta1), compiled from Sass with only the parts the pages use and the original proportions, and plain JavaScript with no jQuery. Swiper 14 replaces Tiny Slider on the hero and testimonial sliders, a small reveal module replaces AOS, the counters use a small counter module, native date and time fields replace the datepicker, and the unused GLightbox is gone. Lucide SVG icons replace Font Awesome 4.7, Ionicons and Flaticon, with dental service icons drawn for this template in Lucide’s style and a small Font Awesome 7 Brands subset for the social logos (the Twitter bird is now the X logo). npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the home page went from 4.98 MB and 43 requests to 1.08 MB and 28 requests, and the contact page from 2.65 MB and 38 requests to 0.63 MB and 15 requests. Every photo has an AVIF version with the JPEG as the fallback, the hero photos are 1920 px wide and the first one is preloaded, and the about photo is 125 KB instead of 733 KB. The download is 4.05 MB (it was 10.6 MB): images the pages never used are removed, and it includes the Sass sources, the build scripts and the PHP mailer.
• No third-party requests: Roboto is self-hosted, the icons are local SVG, and a Google Analytics 4 snippet stays commented out until you add your own ID. The contact page’s map loads OpenStreetMap only after a visitor clicks “Show map”. Before, every page loaded Google Fonts, two icon fonts from public CDNs and the Google Maps script, five outside hosts on the home page.
• Working forms: the appointment form on the home and services pages, the contact form and the blog comment form send through php/send-email.php, built on a safe mailer with validation, a spam trap and an in-page message. The appointment form accepts weekdays from today to a year ahead and times from 08:00 to 19:30, and the mailer checks the same rules. Before, none of the forms could send: they posted nowhere and their fields had no names.
• Distinct demo content: eight dentists with their own names (the earlier release repeated four names), five testimonials from different patients shown with initials (all five had the same name and role), four pricing plans with their own features (all four listed the same ones), a real FAQ on booking, choosing a dentist and the first visit in place of placeholder answers, neutral dental copy in place of lorem ipsum, and one fictional clinic address on every page. The blog has ten posts, each with its own page, a working search, tag filters and a second page.
• Accessibility: a skip link, landmarks and one h1 per page, labelled form fields, named social links, slider dots and pagination in 44 px buttons, a visible focus ring on links, buttons and fields, reduced-motion support and WCAG AA text contrast: dark text on the bright cyan appointment panel, booking band, phone menu and footer, white labels on a deeper cyan for the buttons, and darker cyan text and greys on white.
• Fixed: every link goes somewhere (371 links pointed nowhere); on phones the home hero showed the blurred gap between the dentist and the patient and is now framed on the patient’s smile, with a soft scrim behind the text; the FAQ showed an up arrow on closed questions and touched the window edges; and typos such as “Dental Caculus”, “Year of Experienced” and “Frequesntly Ask Question” are corrected.