<div class="page-header text-center">
  <h1>Pricing table - style 1</h1>
</div>

<div class="pricing-table style1 row">
  <div class="col col-md-4 no-padding">
    <div class="col-header text-center">
      <h2>Personal</h2>
      <p>Perfect for your blog</p>
    </div>
    <div class="col-body">
    <ul>
      <li class="row0 yes">Unlimited bandwidth</li>
      <li class="row1 yes">Unlimited products</li>
      <li class="row0 yes">1 GB File storage</li>
      <li class="row1 yes">2.0% Transaction fee</li>
      <li class="row0 yes">Discount code engine</li>
      <li class="row1 yes">24x7 Phone support</li>
      <li class="row0 no">Gift cards</li>
      <li class="row1 no">Abandoned cart recovery</li>
      <li class="row0 no">Professional reports</li>
      <li class="row1 no">Advanced report builder</li>
      <li class="row0"><span class="big-number"><sup>$</sup>34<sup>.99</sup></span></li>
    </ul>
    </div>
    <div class="col-footer text-center">
      <a class="btn btn-lg btn-default">Sign up</a>
    </div>
  </div>

  <div class="col col-md-4 col-feature shadow no-padding">
    <div class="col-header text-center">
      <h2>Portfolio</h2>
      <p>Everything you need</p>
    </div>
    <div class="col-body">
    <ul>
      <li class="row0 yes">Unlimited bandwidth</li>
      <li class="row1 yes">Unlimited products</li>
      <li class="row0 yes">1 GB File storage</li>
      <li class="row1 yes">2.0% Transaction fee</li>
      <li class="row0 yes">Discount code engine</li>
      <li class="row1 yes">24x7 Phone support</li>
      <li class="row0 yes">Gift cards</li>
      <li class="row1 yes">Abandoned cart recovery</li>
      <li class="row0 yes">Professional reports</li>
      <li class="row1 yes">Advanced report builder</li>
      <li class="row0 yes">Real-time carrier shipping</li>
      <li class="row0"><span class="big-number"><sup>$</sup>54<sup>.99</sup></span></li>
    </ul>
    </div>
    <div class="col col-footer text-center">
      <a class="btn btn-lg btn-primary">Sign up</a>
    </div>
  </div>

  <div class="col col-md-4 no-padding">
    <div class="col-header text-center">
      <h2>Performance</h2>
      <p>Awesome capacity</p>
    </div>
    <div class="col-body">
    <ul>
      <li class="row0 yes">Unlimited bandwidth</li>
      <li class="row1 yes">Unlimited products</li>
      <li class="row0 yes">1 GB File storage</li>
      <li class="row1 yes">2.0% Transaction fee</li>
      <li class="row0 no">Discount code engine</li>
      <li class="row1 yes">24x7 Phone support</li>
      <li class="row0 yes">Gift cards</li>
      <li class="row1 no">Abandoned cart recovery</li>
      <li class="row0 no">Professional reports</li>
      <li class="row1 no">Advanced report builder</li>
      <li class="row0"><span class="big-number"><sup>$</sup>45<sup>.99</sup></span></li>
    </ul>
    </div>
    <div class="col-footer text-center">
      <a class="btn btn-lg btn-default">Sign up</a>
    </div>
  </div>
</div>


<div class="page-header text-center">
  <h1>Pricing table - style 2</h1>
</div>

<div class="pricing-table style2 row">
  <div class="col col-md-4 no-padding">
    <div class="col-header text-center">
      <h2>Personal</h2>
      <p><span class="big-number"><sup>$</sup>34<sup>.99</sup></span></p>
    </div>
    <div class="col-body">
    <ul>
      <li class="row0 yes">Unlimited bandwidth</li>
      <li class="row1 yes">Unlimited products</li>
      <li class="row0 yes">1 GB File storage</li>
      <li class="row1 yes">2.0% Transaction fee</li>
      <li class="row0 yes">Discount code engine</li>
      <li class="row1 yes">24x7 Phone support</li>
      <li class="row0 no">Gift cards</li>
      <li class="row1 no">Abandoned cart recovery</li>
      <li class="row0 no">Professional reports</li>
      <li class="row1 no">Advanced report builder</li>
    </ul>
    </div>
    <div class="col-footer text-center">
      <a class="btn btn-lg btn-default">Sign up</a>
    </div>
  </div>

  <div class="col col-md-4 col-feature shadow no-padding">
    <div class="col-header text-center">
      <h2>Portfolio</h2>
      <p><span class="big-number"><sup>$</sup>54<sup>.99</sup></span></p>
    </div>
    <div class="col-body">
    <ul>
      <li class="row0 yes">Unlimited bandwidth</li>
      <li class="row1 yes">Unlimited products</li>
      <li class="row0 yes">1 GB File storage</li>
      <li class="row1 yes">2.0% Transaction fee</li>
      <li class="row0 yes">Discount code engine</li>
      <li class="row1 yes">24x7 Phone support</li>
      <li class="row0 yes">Gift cards</li>
      <li class="row1 yes">Abandoned cart recovery</li>
      <li class="row0 yes">Professional reports</li>
      <li class="row1 yes">Advanced report builder</li>
      <li class="row0 yes">Real-time carrier shipping</li>
    </ul>
    </div>
    <div class="col-footer text-center">
      <a class="btn btn-lg btn-primary">Sign up</a>
    </div>
  </div>

  <div class="col col-md-4 no-padding">
    <div class="col-header text-center">
      <h2>Performance</h2>
      <p><span class="big-number"><sup>$</sup>45<sup>.99</sup></span></p>
    </div>
    <div class="col-body">
    <ul>
      <li class="row0 yes">Unlimited bandwidth</li>
      <li class="row1 yes">Unlimited products</li>
      <li class="row0 yes">1 GB File storage</li>
      <li class="row1 yes">2.0% Transaction fee</li>
      <li class="row0 no">Discount code engine</li>
      <li class="row1 yes">24x7 Phone support</li>
      <li class="row0 yes">Gift cards</li>
      <li class="row1 no">Abandoned cart recovery</li>
      <li class="row0 no">Professional reports</li>
      <li class="row1 no">Advanced report builder</li>
    </ul>
    </div>
    <div class="col-footer text-center">
      <a class="btn btn-lg btn-default">Sign up</a>
    </div>
  </div>
</div>

<!--------------------------------------------------------------------------------------------------------------------------------------------->

<div class="page-header text-center">
  <h1>Pricing table - style 3</h1>
</div>

<div class="pricing-table style3">

<div class="row row-header hidden-xs hidden-sm">
  <div class="col col-md-3 no-padding"></div>
  <div class="col col-md-3 no-padding">
    <div class="col-header text-center">
      <h2>Personal</h2>
      <p><span class="big-number"><sup>$</sup>34<sup>.99</sup></span></p>
    </div>
  </div>
  <div class="col col-md-3 col-feature no-padding">
    <div class="col-header text-center">
      <h2>Portfolio</h2>
      <p><span class="big-number"><sup>$</sup>54<sup>.99</sup></span></p>
    </div>
  </div>
  <div class="col col-md-3 no-padding">
    <div class="col-header text-center">
      <h2>Performance</h2>
      <p><span class="big-number"><sup>$</sup>45<sup>.99</sup></span></p>
    </div>
  </div>

</div>

<div class="row row-body">
  <div class="col col-md-3 no-padding hidden-xs hidden-sm">
    <ul>
      <li class="row0 yes">Unlimited bandwidth</li>
      <li class="row1 yes">Unlimited products</li>
      <li class="row0 yes">1 GB File storage</li>
      <li class="row1 yes">2.0% Transaction fee</li>
      <li class="row0">Discount code engine</li>
      <li class="row1">24x7 Phone support</li>
      <li class="row0">Gift cards</li>
      <li class="row1">Abandoned cart recovery</li>
      <li class="row0">Professional reports</li>
      <li class="row1">Advanced report builder</li>
      <li class="row0">Advanced report builder</li>
    </ul>
  </div>

  <div class="col col-md-3 no-padding">
  	<div class="col-header text-center hidden-md hidden-lg">
      <h2>Personal</h2>
      <p><span class="big-number"><sup>$</sup>34<sup>.99</sup></span></p>
    </div>
    <ul>
      <li class="row0"><span class="hidden-md hidden-lg">Unlimited bandwidth</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">Unlimited products</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">1 GB File storage</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">2.0% Transaction fee</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">Discount code engine</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">24x7 Phone support</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">Gift cards</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1 no"><span class="hidden-md hidden-lg">Abandoned cart recovery</span> <i class="fa fa-times-circle"></i></li>
      <li class="row0 no"><span class="hidden-md hidden-lg">Professional reports</span> <i class="fa fa-times-circle"></i></li>
      <li class="row1 no"><span class="hidden-md hidden-lg">Advanced report builder</span> <i class="fa fa-times-circle"></i></li>
      <li class="row0 no"><span class="hidden-md hidden-lg">Advanced report builder</span> <i class="fa fa-times-circle"></i></li>
    </ul>
    <div class="col-footer text-center">
      <a href="#" title="Sign up" class="btn btn-lg btn-default">Sign up</a>
    </div>
  </div>

  <div class="col col-md-3 no-padding">
  	<div class="col-header text-center hidden-md hidden-lg">
      <h2>Portfolio</h2>
      <p><span class="big-number"><sup>$</sup>54<sup>.99</sup></span></p>
    </div>

    <ul>
      <li class="row0"><span class="hidden-md hidden-lg">Unlimited bandwidth</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">Unlimited products</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">1 GB File storage</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">2.0% Transaction fee</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">Discount code engine</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">24x7 Phone support</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">Gift cards</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">Abandoned cart recovery</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">Professional reports</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">Advanced report builder</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">Advanced report builder</span> <i class="fa fa-check-circle"></i></li>
    </ul>
    <div class="col-footer text-center">
      <a href="#" title="Sign up" class="btn btn-lg btn-primary">Sign up</a>
    </div>
  </div>

  <div class="col col-md-3 no-padding">
  	<div class="col-header text-center hidden-md hidden-lg">
      <h2>Performance</h2>
      <p><span class="big-number"><sup>$</sup>45<sup>.99</sup></span></p>
    </div>

    <ul>
      <li class="row0"><span class="hidden-md hidden-lg">Unlimited bandwidth</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">Unlimited products</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">1 GB File storage</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">2.0% Transaction fee</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">Discount code engine</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">24x7 Phone support</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0"><span class="hidden-md hidden-lg">Gift cards</span> <i class="fa fa-check-circle"></i></li>
      <li class="row1"><span class="hidden-md hidden-lg">Abandoned cart recovery</span> <i class="fa fa-check-circle"></i></li>
      <li class="row0 no"><span class="hidden-md hidden-lg">Professional reports</span> <i class="fa fa-times-circle"></i></li>
      <li class="row1 no"><span class="hidden-md hidden-lg">Advanced report builder</span> <i class="fa fa-times-circle"></i></li>
      <li class="row0 no"><span class="hidden-md hidden-lg">Advanced report builder</span> <i class="fa fa-times-circle"></i></li>
    </ul>
    <div class="col-footer text-center">
      <a href="#" title="Sign up" class="btn btn-lg btn-default">Sign up</a>
    </div>
  </div>

</div>

</div>

<div class="page-header text-center">
  <h1>Sample FAQ</h1>
</div>

<div class="row">
<div class="col-md-6">
<h3>Is there a setup fee?</h3>
<p>Lorem ipsum dolor sit amet consectetuer turpis eros Quisque felis pretium. Habitasse iaculis fermentum amet adipiscing Praesent ac mauris id tincidunt Vestibulum. Integer Vestibulum ac tellus eget laoreet elit urna massa Nam quis. Curabitur Curabitur sapien nec ac turpis rhoncus Morbi mauris justo eu. Dolor pede Phasellus sollicitudin nunc laoreet pretium id laoreet Morbi velit. Nec laoreet condimentum.</p>

<h3>Do I need to enter my credit card details to sign up?</h3>
<p>Eleifend Fusce tincidunt dictumst libero ante nec justo dui feugiat molestie. Penatibus mi dui dictum at justo nibh mattis laoreet lacinia neque. Vitae nibh faucibus volutpat lacinia mauris Proin id nibh tristique cursus. Vitae faucibus gravida ut parturient aliquam eros fringilla Vestibulum ante ligula. Mi nascetur Aliquam euismod ut nulla orci lacus ac Curabitur lacus. Sagittis tellus nec id cursus magnis condimentum sit dui Pellentesque tincidunt. Sapien ut sapien.</p>
</div>

<div class="col-md-6">
<h3>Why use the Professional plan?</h3>
<p>Lorem ipsum dolor sit amet consectetuer turpis eros Quisque felis pretium. Habitasse iaculis fermentum amet adipiscing Praesent ac mauris id tincidunt Vestibulum. Integer Vestibulum ac tellus eget laoreet elit urna massa Nam quis. Curabitur Curabitur sapien nec ac turpis rhoncus Morbi mauris justo eu. Dolor pede Phasellus sollicitudin nunc laoreet pretium id laoreet Morbi velit. Nec laoreet condimentum.</p>

<h3>Why use the Unlimited plan?</h3>
<p>Eleifend Fusce tincidunt dictumst libero ante nec justo dui feugiat molestie. Penatibus mi dui dictum at justo nibh mattis laoreet lacinia neque. Vitae nibh faucibus volutpat lacinia mauris Proin id nibh tristique cursus. Vitae faucibus gravida ut parturient aliquam eros fringilla Vestibulum ante ligula. Mi nascetur Aliquam euismod ut nulla orci lacus ac Curabitur lacus. Sagittis tellus nec id cursus magnis condimentum sit dui Pellentesque tincidunt. Sapien ut sapien.</p>

<h3>Can I use my own payment gateway?</h3>
<div class="alert alert-warning">
  <p>Unsure which plan is best for you?<br />
Call our sales team at 1-234-567-8932
</p>
</div>
</div>
</div>