    <footer class="footer-row">
        <div class="container">
            <div class="footer-news-sec">
                <form action="#" method="POST">
                    <div class="form-group">
                        <input type="email" name="email" class="form-control" placeholder="Your email address" required>
                        <button type="submit"><i class="fa fa-arrow-right"></i></button>
                    </div>
                </form>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
                    <div class="foot-cont">
                        <img src="assets/images/footer-logo.png" alt="footer logo">
                        <p>There are many variations of passages of Lorem the majority suffer</p>
                        <ul>
                            <li><a href="tel:+0000-001-658"><i class="fa fa-phone"></i> +0000-001-658</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                    <div class="footer-links">
                        <h4>our navigate</h4>
                        <ul>
                            <li><a href="./">home</a></li>
                            <li><a href="javascript:;">Gallery</a></li>
                            <li><a href="javascript:;">About us</a></li>
                            <li><a href="javascript:;">testimonials</a></li>
                            <li><a href="javascript:;">products</a></li>
                            <li><a href="javascript:;">Custom Order</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-2">
                    <div class="footer-link">
                        <h4>our product</h4>
                        <ul>
                            <li><a href="javascript:;">product name</a></li>
                            <li><a href="javascript:;">product name</a></li>
                            <li><a href="javascript:;">product name</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                    <div class="footer-details">
                        <h4>Our showroom</h4>
                        <ul>
                            <li><a href="javascript:;">6620 S 44TH dummy Laveen Arizona 85339</a></li>
                            <li><a href="tel:+0000-001-658"></a>+0000-001-658</li>
                            <li><a href="mailto:ivan@imperialprosupply.com">ivan@imperialprosupply.com</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="copyright-row text-center">
                <a href="https://webdesignsigma.com/" target="_blank">Powered by web design sigma</a>
            </div>
        </div>
    </footer>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.rawgit.com/michalsnik/aos/1.0.1/dist/aos.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <!-- Toastr JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <script src="assets/js/custom.js"></script>
    <script src="assets/js/app.js"></script>
     <script>
        const menuItems = document.querySelectorAll(".sidebar-menu li");
const tabs = document.querySelectorAll(".tab-content");

menuItems.forEach(item => {

    item.addEventListener("click", () => {

        // remove active class
        menuItems.forEach(li => li.classList.remove("active"));
        tabs.forEach(tab => tab.classList.remove("active-tab"));

        // add active class
        item.classList.add("active");

        // show selected tab
        const tabId = item.getAttribute("data-tab");
        document.getElementById(tabId).classList.add("active-tab");

    });

});
    </script>
</body>
</html>