<section class="hosting-section" id="web-hosting-plan">
<div class="container">
        <div class="text-center hosting-section-setting">
            <h1>Web Hosting Plans &amp; Pricing</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
        </div>
            <div class="row">
                <div class="col-lg-4 col-md-12 col-sm-12">
                    <div class="plan p-xl-5 p-lg-4 p-md-5 p-sm-5 p-4 mt-xl-0 mt-lg-0 mt-md-5 mt-sm-4 mt-4">
                        <div class="hosting-text">20% Discount</div>
                        <figure class="hosting-img-1 float-xl-none float-lg-none float-md-left float-sm-left">
                            <img src="assets/images/hosting-img-1.svg" alt="">
                        </figure>
                        <h4 class="mb-xl-4 mb-lg-4 mb-md-4 mb-sm-2">Shared Hosting</h4>
                        <p class="mb-xl-4 mb-lg-4 mb-md-4 mb-sm-4">Lorem ipsum dolor sit amet, conse tetur adipiscing elit.</p>
                        <ul class="list-unstyled float-xl-none float-lg-none float-md-left float-sm-left">
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/hosting-disk-icon.svg" alt="Disk Space"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">Disk Space</span><span class="weightage float-right">250 GB</span></li>
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/hosting-bandwidth-icon.svg" alt="Data Bandwidth"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">Data Bandwidth</span><span class="weightage float-right">1 TB</span></li>
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/hosting-email-icon.svg" alt="Email Accounts"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">Email Accounts</span><span class="weightage float-right">120</span></li>
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/hosting-domain-icon.svg" alt="LTDs Domains"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">LTDs Domains</span><span class="weightage float-right">50</span></li>
                        </ul>
                        <div class="pt-xl-3">
                           <small>Starting at:</small>
                           <div class="hosting-pricing">
                            <h2 class="mb-xl-2">$2.<span>99</span> <small>/mo</small></h2>
                           </div>
                           <div class="hosting-button pt-xl-3 pt-lg-3 pt-md-3 pt-sm-2">
                            <a class="hosting-btn button-effect"  href="index.php?rp=/store/shared-hosting">Order Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12">
                    <div class="plan variation-2 p-xl-5 p-lg-4 p-md-5 p-sm-5 p-4 mt-xl-0 mt-lg-0 mt-md-5 mt-sm-4 mt-4">
                        <div class="server-text">40% Discount</div>
                        <figure class="hosting-img-2 float-xl-none float-lg-none float-md-left float-sm-left">
                            <img src="assets/images/hosting-img-2.svg" alt="">
                        </figure>
                        <h4 class="mb-xl-4 mb-lg-4 mb-md-4 mb-sm-2">Dedicated Servers</h4>
                        <p class="mb-xl-4 mb-lg-4 mb-md-4 mb-sm-4">Lorem ipsum dolor sit amet, conse tetur adipiscing elit.</p>
                        <ul class="list-unstyled float-xl-none float-lg-none float-md-left float-sm-left">
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/server-disk-icon.svg" alt="Disk Space"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">Disk Space</span><span class="weightage float-right">500 GB</span></li>
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/server-bandwidth-icon.svg" alt="Data Bandwidth"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">Data Bandwidth</span><span class="weightage float-right">2 TB</span></li>
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/server-email-icon.svg" alt="Email Accounts"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">Email Accounts</span><span class="weightage float-right">150</span></li>
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/server-domain-icon.svg" alt="LTDs Domains"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">LTDs Domains</span><span class="weightage float-right">75</span></li>
                        </ul>
                        <div class="pt-xl-3">
                        <small>Starting at:</small>
                        <div class="server-pricing">
                            <h2 class="mb-xl-2">$9.<span>99</span> <small>/mo</small></h2>
                        </div>
                        <div class="server-button pt-xl-3 pt-lg-3 pt-md-3 pt-sm-2">
                            <a class="server-btn button-effect" href="index.php?rp=/store/dedicated-hosting">Order Now</a>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12">
                    <div class="plan p-xl-5 variation-3 p-lg-4 p-md-5 p-sm-5 p-4 mt-xl-0 mt-lg-0 mt-md-5 mt-sm-4 mt-4">
                        <div class="vps-text">30% Discount</div>
                        <figure class="hosting-img-3 float-xl-none float-lg-none float-md-left float-sm-left">
                            <img src="assets/images/hosting-img-3.svg" alt="">
                        </figure>
                        <h4 class="mb-xl-4 mb-lg-4 mb-md-4 mb-sm-2">VPS Hosting</h4>
                        <p class="mb-xl-4 mb-lg-4 mb-md-4 mb-sm-4">Lorem ipsum dolor sit amet, conse tetur adipiscing elit.</p>
                        <ul class="list-unstyled float-xl-none float-lg-none float-md-left float-sm-left">
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/vps-disk-icon.svg" alt="Disk Space"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">Disk Space</span><span class="weightage float-right">750 GB</span></li>
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/vps-bandwidth-icon.svg" alt="Data Bandwidth"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">Data Bandwidth</span><span class="weightage float-right">5 TB</span></li>
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/vps-email-icon.svg" alt="Email Accounts"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">Email Accounts</span><span class="weightage float-right">500</span></li>
                            <li><figure class="float-left hosting-list-icon"> <img class="img-fluid" src="{$WEB_ROOT}/templates/{$template}/assets/images/vps-domain-icon.svg" alt="LTDs Domains"></figure><span class="specs pl-xl-3 pl-lg-3 pl-md-3 pl-sm-3 pl-3">LTDs Domains</span><span class="weightage float-right">100</span></li>
                        </ul>
                        <div class="pt-xl-3">
                        <small>Starting at:</small>
                        <div class="vps-pricing">
                            <h2 class="mb-xl-2">$16.<span>99</span> <small>/mo</small></h2>
                        </div>
                        <div class="vps-button pt-xl-3 pt-lg-3 pt-md-3 pt-sm-2">
                            <a class="vps-btn button-effect" href="index.php?rp=/store/vps-hosting">Order Now</a>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </section>