Raptus Design Theme

<div class="kss-style"><h6>List</h6></div>
<div>
    <a href="javascript://" class="teaser-card">
        <div class="teaser-card__image">
            <div class="image image--landscape image--fill">
                <div class="image__image"><img src="images/test-image.jpg"></div>
            </div>
        </div>
        <div class="teaser-card__title card-title card-title--two-lines card-title--alternate card-title--left-zero">
            <h4 class="card-title__title"><small>Small subtitle</small> Title of card</h4>
        </div>
    </a>
</div>
<div class="kss-style"><h6>Grid</h6></div>
<div class="row">
    <div class="col-sm-6 col-md-4 col-xl-3">
        <a href="javascript://" class="teaser-card teaser-card--grid">
            <div class="teaser-card__image">
                <div class="image image--landscape image--fill">
                    <div class="image__image"><img src="images/test-image.jpg"></div>
                </div>
            </div>
            <div class="teaser-card__title card-title card-title--two-lines card-title--alternate card-title--left-zero">
                <h4 class="card-title__title"><small>Small subtitle</small> Title of card</h4>
            </div>
        </a>
    </div>
</div>
<div class="kss-style"><h6>Grid responsive</h6></div>
<div class="row">
    <div class="col-sm-6 col-md-4 col-xl-3">
        <a href="javascript://" class="teaser-card teaser-card--grid-responsive">
            <div class="teaser-card__image">
                <div class="image image--landscape image--fill">
                    <div class="image__image"><img src="images/test-image.jpg"></div>
                </div>
            </div>
            <div class="teaser-card__title card-title card-title--two-lines card-title--alternate card-title--left-zero">
                <h4 class="card-title__title"><small>Small subtitle</small> Title of card</h4>
            </div>
        </a>
    </div>
</div>