Hero Content
Short info box and icon
Pellentesque nec nulla sagittis
Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros
Markup: ..\..\styleguide\templates\molecules\hero-content.html
<div class="rocksite-m-hero-content ">
<header class="rocksite-m-hero-content__header">
<span class="rocksite-m-hero-content__header__above_title">Prus lobortis</span>
<h2 class="rocksite-m-hero-content__header__title">Pellentesque nec nulla sagittis</h2>
</header>
<div class="rocksite-m-hero-content__content">
<p>Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros</p>
</div>
<div class="rocksite-m-hero-content__footer">
<a href="#" class="rocksite-a-button -primary">
Read more
</a>
<a href="#" class="rocksite-a-button -ghost">
Contact Us
</a>
</div>
</div>
../source/scss/components/molecules/_hero-content.scss
, line 1