Pricing Tables

<div class="container">
  <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 -->

<!-- Pricing Boxes #2 -->
<section id="pricing-boxes-2">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 text-center m-b-40">
        <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 -->
    <!--/ Pricing Boxes 2 -->
    <div class="row">
      <div class="col-md-4 col-sm-4">
        <div class="price-box-2 gnx-animation" data-gnx-animation="flipInY" data-gnx-animation-delay="0.5s">
          <div class="price-header">
            <span><i class="icon-mobile icon-md" aria-hidden="true"></i></span>
            <h3>Basic</h3>
          </div>
          <div class="price-label">
            <h3><sup>$</sup><span> 65</span> <span class="f-s-16"> /month</span></h3>
          </div>
          <ul class="list-unstyled features-list">
            <li>Personal Use</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-2 active-box gnx-animation" data-gnx-animation="flipInY" data-gnx-animation-delay="0.9s">
          <div class="price-header">
            <span><i class="icon-briefcase icon-md" aria-hidden="true"></i></span>
            <h3>Business</h3>
          </div>
          <div class="price-label">
            <h3><sup>$</sup><span> 120</span> <span class="f-s-16"> /month</span></h3>
          </div>
          <ul class="list-unstyled features-list">
            <li>Agency Use</li>
            <li>5 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-2 gnx-animation" data-gnx-animation="flipInY" data-gnx-animation-delay="1.3s">
          <div class="price-header">
            <span><i class="icon-genius icon-md" aria-hidden="true"></i></span>
            <h3>Premium</h3>
          </div>
          <div class="price-label">
            <h3><sup>$</sup><span> 280</span><span class="f-s-16"> /month</span></h3>
          </div>
          <ul class="list-unstyled features-list">
            <li>Enterprise Use</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><!-- /.row -->
  </div><!-- /.container -->
</section>
<!--/ Pricing Boxes #2 -->

<div class="container">
  <div class="row">
    <div class="col-md-4 col-sm-4">
      <ul class="price-table-1">
        <li class="title">Basic</li>
        <li class="price">
          <h3><sup>$</sup><span> 39</span><sup class="month">/month</sup></h3>
          <hr class="hr-small">
        </li>
        <li class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
        <li class="table-item">Personal Use</li>
        <li class="table-item">Single Project</li>
        <li class="table-item">24/7 Support</li>
        <li class="table-button"><a href="#" class="gnx-btn gnx-btn-default" role="button"><i class="fa fa-shopping-cart m-r-5" aria-hidden="true"></i> Sign up Now</a></li>
      </ul>
    </div>
    <div class="col-md-4 col-sm-4">
      <ul class="price-table-1 active-table">
        <li class="title">Standard</li>
        <li class="price">
          <h3><sup>$</sup><span> 69</span><sup class="month">/month</sup></h3>
          <hr class="hr-small hr-white">
        </li>
        <li class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
        <li class="table-item">Agency Use</li>
        <li class="table-item">5 Projects</li>
        <li class="table-item">24/7 Support</li>
        <li class="table-button"><a href="#" class="gnx-btn gnx-btn-white" role="button"><i class="fa fa-shopping-cart m-r-5" aria-hidden="true"></i> Sign up Now</a></li>
      </ul>
    </div>
    <div class="col-md-4 col-sm-4">
      <ul class="price-table-1">
        <li class="title">Premium</li>
        <li class="price">
          <h3><sup>$</sup><span> 99</span><sup class="month">/month</sup></h3>
          <hr class="hr-small">
        </li>
        <li class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
        <li class="table-item">Enterprise Use</li>
        <li class="table-item">Unlimited</li>
        <li class="table-item">24/7 Support</li>
        <li class="table-button"><a href="#" class="gnx-btn gnx-btn-default" role="button"> <i class="fa fa-shopping-cart m-r-5" aria-hidden="true"></i> Sign up Now</a></li>
      </ul>
    </div>
  </div><!-- /.row -->
</div><!-- /.container -->

<div class="container">
  <div class="row">
    <div class="col-md-4 col-sm-4">
      <ul class="price-table-2">
        <li class="title">Basic</li>
        <li class="price">
          <h3><sup>$</sup><span> 39</span><sup class="month">/month</sup></h3>
          <hr class="hr-small hr-color">
        </li>
        <li class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</li>
        <li class="table-item">Personal Use</li>
        <li class="table-item">Single Project</li>
        <li class="table-item">24/7 Support</li>
        <li class="table-button"><a href="#" class="gnx-btn gnx-btn-default btn-block" role="button"><i class="fa fa-shopping-cart m-r-5" aria-hidden="true"></i> Buy Plan</a></li>
      </ul>
    </div>
    <div class="col-md-4 col-sm-4">
      <ul class="price-table-2 active-table">
        <li class="title">Standard</li>
        <li class="price">
          <h3><sup>$</sup><span> 69</span><sup class="month">/month</sup></h3>
          <hr class="hr-small hr-color">
        </li>
        <li class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</li>
        <li class="table-item">Agency Use</li>
        <li class="table-item">5 Projects</li>
        <li class="table-item">24/7 Support</li>
        <li class="table-button"><a href="#" class="gnx-btn gnx-btn-default btn-block" role="button"><i class="fa fa-shopping-cart m-r-5" aria-hidden="true"></i> Buy Plan</a></li>
      </ul>
    </div>
    <div class="col-md-4 col-sm-4">
      <ul class="price-table-2">
        <li class="title">Premium</li>
        <li class="price">
          <h3><sup>$</sup><span> 99</span><sup class="month">/month</sup></h3>
          <hr class="hr-small hr-color">
        </li>
        <li class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</li>
        <li class="table-item">Enterprise Use</li>
        <li class="table-item">Unlimited</li>
        <li class="table-item">24/7 Support</li>
        <li class="table-button"><a href="#" class="gnx-btn gnx-btn-default btn-block" role="button"> <i class="fa fa-shopping-cart m-r-5" aria-hidden="true"></i> Buy Plan</a></li>
      </ul>
    </div>
  </div><!-- /.row -->
</div><!-- /.container -->