<div class="container d-flex justify-content-center pt-5 pricing-table" style="max-width: 70%;">
<div class="row">
<!-- price start -->
<div class="col-md-4 rounded-left border-right text-center bg-light text-dark table-pricing"> <sup class="text-sm" style="top: -0.5em">$</sup><span class="h1">4</span><sup class="text-sm" style="top: -0.5em"> / mo</sup>
<div class="text-muted">Personal</div> <!-- button -->
<div class="py-4"><a href="#" class="btn btn-sm btn-rounded btn-info" data-abc="true">Purchase</a></div> <!-- enbutton -->
<!-- items -->
<div class="text-muted item-list">
<p><small class="text-muted"><strong>Unlimited</strong> Diskspace</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> Bandwidth</small></p>
<p><small class="text-muted"><strong>1</strong> Domain</small></p>
<p><small class="text-muted"><strong>10</strong> Sub Domains</small></p>
<p><small class="text-muted"><strong>5</strong> Email Accounts</small></p>
<p><small class="text-muted"><strong>1</strong> MySQL Database</small></p>
<p><small class="text-muted"><strong>Free</strong> Script Installer</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> FTP Accounts</small></p>
<p><small class="text-muted"><strong>Free</strong> SSL*</small></p>
</div> <!-- button -->
<div class="py-4"><a href="#" class="btn btn-sm btn-rounded btn-info" data-abc="true">Purchase</a></div> <!-- end button -->
</div> <!-- price end -->
<!-- price start -->
<div class="col-md-4 border-right text-center bg-light text-dark table-pricing"> <sup class="text-sm" style="top: -0.5em">$</sup><span class="h1">8</span><sup class="text-sm" style="top: -0.5em"> / mo</sup>
<div class="text-muted">Monthly</div> <!-- button -->
<div class="py-4"><a href="https://drummerboyhosting.com/clients/whmcs/cart.php?a=add&pid=14" class="btn btn-sm btn-rounded btn-info" data-abc="true">Purchase</a></div> <!-- items -->
<div class="text-muted item-list">
<p><small class="text-muted"><strong>Unlimited</strong> Diskspace</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> Bandwidth</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> Domain</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> Sub Domains</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> Email Accounts</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> MySQL Database</small></p>
<p><small class="text-muted"><strong>Free</strong> Script Installer</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> FTP Accounts</small></p>
<p><small class="text-muted"><strong>Free</strong> SSL* 1</small></p>
</div>
<div class="py-4"><a href="#" class="btn btn-sm btn-rounded btn-info" data-abc="true">Purchase</a></div>
</div> <!-- price end -->
<!-- price start -->
<div class="col-md-4 rounded-right text-center bg-light text-dark table-pricing"> <sup class="text-sm" style="top: -0.5em">$</sup><span class="h1">4</span><sup class="text-sm" style="top: -0.5em"> / mo</sup>
<div class="text-muted">Monthly</div>
<div class="py-4"><a href="https://drummerboyhosting.com/clients/whmcs/cart.php?a=add&pid=16" class="btn btn-sm btn-rounded btn-info" data-abc="true">Purchase</a></div> <!-- items -->
<div class="text-muted item-list">
<p><small class="text-muted"><strong>Unlimited</strong> Diskspace</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> Bandwidth</small></p>
<p><small class="text-muted"><strong>10</strong> Domain</small></p>
<p><small class="text-muted"><strong>10</strong> Sub Domains</small></p>
<p><small class="text-muted"><strong>20</strong> Email Accounts</small></p>
<p><small class="text-muted"><strong>10</strong> MySQL Database</small></p>
<p><small class="text-muted"><strong>Free</strong> Script Installer</small></p>
<p><small class="text-muted"><strong>Unlimited</strong> FTP Accounts</small></p>
<p><small class="text-muted"><strong>Free</strong> SSL*</small></p>
</div>
<div class="py-4"><a href="https://drummerboyhosting.com/clients/whmcs/cart.php?a=add&pid=16" class="btn btn-sm btn-rounded btn-info" data-abc="true">Purchase</a></div>
</div> <!-- price end -->
<p><small class="text-white"><strong>*</strong>available upon request. Limited to one domain only.</small></p>
</div>
</div>
#products {
background: #df3c17;
padding: 50px 0
}
#contact-us {
background: #71362a;
padding: 50px 0
}
.contact-img {
background-color: white;
background: url('assets/images/christ-redeemer.jpg') top center;
background-size: cover;
color: #fff
}
#contact-us .right-products p {
max-width: 100%
}
.table-pricing {
padding: 40px
}
.item-list p {
margin: 12px
}