<footer class="site-footer">
        <div class="container custom-container">
            <div class="row ft-inner">
                <div class="lef-sec">
                    <div class="logo-footer"><img src="<?php echo get_template_directory_uri(); ?>/img/footer-logo.svg" alt="footer-logo"></div>
                    <div class="footer-description">
                        <div>Tisha B'Av:</div>
                        <div>Stories That Inspire, Messages That Matter</div>
                    </div>
                </div>
                <div class="footer-rt">
                    <ul class="footer-nav">
                        <li><a href="#" class="footer-link">Home</a></li>
                        <li><a href="#" class="footer-link">About</a></li>
                        <li><a href="#" class="footer-link">Contact Us</a></li>
                        <li><a href="#" class="footer-link">Help</a></li>
                    </ul>

                </div>



            </div>
        </div>
    </footer>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <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,
                arrows: false,
                dots: false,
                autoplay: false,
            });
        });

        $('a[href^="#"]').click(function (e) {
            e.preventDefault(); // Prevent the default anchor click behavior
            var target = $($(this).attr('href')); // Get the target element from the href attribute
            if (target.length) { // Check if the target element exists
                $('html, body').animate({
                    scrollTop: target.offset().top // Animate scrolling to the target position
                }, 100); // Adjust the scroll speed (500 milliseconds)
            }
        });


        // Menu
        $('[data-toggle="offcanvas"]').on('click', function () {
            $('.offcanvas-collapse').toggleClass('open');
            $('body').toggleClass('nav-active');
        })


        $(window).scroll(function () {
            if ($(this).scrollTop() > 80) {
                $('.header').addClass('shrink');
            } else {
                $('.header').removeClass('shrink');
            }
        });
        $(document).ready(function () {
            $(".hamburger").click(function () {
                $(this).toggleClass("is-active");
            });
        });

        $('.navbar-nav .nav-item a').click(function (e) {
            // Check if the clicked link has the 'dropdown-toggle' class
            if (!$(this).hasClass('dropdown-toggle')) {
                $('.navbar-collapse').removeClass('open');
                $('.hamburger').removeClass('is-active');
            }

            $('.navbar-nav .nav-item a').removeClass('active');
            $(this).addClass('active');

            // Smooth scrolling
            $('html, body').animate({
                scrollTop: $($(this).attr('href')).offset().top - 60
            }, 100);
        });


        //         $(".user-wrap .link").click(function(){ alert('sd')
        //   $(".user-list").toggleClass("main");
        // });


        $(document).ready(function () {
            $("#userClick").click(function () {
                $('.user-list').slideToggle();
            });
        });


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

</html>