MAINHACK

Viewing / Editing File: footer.php

<div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="logo" data-aos="zoom-in" style="transition: all 1200ms ease-in-out;">
                        <a href="index.php"><img src="images/logo.png"></a>
                    </div>
                    <div class="footer-nav">
                        <ul>
                            <li><a href="index.php">Home</a></li>
                            <li><a href="about.php">About Us</a></li>
                            <li><a href="terms.php">Terms and condition</a></li>
                            <li><a href="privacy.php">Privacy Policy</a></li>

<li><a href="refund.php">Refund Policy</a></li>
                            <li><a href="why.php">Why Us ?</a></li>
                            <li><a href="contact.php">Contact Us</a></li>
                        </ul>
                    </div>
                </div>

</div>
            <div class="copyright">
                <p>Copyright © 2024 Design by - <span>Fashion Tradet</span></p>
            </div>
        </div>
        
    </div>

<script src="js/bootstrap.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>

<script src="js/aos.js" type="text/javascript"></script>
    <script>
          AOS.init({
            easing: 'ease-in-out-sine'
          });

setInterval(addItem, 500);

var itemsCounter = 1;
          var container = document.getElementById('aos-demo');

function addItem () {
            if (itemsCounter > 42) return;
            var item = document.createElement('div');
            item.classList.add('aos-item');
            item.setAttribute('data-aos', 'fade-up');
            item.innerHTML = '<div class="aos-item__inner"><h3>' + itemsCounter + '</h3></div>';
            itemsCounter++;
          }
    </script>

<script src="js/superfish.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(document).ready(function($){
        jQuery('ul.sf-menu').superfish();

jQuery('#nav-wrap').prepend('<div id="menu-icon"></div>');
        
        $("#menu-icon").on("click", function(){
                jQuery(".sf-menu").slideToggle();
                jQuery(this).toggleClass("active");
        });
    });
</script>

myAccordion.on("elementSelected", (data)=>{
  console.log("elementOpened", data);
});</script>

<script type="text/javascript" src="js/lightbox.js"></script>

<script src="js/jquery.flexslider.js"></script>
    <script>
        // Can also be used with $(document).ready()
        $(window).load(function () {
            $('.flexslider').flexslider({
                animation: "slide",
                controlNav: "thumbnails"
            });
        });
    </script>


    <script src="js/imagezoom.js"></script>

<script type="text/javascript" src="js/owl.carousel.js"></script>

<script  type="text/javascript" src="js/owl.carousel.min.js"></script>

<script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#banner-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:4000,
            nav:false,
            responsiveClass:true,
            responsive:{
                0:{
                    items:1,
                    nav:true
                },
                550:{
                    items:1,
                    nav:true
                },
                768:{
                    items:1,
                    nav:false,
                    loop:true
                }
            }
        });
    </script>

<script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#about-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:5000,
            nav:false,
            responsiveClass:true,
            responsive:{
                0:{
                    items:1,
                    nav:true
                },
                550:{
                    items:1,
                    nav:true
                },
                768:{
                    items:1,
                    nav:false,
                    loop:true
                }
            }
        });
    </script>

<script type="text/javascript">
    var owl = $('.owl-carousel');
    $("#best-selling-product-slider").owlCarousel( {
        loop:true,
        autoplay:true,
        autoplayTimeout:2000,
        nav:false,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                nav:true
            },
            550:{
                items:2,
                nav:true
            },
            768:{
                items:3,
                nav:false,
                loop:true
            }
        }
    });
</script>

<script type="text/javascript">
    var owl = $('.owl-carousel');
    $("#fashion-product-slider").owlCarousel( {
        loop:true,
        autoplay:true,
        autoplayTimeout:2700,
        nav:false,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                nav:true
            },
            550:{
                items:2,
                nav:true
            },
            768:{
                items:4,
                nav:false,
                loop:true
            }
        }
    });
</script>

<script type="text/javascript">
    var owl = $('.owl-carousel');
    $("#leather-product-slider").owlCarousel( {
        loop:true,
        autoplay:true,
        autoplayTimeout:3000,
        nav:false,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                nav:true
            },
            550:{
                items:2,
                nav:true
            },
            768:{
                items:4,
                nav:false,
                loop:true
            }
        }
    });
</script>

<script type="text/javascript">
    var owl = $('.owl-carousel');
    $("#accessories-product-slider").owlCarousel( {
        loop:true,
        autoplay:true,
        autoplayTimeout:2500,
        nav:false,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                nav:true
            },
            550:{
                items:2,
                nav:true
            },
            768:{
                items:4,
                nav:false,
                loop:true
            }
        }
    });
</script>

<script type="text/javascript">
    var owl = $('.owl-carousel');
    $("#testimonial-slider").owlCarousel( {
        loop:true,
        autoplay:true,
        autoplayTimeout:2500,
        nav:false,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                nav:true
            },
            550:{
                items:1,
                nav:true
            },
            768:{
                items:2,
                nav:false,
                loop:true
            }
        }
    });
</script>

<script type="text/javascript">
    var owl = $('.owl-carousel');
    $("#other-product-slider").owlCarousel( {
        loop:true,
        autoplay:true,
        autoplayTimeout:2500,
        nav:false,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                nav:true
            },
            550:{
                items:2,
                nav:true
            },
            768:{
                items:4,
                nav:false,
                loop:true
            }
        }
    });
</script>

</body>
</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: footer.php

Server Info

System Features

User Info