Our pricing

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

Two column pricing tables

$9⁹⁹

Standard Plan

24/5 Support
3 months Renewal
1 User Licence
No Contracts
1 Domain

Buy now

$29⁹⁹

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

$9⁹⁹

Standard Plan

24/5 Support
3 months Renewal
1 User Licence
No Contracts
1 Domain

Buy now

$19⁹⁹

Professional Plan

24/6 Support
5 months Renewal
3 User Licences
No Contracts
3 Domain

Buy Now

$29⁹⁹

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.

$39⁹⁹

Standard Plan

24/5 Support
3 months Renewal
1 User Licence
Contracts
Unlimited bandwidth

Buy now

$49⁹⁹

Professional Plan

24/7 Support
5 months Renewal
3 User Licences
No Contracts
3 Domain
Unlimited bandwidth

Buy Now

$69⁹⁹

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

$9⁹⁹

Standard Plan

24/5 Support
3 months Renewal
1 User Licence
No Contracts
1 Domain

Buy now

$19⁹⁹

Professional Plan

24/6 Support
5 months Renewal
3 User Licences
No Contracts
3 Domain

Buy Now

$29⁹⁹

Developer Plan

24/6 Support
5 months Renewal
5 User Licences
No Contracts
5 Domain

Buy Now

$199⁹⁹

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

$9⁹⁹

Standard Plan

24/5 Support
3 months Renewal
1 User Licence
No Contracts
1 Domain

Buy now

$19⁹⁹

Professional Plan

24/6 Support
5 months Renewal
3 User Licences
No Contracts
3 Domain

Buy Now

$29⁹⁹

Developer Plan

24/6 Support
5 months Renewal
5 User Licences
No Contracts
3 Domain
Free support

Buy Now

$59⁹⁹

Advanced Plan

24/7 Support
5 months Renewal
3 User Licences
No Contracts
3 Domain

Buy Now

$199⁹⁹

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>

Pages

If you can dream it, you can do it

Our pricing

Two column pricing tables

Standard Plan

Developer Plan

show code

Three column pricing tables

Standard Plan

Professional Plan

Developer Plan

show code

Pricing tables with focus

Standard Plan

Professional Plan

Developer Plan

show code

Four column pricing tables

Standard Plan

Professional Plan

Developer Plan

Life Plan

show code

Five column pricing tables

Standard Plan

Professional Plan

Developer Plan

Advanced Plan

Life Plan

show code