MAINHACK

Viewing / Editing File: footer.php

<div class="footer">
       <div class="footer-block-box"> 
            <div class="container">
               <div class="footer-block">
                    <div class="footer-logo">
                        <a href="index.php">
                            <img src="images/logo.png">
                        </a>
                    </div>
                   
                   <ul>
                        <li><a href="index.php">Home</a></li>
                        <li><a href="about.php">About Us</a></li>
                        <li><a href="partner-login.php" class="partner-login">Partner Login</a></li>
                        <li><a href="apartment-form-1.php">List Your Apartment</a></li>
                        <li><a href="flatmate.php">Looking for Flatmates</a></li>
                        <li><a href="rooms.php">Looking for flats / PGs</a></li>
                        
                        <li><a href="terms-condition.php">T&C</a></li>
                        <li><a href="contact.php">Contact Us</a></li>
                   </ul>
    
                   <h4>About Us</h4>
                <?=htmlspecialchars_decode($about_content)?>                   
                   <h4>Contact Us</h4>
                    <ul class="footer-contact">
                        <li><i class="fa-solid fa-envelope"></i><a href="mailto:info@yaaryards.in"><u>info@yaaryards.in</u></a></li>
                        <li><i class="fa-solid fa-phone"></i><a href="tel:+91 00000 00000"><u>+91 00000 00000</u></a></li>    
                        
                    </ul>
                    
    
               </div> 
            </div>
        </div>
    </div>

<div class="copyright">
        <div class="container">
            <p>Copyright © 2024 Design by - YaarYards</p>
        </div>
    </div>

<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.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>

<!-- <script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>

<script>
// Controls the slider using from Input....

function controlFromInput(fromSlider, fromInput, toInput, controlSlider) {
  const [from, to] = getParsed(fromInput, toInput);
  fillSlider(fromInput, toInput, "#C6C6C6", "#733D80", controlSlider);
  fromSlider.value = from;

if (from > to) {
    fromSlider.value = to;
    fromInput.value = to;
  } else {
    fromSlider.value = from;
  }
}

// Controls the slider using to Input....
function controlToInput(toSlider, fromInput, toInput, controlSlider) {
  const [from, to] = getParsed(fromInput, toInput);
  fillSlider(fromInput, toInput, "#C6C6C6", "#733D80", controlSlider);
  setToggleAccessible(toInput);
  toSlider.value = to;
  toInput.value = to;

if (from <= to) {
    toSlider.value = to;
    toInput.value = to;
  } else {
    toInput.value = from;
  }
}

// Sliding event of the From slider
function controlFromSlider(fromSlider, toSlider, fromInput) {
  const [from, to] = getParsed(fromSlider, toSlider);
  console.log([from, to]);
  fillSlider(fromSlider, toSlider, "#C6C6C6", "#733D80", toSlider);
  fromInput.value = from;
  if (from > to) {
    fromInput.value = to;
    toInput.value = from;
  }
}

// Sliding event of the To slider
function controlToSlider(fromSlider, toSlider, toInput) {
  const [from, to] = getParsed(fromSlider, toSlider);
  fillSlider(fromSlider, toSlider, "#C6C6C6", "#733D80", toSlider);
  setToggleAccessible(toSlider);
  toSlider.value = to;
  toInput.value = to;
  if (from > to) {
    fromInput.value = to;
    toInput.value = from;
  }
}

// Parsign values of the Inputs
function getParsed(currentFrom, currentTo) {
  const from = parseInt(currentFrom.value, 10);
  const to = parseInt(currentTo.value, 10);
  return [from, to];
}

// Changing and Filling the color in the selected part...
function fillSlider(from, to, sliderColor, rangeColor, controlSlider) {
  let rangeDistance = to.max - to.min;
  let fromPosition = from.value - to.min;
  let toPosition = to.value - to.min;
  if (fromPosition > toPosition) {
    let spare = fromPosition;
    fromPosition = toPosition;
    toPosition = spare;
  }
  controlSlider.style.background = `linear-gradient(
              to right,
              ${sliderColor} 0%,
              ${sliderColor} ${(fromPosition / rangeDistance) * 100}%,
              ${rangeColor} ${(fromPosition / rangeDistance) * 100}%,
              ${rangeColor} ${(toPosition / rangeDistance) * 100}%, 
              ${sliderColor} ${(toPosition / rangeDistance) * 100}%, 
              ${sliderColor} 100%)`;
}

// Making sure the toggle which we are using is accesible to change the range
function setToggleAccessible(currentTarget) {
  const toSlider = document.querySelector("#toSlider");
  if (Number(currentTarget.value) <= 0) {
    toSlider.style.zIndex = 2;
  } else {
    toSlider.style.zIndex = 0;
  }
}

const fromSlider = document.querySelector("#fromSlider");
const toSlider = document.querySelector("#toSlider");
const fromInput = document.querySelector("#fromInput");
const toInput = document.querySelector("#toInput");

// Initially filling the slider using default values...
fillSlider(fromSlider, toSlider, "#C6C6C6", "#733D80", toSlider);
setToggleAccessible(toSlider);

// Assigning listner methonds to respective events.
fromSlider.oninput = () => controlFromSlider(fromSlider, toSlider, fromInput);
toSlider.oninput = () => controlToSlider(fromSlider, toSlider, toInput);
fromInput.oninput = () =>
  controlFromInput(fromSlider, fromInput, toInput, toSlider);
toInput.oninput = () => controlToInput(toSlider, fromInput, toInput, toSlider);

</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>

myAccordion.on("elementSelected", (data)=>{
  console.log("elementOpened", data);
});</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');
        $("#category-menu-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:8,
                    nav:false,
                    loop:true
                }
            }
        });
    </script>

<script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#flatmates-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:3000,
            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');
        $("#properties-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:3000,
            nav:false,
            responsiveClass:true,
            responsive:{
                0:{
                    items:1,
                    nav:true
                },
                550:{
                    items:1,
                    nav:true
                },
                768:{
                    items:3,
                    nav:false,
                    loop:true
                }
            }
        });
    </script>

<script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#profile-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:1,
                    nav:false,
                    loop:true
                }
            }
        });
    </script>

<script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#ads-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:2000,
            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');
        $("#ads-2-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:2000,
            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');
        $("#photo-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:4,
                    nav:false,
                    loop:true
                }
            }
        });
    </script>

<script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#video-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:3,
                    nav:false,
                    loop:true
                }
            }
        });
    </script>

<script type="text/javascript">
        var owl = $('.owl-carousel');
        $("#testimonial-slider").owlCarousel( {
            loop:true,
            autoplay:true,
            autoplayTimeout:2000,
            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');
    $("#client-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:5,
                nav:false,
                loop:true
            }
        }
    });
</script>

<script type="text/javascript">
    var owl = $('.owl-carousel');
    $("#add-Product").owlCarousel( {
        loop:true,
        autoplay:true,
        autoplayTimeout:3000,
        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');
    $("#PremiumGifts-Product").owlCarousel( {
        loop:true,
        autoplay:true,
        autoplayTimeout:5000,
        nav:false,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                nav:true
            },
            550:{
                items:3,
                nav:true
            },
            768:{
                items:4,
                nav:false,
                loop:true
            }
        }
    });
</script>

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

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

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

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

<script type="text/javascript">
    var owl = $('.owl-carousel');
    $("#PlantsGifts-Product").owlCarousel( {
        loop:true,
        autoplay:true,
        autoplayTimeout:5000,
        nav:false,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                nav:true
            },
            550:{
                items:3,
                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