Pricing box

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

pricing-box

HTML markup:

CSS

<div class="ct-pricingBox"> <h6 class="ct-pricingBox-header ct-u-hr ct-u-hr--mid">Basic</h6> <span class="ct-pricingBox-number">10</span> <ul class="list-unstyled ct-list--italic"> <li>Full Access</li> <li>Unlimited Pizza</li> <li>Free Beers</li> <li>2 Fre Froks Every Month</li> </ul> <ul class="ct-pricingBox-rating ct-pricingBox-rating--hidden"> <li><i class="fa fa-star"></i></li> <li><i class="fa fa-star"></i></li> <li><i class="fa fa-star"></i></li> </ul> <a class="btn btn-motive"><span>Buy Now</span></a> </div>

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

<div class="ct-pricingBox">     <h6 class="ct-pricingBox-header ct-u-hr ct-u-hr--mid">Basic</h6>     <span class="ct-pricingBox-number">10</span>     <ul class="list-unstyled ct-list--italic">         <li>Full Access</li>         <li>Unlimited Pizza</li>         <li>Free Beers</li>         <li>2 Fre Froks Every Month</li>     </ul>     <ul class="ct-pricingBox-rating ct-pricingBox-rating--hidden">         <li><i class="fa fa-star"></i></li>         <li><i class="fa fa-star"></i></li>         <li><i class="fa fa-star"></i></li>     </ul>     <a class="btn btn-motive"><span>Buy Now</span></a> </div>