File Content: index.js ;(function($) { "use strict"; /* |---------------------------------------------------------------------------- | Header Slider |---------------------------------------------------------------------------- */ $(".homepage-slides").owlCarousel({ navigation : true, items : 1, loop : true, dots : false, nav : true, navigationText : [ "<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>" ], slideSpeed : 1000, paginationSpeed : 400, singleItem:true, autoplay:true, autoplayTimeout:4000, autoplaySpeed: 2000, }); /* |---------------------------------------------------------------------------- | Bootstrap Submenu |---------------------------------------------------------------------------- */ $('.portfolio-carousel').owlCarousel({ items:1, loop:true, slideSpeed : 300, paginationSpeed : 400, singleItem:true, autoplayTimeout:4000, autoplaySpeed: 2000, }); /* |---------------------------------------------------------------------------- | testimonialCarousel Slider |---------------------------------------------------------------------------- */ $(".testimonials").owlCarousel({ items : 1, loop : true, dots : false, nav : true, navigationText : [ "<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>" ], slideSpeed : 100, paginationSpeed : 400, singleItem:true, autoplay:true, autoplayTimeout:4000, autoplaySpeed: 2000, }); /* |---------------------------------------------------------------------------- | Bootstrap Submenu |---------------------------------------------------------------------------- */ $('.blog-carousel').owlCarousel({ items:1, loop:true, dots : false, nav : true, slideSpeed : 100, paginationSpeed : 400, singleItem:true, autoPlay : 5000, autoplayTimeout:4000, autoplaySpeed: 2000, }); /* |---------------------------------------------------------------------------- | Bootstrap Submenu |---------------------------------------------------------------------------- */ jQuery(document).ready(function(){ $(".portfolio-filter li").on('click', function(){ var filterData = $(this).attr("data-filter"); $("#portfolio-container").isotope({ filter: filterData, }); $(".portfolio-filter li").removeClass("active"); $(this).addClass("active"); }); $("#portfolio-container").isotope({ // set itemSelector so .grid-sizer is not used in layout itemSelector: '.single-portfolio-item', percentPosition: true, transitionDuration: '0.8s', masonry: { // use element for option columnWidth: '.single-portfolio-item', horizontalOrder: true } }); }); /* ---------- @ Scroll to Section -----------*/ $("a.nav-link").on('click', function(event) { // Make sure this.hash has a value before overriding default behavior if (this.hash !== "") { // Prevent default anchor click behavior event.preventDefault(); // Store hash var hash = this.hash; $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); } // End if }); /*----------------------------- Scroll To Top--------------------------*/ // declare variable var scrollTop = $(".scrollTop"); $(window).scroll(function() { // declare variable var topPos = $(this).scrollTop(); // if user scrolls down - show scroll to top button if (topPos > 100) { $(scrollTop).css(); } else { $(scrollTop).css(); } }); // scroll END //Click event to scroll to top $(scrollTop).click(function() { $('html, body').animate({ scrollTop: 0 }, 2000); return false; }); // click() scroll top EMD //Sticky Navigation $(".main-menu-continer").sticky({ topSpacing: 0 }); /* |---------------------------------------------------------------------------- | Bootstrap Submenu |---------------------------------------------------------------------------- */ $(document).ready(function() { $('.dropdown-submenu').on('click', function(){ $(this).parent().addClass('open'); }); }); /* |---------------------------------------------------------------------------- | Contact From |---------------------------------------------------------------------------- */ $(document).ready(function(){ $('#submit').formValidator({ scope: '#form' }); $('#post-commentsss').formValidator({ scope: '#comments-form' }); $('#submit,#post-commentsss').click(function() { $('input.error-input, textarea.error-input').delay(300).animate({marginLeft:0},100).animate({marginLeft:10},100).animate({marginLeft:0},100).animate({marginLeft:10},100); }); $('.sending').hide(); $(".mess").hide(); // Form plugin var options = { beforeSubmit: function() { $('.sending').show(); }, success: function() { $('.sending').hide(); $('#form').hide(); $(".mess").show(); $(".mess").append('<h5>Thanks !</h5><h5>Your message has been sent.</h5>'); // Change Your message post send $('.mess').delay(3000).fadeOut(function() { $('#form').clearForm(); $('#form').delay(3500).show(); }); } }; $('#form').submit(function() { $(this).ajaxSubmit(options); return false; }); }); })(jQuery); Submit