Page Headers

• Posted: March 23, 2016
• / By: Magda
• / In:

HTML markup

CSS

<header class="ct-page-header ct-u-scratches--bottom ct-u-scratches--inner ct-u-background--black"> <div class="inner"> <div class="container"> <div class="row"> <div class="col-sm-4"> <h1 class="ct-page-header__title">About us</h1> </div> <div class="col-sm-8"> <ul class="breadcrumb"> <li><a href="#">home</a> </li> <li>About Us</li> </ul> </div> </div> </div> </div> </header>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<header class="ct-page-header ct-u-scratches--bottom ct-u-scratches--inner ct-u-background--black">     <div class="inner">         <div class="container">             <div class="row">                 <div class="col-sm-4">                     <h1 class="ct-page-header__title">About us</h1>                 </div>                 <div class="col-sm-8">                     <ul class="breadcrumb">                         <li><a href="#">home</a>                         </li>                         <li>About Us</li>                     </ul>                 </div>             </div>         </div>     </div> </header>

Screenshot

Page headers