Fontanero – Free Responsive Plumbing Construction & Repair HTML5 Website Template
Fontanero is a free, five-page website template for plumbers, contractors, and home-repair trades, built on Bootstrap 5 with zero jQuery. It ships completely plugin-free: the hero slider and residential/commercial service tabs are native Bootstrap 5 components, and everything else runs on plain vanilla JavaScript.
Key features
- Full-width Bootstrap 5 carousel hero with slide indicators
- Residential and commercial service tabs, six cards each
- jQuery-free — vanilla-JS mobile menu and search toggle
- Five HTML pages: home, about, services, article, contact
- Static contact form plus two office-location blocks
- Client logo strip using CSS scroll-snap (no Owl)
- "Request a Quote" CTA bands and a 3-point trust list
- Blue-and-orange palette set via editable CSS variables
- Demo images and Font Awesome icons included
Best for
- Plumbers and drain-cleaning services
- Local contractors and home-repair trades
- Small construction and maintenance firms
- Handymen wanting a simple brochure site
At a glance
- Bootstrap 5 with no jQuery and no plugin dependencies
- Bootstrap 5 carousel & tabs; vanilla mobile menu and client strip (CSS scroll-snap)
- Five HTML pages sharing one bold, trade-focused design
- Accessible: labelled forms, aria-labelled controls, Font Awesome icons
- Demo images included
How to use it
Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is Fontanero free, and can I use it commercially?
Yes. Fontanero is free and follows the standard uiCookies license, which permits use in commercial projects. Full attribution details are listed on the uiCookies license page.
Do I need jQuery or a build tool to use it?
No to both. The template is completely jQuery-free — the mobile menu and search toggle are plain vanilla JavaScript, and the slider and tabs use Bootstrap 5's own bundle. There's no build step either: the files are ready-made HTML, CSS, and JavaScript you can open and edit directly.
How do I change the colours and fonts?
The blue-and-orange scheme is defined as CSS variables (such as –accent and –accent-2) at the top of css/fontanero-modern.css, so you can restyle the whole template by editing a few values. Fonts are Open Sans and Raleway, loaded via a Google Fonts link in each page's head — swap that link and the font variable in the same CSS file to change the typography.
Is the template responsive and mobile-friendly?
Yes. It's built on Bootstrap 5's responsive grid and works down to phone widths. On small screens the desktop navigation collapses into a vanilla-JavaScript toggle menu, and the service and footer columns stack cleanly.
Does the contact form actually send messages?
No. Fontanero is a static front-end template, so the contact form is markup only and doesn't process or send submissions on its own. To make it live, point the form's action at your own mail script, a form service like Formspree, or whatever backend you use.
What happened to the map on the contact page?
To keep the template free of API keys, the original Google Maps embed has been replaced with a lightweight "View us on Google Maps" link. If you'd rather show an embedded map, drop your own Maps iframe or provider embed into the map area in contact.html.
How many pages are included, and what are they?
Five HTML pages share one design: a home page with the hero slider and service tabs, an About page, a Services page with separate residential and commercial grids, an article/detail layout, and a Contact page. Demo images are bundled, so every page looks complete out of the box.
Which browsers does it support?
Fontanero works in all current versions of Chrome, Firefox, Safari, and Edge. Because it's built on Bootstrap 5, it targets modern browsers and does not support Internet Explorer.
Attract