Medino

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Medino is a medical clinic website template for clinics, dentists, doctors and other healthcare practices, built on Bootstrap 5. The layout is responsive and mobile-ready, with a full-width hero over a photo, a call-to-action button and a header that stays at the top as you scroll. There are eight pages: home, about, departments, doctors, a blog list, a blog post, contact and a page that shows the buttons, forms, typography and table styles.

The home page has four highlights, a welcome section, a slider of departments, patient reviews next to an appointment form, a team of doctors, an emergency hotline band and the latest news. The blog has category cards, a sidebar with search, popular posts, categories, a newsletter box and tags, and the post page has comments and a reply form. The contact page has a click-to-load map, the address and a working contact form. Medino gives you a ready-made site to present a clinic, its departments and its doctors.

What’s new in 3.0

• Bootstrap 5.3.8, a jump from the Bootstrap 4.1.3 and jQuery 2.2.4 of the earlier release, and plain JavaScript with no jQuery. Bootstrap is compiled from Sass together with the theme and the Bootstrap 4 proportions the design was drawn with. Swiper 14 replaces Owl Carousel on the departments slider, a built-in menu script replaces Superfish, native selects and date fields replace Nice Select and the date picker, and Lucide SVG icons and a small social-logo subset replace Font Awesome 4 and Linearicons. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the eight pages together went from 16.3 MB and 358 requests to 5.8 MB and 246 requests, and the home page from 2.9 MB and 52 requests to 1.1 MB and 32 requests. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the fold.
• No third-party requests: Roboto and Ubuntu are self-hosted, the contact map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks Show map, and a Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded Google Fonts and the contact page loaded the Google Maps script.
• Working forms: the appointment, contact and comment forms and the newsletter boxes send through php/send-email.php, with validation, a spam trap and an in-page message. Before, none of the forms could send anything.
• Accessibility: a skip link and a main landmark on every page, one h1 per page, labelled form fields, names on icon-only links and controls, a phone menu that closes with Esc, submenus that open from the keyboard, visible focus rings and WCAG AA text and button contrast, with darker text greys and a darker end to the blue gradient behind white labels.
• Fresh demo content: new clinic photos, fictional doctors, patients and commenters with initials avatars, a clinic address, phone and email that are placeholders, and a rewritten blog; the old telescope blog text, the advertisement slot and the preloader are gone.