Bedrock — Free Bootstrap 6 Construction & Civil Engineering Template
Bedrock is a free, premium Bootstrap 6 website template for construction firms, civil engineering contractors, groundworks companies and trades operating at commercial scale. It pairs a full contractor homepage — capabilities, sectors, projects, process, accreditations and a tender enquiry — with a project case study page.
Contractors get judged on whether the site looks like it belongs to people who deliver, so this one is deliberately hard-edged: no rounded corners anywhere, a safety-yellow accent on dark slate, and a full-width statistics strip that counts up when it scrolls into view. The Bootstrap 6 showpiece is the Stepper used as a page section rather than inside a form — five stages from enquiry to handover — alongside a tender enquiry built on Datepicker and a multi-select Combobox. Stepper, Datepicker and Combobox have no Bootstrap 5 equivalent.
Key features
- Two pages — contractor homepage and a project case study
- Bootstrap 6 Stepper used as a page section, not a form control — five delivery stages
- Tender enquiry form with Datepicker return date and multi-select Combobox packages
- Full-width statistics strip that counts up when scrolled into view
- Hard-edged design language — no rounded corners, safety-yellow on dark slate
- Six capability cards with typical contract values
- Numbered sector list and audited accreditation strip
- Project grid linking to a full case study with a sticky facts rail
- Respects prefers-reduced-motion — the counter simply doesn’t run
- Bootstrap 6 vendored at a pinned commit, ESM-only, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
