Sections

Content

Layout

Navigation

Hero sections

A hero section is a lightweight container for showcasing content.

Hero sections are commonly used on the Home page, but can be used in any page template.

Usage

Use .hero to create a flexible hero section.

This is a hero title 

<div class="hero bg-hero">
  <div class="container">
    <h1>
      This is a hero title
    </h1>
  </div>
</div>