diff --git a/assets/js/main.js b/assets/js/main.js index 10948c1..802609d 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1,443 +1,432 @@ -(function ($) - { "use strict" - - -/* 1. Proloder */ - $(window).on('load', function () { - $('#preloader-active').delay(450).fadeOut('slow'); - $('body').delay(450).css({ - 'overflow': 'visible' - }); +(function($) { + "use strict" + + + /* 1. Proloder */ + $(window).on('load', function() { + $('#preloader-active').delay(450).fadeOut('slow'); + $('body').delay(450).css({ + 'overflow': 'visible' + }); }); -/* 2. sticky And Scroll UP */ - $(window).on('scroll', function () { - var scroll = $(window).scrollTop(); - if (scroll < 400) { - $(".header-sticky").removeClass("sticky-bar"); - $('#back-top').fadeOut(500); - } else { - $(".header-sticky").addClass("sticky-bar"); - $('#back-top').fadeIn(500); - } + /* 2. sticky And Scroll UP */ + $(window).on('scroll', function() { + var scroll = $(window).scrollTop(); + if (scroll < 400) { + $(".header-sticky").removeClass("sticky-bar"); + $('#back-top').fadeOut(500); + } else { + $(".header-sticky").addClass("sticky-bar"); + $('#back-top').fadeIn(500); + } }); - // Scroll Up - $('#back-top a').on("click", function () { - $('body,html').animate({ - scrollTop: 0 - }, 800); - return false; + // Scroll Up + $('#back-top a').on("click", function() { + $('body,html').animate({ + scrollTop: 0 + }, 800); + return false; }); - -/* 3. slick Nav */ -// mobile_menu + + /* 3. slick Nav */ + // mobile_menu var menu = $('ul#navigation'); - if(menu.length){ - menu.slicknav({ - prependTo: ".mobile_menu", - closedSymbol: '+', - openedSymbol:'-' - }); + if (menu.length) { + menu.slicknav({ + prependTo: ".mobile_menu", + closedSymbol: '+', + openedSymbol: '-' + }); }; -/* 4. MainSlider-1 */ + /* 4. MainSlider-1 */ // h1-hero-active function mainSlider() { - var BasicSlider = $('.slider-active'); - BasicSlider.on('init', function (e, slick) { - var $firstAnimatingElements = $('.single-slider:first-child').find('[data-animation]'); - doAnimations($firstAnimatingElements); + var BasicSlider = $('.slider-active'); + BasicSlider.on('init', function(e, slick) { + var $firstAnimatingElements = $('.single-slider:first-child').find('[data-animation]'); + doAnimations($firstAnimatingElements); - }); - BasicSlider.on('beforeChange', function (e, slick, currentSlide, nextSlide) { - var $animatingElements = $('.single-slider[data-slick-index="' + nextSlide + '"]').find('[data-animation]'); - doAnimations($animatingElements); + }); + BasicSlider.on('beforeChange', function(e, slick, currentSlide, nextSlide) { + var $animatingElements = $('.single-slider[data-slick-index="' + nextSlide + '"]').find('[data-animation]'); + doAnimations($animatingElements); - }); + }); - BasicSlider.slick({ - autoplay: true, - autoplaySpeed: 4000, - dots: false, - fade: true, - arrows: false, - prevArrow: '', - nextArrow: '', - responsive: [{ - breakpoint: 1024, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - infinite: true, - } - }, - { - breakpoint: 991, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - arrows: false - } - }, - { - breakpoint: 767, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - arrows: false - } - } - ] - }); - function doAnimations(elements) { - var animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; - elements.each(function () { - var $this = $(this); - var $animationDelay = $this.data('delay'); - var $animationType = 'animated ' + $this.data('animation'); - $this.css({ - 'animation-delay': $animationDelay, - '-webkit-animation-delay': $animationDelay - }); - $this.addClass($animationType).one(animationEndEvents, function () { - $this.removeClass($animationType); - }); + BasicSlider.slick({ + autoplay: true, + autoplaySpeed: 4000, + dots: false, + fade: true, + arrows: false, + prevArrow: '', + nextArrow: '', + responsive: [{ + breakpoint: 1024, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + infinite: true, + } + }, + { + breakpoint: 991, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrows: false + } + }, + { + breakpoint: 767, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrows: false + } + } + ] }); - } + + function doAnimations(elements) { + var animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend'; + elements.each(function() { + var $this = $(this); + var $animationDelay = $this.data('delay'); + var $animationType = 'animated ' + $this.data('animation'); + $this.css({ + 'animation-delay': $animationDelay, + '-webkit-animation-delay': $animationDelay + }); + $this.addClass($animationType).one(animationEndEvents, function() { + $this.removeClass($animationType); + }); + }); + } } mainSlider(); -/* 4. Testimonial Active*/ -var testimonial = $('.h1-testimonial-active'); -if(testimonial.length){ -testimonial.slick({ - dots: true, - infinite: true, - speed: 1000, - autoplay:true, - loop:true, - arrows: true, - prevArrow: '', - nextArrow: '', - slidesToShow: 1, - slidesToScroll: 1, - responsive: [ - { - breakpoint: 1024, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - infinite: true, - dots: true, - arrow:true - } - }, - { - breakpoint: 600, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - arrow:true - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - arrow:true - } - } - ] - }); -} - - -// Single Img slder -$('.top-job-slider').slick({ - dots: false, - infinite: true, - autoplay: true, - speed: 400, - centerPadding: '60px', - centerMode: true, - focusOnSelect: true, - arrows: false, - prevArrow: '', - nextArrow: '', - slidesToShow: 4, - slidesToScroll: 1, - responsive: [ - { - breakpoint: 1400, - settings: { - slidesToShow: 3, - slidesToScroll: 1, - infinite: true, - dots: false, - } - }, - { - breakpoint: 1024, - settings: { - slidesToShow: 2, - slidesToScroll: 1, - infinite: true, + /* 4. Testimonial Active*/ + var testimonial = $('.h1-testimonial-active'); + if (testimonial.length) { + testimonial.slick({ + dots: true, + infinite: true, + speed: 1000, + autoplay: true, + loop: true, + arrows: true, + prevArrow: '', + nextArrow: '', + slidesToShow: 1, + slidesToScroll: 1, + responsive: [{ + breakpoint: 1024, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + infinite: true, + dots: true, + arrow: true + } + }, + { + breakpoint: 600, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrow: true + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrow: true + } + } + ] + }); + } + + + // Single Img slder + $('.top-job-slider').slick({ dots: false, - } - }, - { - breakpoint: 992, - settings: { - slidesToShow: 2, - slidesToScroll: 1, infinite: true, - dots: false, - } - }, - { - breakpoint: 768, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - arrows: false, - centerMode: false - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 1, - slidesToScroll: 1, + autoplay: true, + speed: 400, + centerPadding: '60px', + centerMode: true, + focusOnSelect: true, arrows: false, - centerMode: false - } - }, - ] -}); - - -// Single Img slder -$('.team-active').slick({ - dots: false, - infinite: true, - autoplay: true, - speed: 400, - arrows: true, - prevArrow: '', - nextArrow: '', - slidesToShow: 4, - slidesToScroll: 1, - responsive: [ - { - breakpoint: 1024, - settings: { + prevArrow: '', + nextArrow: '', slidesToShow: 4, slidesToScroll: 1, - infinite: true, - dots: false, - } - }, - { - breakpoint: 992, - settings: { - slidesToShow: 2, - slidesToScroll: 1, - infinite: true, + responsive: [{ + breakpoint: 1400, + settings: { + slidesToShow: 3, + slidesToScroll: 1, + infinite: true, + dots: false, + } + }, + { + breakpoint: 1024, + settings: { + slidesToShow: 2, + slidesToScroll: 1, + infinite: true, + dots: false, + } + }, + { + breakpoint: 992, + settings: { + slidesToShow: 2, + slidesToScroll: 1, + infinite: true, + dots: false, + } + }, + { + breakpoint: 768, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrows: false, + centerMode: false + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrows: false, + centerMode: false + } + }, + ] + }); + + + // Single Img slder + $('.team-active').slick({ dots: false, - } - }, - { - breakpoint: 768, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - arrows: false - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - arrows: false - } - }, - ] -}); - - -// courses-area -$('.courses-actives').slick({ - dots: false, - infinite: true, - autoplay: true, - speed: 400, - arrows: true, - prevArrow: '', - nextArrow: '', - slidesToShow: 3, - slidesToScroll: 1, - responsive: [ - { - breakpoint: 1024, - settings: { - slidesToShow: 3, - slidesToScroll: 1, infinite: true, - dots: false, - } - }, - { - breakpoint: 992, - settings: { - slidesToShow: 2, + autoplay: true, + speed: 400, + arrows: true, + prevArrow: '', + nextArrow: '', + slidesToShow: 4, slidesToScroll: 1, - infinite: true, + responsive: [{ + breakpoint: 1024, + settings: { + slidesToShow: 4, + slidesToScroll: 1, + infinite: true, + dots: false, + } + }, + { + breakpoint: 992, + settings: { + slidesToShow: 2, + slidesToScroll: 1, + infinite: true, + dots: false, + } + }, + { + breakpoint: 768, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrows: false + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrows: false + } + }, + ] + }); + + + // courses-area + $('.courses-actives').slick({ dots: false, - } - }, - { - breakpoint: 768, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - arrows: false - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 1, - slidesToScroll: 1, - arrows: false - } - }, - ] -}); - - - - // Brand Active - $('.brand-active').slick({ - dots: false, - infinite: true, - autoplay: true, - speed: 400, - arrows: false, - slidesToShow: 5, - slidesToScroll: 1, - responsive: [ - { - breakpoint: 1024, - settings: { - slidesToShow: 4, - slidesToScroll: 3, infinite: true, - dots: false, - } - }, - { - breakpoint: 992, - settings: { + autoplay: true, + speed: 400, + arrows: true, + prevArrow: '', + nextArrow: '', slidesToShow: 3, slidesToScroll: 1, - infinite: true, + responsive: [{ + breakpoint: 1024, + settings: { + slidesToShow: 3, + slidesToScroll: 1, + infinite: true, + dots: false, + } + }, + { + breakpoint: 992, + settings: { + slidesToShow: 2, + slidesToScroll: 1, + infinite: true, + dots: false, + } + }, + { + breakpoint: 768, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrows: false + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + arrows: false + } + }, + ] + }); + + + + // Brand Active + $('.brand-active').slick({ dots: false, - } - }, - { - breakpoint: 768, - settings: { - slidesToShow: 2, - slidesToScroll: 1 - } - }, - { - breakpoint: 480, - settings: { - slidesToShow: 1, - slidesToScroll: 1 - } - }, - - // You can unslick at a given breakpoint now by adding: - // settings: "unslick" - // instead of a settings object - ] -}); - - -/* 6. Nice Selectorp */ - var nice_Select = $('select'); - if(nice_Select.length){ - nice_Select.niceSelect(); - } + infinite: true, + autoplay: true, + speed: 400, + arrows: false, + slidesToShow: 5, + slidesToScroll: 1, + responsive: [{ + breakpoint: 1024, + settings: { + slidesToShow: 4, + slidesToScroll: 3, + infinite: true, + dots: false, + } + }, + { + breakpoint: 992, + settings: { + slidesToShow: 3, + slidesToScroll: 1, + infinite: true, + dots: false, + } + }, + { + breakpoint: 768, + settings: { + slidesToShow: 2, + slidesToScroll: 1 + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1, + slidesToScroll: 1 + } + }, + + // You can unslick at a given breakpoint now by adding: + // settings: "unslick" + // instead of a settings object + ] + }); -/* 7. data-background */ - $("[data-background]").each(function () { - $(this).css("background-image", "url(" + $(this).attr("data-background") + ")") - }); + /* 7. data-background */ + $("[data-background]").each(function() { + $(this).css("background-image", "url(" + $(this).attr("data-background") + ")") + }); -/* 10. WOW active */ + /* 10. WOW active */ new WOW().init(); -// 11. ---- Mailchimp js --------// + // 11. ---- Mailchimp js --------// function mailChimp() { - $('#mc_embed_signup').find('form').ajaxChimp(); + $('#mc_embed_signup').find('form').ajaxChimp(); } mailChimp(); -// 12 Pop Up Img + // 12 Pop Up Img var popUp = $('.single_gallery_part, .img-pop-up'); - if(popUp.length){ + if (popUp.length) { popUp.magnificPopup({ - type: 'image', - gallery:{ - enabled:true - } + type: 'image', + gallery: { + enabled: true + } }); - } -// 12 Pop Up Video + } + // 12 Pop Up Video var popUp = $('.popup-video'); - if(popUp.length){ - popUp.magnificPopup({ - type: 'iframe' - }); + if (popUp.length) { + popUp.magnificPopup({ + type: 'iframe' + }); } -/* 13. counterUp*/ + /* 13. counterUp*/ $('.counter').counterUp({ - delay: 10, - time: 3000 + delay: 10, + time: 3000 }); -/* 14. Datepicker */ - $('#datepicker1').datepicker(); + /* 14. Datepicker */ + $('#datepicker1').datepicker(); -// 15. Time Picker - $('#timepicker').timepicker(); + // 15. Time Picker + $('#timepicker').timepicker(); -//16. Overlay - $(".snake").snakeify({ - speed: 200 - }); + //16. Overlay + $(".snake").snakeify({ + speed: 200 + }); -//17. Progress barfiller + //17. Progress barfiller - $('#bar1').barfiller(); - $('#bar2').barfiller(); - $('#bar3').barfiller(); - $('#bar4').barfiller(); - $('#bar5').barfiller(); - $('#bar6').barfiller(); + $('#bar1').barfiller(); + $('#bar2').barfiller(); + $('#bar3').barfiller(); + $('#bar4').barfiller(); + $('#bar5').barfiller(); + $('#bar6').barfiller(); -})(jQuery); +})(jQuery); \ No newline at end of file