Create standard pricing Boxes or use variation:
- ct-pricingBox–important
To highlight one of them.
Everything with simple HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<div class="ct-pricingBox ct-pricingBox--gold"> <span class="ct-pricingbox-number">1</span> <div class="ct-pricingBox-pricing"> <span class="ct-pricingBox-price">12<sup>95</sup></span> <span class="ct-pricingBox-priceSub">$ Month</span> </div> <hr class="ct-dotted"> <div class="ct-pricingBox-list"> <ul class="list-unstyled ct-list-arrowWhite text-uppercase ct-fw-600"> <li>Caramel "Fleur de sel"</li> <li>Honey lavender macaroon</li> <li>Matcha Chestnut Flavour</li> <li>Orange blossom package</li> <li>Pumpkin Cinnamon</li> </ul> </div> <a href="#" class="btn btn-default">Order</a> </div> |
Use on of predefined colors with CSS class:
- ct-pricingBox–gold
- ct-pricingBox–primary
- ct-pricingBox–blue
- ct-pricingBox–green
- ct-pricingBox–orange
- ct-pricingBox–gray
- ct-pricingBox–purple