Pricing Boxes #2

<!-- 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 -->