Pricing Table

Scritto da Happy Scoot on . Postato in Features

Normal

$24 / month
  • 5 Websites
  • 40 GB Storage
  • Linux Account
Buy now

Pro

$39 / month
  • 5 Websites
  • 40 GB Storage
  • Linux Account
Buy now

Hardcore

$75 / month
  • 5 Websites
  • 40 GB Storage
  • Linux Account
Buy now

Ultimate

$99 / month
  • 10 Websites
  • 100 GB Storage
  • Linux Account
Buy now

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>