menu

For any paid product site, you will need a pricing table to elegantly detail your prices. This pricing table supports a featured pricepoint works well with our column system.

Color themes


Basic

$ 9 99
  • 10 product uses.
  • 10 product uses.
  • 10 product uses.
  • Pro and above.
  • Enterprise only.
  • Enterprise only.
  • Enterprise only.

Enterprise

$ 299 99
  • 10 product uses.
  • 10 product uses.
  • 10 product uses.
  • 10 product uses.
  • Enterprise only.
  • Enterprise only.
  • Enterprise only.

Basic

$ 9 99
  • 10 product uses.
  • 10 product uses.
  • 10 product uses.
  • Pro and above.
  • Enterprise only.
  • Enterprise only.
  • Enterprise only.

Enterprise

$ 299 99
  • 10 product uses.
  • 10 product uses.
  • 10 product uses.
  • 10 product uses.
  • Enterprise only.
  • Enterprise only.
  • Enterprise only.

Basic

$ 9 99
  • 10 product uses.
  • 10 product uses.
  • 10 product uses.
  • Pro and above.
  • Enterprise only.
  • Enterprise only.
  • Enterprise only.

Enterprise

$ 299 99
  • 10 product uses.
  • 10 product uses.
  • 10 product uses.
  • 10 product uses.
  • Enterprise only.
  • Enterprise only.
  • Enterprise only.

Add the featured class to the pricing-table to highlight a specific table.


  <div class="pricing-table">
    <div class="pricing-header">
      <i class="icon-plane"></i>
      <h4>Pro</h4>
      <div class="price">
        <span class="currency">$</span>
        <span class="dollars">59</span>
        <span class="cents">99</span>
      </div>
    </div>
    <ul class="pricing-features">
      <li class="pricing-feature"><i class="icon-accept"></i>10 product uses.</li>
      <li class="pricing-feature"><i class="icon-accept"></i>10 product uses.</li>
      <li class="pricing-feature"><i class="icon-accept"></i>10 product uses.</li>
      <li class="pricing-feature"><i class="icon-accept"></i>Pro and above.</li>
      <li class="pricing-feature disabled"><i class="icon-close"></i>Enterprise only.</li>
      <li class="pricing-feature disabled"><i class="icon-close"></i>Enterprise only.</li>
      <li class="pricing-feature disabled"><i class="icon-close"></i>Enterprise only.</li>
    </ul>
  </div>