Page content header
Header above the page content

Duis vitae lobortis odio, sed convallis lacus
dfgfdgfdgfd
Markup: ..\..\styleguide\templates\organisms\page-header.html
<div class="rocksite-o-page-header ">
<div class="rocksite-o-page-header__breadcrumbs">
<div class="container"><ol class="rocksite-m-breadcrumbs -invert">
<li class="rocksite-m-breadcrumbs__item">
<a href="#">Home</a>
<span class="rocksite-m-breadcrumbs__item__separator">/</span>
</li>
<li class="rocksite-m-breadcrumbs__item">
<a href="#">Second Category</a>
<span class="rocksite-m-breadcrumbs__item__separator">/</span>
</li>
<li class="rocksite-m-breadcrumbs__item">
<a href="#">Last Category</a>
<span class="rocksite-m-breadcrumbs__item__separator">/</span>
</li>
</ol>
</div>
</div>
<div class="rocksite-m-cover-header rocksite-o-page-header__cover-header">
<div class="rocksite-m-cover-header__image">
<img src="../assets/images/pages/bg-woman.jpg" alt="Test Image" />
</div>
<div class="rocksite-m-cover-header__wrapper">
<div class="rocksite-m-cover-header__wrapper__content">
<h1 class="rocksite-m-cover-header__wrapper__content__title">
Duis vitae lobortis odio, sed convallis lacus
</h1>
<p class="rocksite-m-cover-header__wrapper__content__text">dfgfdgfdgfd</p>
</div>
<div class="rocksite-m-cover-header__wrapper__scroll">
<a href="#" class="rocksite-a-button-icon rocksite-o-page-header__cover-header"><i class="la la-arrow-down"></i> <span>214 K</span>
</a>
</div>
</div>
</div>
</div>
../source/scss/components/organisms/_content-header.scss
, line 209