Teaser Row

Teaser Row

<div class="teaser-row-wrapper"> <div class="container-fluid"> <div class="row no-gutter"> <div class="col-xs-6 col-sm-6 col-md-3"> <a href="#" class="teaser color color1 invert"> <div class="content"> <h2>Headline</h2> <div class="hidden-xs"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> </div> </div> <div class="arrow"> <span class="icon icon-arrow-right"><!-- --></span> </div> </a> </div> <div class="col-xs-6 col-sm-6 col-md-3"> <a href="#" class="teaser color color2 invert"> <div class="content"> <h2>Headline</h2> <div class="hidden-xs"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> </div> </div> <div class="arrow"> <span class="icon icon-arrow-right"><!-- --></span> </div> </a> </div> <div class="col-xs-6 col-sm-6 col-md-3"> <a href="#" class="teaser color color3 invert"> <div class="content"> <h2>Headline</h2> <div class="hidden-xs"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> </div> </div> <div class="arrow"> <span class="icon icon-arrow-right"><!-- --></span> </div> </a> </div> <div class="col-xs-6 col-sm-6 col-md-3"> <a href="#" class="teaser color color4 invert"> <div class="content"> <h2>Headline</h2> <div class="hidden-xs"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> </div> </div> <div class="arrow"> <span class="icon icon-arrow-right"><!-- --></span> </div> </a> </div> </div> </div> </div>