Teaser

1
2  // Teaser - three columns example
3  <div class="teaser card mb-4 col-xs-12 col-sm-6 col-lg-4 p-0">
4    <a href="#" title="">
5      <div class="card-body">
6        <div class="position-relative">
7          <img src="" alt="" aria-hidden="true" class="img-fluid w-100" />
8        </div>
9        <small class="d-inline-block mb-2">Teaser subtitle</small>
10        <h2 class="card-title no-line">Teaser title</h2>
11        <p>Teaser content</p>
12      </div>
13    </a>
14  </div> 
15
16  // Teaser - four columns example
17  <div class="teaser card mb-4 col-xs-12 col-sm-6 col-lg-3 p-0">
18    <a href="#" title="">
19      <div class="card-body">
20        <div class="position-relative">
21          <img src="" alt="" aria-hidden="true" class="img-fluid w-100" />
22        </div>
23        <small class="d-inline-block mb-2">Teaser subtitle</small>
24        <h2 class="card-title no-line">Teaser title</h2>
25        <p>Teaser content</p>
26      </div>
27    </a>
28  </div> 
29