The header in {Theme} can be:
– static
– paralax
– kenburns
– video
The header title can be placed:
– ct-pageHeader-center (center)
– ct-pageHeader-right (right-side)
– ct-pageHeader-left (left-side)
HTML markup – example for static header with header title at center
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<header class="ct-pageHeader ct-pageHeader-center ct-mediaSection" data-height="151" data-background="../assets/images/demo-content/header.jpg" data-background-mobile="../assets/images/demo-content/header.jpg" > <div class="ct-mediaSection-inner"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="ct-sectionHeader ct-sectionHeader--type1"> <h3 class="ct-sectionHeader-title text-capitalize ct-u-colorWhite">Comfortable & Quiet Rooms</h3> </div> </div> </div> </div> </div> </header> |
JavaScript
– for static header:
<script src=”../assets/js/ct-mediaSection/js/media-section.js”></script>
– for parallax, kenburns, video headers:
<script src=”../assets/js/ct-mediaSection/js/smoothScroll.js”></script>
<script src=”../assets/js/ct-mediaSection/js/jquery.stellar.min.js”></script>
<script src=”../assets/js/ct-mediaSection/js/media-section.js”></script>
Screenshot
Header