{Theme} has three types of heading:
Css styles:
–With border:
.ct-heading–withBorder
.ct-heading–withBorderGrey
.ct-heading–withBorderGreyDark
–Striped:
.ct-heading–striped
–With arrow:
.ct-heading–withArrow
Heading with border
Screenshot:
Markup:
1 2 3 4 |
<div class="ct-heading--withBorder ct-heading--withBorderGrey ct-u-marginBottom40"> <h4 class="ct-u-colorMotive text-uppercase ct-u-marginBottom10">our staff</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sed arcu ac ligula volutpat tincidunt vel ut mauris. Fusce nec ultrices leo.</p> </div> |
Heading striped
Screenshot:
Markup:
1 2 3 4 5 |
<div class="ct-heading--striped text-uppercase text-capitalize ct-u-top-50 ct-u-marginBottom20"> <h4 class="pull-left">View Our Other Wedding Themes</h4><a href="#" class="btn btn-default btn-xs pull-right">start today</a> <div class="clearfix"></div> <div class="ct-right-extension"></div> </div> |
Heading with arrow
Screenshot:
Markup :
1 2 3 |
<div class="ct-heading--withArrow ct-u-colorWhite"> <h6 class="text-uppercase">This week's bestsellers</h6> </div> |