Teaser

Teaser Headline

Lorem ipsum dolor sit amet.

Call to Action
<div href="#" class="teaser teaser--bg-image">

  <div class="teaser_image" style="background-image:url('/images/placeholder-ratio.jpg')">

  </div>

  <div class="teaser_body p-sm-3">
    <a href="#">
<h2 >
                    Teaser Headline
</h2>
            </a>

    <p>
      Lorem ipsum dolor sit amet.
    </p>

    <a href="link" class="btn btn-link btn--icon-right btn--inverse">
    <span>Call to Action</span><i class="fa fa-chevron-right"></i> </a>

  </div>
</div>
			  

Teaser Headline

Lorem ipsum dolor sit amet.

Call to Action
<div href="#" class="teaser teaser--bg-primary">

  <div class="teaser_image">

  </div>

  <div class="teaser_body p-sm-3">
    <a href="#">
<h2 >
                    Teaser Headline
</h2>
            </a>

    <p>
      Lorem ipsum dolor sit amet.
    </p>

    <a href="link" class="btn btn-link btn--icon-right btn--inverse">
    <span>Call to Action</span><i class="fa fa-chevron-right"></i> </a>

  </div>
</div>
			  

Teaser Headline

Lorem ipsum dolor sit amet.

Call to Action
<div href="#" class="teaser teaser--bg-image teaser--vertical">

  <div class="teaser_image" style="background-image:url('/images/placeholder-ratio.jpg')">

  </div>

  <div class="teaser_body p-sm-3">
    <a href="#">
<h2 >
                    Teaser Headline
</h2>
            </a>

    <p>
      Lorem ipsum dolor sit amet.
    </p>

    <a href="link" class="btn btn-link btn--icon-right">
    <span>Call to Action</span><i class="fa fa-chevron-right"></i> </a>

  </div>
</div>