Pricing Boxes #1

<!-- Pricing Boxes #1 -->
<section id="pricing-boxes-1">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 text-center">
        <h2>Our Plans</h2>
        <hr class="hr-small hr-color m-t-0">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br>sed do eiusmod tempor incididunt.</p>
      </div>
    </div><!-- /.row -->
    <div class="row">
      <div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1 p-t-60 text-center">
        <div class="col-md-4 col-sm-4">
          <div class="price-box-1">
            <div class="price-header">
              <span><i class="icon-tools-2 icon-md" aria-hidden="true"></i></span>
              <h3>Standard</h3>
              <p>Small Company</p>
            </div>
            <div class="price-label">
              <h3><sup>$</sup><span> 65</span></h3>
            </div>
            <ul class="list-unstyled features-list">
              <li>Personal</li>
              <li>Single Project</li>
              <li>24/7 Support</li>
            </ul>
            <div class="price-footer">
              <a href="#" class="gnx-btn gnx-btn-default btn-block" role="button">Purchase Now</a>
            </div>
          </div><!--/ Price Box -->
        </div>
        <div class="col-md-4 col-sm-4">
          <div class="price-box-1 active-box">
            <div class="price-header">
              <span><i class="icon-strategy icon-md" aria-hidden="true"></i></span>
              <h3>Professional</h3>
              <p>Mid-level Company</p>
            </div>
            <div class="price-label">
              <h3><sup>$</sup><span> 120</span></h3>
            </div>
            <ul class="list-unstyled features-list">
              <li>Agency</li>
              <li>Up to 15 Projects</li>
              <li>24/7 Support</li>
            </ul>
            <div class="price-footer">
              <a href="#" class="gnx-btn gnx-btn-default btn-block" role="button">Purchase Now</a>
            </div>
          </div><!--/ Price Box -->
        </div>
        <div class="col-md-4 col-sm-4">
          <div class="price-box-1">
            <div class="price-header">
              <span><i class="icon-trophy icon-md" aria-hidden="true"></i></span>
              <h3>Enterprise</h3>
              <p>Large Company</p>
            </div>
            <div class="price-label">
              <h3><sup>$</sup><span> 280</span></h3>
            </div>
            <ul class="list-unstyled features-list">
              <li>Enterprise</li>
              <li>Unlimited</li>
              <li>24/7 Support</li>
            </ul>
            <div class="price-footer">
              <a href="#" class="gnx-btn gnx-btn-default btn-block" role="button">Purchase Now</a>
            </div>
          </div><!--/ Price Box -->
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>
<!--/ Pricing Boxes #1 -->