Stonebridge — Free Bootstrap 6 Church Website Template
Stonebridge is a free, premium Bootstrap 6 church website template. It pairs a full church homepage — service times, first-visit answers, midweek groups, a talk archive and honest giving figures — with a what’s-on page carrying the whole week grouped by day, dated events and room hire rates.
Every church template states its services statically — Sundays, 10.30am — which is correct and no use at all to somebody checking their phone on a Wednesday evening wondering whether anything is on tonight. Here each gathering declares a recurring rule in data-when="wed 18:00 90" and the page computes its own next occurrence: On now, Starts in 40 min, Today, 6.00pm, Sunday, 10.30am. Duration is part of the rule, so a service in progress says so rather than advertising next week. The homepage cards and the what’s-on rows run the same engine off the same attribute, so the two pages cannot disagree, and the static human line stays in the markup — with JavaScript off nothing is lost, the page just stops volunteering what is on tonight.
Key features
- Two pages — church homepage and a full what’s-on page
- Service times compute their own next occurrence from data-when=”wed 18:00 90″
- Says “On now” while a service is running, because duration is part of the rule
- Live “next up” line in the hero, picking whichever gathering is soonest
- Homepage cards and what’s-on rows share one engine, so they cannot disagree
- Static human times stay in the markup — nothing is lost with JavaScript off
- Dated events grey themselves out once passed, so nothing looks abandoned
- Talk archive filterable by sermon series
- Seven-question first-visit FAQ on native details, plus room-hire table
- 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().
