Masthead strap

A special strap that is used once per page, and introduces the content below.

Example

Code sample

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<header class="strap-masthead">
  <div class="block">
    <h3 class="heading heading_page">
      The quick brown fox jumps over the lazy dog.
    </h3>
    <p class="paragraph paragraph_intro">
      Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs.
    </p>
    <p>
      <a href="#" class="button button_primary button_theme_primary">
        Get started
      </a>
    </p>
    <p class="paragraph_fineprint">This exclusive offer ends in December 2021</p>
  </div>
</header>

Usage notes

Uses a Block to control content layout. Can be extended to use a Figure Block
Uses a Page heading
Optionally uses an Intro paragraph, Fineprint paragraph) and a call-to-action Primary button

Source files