Pricing Table
To create your own pricing table simply paste this code in the page, this will make a shell of your Pricing Table. Depending on the number of colums you would like to have, simply use the Warp width-classes e.g. width25
to set up the column width. Use the classes price
and highlighted
to easily highlight certain areas.
<div class="grid-block pricing">
<div class="grid-box width25">
<div> ... </div>
</div>
<div class="grid-box width25">
<div> ... </div>
</div>
<div class="grid-box width25 hightlighted">
<div> ... </div>
</div>
<div class="grid-box width25">
<div> ... </div>
</div>
</div>
Here is the example on how to add content in your pricing table, add this in the spot of the three dots.
<h2>Name</h2>
<div class="price">$39</div>
<ul class="zebra">
<li class="odd">Feature 1</li>
<li>Feature 2</li>
<li class="odd">Feature 3</li>
</ul>
<a href="#" class="button-default">Buy now</a>