Pages

If you can dream it, you can do it

Our pricing

You can create a minimum of 2 pricing tables and a maximum of 6 pricing tables.


Two column pricing tables


$999

Standard Plan

  • 24/5 Support
  • 3 months Renewal
  • 1 User Licence
  • No Contracts
  • 1 Domain
Buy now
$2999

Developer Plan

  • 24/7 Support
  • 7 months Renewal
  • 5 User Licences
  • No Contracts
  • 5 Domain
Buy Now

show code

<div class="pricing uk-grid-width-medium-1-2 uk-clearfix uk-margin-top"> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$9<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Standard Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/5 Support</li> <li>3 months Renewal</li> <li>1 User Licence</li> <li>No Contracts</li> <li>1 Domain</li> </ul> <a class="uk-button" href="#">Buy now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> </div>

Three column pricing tables


$999

Standard Plan

  • 24/5 Support
  • 3 months Renewal
  • 1 User Licence
  • No Contracts
  • 1 Domain
Buy now
$1999

Professional Plan

  • 24/6 Support
  • 5 months Renewal
  • 3 User Licences
  • No Contracts
  • 3 Domain
Buy Now
$2999

Developer Plan

  • 24/7 Support
  • 7 months Renewal
  • 5 User Licences
  • No Contracts
  • 5 Domain
Buy Now

show code

<div class="pricing uk-grid-width-medium-1-3 uk-clearfix uk-margin-top"> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$9<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Standard Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/5 Support</li> <li>3 months Renewal</li> <li>1 User Licence</li> <li>No Contracts</li> <li>1 Domain</li> </ul> <a class="uk-button" href="#">Buy now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> </div>

Pricing tables with focus

You can set a pricing table to have focus by using the focus on the same div as tm-price-column class. You can further shift the focus pricing table upwards to create symmetry by using the tm-shift-top class. Notice also how the focused table has more items to make it larger and thus fitting with the shift.


$3999

Standard Plan

  • 24/5 Support
  • 3 months Renewal
  • 1 User Licence
  • Contracts
  • Unlimited bandwidth
Buy now
$4999

Professional Plan

  • 24/7 Support
  • 5 months Renewal
  • 3 User Licences
  • No Contracts
  • 3 Domain
  • Unlimited bandwidth
Buy Now
$6999

Developer Plan

  • 24/7 Support
  • 7 months Renewal
  • 5 User Licences
  • No Contracts
  • Unlimited bandwidth
Buy Now

show code

<div class="pricing uk-grid-width-medium-1-3 uk-clearfix uk-margin-top"> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$9<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Standard Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/5 Support</li> <li>3 months Renewal</li> <li>1 User Licence</li> <li>No Contracts</li> <li>1 Domain</li> </ul> <a class="uk-button" href="#">Buy now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center focus tm-shift-top"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> </div>

Four column pricing tables


$999

Standard Plan

  • 24/5 Support
  • 3 months Renewal
  • 1 User Licence
  • No Contracts
  • 1 Domain
Buy now
$1999

Professional Plan

  • 24/6 Support
  • 5 months Renewal
  • 3 User Licences
  • No Contracts
  • 3 Domain
Buy Now
$2999

Developer Plan

  • 24/6 Support
  • 5 months Renewal
  • 5 User Licences
  • No Contracts
  • 5 Domain
Buy Now
$19999

Life Plan

  • 24/7 Support
  • 7 months Renewal
  • 5 User Licences
  • No Contracts
  • 5 Domain
Buy Now

show code

<div class="pricing uk-grid-width-medium-1-4 uk-clearfix uk-margin-top"> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$9<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Standard Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/5 Support</li> <li>3 months Renewal</li> <li>1 User Licence</li> <li>No Contracts</li> <li>1 Domain</li> </ul> <a class="uk-button" href="#">Buy now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center "> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> </div>

Five column pricing tables


$999

Standard Plan

  • 24/5 Support
  • 3 months Renewal
  • 1 User Licence
  • No Contracts
  • 1 Domain
Buy now
$1999

Professional Plan

  • 24/6 Support
  • 5 months Renewal
  • 3 User Licences
  • No Contracts
  • 3 Domain
Buy Now
$2999

Developer Plan

  • 24/6 Support
  • 5 months Renewal
  • 5 User Licences
  • No Contracts
  • 3 Domain
  • Free support
Buy Now
$5999

Advanced Plan

  • 24/7 Support
  • 5 months Renewal
  • 3 User Licences
  • No Contracts
  • 3 Domain
Buy Now
$19999

Life Plan

  • 24/7 Support
  • 7 months Renewal
  • 5 User Licences
  • No Contracts
  • 5 Domain
Buy Now

show code

<div class="pricing uk-grid-width-medium-1-5 uk-clearfix uk-margin-top"> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$9<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Standard Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/5 Support</li> <li>3 months Renewal</li> <li>1 User Licence</li> <li>No Contracts</li> <li>1 Domain</li> </ul> <a class="uk-button" href="#">Buy now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center "> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center focus tm-shift-top"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> <div class="tm-price-column uk-float-left uk-text-center"> <div class="tm-price-tag">$29<sup>99</sup></div> <div class="tm-price-title uk-margin-bottom"> <h3>Developer Plan</h3> </div> <div class="tm-price-content"> <ul class="tm-price-list uk-float-left uk-width-1-1"> <li>24/7 Support</li> <li>7 months Renewal</li> <li>5 User Licences</li> <li>No Contracts</li> <li>5 Domain</li> </ul> <a class="uk-button" href="#">Buy Now</a> </div> </div> </div>
demo