Example
Markup
<div class="kss-style"><h6>List</h6></div>
<div>
<a href="javascript://" class="person-card person-card--continue">
<div class="person-card__image">
<div class="image image--square image--fill image--circle">
<div class="image__image"><img src="images/test-image.jpg"></div>
</div>
</div>
<div class="person-card__title card-title card-title--two-lines card-title--left-zero">
<h4 class="card-title__title">Name of that person <small>Function of that person</small></h4>
</div>
</a>
<a href="javascript://" class="person-card person-card--continue">
<div class="person-card__image">
<div class="image image--square image--fill image--circle">
<div class="image__image"><img src="images/test-image.jpg"></div>
</div>
</div>
<div class="person-card__title card-title card-title--two-lines card-title--left-zero">
<h4 class="card-title__title">Name of that person <small>Function of that person</small></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="person-card person-card--grid">
<div class="person-card__image">
<div class="image image--square image--fill image--circle">
<div class="image__image"><img src="images/test-image.jpg"></div>
</div>
</div>
<div class="person-card__title card-title card-title--two-lines card-title--left-zero">
<h4 class="card-title__title">Name of that person <small>Function of that person</small></h4>
</div>
</a>
</div>
</div>
Source:
assets/styles/03-molecules/01-cards/_person.scss, line 1
