Pricing tables

How to create pricing tables.

Online Docs Available Looks like you are looking at the offline docs. You can find possibly more up to date docs online here

Pricing tables

You can create a pricing table by using the following markup.

<div class="pricing-col pricing-featured">
    <h2 class="pricing-head" style="background: #ffffff; color:#333333">
        Silver
    </h2>
    <div class="pricing-body" style="background: #ffffff; color:#333333">
        <div class="pricing-price">
            <header style="background: #01c0e1; color: #ffffff;">
                <h2><small style="color: #ffffff;">$</small>
                19.99</h2>
                <p style="color: #ffffff;"></p>
            </header>
        </div>
        <ul class="pricing-list">
            <li style="border-color: rgba(51,51,51,0.1)">10 users</li>
            <li style="border-color: rgba(51,51,51,0.1)">24 hours</li>
            <li style="border-color: rgba(51,51,51,0.1)">100 Megabytes</li>
            <li style="border-color: rgba(51,51,51,0.1)">1000 SMS</li>
        </ul>
        <a class="btn btn-lg btn-primary" href="#" style="background: #01c0e1; color: #ffffff;">
            get it
        </a>
    </div>
</div>

By using the pricing-featured class the pricing column stands out more by adding some extra padding. pricing