keystone template preview

Keystone — Free Bootstrap 6 Corporate & Business Website Template

Keystone is a free, premium Bootstrap 6 corporate and business website template. Three pages — homepage, services and contact — designed for an organisation with more than five things to say about itself.

Corporate sites have deep information architecture: four sections, several columns each, forty-odd destinations. Almost every Bootstrap template ships a flat five-item navbar that falls apart the moment a real company uses it. Keystone’s mega menu is declared once and rendered twice — as full-width panels on desktop, as nested <details> in the drawer on mobile — so the two navigations cannot drift apart. It is also built to work without a mouse, which hover menus never are: click or Enter opens a panel, Esc closes it and returns focus to its button, tabbing out closes it, and hover only switches panels when one is already open — so a pointer crossing the bar on its way somewhere else never triggers anything. The mobile menu needs no JavaScript at all.

Live Demo

Keystone — Free Bootstrap 6 Corporate & Business Website Template preview

Key features

  • Three pages — homepage, services, contact
  • A real mega menu: four sections, multiple columns, forty destinations
  • Declared once, rendered as desktop panels and a mobile nested drawer
  • Keyboard operable: Enter opens, Esc closes and restores focus, Tab out closes
  • Hover only switches panels when one is already open, so nothing fires by accident
  • The mobile menu is nested
    — a disclosure widget with no script
  • Services list concrete deliverables, not “strategic support”
  • Validating enquiry form, four offices, named press contact
  • Statistics band and case studies driven from one declaration
  • 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().

Aigars Silkalns

Designed & written by Aigars Silkalns

Aigars Silkalns is a Latvian entrepreneur and web developer who founded Colorlib, a hub for distinctive WordPress themes. Trained in technology and design, he began as a freelancer and launched Colorlib in 2013, earning acclaim for user-friendly, modern, responsive themes. A champion of open source, Silkalns shares insights on web trends and entrepreneurship. His mission is to make web design simple and accessible, empowering people worldwide to build professional sites with ease.

XLinkedInMore about uiCookies →

Free
Demo