Card With Image and Footer
This example has an excerpt of 93 characters. Etiam porta sem malesuada magna mollis euismod.
Cards
kernl-ui/src/styles/04.components/card.scss
<article class="card">
<a href="#" class="__link">
<div class="__graphic --16x9">
<img class="__graphic__img" src="..." alt="...">
</div>
<div class="__body">
<h2 class="__title">...</h2>
<p>...</p>
</div>
<div class="__footer">
...
</div>
</a>
</article>