Skip to main content
Aspirational

Using hero sections

A hero section is a responsive snippet of Bootstrap 5.

Is has a headline, a sub-heading, a representative, conception or aspirational image, and call-to-action buttons.

The purpose of the hero section is to highlight your brand or message, get your message across and make the call-to-action as clear as possible.

Here are some examples:

Aspirational

This is a typical hero snippet

It contains a background aspirational image, headline text, subheading text, a link button and a call-to-action button.

Features and benefits

This is another example of a hero
section with centred text

It contains a background conceptual image,
headline text, subheading text,
a link button and a call-to-action button.