            <footer class="footer">
                <div class="wrapper">
                    <div class="footer__container">
                        <section class=" footer__section footer__nav footer__solutions">
                            <ul class="footer__listing">
                                <li>
                                    <a href="solutions.php" class="footer__nav__head">solutions</a>
                                </li>
                                <li>
                                    <a href="#" class="footer__nav__item">Internet of Things</a>
                                </li>
                                <li>
                                    <a href="#" class="footer__nav__item">Voice and Multimedia</a>
                                </li>
                                <li>
                                    <a href="#" class="footer__nav__item">Networ Infrastructure</a>
                                </li>
                                <li>
                                    <a href="#" class="footer__nav__item">Physical Security</a>
                                </li>
                                <li>
                                    <a href="#" class="footer__nav__item">Software Solutions</a>
                                </li>
                                <li>
                                    <a href="#" class="footer__nav__item">Network Security</a>
                                </li>
                                <li>
                                    <a href="#" class="footer__nav__item">Data Centers & Cloud Computing</a>
                                </li>
                            </ul>
                        </section>
                        <section class=" footer__section footer__nav footer__about">
                            <ul class="footer__listing">
                                <li>
                                    <span class="footer__nav__head">about us</span>
                                    <ul class="footer__listing footer__listing--sub">
                                        <li>
                                            <a href="about.php" class="footer__nav__item">Company Profile</a>
                                        </li>
                                        <li>
                                            <a href="core-values.php" class="footer__nav__item">Core Values</a>
                                        </li>

                                        <li>
                                            <a href="media.php" class="footer__nav__item">Media</a>
                                        </li>
                                        <li>
                                            <a href="join.php" class="footer__nav__item">Join Us</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="partners.php" class="footer__nav__head footer__prime__item">partners</a>
                                </li>
                                <li>
                                    <a href="careers.php" class="footer__nav__head footer__prime__item">careers</a>
                                </li>
                                <li>
                                    <a href="contact-us.php" class="footer__nav__head footer__prime__item">contact us</a>
                                </li>
                                <li>
                                    <a href="services.php" class="footer__nav__head footer__prime__item">services</a>
                                </li>

                            </ul>
                        </section>
                        <section class=" footer__section footer__nav footer__prime">
                            <ul class="footer__listing">

                                <li>
                                    <a class="footer__nav__head" href="industries.php">Industries</a>
                                    <ul class="footer__listing footer__listing--sub">
                                        <li>
                                            <a href="industry.php?id=1" class="footer__nav__item">Retail</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=2" class="footer__nav__item">Government &<br>Municipalities</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=3" class="footer__nav__item">Banking &<br>Financial Instiutions</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=4" class="footer__nav__item">Education</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=5" class="footer__nav__item">Enterprise</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=6" class="footer__nav__item">Healthcare</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=7" class="footer__nav__item">Hospitality</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=8" class="footer__nav__item">Industrial &<br>Manufacturing</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=9" class="footer__nav__item">Insurance</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=10" class="footer__nav__item">Oil & Gas</a>
                                        </li>
                                        <li>
                                            <a href="industry.php?id=11" class="footer__nav__item">Telcos & Service Providers</a>
                                        </li>
                                    </ul>
                                </li>

                            </ul>
                        </section>

                        <section class=" footer__section footer__text">
                            <div class="footer__text__holder">
                                <h4 class="footer__text__title">STAY UP TO DATE</h4>
                                <a href="subscribe.php" class="btn footer__link"><span>Subscribe</span></a>
                                <h4 class="footer__text__title">WE WOULD LIKE TO MEET YOU</h4>
                                <a href="contact-us.php" class="footer__link">> Schedule a meeting</a>
                                <br>
                                <br>
                                <br>
                                <h4 class="footer__text__title">WE ARE CURRENTLY RECRUITING</h4>
                                <a href="join.php" class="footer__link">> Apply Now</a>
                            </div>
                        </section>
                    </div>
                </div>
            </footer>
            <div class="bottom__bar">
                <div class="wrapper">
                    <div class="bottom__bar__container">
                        <div class="bottom__bar__item bottom__bar__item--left">
                            <p class="bottom__bar__text">Copyright Libatel @2016. All rights reserved.</p>
                        </div>
                        <div class="bottom__bar__item bottom__bar__item--right">
                            <p class="bottom__bar__text">
                                Designed and Developed by
                                <a href="http://borninteractive.net/Home" targe="_blank" class="bottom__bar__link">Born Interactive</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#" class="scroll-top"></a>
        </div>

        <!-- <script src="owl-carusel/OwlCarousel2-2.3.4/docs/assets/vendors/jquery.min.js"></script> -->
        <script src="owl-carusel/OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
            <script>
                var owl = $('.auto-scroll');
                owl.owlCarousel({
                    items:4,
                    loop:true,
                    margin:10,
                    autoplay:true,
                    autoplayTimeout:1000,
                    autoplayHoverPause:true
                });
                $('.play').on('click',function(){
                    owl.trigger('play.owl.autoplay',[1000])
                })
                $('.stop').on('click',function(){
                    owl.trigger('stop.owl.autoplay')
                })
                function animateValue(obj, start, end, duration) {
                    let startTimestamp = null;
                    const step = (timestamp) => {
                        if (!startTimestamp) startTimestamp = timestamp;
                        const progress = Math.min((timestamp - startTimestamp) / duration, 1);
                        obj.innerHTML = Math.floor(progress * (end - start) + start);
                        if (progress < 1) {
                            window.requestAnimationFrame(step);
                        }
                    };
                    window.requestAnimationFrame(step);
                }

                const years = document.getElementById("years");
                const customers = document.getElementById("customers");
                const engineers = document.getElementById("engineers");
                const partners = document.getElementById("partners");

                animateValue(partners, 0, 50, 2000);
                animateValue(engineers, 0, 100, 2000);
                animateValue(customers, 0, 3000, 2000);
                animateValue(years, 0, 44, 2000);
            </script>
    </body>
</html>