Pricing Box

• Posted: December 17, 2015
• / By: Magda
• / In:

Present your prices by just adding this simple HTML markup:

HTML markup

CSS

<div class="ct-priceTable"> <div class="ct-priceTable-main"><span class="ct-priceTable-title h4">online campaign</span><span class="ct-priceTable-subtitle h5">Integer a mattis diam</span><span class="ct-priceTable-price"><span class="ct-priceTable-currency">$</span>495</span><span class="ct-priceTable-tag">per month</span><span class="ct-priceTable-short-dsc">Fully serviced tailormade campaign for your company</span> </div> <div class="ct-priceTable-features"> <ul class="ct-priceTable-list"> <li>Website traffic analytics</li> <li>New traffic strategies</li> <li>Campaign optimization</li> <li>Full progress reports</li> <li>Customer support</li> </ul><a href="#" class="btn btn-dark btn-lg">purchase now<i class="fa fa-shopping-cart"></i></a> </div> </div>

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

<div class="ct-priceTable">   <div class="ct-priceTable-main"><span class="ct-priceTable-title h4">online campaign</span><span class="ct-priceTable-subtitle h5">Integer a mattis diam</span><span class="ct-priceTable-price"><span class="ct-priceTable-currency">$</span>495</span><span class="ct-priceTable-tag">per month</span><span class="ct-priceTable-short-dsc">Fully serviced tailormade campaign for your company</span>   </div>   <div class="ct-priceTable-features">     <ul class="ct-priceTable-list">       <li>Website traffic analytics</li>       <li>New traffic strategies</li>       <li>Campaign optimization</li>       <li>Full progress reports</li>       <li>Customer support</li>     </ul><a href="#" class="btn btn-dark btn-lg">purchase now<i class="fa fa-shopping-cart"></i></a>   </div> </div>

Screenshot

Pricing Box