1
This commit is contained in:
98
js/main.js
Normal file
98
js/main.js
Normal file
@@ -0,0 +1,98 @@
|
||||
(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() > 100) {
|
||||
$('.back-to-top').fadeIn('slow');
|
||||
} else {
|
||||
$('.back-to-top').fadeOut('slow');
|
||||
}
|
||||
});
|
||||
$('.back-to-top').click(function () {
|
||||
$('html, body').stop(true, false).animate({ scrollTop: 0 }, 800, 'swing');
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
// Facts counter
|
||||
$('[data-toggle="counter-up"]').counterUp({
|
||||
delay: 10,
|
||||
time: 2000
|
||||
});
|
||||
|
||||
|
||||
// Header carousel
|
||||
$(".header-carousel").owlCarousel({
|
||||
autoplay: false,
|
||||
autoplayTimeout: 9000, // Time between slides in milliseconds (e.g., 3 seconds)
|
||||
smartSpeed: 1500,
|
||||
loop: false,
|
||||
dots: false,
|
||||
items: 0,
|
||||
dotsData: false,
|
||||
});
|
||||
|
||||
|
||||
// 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);
|
||||
|
||||
Reference in New Issue
Block a user