Highlights

• Posted: February 16, 2015
• / By: Julita
• / In:

Add awesome highlights boxes with simple HTML markup!

Highlights

HTML markup:

XHTML

<div class="ct-highlightsItem"> <div class="ct-highlightsItem-content"> <span class="ct-highlightsItem-content-firstTitle ct-u-size30 text-uppercase">Free</span> <br> <span class="ct-highlightsItem-content-secondTitle ct-u-size34 text-uppercase ct-fw-600">Shipping</span> <br> <span class="ct-highlightsItem-content-thirdTitle ct-u-size16">Orders over $200</span> </div> </div>

1 2 3 4 5 6 7 8 9

<div class="ct-highlightsItem">                                         <div class="ct-highlightsItem-content">                                             <span class="ct-highlightsItem-content-firstTitle ct-u-size30 text-uppercase">Free</span>                                             <br>                                             <span class="ct-highlightsItem-content-secondTitle ct-u-size34 text-uppercase ct-fw-600">Shipping</span>                                             <br>                                             <span class="ct-highlightsItem-content-thirdTitle ct-u-size16">Orders over $200</span>                                         </div>                                     </div>