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>