Pricing Tables

Create multiple Pricing Tables with different color variations with the simple HTML markup:

 <div class="ct-pricingBox ct-pricingBox--graydarker ct-u-marginBoth50">
                    <div class="ct-pricingBox-header">
                        <h2 class="ct-pricingBox-title ct-u-hr ct-u-hr--wide"><small>Funky Package</small></h2>
                        <h2 class="ct-pricingBox-price"><b>$750</b></h2>
                        <h6 class="ct-pricingBox-subtitle">Monthly</h6>
                    </div>
                    <svg viewBox="0 0 100 100" preserveAspectRatio="none">
                        <path d="M0,0 L 50,50 100,0 Z"/>
                    </svg>
                    <div class="ct-pricingBox-content">
                        <ul class="ct-pricingBox-list">
                            <li>T-shirt and toaster</li>
                            <li>Rihanna's phone number</li>
                            <li>Telepathic support</li>
                            <li>Foldable time machine</li>
                            <li>Real life undo button</li>
                        </ul>
                    </div>
                    <a href="login.html" class="btn btn-lg btn-graydarker"><span>Sign Up Now</span></a>
                </div>

<h2 class="ct-pricingBox-title ct-u-hr ct-u-hr--wide"><small>Funky Package</small></h2>

<h6 class="ct-pricingBox-subtitle">Monthly</h6>

</div>

</svg>

<li>T-shirt and toaster</li>

<li>Rihanna's phone number</li>

<li>Telepathic support</li>

<li>Foldable time machine</li>

<li>Real life undo button</li>

</ul>

</div>

</div>

If you would like to use table with different color replace ct-pricingBox--graydarker with one of the following CSS classes:

ct-pricingBox–motive
ct-pricingBox–gray
ct-pricingBox–graylighter

News

Siver

Estato

Disrupt

We are elite