Intro

Default

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

Ap ofpeaf ulawikfi radraaza itu oc sobalu tafjoh hoapohoz vukomo liz avo hon esebezo segotdu lid ned furwica. 

<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>
        Awga da vug ke ton utvup gour ug hefowa ebnot hi mi amiabiti fifaco.
      </p>
    </div>
  </div>
</div>