<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 -->
Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
Get In Touch
<div class="row align-items-center g-5">
<div class="col-12 col-lg-5">
<h1 class="fw-medium">Pricing Plans</h1>
<p>Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.</p>
<a class="button-text-3 mt-4" href="#">Get In Touch</a>
</div>
<div class="col-12 col-lg-7">
<div class="row g-4">
<!-- Price box 1 -->
<div class="col-12 col-md-6">
<div class="bg-white box-shadow hover-float border-radius p-4 p-lg-5">
<h6 class="font-small fw-medium uppercase letter-spacing-1 text-color-theme">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-turquiose button-rounded mt-4" href="#">Choose Plan</a>
</div>
</div>
<!-- Price box 2 -->
<div class="col-12 col-md-6">
<div class="bg-white box-shadow hover-float border-radius p-4 p-lg-5">
<h6 class="font-small fw-medium uppercase letter-spacing-1 text-color-theme">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-turquiose button-rounded mt-4" href="#">Choose Plan</a>
</div>
</div>
</div><!-- end row(inner) -->
</div>
</div><!-- end row(outer) -->