Freshbrook — Free Cleaning Service Website Template
Freshbrook gives a home and office cleaning company a light, friendly website in mint, brook teal and lemon, with Gabarito headings and Nunito Sans text. Visitors can price a clean in seconds: the home page quote card and the pricing calculator add up bedrooms, bathrooms, extras such as oven, fridge, windows and carpet rooms, then apply a frequency discount, with the total clearly marked as an estimate. The booking page picks up that quote and collects a date, time slot, address, access notes and pets, then shows a confirmation.
Key features
- Homepage instant quote card that prices a clean from service type and home size and links to the full calculator
- Five service cards: regular home cleaning, deep clean, end-of-tenancy, carpet and upholstery, and office cleaning
- Room-by-room checklist of what is included in each clean, in accessible keyboard-operable tabs
- Pricing page quote calculator with service, bedrooms and bathrooms steppers, extras, carpet rooms and a frequency discount, with a line-item summary marked as an estimate
- Mobile estimate bar that keeps the running total in view while the calculator scrolls on small screens
- Booking page with a date picker, time slot buttons, address, access notes, pet details and a confirmation panel with a booking reference
- Carpet and upholstery page with a before and after comparison slider that works with mouse, touch and arrow keys
- Trust section covering vetted cleaners, insurance and a re-clean satisfaction guarantee, plus reviews with initials avatars
- Native details/summary FAQ, inline SVG icons and no icon fonts
- Front-end form validation with success states on the booking and contact forms
Best for
- Residential and domestic cleaning companies
- Carpet and upholstery cleaning services
- End-of-tenancy and move-out cleaning teams
- Commercial and office cleaning contractors
- Developers who want a jQuery-free Bootstrap 5 starter with a quote calculator and booking form
At a glance
- Bootstrap 5.3.8 with vanilla JavaScript, no jQuery
- 5 pages: index.html, pricing.html, booking.html, carpet.html, contact.html
- Quote calculator prices and discounts in one PRICES object at the top of js/main.js
- Inline SVG icons and illustrations; no icon fonts or JavaScript libraries
- Colours and fonts set as CSS custom properties in css/style.css
- Free for personal and commercial use; attribution optional but welcome. Full terms: uicookies.com/license
How to use it
Unzip the folder and open index.html in a browser. Replace the company name, copy and photos in the HTML files and the img/ folder. Colours and fonts are custom properties at the top of css/style.css, and every quote price, extra and frequency discount lives in the PRICES object at the top of js/main.js. The forms validate and show a success state but need a form service or booking system to receive requests. Upload the folder to any static host.
Frequently asked questions
Is Freshbrook free for commercial use?
Yes. You can use it for personal and commercial projects, including client sites. Attribution is optional but always welcome. Full terms are at uicookies.com/license.
What is Freshbrook built with?
Bootstrap 5.3.8, one stylesheet and one vanilla JavaScript file, with no jQuery or other libraries. Icons and illustrations are inline SVG, and the fonts load from Google Fonts.
Which pages are included?
Five: a homepage with services, a room checklist, trust badges, reviews and an FAQ; a pricing page with the quote calculator; a booking page; a carpet and upholstery cleaning page with a before and after slider; and a contact page.
How do I change the prices in the quote calculator?
Open js/main.js and edit the PRICES object at the top. It holds the base price per service, the cost per extra bedroom and bathroom, each add-on, the carpet room rate and the frequency discounts. The homepage quote card and the pricing calculator both read from it.
Do the booking and contact forms send anything?
No. They validate in the browser and show a confirmation, but nothing is sent. Connect them to a form service, your booking software or your own backend before going live.
