/********************************************************************************* Template Name: Karbar - Multipurpose Bootstrap 4 Template Template URI: https://themeforest.net/user/themes-hub Description: Karbar is a best templete for your corporate/business website which comes with unique design and user friendly code. Author: Themes-Hub Author URI: https://hastech.company/ Version: 1.0 Note: This is active js. Plugins activation code here. **********************************************************************************/ /*=============================================================================== [ INDEX ] | |___Scroll Animation Active |___Scroll Up Activation |___Carousel Activation | |___Banner Slider Active | |___Banner Slider active with navigation | |___Testimonial style 1 Slider Active | |___Testimonial style 2 Slider Active | |___Sidemenu testimonial slider active | |___Testimonial style 3 Slider Active | |___Testimonial style 4 Slider Active | |___Testimonial style 5 Slider Active | |___Testimonial style 6 Slider Active | |___Brand Logo Slider Active | |___Service Slider Active | |___Portfolios Slider Active | |___Single Portfolio Gallery Slider Active | |___Single Portfolio Related portfolios slider | |___Gallery Blog slider | |___Blog details gallery slider | |___Service Details Image slider | |___Lightgallery Activations | |___Video Area video popup | |___Video blog video popup | |___Videobox video popup | |___Video blog details video popup | |___Blog details image popup | |___Portfolio Active | |___Portfolio popup with zoom button | |___Portfolio minimal 1 popup | |___Portfolio minimal 2 popup | |___Portfolio Details Image Popup | |___CounterUp Active |___Mobile Menu |___Mobile Menu Minimal |___Parallax Active |___Instafeed Activation |___Particle Activation |___Tilter Activation |___Youtube Background Activation | [END INDEX ] ================================================================================*/ (function ($) { 'use strict'; /* Scroll Animation Active */ new WOW().init(); /* Scroll Up Activation */ $.scrollUp({ scrollText: '', easingType: 'linear', scrollSpeed: 900, animation: 'slide' }); /* Carousel Activation */ // Banner Slider Active $('.banner-slider-active').slick({ dots: false, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 6000, adaptiveHeight: true, arrows: false, pauseOnHover: false, }); // Banner Slider active with navigation $('.banner-slider-active-with-navigation').slick({ dots: false, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, autoplay: false, adaptiveHeight: true, arrows: true, prevArrow: '
', nextArrow: ' ' }); // Testimonial style 1 Slider Active $('.testimonial-style-1.testimonial-slider-active').slick({ dots: true, infinite: true, speed: 500, slidesToShow: 3, slidesToScroll: 1, arrows: false, centerMode: true, autoplay: true, focusOnSelect: true, responsive: [{ breakpoint: 991, settings: { slidesToShow: 2 } }, { breakpoint: 768, settings: { slidesToShow: 1 } }, { breakpoint: 576, settings: { slidesToShow: 1 } } ] }); // Testimonial style 2 Slider Active $('.testimonial-style-2.testimonial-slider-active').slick({ dots: true, infinite: true, speed: 500, slidesToShow: 3, slidesToScroll: 1, arrows: false, autoplay: true, centerMode: true, focusOnSelect: true, responsive: [{ breakpoint: 991, settings: { slidesToShow: 2 } }, { breakpoint: 768, settings: { slidesToShow: 1 } }, { breakpoint: 576, settings: { slidesToShow: 1 } } ] }); // Sidemenu testimonial slider active $('.sidemenu-wrapper-testimonial-slider-active').slick({ dots: true, infinite: true, speed: 500, slidesToShow: 3, slidesToScroll: 1, arrows: false, autoplay: true, centerMode: true, focusOnSelect: true, responsive: [{ breakpoint: 1200, settings: { slidesToShow: 2 } }, { breakpoint: 768, settings: { slidesToShow: 1 } }, { breakpoint: 576, settings: { slidesToShow: 1 } } ] }); // Testimonial style 3 Slider Active $('.testimonial-style-3.testimonial-slider-active').slick({ dots: true, infinite: true, speed: 500, slidesToShow: 2, slidesToScroll: 1, arrows: false, autoplay: true, focusOnSelect: true, responsive: [{ breakpoint: 991, settings: { slidesToShow: 2 } }, { breakpoint: 768, settings: { slidesToShow: 1 } }, { breakpoint: 576, settings: { slidesToShow: 1 } } ] }); // Testimonial style 4 Slider Active $('.testimonial-style-4.testimonial-slider-active').slick({ dots: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, arrows: false, autoplay: true, focusOnSelect: true }); // Testimonial style 5 Slider Active $('.testimonial-style-5.testimonial-slider-active').slick({ dots: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, arrows: false, focusOnSelect: true, autoplay: true, }); // Testimonial style 6 Slider Active $('.testimonial-style-6.testimonial-slider-active').slick({ autoplay: true, autoplaySpeed: 5000, infinite: true, speed: 500, fade: true, cssEase: 'ease-in-out', draggable: false, arrows: false, dots: true, adaptiveHeight: true, }); // Brand Logo Slider Active $('.brand-logo-carousel-activation').slick({ dots: false, infinite: true, speed: 300, slidesToShow: 6, slidesToScroll: 1, autoplay: true, arrows: true, prevArrow: ' ', nextArrow: ' ', responsive: [{ breakpoint: 991, settings: { slidesToShow: 3 } }, { breakpoint: 768, settings: { slidesToShow: 3 } }, { breakpoint: 576, settings: { slidesToShow: 1 } } ] }); // Service Slider Active $('.service-slider-active').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 1, autoplay: true, arrows: false, focusOnSelect: true, centerMode: true, responsive: [{ breakpoint: 991, settings: { slidesToShow: 2, centerMode: false, } }, { breakpoint: 768, settings: { slidesToShow: 1, centerMode: false, } } ] }); // Portfolios Slider Active $('.portfolios-slider-active').slick({ dots: false, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 1, autoplay: false, focusOnSelect: true, centerMode: true, arrows: true, prevArrow: ' ', nextArrow: ' ', responsive: [{ breakpoint: 1200, settings: { slidesToShow: 2, centerMode: false, } }, { breakpoint: 768, settings: { slidesToShow: 1, centerMode: false, } } ] }); // Single Portfolio Gallery Slider Active $('.pg-portfolio-images').slick({ dots: false, infinite: true, speed: 300, autoplay: false, arrows: true, prevArrow: ' ', nextArrow: ' ', }); // Single Portfolio Related portfolios slider $('.pg-related-portfolios').slick({ dots: false, infinite: true, speed: 300, autoplay: false, arrows: true, prevArrow: ' ', nextArrow: ' ', slidesToShow: 3, slidesToScroll: 1, items: 3, responsive: [{ breakpoint: 1200, settings: { slidesToShow: 2, } }, { breakpoint: 768, settings: { slidesToShow: 1, } } ] }); // Gallery Blog slider $('.pg-blog-gallery .pg-blog-thumb').slick({ dots: false, infinite: true, speed: 300, autoplay: true, arrows: true, prevArrow: ' ', nextArrow: ' ', items: 1, }); // Blog details gallery slider $('.blog-details-thumb').slick({ dots: false, infinite: true, speed: 300, autoplay: true, arrows: true, prevArrow: ' ', nextArrow: ' ', items: 1, }); // Service Details Image slider $('.pg-service-thumbs').slick({ dots: false, infinite: true, speed: 300, autoplay: true, arrows: true, prevArrow: ' ', nextArrow: ' ', items: 1, }); /* Lightgallery Activations */ // Video Area video popup $('.video-area-inner').lightGallery({ selector: '.video-popup-trigger' }); // Video blog video popup $('.pg-blog-video').lightGallery({ selector: '.pg-blog-thumb a' }); // Videobox video popup $('.video-box').lightGallery({ selector: 'a.play-button' }); // Video blog details video popup $('.blog-video').lightGallery({ selector: '.blog-thumb a' }); // Blog details image popup $('.blog-details-thumb').lightGallery({ selector: 'img', thumbnail: false }); /* Portfolio Active */ var isotopFilter = $('.portfolio-filters'); var isotopGrid = $('.portfolios:not(.portfolios-slider-active)'); var isotopGridItemSelector = $('.portfolio-single'); var isotopGridItem = '.portfolio-single'; isotopFilter.find('button:first-child').addClass('active'); //Images Loaded isotopGrid.imagesLoaded(function () { /*-- init Isotope --*/ var initial_items = isotopGrid.data('show'); var next_items = isotopGrid.data('load'); var loadMoreBtn = $('.load-more-toggle'); var $grid = isotopGrid.isotope({ itemSelector: isotopGridItem, layoutMode: 'masonry', }); /*-- Isotop Filter Menu --*/ isotopFilter.on('click', 'button', function () { var filterValue = $(this).attr('data-filter'); isotopFilter.find('button').removeClass('is-checked'); $(this).addClass('is-checked'); // use filterFn if matches value $grid.isotope({ filter: filterValue }); }); /*-- Update Filter Counts --*/ function updateFilterCounts() { // get filtered item elements var itemElems = $grid.isotope('getFilteredItemElements'); if (isotopGridItemSelector.hasClass('hidden')) { isotopGridItemSelector.removeClass('hidden'); } var index = 0; $(itemElems).each(function () { if (index >= initial_items) { $(this).addClass('hidden'); } index++; }); $grid.isotope('layout'); } /*-- Function that Show items when page is loaded --*/ function showNextItems(pagination) { var itemsMax = $('.hidden').length; var itemsCount = 0; $('.hidden').each(function () { if (itemsCount < pagination) { $(this).removeClass('hidden'); itemsCount++; } }); if (itemsCount >= itemsMax) { loadMoreBtn.hide(); } $grid.isotope('layout'); } /*-- Function that hides items when page is loaded --*/ function hideItems(pagination) { var itemsMax = $(isotopGridItem).length; var itemsCount = 0; $(isotopGridItem).each(function () { if (itemsCount >= pagination) { $(this).addClass('hidden'); } itemsCount++; }); if (itemsCount < itemsMax || initial_items >= itemsMax) { loadMoreBtn.hide(); } $grid.isotope('layout'); } /*-- Function that Load items when Button is Click --*/ loadMoreBtn.on('click', function (e) { e.preventDefault(); showNextItems(next_items); }); hideItems(initial_items); }); // Portfolio popup with zoom button $('.portfolios-zoom-button-holder').lightGallery({ selector: '.portfolio-zoom-trigger', thumbnail: false }); // Portfolio minimal 1 popup $('.portfolios-minimal-1').lightGallery({ selector: '.portfolio', thumbnail: true }); // Portfolio minimal 2 popup $('.portfolios-minimal-2').lightGallery({ selector: '.portfolio', thumbnail: true }); // Portfolio Details Image Popup $('.pg-portfolio-images').lightGallery({ selector: 'a', thumbnail: true }); /* CounterUp Active */ $('.counter-active').counterUp({ delay: 10, time: 1000 }); /* Mobile Menu */ $('.header-style-1 nav.menu, .header-style-2 nav.menu, .header-style-3 nav.menu').meanmenu({ meanMenuClose: '', meanMenuCloseSize: '18px', meanScreenWidth: '991', meanExpandableChildren: true, meanMenuContainer: '.mobile-menu', onePage: true }); /* Mobile Menu Minimal */ $('.header-minimal-1 nav.menu, .header-minimal-2 nav.menu, .header-minimal-3 nav.menu').meanmenu({ meanMenuClose: '', meanMenuCloseSize: '18px', meanScreenWidth: '991', meanExpandableChildren: true, meanMenuContainer: '.mobile-menu', onePage: true }); /* Parallax Active */ $('.bg-parallax').scrolly({ bgParallax: true }); /* Instafeed Activation */ if ($('#sidebar-instagram-feed').length) { var userFeed = new Instafeed({ get: 'user', userId: 6665768655, accessToken: '6665768655.1677ed0.313e6c96807c45d8900b4f680650dee5', target: 'sidebar-instagram-feed', resolution: 'thumbnail', limit: 6, template: '