Northgate — Free Bootstrap 6 School Website Template
Northgate is a free, premium Bootstrap 6 website template for schools, colleges and academies. It pairs a full school homepage — programmes, admissions, school life, staff, news and contact — with a programme detail page, covering the pages a prospective parent actually reads before booking a visit.
The admissions journey is built on Bootstrap 6’s new Stepper component, and the visit-request form combines a Combobox entry-point picker, the new Datepicker and a Chip input for topics of interest. None of those exist in Bootstrap 5.
Key features
- Two pages — school homepage and a programme detail page
- Four-step admissions journey built on the new Stepper component
- Programme cards with a searchable Combobox stage filter
- Key dates list, tabbed school life section and staff profiles
- Visit-request form with Combobox entry point, Datepicker and Chip input interests
- Accordion FAQ on native
— exclusive groups, zero JavaScript - Utility bar for parent portal and staff login links
- ScrollSpy navigation offset for the sticky header
- Retheme the whole site by changing a single –brand token
- Full dark mode via data-bs-theme, remembered across visits
- ESM-only vanilla JavaScript — no jQuery, no bundler, 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().
