Section Header:
Section Header
HTML markup:
|
1 2 3 4 |
<div class="ct-sectionHeader"> <h2>Latest Photos</h2> <h3>Types of Tropical Fish</h3> </div> |
Page Section Header:
Page Section Header
HTML markup:
|
1 2 3 4 5 6 7 |
<div class="ct-pageSectionHeader"> <h3>FISH <span>COLLECTIONS</span></h3> <a href="#"> <h4 class="ct-fw-300 ct-u-motiveLight ct-u-displayInline">See all Species</h4> <div class="ct-ListDiamond"><i class="fa fa-chevron-right"></i></div> </a> </div> |
Section Header:
-
Left
HTML markup:
Slide to left section header
123<div class="ct-slideInLeftSection ct-slideInLeftSection-motive ct-slideInLeftSection--featured ct-u-paddingBoth20 animated" data-fx="bounceInLeft"><div class="ct-pageSectionHeader pull"><h4 class="text-right">Simple slider</h4></div></div> -
Right
HTML markup:
Slide to right section header