Hero

Create a Hero unit with the code below.

Note: The background image must be placed with an inline style, the rest is taken care of via external CSS.

Hero Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. do eiusmod tempor incididunt ut labore et dolore magna aliqua, ore magna aliq.

Button Text

<div class="hero" style="background-image: url('https://placehold.it/1440x448/ffe7f3/000.jpg');">
  <div class="o-wrapper">
    <div class="hero-card  u-px4  u-pb4  u-pt6">
      <h1>Hero Title</h1>
      <p class="u-txtLarge">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. do eiusmod tempor incididunt ut labore et dolore magna aliqua, ore magna aliq.
      </p>
      <a class="button  button--primary" href="#">Button Text</a>
    </div>
  </div>
</div>

Hero Unit

Hero Title