# Card

{% hint style="info" %}
Since `1.8.0`
{% endhint %}

### Class

```css
.card
```

### Code Sample

```markup
<div class="card shadow--md bg--light pa--1 rounded--5 column--3">
    <header class="card__header">
        <h4>Card Title</h4>
    </header>
    <div class="card__content">
        This is a card example.
    </div>
</div>
```