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 class="bfc-o"> ... </div> </div> <div class="grid-box width25"> <div class="bfc-o"> ... </div> </div> <div class="grid-box width25 hightlighted"> <div class="bfc-o"> ... </div> </div> <div class="grid-box width25"> <div class="bfc-o"> ... </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="line"> <li>Feature 1</li> <li>Feature 2</li> <li>Feature 3</li> </ul> <a href="#" class="button-default">Buy now</a>