{Theme} has two variations for page headers you can use in your website!
— Small
HTML markup
|
1 2 3 4 5 6 7 8 9 10 |
<header data-parallax="50" class="ct-page-header ct-page-header--small"> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="ct-page-header__svg"> <path d="M0,100 L 100,100 100,0 Z"></path> </svg> <div class="ct-page-header__inner"> <div class="container"> <h1 class="h1 ct-page-header__title">Our <b>Faq</b></h1> </div> </div> </header> |
Screenshot
Small Page Header
— Big
HTML markup
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<header data-parallax="30" class="ct-page-header ct-page-header--big"> <svg viewBox="0 0 100 100" preserveAspectRatio="none" class="ct-page-header__svg"> <path d="M0,100 L 100,100 100,0 Z"></path> </svg> <div class="ct-page-header__inner"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h1>Parties & Events With <b>Personalized Fun!</b></h1> <p>We set up, organize, and supervise all of the festivities with fun, engaging, and age appropriate games & activities. Mom & Dad never have to worry about boredom or safety!</p><a href="#" class="btn btn-default-o">See Parties</a> </div> </div> </div> </div> </header> |
Screenshot
Big Page Header