471 lines
10 KiB
JavaScript
471 lines
10 KiB
JavaScript
(function ($) {
|
|
$(document).ready(function () {
|
|
|
|
//mobile menu active
|
|
if ($("#mobile-menu").length > 0) {
|
|
//Mobile menu
|
|
$("#mobile-menu").meanmenu({
|
|
meanMenuContainer: ".mobile-menu",
|
|
meanScreenWidth: "991",
|
|
});
|
|
|
|
$(".mobile-menu-bar").on("click", function () {
|
|
$(".sidebar-main").addClass("active");
|
|
});
|
|
$(".sidebar-close").on("click", function () {
|
|
$(".sidebar-main").removeClass("active");
|
|
});
|
|
}
|
|
|
|
//Video poppup
|
|
if ($(".play-btn").length > 0) {
|
|
$(".play-btn").magnificPopup({
|
|
type: "iframe",
|
|
});
|
|
}
|
|
|
|
//Post gallary slider
|
|
const blog_gallary = $(".gallary-slider");
|
|
if (blog_gallary.length > 0) {
|
|
//Blog Gallary
|
|
blog_gallary.owlCarousel({
|
|
loop: true,
|
|
autoHeight: true,
|
|
nav: true,
|
|
navText: [
|
|
"<i class='fa-solid fa-angle-left'></i>",
|
|
"<i class='fa-solid fa-angle-right'></i>",
|
|
],
|
|
dots: false,
|
|
items: 1,
|
|
});
|
|
}
|
|
|
|
// sticky header active
|
|
if ($("#header").length > 0) {
|
|
$(window).on("scroll", function (event) {
|
|
var scroll = $(window).scrollTop();
|
|
if (scroll < 1) {
|
|
$("#header").removeClass("sticky");
|
|
} else {
|
|
$("#header").addClass("sticky");
|
|
}
|
|
});
|
|
}
|
|
|
|
//demo sidebar active
|
|
const demosIcon = $("#demosIcon, .demos");
|
|
const demoSidebar = $("#demo-sidebar");
|
|
demosIcon.on("click", function (e) {
|
|
e.preventDefault();
|
|
demoSidebar.toggleClass("active-sidebar");
|
|
});
|
|
});
|
|
|
|
// pricing-plan-tab
|
|
$("#ce-toggle").click(function (event) {
|
|
$(".plan-toggle-wrap").toggleClass("active");
|
|
});
|
|
|
|
$("#ce-toggle").change(function () {
|
|
if ($(this).is(":checked")) {
|
|
$(".tab-content #yearly").hide();
|
|
$(".tab-content #monthly").show();
|
|
} else {
|
|
$(".tab-content #yearly").show();
|
|
$(".tab-content #monthly").hide();
|
|
}
|
|
});
|
|
|
|
|
|
// owl-carousel-brend-logo
|
|
$(".our-brnad-logos").owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
nav: false,
|
|
dots: false,
|
|
autoplay: true,
|
|
autoplayTimeout: 3000,
|
|
responsive: {
|
|
0: {
|
|
items: 1,
|
|
},
|
|
600: {
|
|
items: 3,
|
|
},
|
|
1000: {
|
|
items: 6,
|
|
},
|
|
},
|
|
});
|
|
|
|
// owl-carousel-slider
|
|
$(".trusred-slider-all").owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
nav: false,
|
|
dote: true,
|
|
//autoplay: true,
|
|
// autoplayTimeout: 3000,
|
|
items: 1,
|
|
});
|
|
// owl-carousel-slider
|
|
$(".citi-slider-all").owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
nav: true,
|
|
dots: false,
|
|
navText: [
|
|
"<i class='fa-solid fa-arrow-left'></i>",
|
|
"<i class='fa-solid fa-arrow-right'></i>",
|
|
],
|
|
responsive: {
|
|
0: {
|
|
items: 1,
|
|
},
|
|
900: {
|
|
items: 3.4,
|
|
},
|
|
},
|
|
});
|
|
|
|
// about team
|
|
$(".about-team-slider-all").owlCarousel({
|
|
loop: false,
|
|
margin: 10,
|
|
nav: true,
|
|
dots: false,
|
|
navText: [
|
|
"<i class='fa-solid fa-arrow-left'></i>",
|
|
"<i class='fa-solid fa-arrow-right'></i>",
|
|
],
|
|
responsive: {
|
|
0: {
|
|
items: 1,
|
|
},
|
|
900: {
|
|
items: 4,
|
|
},
|
|
},
|
|
});
|
|
|
|
|
|
|
|
// owl-carousel-slider-home5
|
|
$(".home5-slider").owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
nav: false,
|
|
dots: false,
|
|
responsive: {
|
|
0: {
|
|
items: 1,
|
|
},
|
|
900: {
|
|
items: 3,
|
|
},
|
|
},
|
|
});
|
|
|
|
// sticky header active
|
|
if ($("#header").length > 0) {
|
|
$(window).on("scroll", function (event) {
|
|
var scroll = $(window).scrollTop();
|
|
if (scroll < 1) {
|
|
$("#header").removeClass("sticky");
|
|
} else {
|
|
$("#header").addClass("sticky");
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
$(".liting-slider-all").owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
nav: true,
|
|
dots: false,
|
|
navText: [
|
|
"<i class='fa-solid fa-arrow-left'></i>",
|
|
"<i class='fa-solid fa-arrow-right'></i>",
|
|
],
|
|
responsive: {
|
|
0: {
|
|
items: 1,
|
|
},
|
|
900: {
|
|
items: 3,
|
|
},
|
|
},
|
|
});
|
|
|
|
|
|
$(".porpertice-slider").owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
nav: true,
|
|
dots: false,
|
|
navText: [
|
|
"<i class='fa-solid fa-arrow-left'></i>",
|
|
"<i class='fa-solid fa-arrow-right'></i>",
|
|
],
|
|
responsive: {
|
|
0: {
|
|
items: 1,
|
|
},
|
|
900: {
|
|
items: 4,
|
|
},
|
|
},
|
|
});
|
|
|
|
$(".about-slider-all").owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
nav: false,
|
|
dots: true,
|
|
responsive: {
|
|
0: {
|
|
items: 1,
|
|
},
|
|
900: {
|
|
items: 2,
|
|
},
|
|
},
|
|
});
|
|
|
|
$(".fearuted-carousel-area").owlCarousel({
|
|
loop: true,
|
|
margin: 10,
|
|
nav: true,
|
|
dots: false,
|
|
smartSpeed:1000,
|
|
navText: [
|
|
"<i class='fa-solid fa-angle-left'></i>",
|
|
"<i class='fa-solid fa-angle-right'></i>",
|
|
],
|
|
responsive: {
|
|
0: {
|
|
items: 1,
|
|
},
|
|
900: {
|
|
items: 1,
|
|
},
|
|
},
|
|
});
|
|
|
|
//liting-slider
|
|
|
|
$(".property-slides-js").slick({
|
|
centerMode: false,
|
|
margin: "30",
|
|
slidesToShow: 3,
|
|
arrows: true,
|
|
prevArrow: $(".testimonial-prev-arrow1"),
|
|
nextArrow: $(".testimonial-next-arrow1"),
|
|
draggable: false,
|
|
responsive: [
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
arrows: false,
|
|
centerMode: true,
|
|
centerPadding: "40px",
|
|
slidesToShow: 3,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 480,
|
|
settings: {
|
|
arrows: false,
|
|
centerMode: true,
|
|
centerPadding: "40px",
|
|
slidesToShow: 1,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
|
|
//liting-slider2
|
|
|
|
$(".property-slides-js2").slick({
|
|
centerMode: false,
|
|
margin: "30",
|
|
slidesToShow: 3,
|
|
arrows: true,
|
|
prevArrow: $(".testimonial-prev-arrow2"),
|
|
nextArrow: $(".testimonial-next-arrow2"),
|
|
draggable: false,
|
|
responsive: [
|
|
{
|
|
breakpoint: 768,
|
|
settings: {
|
|
arrows: false,
|
|
centerMode: true,
|
|
centerPadding: "40px",
|
|
slidesToShow: 3,
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 480,
|
|
settings: {
|
|
arrows: false,
|
|
centerMode: true,
|
|
centerPadding: "40px",
|
|
slidesToShow: 1,
|
|
},
|
|
},
|
|
],
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// home4-header-video
|
|
new ModalVideo(".video-play-button2");
|
|
new ModalVideo(".videoplybtn");
|
|
|
|
|
|
// pricing-plan-tab
|
|
$("#ce-toggle").click(function (event) {
|
|
$(".plan-toggle-wrap").toggleClass("active");
|
|
});
|
|
|
|
$("#ce-toggle").change(function () {
|
|
if ($(this).is(":checked")) {
|
|
$(".tab-content #yearly").hide();
|
|
$(".tab-content #monthly").show();
|
|
} else {
|
|
$(".tab-content #yearly").show();
|
|
$(".tab-content #monthly").hide();
|
|
}
|
|
});
|
|
|
|
// nice-select
|
|
// $("select").niceSelect();
|
|
|
|
|
|
// page-progress
|
|
// var progressPath = document.querySelector(".progress-wrap path");
|
|
// if (progressPath) {
|
|
// var pathLength = progressPath.getTotalLength();
|
|
// progressPath.style.transition = progressPath.style.WebkitTransition =
|
|
// "none";
|
|
// progressPath.style.strokeDasharray = pathLength + " " + pathLength;
|
|
// progressPath.style.strokeDashoffset = pathLength;
|
|
// progressPath.getBoundingClientRect();
|
|
// progressPath.style.transition = progressPath.style.WebkitTransition =
|
|
// "stroke-dashoffset 10ms linear";
|
|
// var updateProgress = function () {
|
|
// var scroll = $(window).scrollTop();
|
|
// var height = $(document).height() - $(window).height();
|
|
// var progress = pathLength - (scroll * pathLength) / height;
|
|
// progressPath.style.strokeDashoffset = progress;
|
|
// };
|
|
// updateProgress();
|
|
// $(window).scroll(updateProgress);
|
|
// var offset = 50;
|
|
// var duration = 550;
|
|
// jQuery(window).on("scroll", function () {
|
|
// if (jQuery(this).scrollTop() > offset) {
|
|
// jQuery(".progress-wrap").addClass("active-progress");
|
|
// } else {
|
|
// jQuery(".progress-wrap").removeClass("active-progress");
|
|
// }
|
|
// });
|
|
// jQuery(".progress-wrap").on("click", function (event) {
|
|
// event.preventDefault();
|
|
// jQuery("html, body").animate({ scrollTop: 0 }, duration);
|
|
// return false;
|
|
// });
|
|
// }
|
|
|
|
// nice-select
|
|
$("select").niceSelect();
|
|
|
|
|
|
AOS.init({
|
|
offset: 200,
|
|
duration: 400,
|
|
easing: "ease-in-out",
|
|
anchorPlacement: "top-bottom",
|
|
disable: "mobile",
|
|
});
|
|
|
|
|
|
|
|
// preloader
|
|
$(window).on("load", function (event) {
|
|
setTimeout(function () {
|
|
$("#preloader").fadeToggle();
|
|
}, 1500);
|
|
|
|
});
|
|
|
|
//Product slider
|
|
// $(".product-slider-single").slick({
|
|
// slidesToShow: 1,
|
|
// slidesToScroll: 1,
|
|
// asNavFor: ".product-slider-nav",
|
|
// dots: false,
|
|
// arrows: false,
|
|
// centerMode: false,
|
|
// focusOnSelect: true,
|
|
// });
|
|
|
|
// $(".product-slider-nav").slick({
|
|
// slidesToShow: 5,
|
|
// slidesToScroll: 1,
|
|
// arrows: false,
|
|
// focusOnSelect: true,
|
|
// asNavFor: ".product-slider-single",
|
|
// });
|
|
|
|
|
|
//Product slider
|
|
$(".product-slider-single").slick({
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
asNavFor: ".product-slider-nav",
|
|
dots: false,
|
|
arrows: false,
|
|
centerMode: false,
|
|
focusOnSelect: true,
|
|
});
|
|
|
|
$(".product-slider-nav").slick({
|
|
slidesToShow: 5,
|
|
slidesToScroll: 1,
|
|
arrows: false,
|
|
|
|
focusOnSelect: true,
|
|
asNavFor: ".product-slider-single",
|
|
});
|
|
|
|
|
|
|
|
})(jQuery);
|
|
|
|
|
|
// nice-select
|
|
// $("select").niceSelect();
|
|
|
|
// line progress bar
|
|
|
|
let progress = $('#progress1').LineProgressbar({
|
|
percentage: 96
|
|
});
|
|
|
|
let progress2 = $('#progress2').LineProgressbar({
|
|
percentage: 96
|
|
});
|
|
|
|
let progress3 = $('#progress3').LineProgressbar({
|
|
percentage: 100
|
|
});
|
|
|
|
|
|
|
|
|