Footer

The footer closes every page with your navigation, brand and calls to action. Shock provides several pre-built footer layouts on top of Bootstrap 5, each in a light and a dark version.

Footer layouts

Basic

A compact footer — logo, a short description and a row of links.

Extended

A fuller footer with multiple link columns, ideal for content-rich sites.

Centered

A minimal, center-aligned footer for simpler pages.

Each is available in light and dark to match your page. The base markup looks like this:

<footer id="footer" class="cbase-footer scheme-1 primary">
<!-- footer items: logo, links, buttons… -->
</footer>

Build your own

Copy, then adapt

The easiest way to build a footer your way is to start with one of the demos. Understand how it’s put together, copy and paste the HTML blocks you like, drop in your own links, and adapt it to your site.

A typical Shock footer includes the logo and a short description — for example, “Shock is a creative multipurpose template for building websites, powered by Bootstrap 5” — followed by navigation links and a prominent Buy Now call-to-action button.

Browse the component library40+ ready-made blocks — buttons, cards, pricing, sliders and more.