<div class="container">
    <div class="row">
        <h2 class="uppercase font-weight-8 margin-bottom-6 text-center">Choose Best Package</h2>
        <div class="col-md-12 nopadding text-center">
            <div class="col-md-3 col-sm-6 col-xs-12 nopadding">
                <div class="text-box padding-percent-2">
                    <h4 class="text-gray-2 uppercase font-weight-6 margin-bottom-2">Lite</h4>
                    <div class="section-white padding-top-1 padding-bottom-1 border-radius-1 text-center less4 box-shadow-2">
                        <h2 class="roboto text-dark font-weight-8 nomargin">$4.99</h2></div>
                    <h6 class="font-weight-4 margin-top-3 margin-bottom-3">Amet adipiscing elit suspendisse et justo mattis commodo source</h6>
                    <ul class="roboto list-padding-1 font-weight-5">
                        <li>1 Free website</li>
                        <li>500 GB storage</li>
                        <li>Unlimited bandwidth</li>
                        <li>Free domain with annual plan</li>
                        <li>75 email addresses</li>
                    </ul>
                    <div class="clearfix margin-bottom-4"></div>
                    <a href="#" class="but-stbutton-3 uppercase font-weight-7">Choose Package</a>
                    <p class="clearfix padding-bottom2"></p>
                </div>
            </div>
            <!-- end item -->
            <div class="col-md-3 col-sm-6 col-xs-12 nopadding">
                <div class="text-box padding-percent-2">
                    <h4 class="text-gray-2 uppercase font-weight-6 margin-bottom-2">Starter</h4>
                    <div class="section-white padding-top-1 padding-bottom-1 border-radius-1 text-center less4 box-shadow-2">
                        <h2 class="roboto text-dark font-weight-8 nomargin">$9.99</h2></div>
                    <h6 class="font-weight-4 margin-top-3 margin-bottom-3">Amet adipiscing elit suspendisse et justo mattis commodo source</h6>
                    <ul class="roboto list-padding-1 font-weight-5">
                        <li>1 Free website</li>
                        <li>500 GB storage</li>
                        <li>Unlimited bandwidth</li>
                        <li>Free domain with annual plan</li>
                        <li>75 email addresses</li>
                    </ul>
                    <div class="clearfix margin-bottom-4"></div>
                    <a href="#" class="but-stbutton-3 uppercase font-weight-7">Choose Package</a>
                    <p class="clearfix padding-bottom2"></p>
                </div>
            </div>
            <!-- end item -->
            <div class="col-md-3 col-sm-6 col-xs-12 nopadding active">
                <div class="hilight uppercase">Most Popular</div>
                <div class="text-box padding-percent-2">
                    <h4 class="text-primary uppercase font-weight-7 margin-bottom-2">Economy</h4>
                    <div class="section-white padding-top-1 padding-bottom-1 border-radius-1 text-center less4 box-shadow-2">
                        <h2 class="roboto text-primary font-weight-8 nomargin">$18.99</h2></div>
                    <h6 class="font-weight-4 margin-top-3 margin-bottom-3">Amet adipiscing elit suspendisse et justo mattis commodo source</h6>
                    <ul class="roboto list-padding-1 font-weight-5">
                        <li>1 Free website</li>
                        <li>500 GB storage</li>
                        <li>Unlimited bandwidth</li>
                        <li>Free domain with annual plan</li>
                        <li>75 email addresses</li>
                    </ul>
                    <div class="clearfix margin-bottom-4"></div>
                    <a href="#" class="but-stbutton-3 active uppercase font-weight-7">Choose Package</a>
                    <p class="clearfix padding-bottom2"></p>
                </div>
            </div>
            <!-- end item -->
            <div class="col-md-3 col-sm-6 col-xs-12 nopadding">
                <div class="text-box padding-percent-2">
                    <h4 class="text-gray-2 uppercase font-weight-6 margin-bottom-2">Ultimate</h4>
                    <div class="section-white padding-top-1 padding-bottom-1 border-radius-1 text-center less4 box-shadow-2">
                        <h2 class="roboto text-dark font-weight-8 nomargin">$18.99</h2></div>
                    <h6 class="font-weight-4 margin-top-3 margin-bottom-3">Amet adipiscing elit suspendisse et justo mattis commodo source</h6>
                    <ul class="roboto list-padding-1 font-weight-5">
                        <li>1 Free website</li>
                        <li>500 GB storage</li>
                        <li>Unlimited bandwidth</li>
                        <li>Free domain with annual plan</li>
                        <li>75 email addresses</li>
                    </ul>
                    <div class="clearfix margin-bottom-4"></div>
                    <a href="#" class="but-stbutton-3 uppercase font-weight-7">Choose Package</a>
                    <p class="clearfix padding-bottom2"></p>
                </div>
            </div>
            <!-- end item -->
        </div>
    </div>
</div>