<footer class="footer">
    <div class="container custom-container">
        <div class="radius-blk"></div>
        <div class="ftr-inner">
            <div class="ftr-blks">
                <a href="tel:+00 0000 0000 00" class="link phone">+00 0000 0000 00</a>
                <a href="mailto:cleaningservices@gmail.com" class="link mail">cleaningservices@gmail.com</a>
            </div>
            <div class="ftr-blks">
                <a href="#air-duct-cleaning" class="link">Air Duct Cleaning</a>
                <a href="#dryer-vent-cleaning" class="link">Dryer vent cleaning</a>
                <a href="#gutter-cleaning" class="link">Gutter cleaning</a>
            </div>
            <div class="ftr-blks">
                <a href="#power-wash" class="link">Power wash</a>
                <a href="#carpets-and-upholstery" class="link">Carpets and Upholstery</a>
                <a href="#chimney-sweeps" class="link">Chimney Sweeps</a>
            </div>
            <div class="ftr-blks">
                <a href="#" class="link">Terms and condition</a>
                <a href="#" class="link">Privacy policy</a>
                <a href="#" class="link">Contact us</a>
            </div>
        </div>
    </div>
    <div class="ftr-btm">
        <div class="container custom-container">
            <div class="btm-inner">
                <a href="#" class="copy">Copyright@professionalcleaningservices</a>
                <div class="social">
                    <a href="#" class="link-btn"><img src="<?php echo get_template_directory_uri(); ?>/img/fb-ftr.svg" alt=""></a>
                    <a href="#" class="link-btn"><img src="<?php echo get_template_directory_uri(); ?>/img/insta-ftr.svg" alt=""></a>
                    <a href="#" class="link-btn"><img src="<?php echo get_template_directory_uri(); ?>/img/twitter-ftr.svg" alt=""></a>
                    <a href="#" class="link-btn"><img src="<?php echo get_template_directory_uri(); ?>/img/linkedin-ftr.svg" alt=""></a>
                </div>
            </div>
        </div>
    </div>
</footer>


    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <!-- Slick JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>

    <!-- scripts -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js"
        integrity="sha512-7Pi/otdlbbCR+LnW+F7PwFcSDJOuUJB3OxtEHbg4vSMvzvJjde4Po1v4BR9Gdc9aXNUNFVUY+SK51wWT8WF0Gg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        $(document).ready(function () {
            $('.banner-slider').slick({
                slidesToShow: 1,
                slidesToScroll: 1,
                infinite: true,
                arrows: true,
                dots: true,
                variableWidth: false,
                autoplay: false,
                autoplaySpeed: 3000,
                prevArrow: '<button class="slick-prev slick-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><g data-name="Group 59183" stroke="#fff"><g data-name="Ellipse 1652" fill="rgba(255,255,255,0.1)"><circle cx="21" cy="21" r="21" stroke="none"/><circle cx="21" cy="21" r="20.5" fill="none"/></g><path data-name="Path 12003" d="M24.976 13.046 17.023 21l7.953 7.954" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg></button>',
                nextArrow: '<button class="slick-next slick-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><g data-name="Group 59183" stroke="#fff"><g data-name="Ellipse 1652" fill="rgba(255,255,255,0.1)"><circle cx="21" cy="21" r="21" stroke="none"/><circle cx="21" cy="21" r="20.5" fill="none"/></g><path data-name="Path 12003" d="M24.976 13.046 17.023 21l7.953 7.954" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg></button>',

            });
            $('.solution-slider').slick({
                dots: true,
                infinite: true,
                speed: 300,
                slidesToShow: 3,
                slidesToScroll: 1,
                centerMode:true,
                centerPadding: '0px',
                prevArrow: $('.prev'),
                nextArrow: $('.next'),
                responsive: [
                    {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1,
                        infinite: true,
                        dots: true
                    }
                    },
                    {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                    }
                ]
            });
        });

    </script>
    <!-- jQuery and Parsley -->


<?php wp_footer(); ?>
</body>

</html>