131 lines
3.2 KiB
JavaScript
131 lines
3.2 KiB
JavaScript
(function ($) {
|
|
"use strict";
|
|
|
|
// Spinner
|
|
var spinner = function () {
|
|
setTimeout(function () {
|
|
if ($('#spinner').length > 0) {
|
|
$('#spinner').removeClass('show');
|
|
}
|
|
}, 1);
|
|
};
|
|
spinner();
|
|
|
|
|
|
// Initiate the wowjs
|
|
new WOW().init();
|
|
|
|
|
|
// Sticky Navbar
|
|
$(window).scroll(function () {
|
|
if ($(this).scrollTop() > 300) {
|
|
$('.sticky-top').addClass('shadow-sm').css('top', '0px');
|
|
} else {
|
|
$('.sticky-top').removeClass('shadow-sm').css('top', '-100px');
|
|
}
|
|
});
|
|
|
|
|
|
// Back to top button
|
|
$(window).scroll(function () {
|
|
if ($(this).scrollTop() > 300) {
|
|
$('.back-to-top').fadeIn('slow');
|
|
} else {
|
|
$('.back-to-top').fadeOut('slow');
|
|
}
|
|
});
|
|
$('.back-to-top').click(function () {
|
|
$('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
|
|
return false;
|
|
});
|
|
|
|
|
|
// Facts counter
|
|
$('[data-toggle="counter-up"]').counterUp({
|
|
delay: 10,
|
|
time: 2000
|
|
});
|
|
|
|
|
|
// Header carousel
|
|
$(".header-carousel").owlCarousel({
|
|
autoplay: true,
|
|
smartSpeed: 1500,
|
|
items: 1,
|
|
dots: true,
|
|
loop: true,
|
|
nav : true,
|
|
navText : [
|
|
'<i class="bi bi-chevron-left"></i>',
|
|
'<i class="bi bi-chevron-right"></i>'
|
|
]
|
|
});
|
|
|
|
|
|
// Testimonials carousel
|
|
$(".testimonial-carousel").owlCarousel({
|
|
autoplay: true,
|
|
smartSpeed: 1000,
|
|
center: true,
|
|
dots: false,
|
|
loop: true,
|
|
nav : true,
|
|
navText : [
|
|
'<i class="bi bi-arrow-left"></i>',
|
|
'<i class="bi bi-arrow-right"></i>'
|
|
],
|
|
responsive: {
|
|
0:{
|
|
items:1
|
|
},
|
|
768:{
|
|
items:2
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
// Portfolio isotope and filter
|
|
var portfolioIsotope = $('.portfolio-container').isotope({
|
|
itemSelector: '.portfolio-item',
|
|
layoutMode: 'fitRows'
|
|
});
|
|
$('#portfolio-flters li').on('click', function () {
|
|
$("#portfolio-flters li").removeClass('active');
|
|
$(this).addClass('active');
|
|
|
|
portfolioIsotope.isotope({filter: $(this).data('filter')});
|
|
});
|
|
|
|
})(jQuery);
|
|
|
|
|
|
// ACCORDION //
|
|
|
|
var acc = document.getElementsByClassName("accordion");
|
|
var panels = document.getElementsByClassName("panel");
|
|
|
|
for (let i = 0; i < acc.length; i++) {
|
|
acc[i].addEventListener("click", function () {
|
|
// Close other panels
|
|
for (let j = 0; j < panels.length; j++) {
|
|
if (panels[j] !== this.nextElementSibling) {
|
|
panels[j].style.maxHeight = null;
|
|
acc[j].classList.remove("active");
|
|
}
|
|
}
|
|
|
|
// Toggle the clicked panel
|
|
this.classList.toggle("active");
|
|
var panel = this.nextElementSibling;
|
|
if (panel.style.maxHeight) {
|
|
panel.style.maxHeight = null;
|
|
} else {
|
|
panel.style.maxHeight = panel.scrollHeight + "px";
|
|
}
|
|
});
|
|
}
|
|
|
|
function closePopup() {
|
|
document.getElementById("popup").style.display = "none"; // Hide popup
|
|
} |