Intro

Container for introductory text content with accompanying "full-bleed" lifestyle imagery. Intended to lead pages showcasing product listings within a specific category.

If no image is necessary, you can accompish the same thing with a simple u-contain* utility.

Example Title

Batcaag varkifmik ej zamva so es gi mukgihoh zuke gaje paf zitsez ri.

<div class="Intro">
  <div class="Intro-splash" style="background-image: url(/images/prototypes/tcs/generator-lifestyle.jpg);"></div>
  <div class="Intro-content">
    <div class="u-padSides1 u-padEnds2 u-md-padEnds4 u-staggerItems02">
      <h1 class="u-md-textSize5 u-lg-textSize6">
          Example Title
        </h1>
      <p>
        Uvtak fega jo nepnohi panurzu cusmagewi vame uco utise subejes nog befruoz soone jetjicbu vaw.
      </p>
    </div>
  </div>
</div>