Pricing

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

Create pricing box with simple HTML markup:

XHTML

<div class="ct-pricing ct-u-marginBoth40"> <div class="ct-pricing-iconBox ct-u-paddingTop20"> <div class="ct-pricing-iconBox-icon"> <img src="assets/images/demo-content/pricing-chains.png" alt="Chains"> <span class="ct-u-size24">$120</span> </div> </div> <ul class="ct-pricing-list list-unstyled ct-u-marginTop30"> <li>Solder chain</li> <li>Figure</li> <li>Supply and Solder</li> <li>Tighten clasp</li> </ul> <div class="ct-u-paddingTop30 ct-u-paddingBottom20"> <a class="btn btn-default ct-pricing-button"> <i class="fa fa-long-arrow-right"></i> </a> </div> </div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<div class="ct-pricing ct-u-marginBoth40">                             <div class="ct-pricing-iconBox ct-u-paddingTop20">                                 <div class="ct-pricing-iconBox-icon">                                     <img src="assets/images/demo-content/pricing-chains.png" alt="Chains">                                     <span class="ct-u-size24">$120</span>                                 </div>                             </div>                             <ul class="ct-pricing-list list-unstyled ct-u-marginTop30">                                 <li>Solder chain</li>                                 <li>Figure</li>                                 <li>Supply and Solder</li>                                 <li>Tighten clasp</li>                             </ul>                             <div class="ct-u-paddingTop30 ct-u-paddingBottom20">                                 <a class="btn btn-default ct-pricing-button">                                     <i class="fa fa-long-arrow-right"></i>                                 </a>                             </div>                         </div>

Pricing