# Hero

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

### Class

```css
.hero
```

### Code Sample

```markup
<div class="hero bg--info">
    <div class="hero__content">
        <div class="container">
            <p class="hero__title">Title</p>
            <p class="hero__subtitle">Sub Title</p>
        </div>
    </div>
</div>
```