<div class="row">
  <!-- Price box 1 -->
  <div class="col-12 col-md-4">
    <div class="padding-30 border border-radius-05 hover-shadow text-center">
      <h6 class="font-weight-medium font-small uppercase margin-bottom-30">Free</h6>
      <h1 class="font-weight-light line-height-100 margin-0">$0</h1>
      <span class="font-small">yearly</span>
      <hr class="margin-top-20 margin-bottom-20 margin-lg-top-30 margin-lg-bottom-30">
      <ul class="list-unstyled">
        <li>Core Features</li>
        <li>Unlimited Storage</li>
        <li>24/7 Support</li>
      </ul>
      <a class="button button-md button-rounded button-outline-dark margin-top-30" href="#">Try Now</a>
    </div>
  </div>
  <!-- Price box 2 -->
  <div class="col-12 col-md-4">
    <div class="padding-30 border border-radius-05 hover-shadow text-center">
      <h6 class="font-weight-medium font-small uppercase margin-bottom-30">Personal</h6>
      <h1 class="font-weight-light line-height-100 margin-0">$99</h1>
      <span class="font-small">yearly</span>
      <hr class="margin-top-20 margin-bottom-20 margin-lg-top-30 margin-lg-bottom-30">
      <ul class="list-unstyled">
        <li>Full Features</li>
        <li>Unlimited Storage</li>
        <li>24/7 Support</li>
      </ul>
      <a class="button button-md button-rounded button-outline-dark margin-top-30" href="#">Try Now</a>
    </div>
  </div>
  <!-- Price box 3 -->
  <div class="col-12 col-md-4">
    <div class="padding-30 border border-radius-05 hover-shadow text-center">
      <h6 class="font-weight-medium font-small uppercase margin-bottom-30">Team</h6>
      <h1 class="font-weight-light line-height-100 margin-0">$149</h1>
      <span class="font-small">yearly</span>
      <hr class="margin-top-20 margin-bottom-20 margin-lg-top-30 margin-lg-bottom-30">
      <ul class="list-unstyled">
        <li>Full Features</li>
        <li>Unlimited Storage</li>
        <li>24/7 Support</li>
      </ul>
      <a class="button button-md button-rounded button-outline-dark margin-top-30" href="#">Try Now</a>
    </div>
  </div>
</div><!-- end row -->