<!--Footer Section Starts Here-->
<section class="footer-section">
    <div class="container">
        <div class="middle-portion">
            <div class="row">
                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 col-12">
                    <div class="logo-content">
                        <a href="https://hostiko.com/layout{$layoutnotset}">
                            <figure class="footer-logo">
                               <img src="{$WEB_ROOT}/templates/{$template}/layouts/wp-{$layoutnotset}/assets/images/footer-logo{$layoutnotset}.png"/>
                            </figure>
                        </a>
                        <ul class="list-unstyled mb-0">
                            <li class="text">
                                <i class="location fas fa-map-marker-alt"></i>
                                <p class="address mb-0">551 Swanston Street, Melbourne Victoria 3053 Australia</p>
                            </li>
                            <li class="text text2">
                                <i class="fas fa-envelope"></i>
                                <a href="mailto:info@hostiko.com" class="text-decoration-none">info@hostiko-50</a>
                            </li>
                            <li class="text">
                                <i class="fas fa-phone-alt"></i>
                                <a href="tel:+0112346789" class="text-decoration-none">+01-1234-6789</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="links">
                        <h4 class="heading">Services</h4>
                        <ul class="list-unstyled mb-0">                            
                            <li><i class="fas fa-dot-circle"></i><a href="https://hostiko.com/layout{$layoutnotset}/reseller" class="text text-decoration-none">Reseller Hosting</a></li>
                            <li><i class="fas fa-dot-circle"></i><a href="https://hostiko.com/layout{$layoutnotset}/shared" class="text text-decoration-none">Shared Hosting</a></li>
                            <li><i class="fas fa-dot-circle"></i><a href="https://hostiko.com/layout{$layoutnotset}/vps" class="text text-decoration-none">VPS Hosting</a></li>
                            <li><i class="fas fa-dot-circle"></i><a href="https://hostiko.com/layout{$layoutnotset}/dedicated" class="text text-decoration-none">Dedicated Hosting</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="use-link links">
                        <h4 class="heading">Quick Links</h4>
                        <ul class="list-unstyled mb-0">
                            <li><i class="fas fa-dot-circle"></i><a href="https://hostiko.com/layout{$layoutnotset}/domain" class="text text-decoration-none">Domain</a></li>
                            <li><i class="fas fa-dot-circle"></i><a href="https://akdesigner.com/whmcs-templates/index.php?systpl=hostiko&layout=50&rp=/knowledgebase" class="text text-decoration-none">WHMCS</a></li>
                            <li><i class="fas fa-dot-circle"></i><a href="https://hostiko.com/layout{$layoutnotset}/contact-us/"" class="text text-decoration-none">Contact Us</a></li>
                            <li><i class="fas fa-dot-circle"></i><a href="https://hostiko.com/layout{$layoutnotset}/about" class="text text-decoration-none">About Us</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="resource links">
                        <h4 class="heading">Resources</h4>
                        <ul class="list-unstyled mb-0">
                            <li><i class="fas fa-dot-circle"></i><a href="https://designingmedia.com/support/login" class="text text-decoration-none">Support Center</a></li>
                            <li><i class="fas fa-dot-circle"></i><a href="https://hostiko.com/documentation/" class="text text-decoration-none">Documentation</a></li>
                            <li><i class="fas fa-dot-circle"></i><a href="https://hostiko.com/layout50/blog/" class="text text-decoration-none">Blog</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Footer Section Ends Here-->