1172 lines
31 KiB
JavaScript
1172 lines
31 KiB
JavaScript
$( function() {
|
|
|
|
var wind = $(window);
|
|
|
|
wow = new WOW({
|
|
boxClass: 'wow',
|
|
animateClass: 'animated',
|
|
offset: 200,
|
|
mobile: false,
|
|
live: false
|
|
});
|
|
wow.init();
|
|
|
|
// scrollIt
|
|
$.scrollIt({
|
|
upKey: 38, // key code to navigate to the next section
|
|
downKey: 40, // key code to navigate to the previous section
|
|
easing: 'linear', // the easing function for animation
|
|
scrollTime: 700, // how long (in ms) the animation takes
|
|
activeClass: 'active', // class given to the active nav element
|
|
onPageChange: null, // function(pageIndex) that is called when page is changed
|
|
topOffset: -100 // offste (in px) for fixed top navigation
|
|
});
|
|
|
|
|
|
// ---------- nav scroll -----------
|
|
wind.on("scroll", function() {
|
|
|
|
var bodyScroll = wind.scrollTop(),
|
|
navbar = $(".navbar")
|
|
|
|
if (bodyScroll > 200) {
|
|
|
|
navbar.addClass("nav-scroll");
|
|
|
|
} else {
|
|
|
|
navbar.removeClass("nav-scroll");
|
|
}
|
|
});
|
|
|
|
|
|
// ---------- to top -----------
|
|
wind.on("scroll", function() {
|
|
|
|
var bodyScroll = wind.scrollTop(),
|
|
toTop = $(".to_top")
|
|
|
|
if (bodyScroll > 700) {
|
|
|
|
toTop.addClass("show");
|
|
|
|
} else {
|
|
|
|
toTop.removeClass("show");
|
|
}
|
|
});
|
|
|
|
// ------- to top -------
|
|
$('.to_top').click(function() {
|
|
$('html, body').animate({
|
|
scrollTop: 0
|
|
}, 0);
|
|
return false;
|
|
});
|
|
|
|
// ------ sidemenu 7 ------
|
|
$(".side_menu_btn").on("click", function() {
|
|
$(this).toggleClass("active");
|
|
$("#side_menu").toggleClass("show");
|
|
$(".side_overlay").toggleClass("show");
|
|
})
|
|
|
|
$(".side_menu_cls").on("click", function() {
|
|
$("#side_menu").removeClass("show");
|
|
$(".side_overlay").removeClass("show");
|
|
})
|
|
|
|
$(".side_overlay").on("click", function() {
|
|
$("#side_menu").removeClass("show");
|
|
$(this).removeClass("show");
|
|
})
|
|
|
|
// --------- navbar active ---------
|
|
$(".faq-category li a").on("click", function() {
|
|
$(this).addClass("active");
|
|
$(this).parent().siblings().children("a").removeClass("active");
|
|
})
|
|
|
|
// --------- navbar active ---------
|
|
// $(".navbar").on( "click", ".nav-link" , function(){
|
|
// $(this).addClass("active");
|
|
// $(this).parents(".nav-item").siblings().find(".nav-link").removeClass("active");
|
|
// })
|
|
|
|
|
|
/* ============== priceing_s2 ============== */
|
|
$('#monthly-input2').on('change', function() {
|
|
$(".yearly_price , .monthly_price").toggleClass("show");
|
|
});
|
|
/* ============== priceing_s5 ============== */
|
|
$('#monthly-input').on('change', function() {
|
|
$(".monthly_price").show();
|
|
$(".monthly_price").siblings(".yearly_price").hide();
|
|
});
|
|
$('#yearly-input').on('change', function() {
|
|
$(".yearly_price").show();
|
|
$(".yearly_price").siblings(".monthly_price").hide();
|
|
});
|
|
|
|
|
|
/* =============================== projects style-12 =============================== */
|
|
var containerEl = document.querySelector('.projects.style-12 .items');
|
|
var mixer = mixitup(containerEl);
|
|
// ----- active & unactive -----
|
|
$(".mix_tabs").on("click" , ".tab-link" , function(){
|
|
$(this).addClass("active").siblings().removeClass("active");
|
|
})
|
|
|
|
|
|
|
|
|
|
// -------- counter --------
|
|
$('.counter').countUp({
|
|
delay: 10,
|
|
time: 2000
|
|
});
|
|
|
|
// -------- blog effect --------
|
|
$(".blog .blog_box").mouseenter(function(){
|
|
$(this).find(".text").slideDown();
|
|
})
|
|
$(".blog .blog_box").mouseleave(function(){
|
|
$(this).find(".text").slideUp();
|
|
})
|
|
|
|
// --------- fav btn ---------
|
|
$(".fav-btn").on("click" , function(){
|
|
$(this).toggleClass("active");
|
|
})
|
|
|
|
// --------- grid list view ---------
|
|
$(".grid-list-btns").on( "click", ".bttn" , function(){
|
|
$(this).addClass("active").siblings().removeClass("active");
|
|
})
|
|
|
|
$(".grid-list-btns").on( "click", ".list-btn" , function(){
|
|
$(".products-content .products").addClass("list-view");
|
|
})
|
|
|
|
$(".grid-list-btns").on( "click", ".grid-btn" , function(){
|
|
$(".products-content .products").removeClass("list-view");
|
|
})
|
|
|
|
|
|
// ------------ increase products -----------
|
|
$(".qt-plus").click(function() {
|
|
$(this).parent().children(".qt").html(parseInt($(this).parent().children(".qt").html()) + 1);
|
|
});
|
|
|
|
$(".qt-minus").click(function() {
|
|
|
|
child = $(this).parent().children(".qt");
|
|
|
|
if (parseInt(child.html()) > 1) {
|
|
child.html(parseInt(child.html()) - 1);
|
|
}
|
|
|
|
$(this).parent().children(".full-price").addClass("minused");
|
|
|
|
});
|
|
|
|
});
|
|
|
|
// ---------- hover dropdown -----------
|
|
const $dropdown = $(".dropdown");
|
|
const $dropdownToggle = $(".dropdown-toggle");
|
|
const $dropdownMenu = $(".dropdown-menu");
|
|
const showClass = "show";
|
|
|
|
$(window).on("load resize", function() {
|
|
if (this.matchMedia("(min-width: 768px)").matches) {
|
|
$dropdown.hover(
|
|
function() {
|
|
const $this = $(this);
|
|
$this.addClass(showClass);
|
|
$this.find($dropdownToggle).attr("aria-expanded", "true");
|
|
$this.find($dropdownMenu).addClass(showClass);
|
|
},
|
|
function() {
|
|
const $this = $(this);
|
|
$this.removeClass(showClass);
|
|
$this.find($dropdownToggle).attr("aria-expanded", "false");
|
|
$this.find($dropdownMenu).removeClass(showClass);
|
|
}
|
|
);
|
|
} else {
|
|
$dropdown.off("mouseenter mouseleave");
|
|
}
|
|
});
|
|
|
|
|
|
|
|
|
|
// ------------ swiper sliders -----------
|
|
$(document).ready(function() {
|
|
var swiper = new Swiper('.portfolio-slider .swiper-container', {
|
|
slidesPerView: 3,
|
|
spaceBetween: 30,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".portfolio-slider .swiper-pagination"
|
|
},
|
|
navigation: {
|
|
nextEl: '.portfolio-slider .swiper-button-next',
|
|
prevEl: '.portfolio-slider .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 2,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ blog sliders -----------
|
|
var swiper = new Swiper('.blog_slider .swiper-container', {
|
|
slidesPerView: 3,
|
|
spaceBetween: 30,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".blog_slider .swiper-pagination"
|
|
},
|
|
navigation: {
|
|
nextEl: '.blog_slider .swiper-button-next',
|
|
prevEl: '.blog_slider .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
// loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 2,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 4,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ services sliders -----------
|
|
var swiper = new Swiper('.services_slider .swiper-container', {
|
|
slidesPerView: 3,
|
|
spaceBetween: 30,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".services_slider .swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
navigation: {
|
|
nextEl: '.services_slider .swiper-button-next',
|
|
prevEl: '.services_slider .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 2,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ works sliders -----------
|
|
var swiper = new Swiper('.works_slider .swiper-container', {
|
|
slidesPerView: 3,
|
|
spaceBetween: 30,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".works_slider .swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
navigation: {
|
|
nextEl: '.works_slider .swiper-button-next',
|
|
prevEl: '.works_slider .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 2,
|
|
},
|
|
1200: {
|
|
slidesPerView: 2,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ works sliders -----------
|
|
var swiper = new Swiper('.reviews_slider .swiper-container', {
|
|
effect: "fade",
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".reviews_slider .swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
navigation: {
|
|
nextEl: '.reviews_slider .swiper-button-next',
|
|
prevEl: '.reviews_slider .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
});
|
|
|
|
// ------------ works sliders -----------
|
|
var swiper = new Swiper('.testimonial-slider.style-3 .swiper-container', {
|
|
slidesPerView: 3,
|
|
spaceBetween: 100,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".testimonial-slider.style-3 .swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
navigation: {
|
|
nextEl: '.testimonial-slider.style-3 .swiper-button-next',
|
|
prevEl: '.testimonial-slider.style-3 .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 2,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ works sliders -----------
|
|
var swiper = new Swiper('.screenshots-slider.style-4 .swiper-container', {
|
|
slidesPerView: 5,
|
|
spaceBetween: 0,
|
|
centeredSlides: true,
|
|
speed: 1000,
|
|
pagination: false,
|
|
navigation: false,
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 2,
|
|
},
|
|
480: {
|
|
slidesPerView: 2,
|
|
},
|
|
787: {
|
|
slidesPerView: 3,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 5,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ clients sliders -----------
|
|
let SwiperBottom = new Swiper('.clients-slider5 .swiper-container', {
|
|
spaceBetween: 0,
|
|
centeredSlides: true,
|
|
slidesPerView: 6,
|
|
speed: 6000,
|
|
autoplay: {
|
|
delay: 1,
|
|
},
|
|
loop: true,
|
|
allowTouchMove: false,
|
|
disableOnInteraction: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 2,
|
|
},
|
|
480: {
|
|
slidesPerView: 2,
|
|
},
|
|
787: {
|
|
slidesPerView: 3,
|
|
},
|
|
991: {
|
|
slidesPerView: 4,
|
|
},
|
|
1200: {
|
|
slidesPerView: 6,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ testimonial sliders -----------
|
|
var swiper = new Swiper('.testimonial-slider.style-5 .swiper-container', {
|
|
slidesPerView: 4,
|
|
spaceBetween: 0,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".testimonial-slider.style-5 .swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
navigation: false,
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 4,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ services sliders -----------
|
|
var swiper = new Swiper('.services-slider.style-6 .swiper-container', {
|
|
slidesPerView: 6,
|
|
centeredSlides: true,
|
|
spaceBetween: 0,
|
|
speed: 1000,
|
|
pagination: false,
|
|
navigation: false,
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 4,
|
|
},
|
|
1200: {
|
|
slidesPerView: 6,
|
|
}
|
|
},
|
|
on: {
|
|
slideChange: function () {
|
|
var activeIndex = this.activeIndex;
|
|
var realIndex = this.slides.eq(activeIndex).attr('data-swiper-slide-index');
|
|
$('.swiper-slide').removeClass('swiper-slide-nth-prev-2 swiper-slide-nth-next-2');
|
|
$('.swiper-slide[data-swiper-slide-index="'+realIndex+'"]').prev().prev().addClass('swiper-slide-nth-prev-2');
|
|
$('.swiper-slide[data-swiper-slide-index="'+realIndex+'"]').next().next().addClass('swiper-slide-nth-next-2');
|
|
},
|
|
}
|
|
});
|
|
|
|
// ------------ works sliders -----------
|
|
var swiper = new Swiper('.slider-3items .swiper-container', {
|
|
slidesPerView: 3,
|
|
spaceBetween: 0,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".slider-3items .swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
navigation: {
|
|
nextEl: '.slider-3items .swiper-button-next',
|
|
prevEl: '.slider-3items .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 2,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ works sliders -----------
|
|
var swiper = new Swiper('.testi-slider.style-6 .swiper-container', {
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
speed: 1000,
|
|
pagination: false,
|
|
navigation: {
|
|
nextEl: '.testi-slider.style-6 .swiper-button-next',
|
|
prevEl: '.testi-slider.style-6 .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true
|
|
});
|
|
|
|
// ------------ works sliders -----------
|
|
var swiper = new Swiper('.blog-details-slider .swiper-container', {
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
effect: "fade",
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".blog-details-slider .swiper-pagination",
|
|
clickable: "true",
|
|
},
|
|
navigation: {
|
|
nextEl: '.blog-details-slider .swiper-button-next',
|
|
prevEl: '.blog-details-slider .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true
|
|
});
|
|
|
|
// ------------ related-postes-slider -----------
|
|
var swiper = new Swiper('.related-postes-slider .swiper-container', {
|
|
slidesPerView: 3,
|
|
spaceBetween: 80,
|
|
centeredSlides: true,
|
|
speed: 1000,
|
|
pagination: false,
|
|
navigation: {
|
|
nextEl: '.related-postes-slider .swiper-button-next',
|
|
prevEl: '.related-postes-slider .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 2,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ related-postes-slider -----------
|
|
var swiper = new Swiper('.culture-slider .swiper-container', {
|
|
slidesPerView: 4,
|
|
spaceBetween: 30,
|
|
centeredSlides: true,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: "true",
|
|
},
|
|
navigation: false,
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 4,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ gallery-thumbs-slider -----------
|
|
var galleryThumbs = new Swiper('.product .gallery-thumbs', {
|
|
spaceBetween: 20,
|
|
slidesPerView: 6,
|
|
freeMode: true,
|
|
watchSlidesVisibility: true,
|
|
watchSlidesProgress: true,
|
|
direction: 'vertical',
|
|
});
|
|
var galleryTop = new Swiper('.product .gallery-top', {
|
|
spaceBetween: 10,
|
|
navigation: false,
|
|
thumbs: {
|
|
swiper: galleryThumbs
|
|
}
|
|
});
|
|
|
|
// ------------ related-postes-slider -----------
|
|
var swiper = new Swiper('.related-products-slider .swiper-container', {
|
|
slidesPerView: 5,
|
|
spaceBetween: 24,
|
|
// centeredSlides: true,
|
|
speed: 1000,
|
|
pagination: false,
|
|
navigation: {
|
|
nextEl: '.related-products-slider .swiper-button-next',
|
|
prevEl: '.related-products-slider .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 5,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ features-slider7 -----------
|
|
var swiper = new Swiper('.features-slider7 .swiper-container', {
|
|
spaceBetween: 50,
|
|
centeredSlides: true,
|
|
// slidesPerView: 6,
|
|
speed: 10000,
|
|
autoplay: {
|
|
delay: 1,
|
|
},
|
|
loop: true,
|
|
// allowTouchMove: false,
|
|
disableOnInteraction: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 1,
|
|
},
|
|
991: {
|
|
slidesPerView: 2,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ projects-slider7 -----------
|
|
var swiper = new Swiper('.projects-slider7 .swiper-container', {
|
|
// slidesPerView: 5,
|
|
spaceBetween: 40,
|
|
// centeredSlides: true,
|
|
speed: 1000,
|
|
pagination: false,
|
|
navigation: {
|
|
nextEl: '.projects.style-7 .swiper-button-next',
|
|
prevEl: '.projects.style-7 .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 5000,
|
|
},
|
|
observer: true,
|
|
observeParents: true,
|
|
loop: false,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 1,
|
|
},
|
|
991: {
|
|
slidesPerView: 2,
|
|
},
|
|
1200: {
|
|
slidesPerView: 2,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ testimonials-slider -----------
|
|
var swiper = new Swiper('.testimonials-slider7 .swiper-container', {
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
// centeredSlides: true,
|
|
speed: 1000,
|
|
pagination: false,
|
|
navigation: false,
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 5000,
|
|
},
|
|
loop: true,
|
|
});
|
|
|
|
// ------------ features-slider7 -----------
|
|
var swiper = new Swiper('.services-slider8 .swiper-container', {
|
|
spaceBetween: 50,
|
|
// centeredSlides: true,
|
|
// slidesPerView: 6,
|
|
speed: 10000,
|
|
autoplay: {
|
|
delay: 1,
|
|
},
|
|
loop: true,
|
|
// allowTouchMove: false,
|
|
disableOnInteraction: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 1,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 4,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ features-slider7 -----------
|
|
var swiper = new Swiper('.imgs-content-slider .swiper-container', {
|
|
spaceBetween: 50,
|
|
// centeredSlides: true,
|
|
// slidesPerView: 6,
|
|
speed: 10000,
|
|
autoplay: {
|
|
delay: 1,
|
|
},
|
|
loop: true,
|
|
// allowTouchMove: false,
|
|
disableOnInteraction: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 1,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 4,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ features-slider7 -----------
|
|
var swiper = new Swiper('.careers-positions-slider5 .swiper-container', {
|
|
spaceBetween: 30,
|
|
// centeredSlides: true,
|
|
// slidesPerView: 6,
|
|
speed: 1000,
|
|
autoplay: {
|
|
delay: 5000,
|
|
},
|
|
loop: true,
|
|
pagination: false,
|
|
navigation: {
|
|
nextEl: '.careers-positions-slider5 .swiper-button-next',
|
|
prevEl: '.careers-positions-slider5 .swiper-button-prev',
|
|
},
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
// ------------ works sliders -----------
|
|
var swiper = new Swiper('.projects-slider8 .swiper-container', {
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
speed: 1200,
|
|
pagination: false,
|
|
navigation: {
|
|
nextEl: '.projects.style-8 .swiper-button-next',
|
|
prevEl: '.projects.style-8 .swiper-button-prev',
|
|
},
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: false,
|
|
});
|
|
|
|
// ------------ about2-imgs-slider -----------
|
|
var swiper = new Swiper('.about2-imgs-slider .swiper-container', {
|
|
spaceBetween: 50,
|
|
// centeredSlides: true,
|
|
// slidesPerView: 6,
|
|
speed: 10000,
|
|
autoplay: {
|
|
delay: 1,
|
|
},
|
|
loop: true,
|
|
// allowTouchMove: false,
|
|
disableOnInteraction: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 1,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ login sliders -----------
|
|
var swiper = new Swiper('.sign-imgs-slider .swiper-container', {
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".sign-imgs-slider .swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
navigation: false,
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 4000,
|
|
},
|
|
loop: true,
|
|
});
|
|
|
|
// ------------ login sliders -----------
|
|
var swiper = new Swiper('.testimonials-slider11 .swiper-container', {
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
speed: 1000,
|
|
pagination: {
|
|
el: ".testimonials-slider11 .swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
navigation: false,
|
|
mousewheel: false,
|
|
keyboard: true,
|
|
autoplay: {
|
|
delay: 6000,
|
|
},
|
|
loop: true,
|
|
});
|
|
|
|
|
|
// ------------ features-line-slider12 -----------
|
|
var swiper = new Swiper('.features-line-slider12 .swiper-container', {
|
|
spaceBetween: 0,
|
|
centeredSlides: true,
|
|
// slidesPerView: 6,
|
|
speed: 10000,
|
|
autoplay: {
|
|
delay: 1,
|
|
},
|
|
loop: true,
|
|
// allowTouchMove: false,
|
|
disableOnInteraction: true,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 1,
|
|
},
|
|
991: {
|
|
slidesPerView: 2,
|
|
},
|
|
1200: {
|
|
slidesPerView: 2,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ collections-slider12 -----------
|
|
var swiper = new Swiper('.collections-slider12 .swiper-container', {
|
|
spaceBetween: 30,
|
|
// centeredSlides: true,
|
|
// slidesPerView: 6,
|
|
speed: 1000,
|
|
autoplay: {
|
|
delay: 5000,
|
|
},
|
|
loop: false,
|
|
pagination: false,
|
|
navigation: false,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 3,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ projects-slider13 -----------
|
|
var swiper = new Swiper('.projects-slider13 .swiper-container', {
|
|
spaceBetween: 30,
|
|
// centeredSlides: true,
|
|
// slidesPerView: 6,
|
|
observer: true,
|
|
observeParents: true,
|
|
speed: 1000,
|
|
autoplay: {
|
|
delay: 5000,
|
|
},
|
|
loop: true,
|
|
pagination: false,
|
|
navigation: false,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 2,
|
|
},
|
|
1200: {
|
|
slidesPerView: 2,
|
|
}
|
|
}
|
|
});
|
|
|
|
// ------------ projects-slider13 -----------
|
|
var swiper = new Swiper('.testimonials-slider14 .swiper-container', {
|
|
spaceBetween: 50,
|
|
// centeredSlides: true,
|
|
// slidesPerView: 6,
|
|
speed: 1000,
|
|
autoplay: {
|
|
delay: 5000,
|
|
},
|
|
loop: false,
|
|
pagination: false,
|
|
navigation: false,
|
|
breakpoints: {
|
|
0: {
|
|
slidesPerView: 1,
|
|
},
|
|
480: {
|
|
slidesPerView: 1,
|
|
},
|
|
787: {
|
|
slidesPerView: 2,
|
|
},
|
|
991: {
|
|
slidesPerView: 2,
|
|
},
|
|
1200: {
|
|
slidesPerView: 3,
|
|
}
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
|
|
/* =============================== Preloader page =============================== */
|
|
$( function() {
|
|
|
|
paceOptions = {
|
|
ajax: true,
|
|
document: true,
|
|
eventLag: false
|
|
};
|
|
|
|
Pace.on('done', function () {
|
|
$('#preloader').addClass("isdone");
|
|
$('.loading').addClass("isdone");
|
|
});
|
|
} );
|
|
|