KSS Style Guide

<insert-markup>organisms.page.header-</insert-markup>
Test Image

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: ../source/scss/components/organisms/_content-header.scss, line 209