<div class="row g-4 text-center">  <!-- Price box 1 -->  <div class="col-12 col-md-4">    <div class="bg-white box-shadow hover-float border-radius p-4">      <h6 class="font-small fw-medium uppercase letter-spacing-1">Personal</h6>      <div class="mt-3">        <h1 class="line-height-100 fw-medium mb-0">$29.99</h1>        <span>monthly</span>      </div>      <ul class="list-unstyled mt-4">        <li>Unlimited User</li>        <li>Unlimited Storage</li>        <li>24/7 Support</li>        <li>Future Updates</li>      </ul>      <a class="button button-md button-gradient-5 button-rounded mt-4" href="#">Choose Plan</a>    </div>  </div>  <!-- Price box 2 -->  <div class="col-12 col-md-4">    <div class="bg-white box-shadow hover-float border-radius p-4">      <h6 class="font-small fw-medium uppercase letter-spacing-1">Team</h6>      <div class="mt-3">        <h1 class="line-height-100 fw-medium mb-0">$49.99</h1>        <span>monthly</span>      </div>      <ul class="list-unstyled mt-4">        <li>Unlimited User</li>        <li>Unlimited Storage</li>        <li>24/7 Support</li>        <li>Future Updates</li>      </ul>      <a class="button button-md button-gradient-5 button-rounded mt-4" href="#">Choose Plan</a>    </div>  </div>  <!-- Price box 3 -->  <div class="col-12 col-md-4">    <div class="bg-white box-shadow hover-float border-radius p-4">      <h6 class="font-small fw-medium uppercase letter-spacing-1">Business</h6>      <div class="mt-3">        <h1 class="line-height-100 fw-medium mb-0">$69.99</h1>        <span>monthly</span>      </div>      <ul class="list-unstyled mt-4">        <li>Unlimited User</li>        <li>Unlimited Storage</li>        <li>24/7 Support</li>        <li>Future Updates</li>      </ul>      <a class="button button-md button-gradient-5 button-rounded mt-4" href="#">Choose Plan</a>    </div>  </div>
</div><!-- end row -->