Section Default
Section component
Donec malesuada augue non erat dictum, vitae efficitur
Maecenas vulputate tortor sit amet egestas rhoncus
User Settings 1
Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros
User Settings 2
Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros
User Settings 3
Ut ultrices diam quis purus lobortis, quis viverra mauris feugiat. Pellentesque nec nulla sagittis, dictum erat vitae, venenatis eros
Markup: ..\..\styleguide\templates\templates\section-default.html
<div class="rocksite-s-default ">
<div class="container">
<header class="rocksite-o-section-header u-align-center">
<h2 class="rocksite-o-section-header__title">Donec malesuada augue non erat dictum, vitae efficitur</h2>
<p class="rocksite-o-section-header__subtitle"> Maecenas vulputate tortor sit amet egestas rhoncus</p>
</header>
<div class="row">
<div class="col-md-4">
<div class="rocksite-m-info ">
<div class="rocksite-m-info__content">
<h3 class="rocksite-m-info__content__title">User Settings 1</h3>
<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-info__icon">
<span class="rocksite-a-icon -large"><i class="la la-user-plus"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="rocksite-m-info ">
<div class="rocksite-m-info__content">
<h3 class="rocksite-m-info__content__title">User Settings 2</h3>
<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-info__icon">
<span class="rocksite-a-icon -large"><i class="la la-user-plus"></i></span>
</div>
</div>
</div>
<div class="col-md-4">
<div class="rocksite-m-info ">
<div class="rocksite-m-info__content">
<h3 class="rocksite-m-info__content__title">User Settings 3</h3>
<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-info__icon">
<span class="rocksite-a-icon -large"><i class="la la-user-plus"></i></span>
</div>
</div>
</div>
</div>
</div>
</div>
../source/scss/components/templates/_sections.scss
, line 1