Pricing Table

• Posted: March 4, 2015
• / By: Julita
• / In:

Pricing Table

HTML markup:

XHTML

<article class="ct-pricingTable"> <div class="ct-pricingTable-header"> <div> <h5><small>Personal</small></h5> <p> ^$19/month </p> </div> </div> <div class="ct-pricingTable-container"> <ul class="list-unstyled"> <li class="active"> <p><i class="fa fa-check"></i>Vestibulum ultrices orci</p> </li> <li class="active"> <p><i class="fa fa-check"></i>Quisque a lorem</p> </li> <li class="active"> <p><i class="fa fa-check"></i>Aliquam luctus eros</p> </li> <li> <p><i class="fa fa-check"></i>Mauris sed nunc a nunc</p> </li> <li> <p><i class="fa fa-check"></i>Nam eu purus tincidunt</p> </li> </ul> </div> <div class="ct-pricingTable-footer"> <a class="btn btn-motive ct-btn-block" href=""><span>Subscribe Now</span></a> </div> </article>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

<article class="ct-pricingTable">     <div class="ct-pricingTable-header">         <div>             <h5><small>Personal</small></h5>             <p>                 <sup>$</sup>19/month             </p>         </div>     </div>       <div class="ct-pricingTable-container">         <ul class="list-unstyled">             <li class="active">                 <p><i class="fa fa-check"></i>Vestibulum ultrices orci</p>             </li>             <li class="active">                 <p><i class="fa fa-check"></i>Quisque a lorem</p>             </li>             <li class="active">                 <p><i class="fa fa-check"></i>Aliquam luctus eros</p>             </li>             <li>                 <p><i class="fa fa-check"></i>Mauris sed nunc a nunc</p>             </li>             <li>                 <p><i class="fa fa-check"></i>Nam eu purus tincidunt</p>             </li>         </ul>     </div>       <div class="ct-pricingTable-footer">         <a class="btn btn-motive ct-btn-block" href=""><span>Subscribe Now</span></a>     </div> </article>