API tools faq
paste
Advertisement
AndroBee

theme.js

AndroBee
Dec 10th, 2018
413
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 39.40 KB | None | 0 0
raw download clone embed print report
  1. ;(function($) {
  2.     "use strict";
  3.    
  4.    
  5.     $(window).on('load', function() {
  6.         $('header .nav.navbar-nav li a, .offcanvas_text ul li a[href^="#"]:not([href="#"])').on('click', function(event) {
  7.             var $anchor = $(this);
  8.             $('html, body').stop().animate({
  9.                 scrollTop: $($anchor.attr('href')).offset().top - 85
  10.             }, 1500);
  11.             event.preventDefault();
  12.         });
  13.     })
  14.    
  15.     var nav_offset_top = $('header').height();
  16.     /*-------------------------------------------------------------------------------
  17.       Navbar
  18.     -------------------------------------------------------------------------------*/
  19.  
  20.     //* Navbar Fixed  
  21.     function navbarFixed(){
  22.         if ( $('.main_header_area, .dash_tp_menu_area, .hosting_menu, .mobile_menu_inner').length ){
  23.             $(window).scroll(function() {
  24.                 var scroll = $(window).scrollTop();  
  25.                 if (scroll >= nav_offset_top ) {
  26.                     $(".main_header_area, .dash_tp_menu_area, .hosting_menu, .mobile_menu_inner").addClass("navbar_fixed");
  27.                 } else {
  28.                     $(".main_header_area, .dash_tp_menu_area, .hosting_menu, .mobile_menu_inner").removeClass("navbar_fixed");
  29.                 }
  30.             });
  31.         };
  32.     };
  33.     navbarFixed();
  34.    
  35.    
  36.     /*----------------------------------------------------*/
  37.     /* Offcanvas Menu js
  38.     /*----------------------------------------------------*/
  39.     $('.menu_icon, .close_icon').on('click',function(){
  40.         if( $(".offcanvas_menu").hasClass('open') ){
  41.             $(".offcanvas_menu").removeClass('open')
  42.         }
  43.         else{
  44.             $(".offcanvas_menu").addClass('open')
  45.         }
  46.         return false
  47.     });
  48.    
  49.    
  50.    
  51.     /*----------------------------------------------------*/
  52.     /*  Main Slider js
  53.     /*----------------------------------------------------*/
  54.     function main_slider(){
  55.         if ( $('#main_slider').length ){
  56.             $("#main_slider").revolution({
  57.                 sliderType:"standard",
  58.                 sliderLayout:"auto",
  59.                 delay:6000000,
  60.                 disableProgressBar:"on",
  61.                 navigation: {
  62.                     onHoverStop: 'off',
  63.                     touch:{
  64.                         touchenabled:"on",
  65.                         swipe_threshold: 75,
  66.                         swipe_min_touches: 1,
  67.                         swipe_direction: "vertical",
  68.                         drag_block_vertical: false
  69.                     }
  70.                     ,
  71.                     bullets: {
  72.                         enable:true,
  73.                         hide_onmobile:true,
  74.                         hide_under:1100,
  75.                         style:"hermes",
  76.                         hide_onleave:false,
  77.                         direction:"vertical",
  78.                         h_align:"right",
  79.                         v_align:"center",
  80.                         h_offset:170,
  81.                         v_offset:0,
  82.                         space:10,
  83.                         tmp:''
  84.                     }
  85.                 },
  86.                 responsiveLevels:[4096,1199,992,767,480],
  87.                 gridwidth:[1170,1000,750,700,300],
  88.                 gridheight:[900,900,760,600,500],
  89.                 lazyType:"smart",
  90.                 fallbacks: {
  91.                     simplifyAll:"off",
  92.                     nextSlideOnWindowFocus:"off",
  93.                     disableFocusListener:false,
  94.                 }
  95.             })
  96.         }
  97.     }
  98.     main_slider();
  99.    
  100.     /*----------------------------------------------------*/
  101.     /*  Main Slider js
  102.     /*----------------------------------------------------*/
  103.     function main_slider2(){
  104.         if ( $('#main_slider2').length ){
  105.             $("#main_slider2").revolution({
  106.                 sliderType:"standard",
  107.                 sliderLayout:"auto",
  108.                 delay:40000000,
  109.                 disableProgressBar:"on",
  110.                 navigation: {
  111.                     onHoverStop: 'off',
  112.                     touch:{
  113.                         touchenabled:"on"
  114.                     },
  115.                     arrows: {
  116.                         style:"zeus",
  117.                         enable:false,
  118.                         hide_onmobile:true,
  119.                         hide_under:767,
  120.                         hide_onleave:true,
  121.                         hide_delay:200,
  122.                         hide_delay_mobile:1200,
  123.                         tmp:'<div class="tp-title-wrap">    <div class="tp-arr-imgholder"></div> </div>',
  124.                         left: {
  125.                             h_align: "left",
  126.                             v_align: "center",
  127.                             h_offset: 50,
  128.                             v_offset: 0
  129.                         },
  130.                         right: {
  131.                             h_align: "right",
  132.                             v_align: "center",
  133.                             h_offset: 50,
  134.                             v_offset: 0
  135.                         }
  136.                     },
  137.                 },
  138.                 responsiveLevels:[4096,1199,992,767,480],
  139.                 gridwidth:[1170,1000,750,700,300],
  140.                 gridheight:[850,850,700,600,600],
  141.                 lazyType:"smart",
  142.                 fallbacks: {
  143.                     simplifyAll:"off",
  144.                     nextSlideOnWindowFocus:"off",
  145.                     disableFocusListener:false,
  146.                 }
  147.             })
  148.         }
  149.     }
  150.     main_slider2();
  151.    
  152.     /*----------------------------------------------------*/
  153.     /*  Main Slider js
  154.     /*----------------------------------------------------*/
  155.     function main_slider8(){
  156.         if ( $('#main_slider_eight').length ){
  157.             $("#main_slider_eight").revolution({
  158.                 sliderType:"standard",
  159.                 sliderLayout:"auto",
  160.                 delay:40000000,
  161.                 disableProgressBar:"on",
  162.                 navigation: {
  163.                     onHoverStop: 'off',
  164.                     touch:{
  165.                         touchenabled:"on"
  166.                     },
  167.                     arrows: {
  168.                         style:"zeus",
  169.                         enable:false,
  170.                         hide_onmobile:true,
  171.                         hide_under:767,
  172.                         hide_onleave:true,
  173.                         hide_delay:200,
  174.                         hide_delay_mobile:1200,
  175.                         tmp:'<div class="tp-title-wrap">    <div class="tp-arr-imgholder"></div> </div>',
  176.                         left: {
  177.                             h_align: "left",
  178.                             v_align: "center",
  179.                             h_offset: 50,
  180.                             v_offset: 0
  181.                         },
  182.                         right: {
  183.                             h_align: "right",
  184.                             v_align: "center",
  185.                             h_offset: 50,
  186.                             v_offset: 0
  187.                         }
  188.                     },
  189.                 },
  190.                 responsiveLevels:[4096,1199,992,767,480],
  191.                 gridwidth:[1170,1000,750,700,300],
  192.                 gridheight:[950,950,950,600,500],
  193.                 lazyType:"smart",
  194.                 fallbacks: {
  195.                     simplifyAll:"off",
  196.                     nextSlideOnWindowFocus:"off",
  197.                     disableFocusListener:false,
  198.                 }
  199.             })
  200.         }
  201.     }
  202.     main_slider8();
  203.    
  204.    
  205.     /*----------------------------------------------------*/
  206.     /*  slider_two_area js
  207.     /*----------------------------------------------------*/
  208. //    function main_slider_two(){
  209. //        if ( $('#main_slider_two').length ){
  210. //            $("#main_slider_two").revolution({
  211. //                sliderType:"standard",
  212. //                sliderLayout:"fullwidth",
  213. //                delay:600000,
  214. //                disableProgressBar:"on",
  215. //                navigation: {
  216. //                    onHoverStop: 'off',
  217. //                    touch:{
  218. //                        touchenabled:"on",
  219. //                        swipe_threshold: 75,
  220. //                        swipe_min_touches: 1,
  221. //                        swipe_direction: "vertical",
  222. //                        drag_block_vertical: false
  223. //                    }
  224. //                },
  225. //                responsiveLevels:[4096,1199,992,767,480],
  226. //                gridwidth:[1170,1000,750,700,300],
  227. //                gridheight:[800,800,760,600,500],
  228. //                lazyType:"smart",
  229. //                fallbacks: {
  230. //                    simplifyAll:"off",
  231. //                    nextSlideOnWindowFocus:"off",
  232. //                    disableFocusListener:false,
  233. //                }
  234. //            })
  235. //        }
  236. //    }
  237. //    main_slider_two();
  238. // 
  239.     /*----------------------------------------------------*/
  240.     /*  Main Slider js
  241.     /*----------------------------------------------------*/
  242.     function main_slider3(){
  243.         if ( $('#main_slider_two').length ){
  244.             $("#main_slider_two").revolution({
  245.                 sliderType:"standard",
  246.                 sliderLayout:"auto",
  247.                 delay:40000000,
  248.                 disableProgressBar:"on",
  249.                 navigation: {
  250.                     onHoverStop: 'off',
  251.                     touch:{
  252.                         touchenabled:"on"
  253.                     },
  254.                     arrows: {
  255.                         style:"normal",
  256.                         enable:true,
  257.                         hide_onmobile:true,
  258.                         hide_under:767,
  259.                         hide_onleave:true,
  260.                         hide_delay:200,
  261.                         hide_delay_mobile:1200,
  262.                         left: {
  263.                             h_align: "left",
  264.                             v_align: "center",
  265.                             h_offset: 170,
  266.                             v_offset: 0
  267.                         },
  268.                         right: {
  269.                             h_align: "right",
  270.                             v_align: "center",
  271.                             h_offset: 170,
  272.                             v_offset: 0
  273.                         }
  274.                     },
  275.                 },
  276.                 responsiveLevels:[4096,1199,992,767,480],
  277.                 gridwidth:[1170,1000,750,700,300],
  278.                 gridheight:[800,800,800,600,500],
  279.                 lazyType:"smart",
  280.                 fallbacks: {
  281.                     simplifyAll:"off",
  282.                     nextSlideOnWindowFocus:"off",
  283.                     disableFocusListener:false,
  284.                 }
  285.             })
  286.         }
  287.     }
  288.     main_slider3();
  289. // 
  290.     /*----------------------------------------------------*/
  291.     /*  Main Slider js
  292.     /*----------------------------------------------------*/
  293.     function main_slider10(){
  294.         if ( $('#main_slider_ten').length ){
  295.             $("#main_slider_ten").revolution({
  296.                 sliderType:"standard",
  297.                 sliderLayout:"auto",
  298.                 delay:40000000,
  299.                 disableProgressBar:"on",
  300.                 navigation: {
  301.                     onHoverStop: 'off',
  302.                     touch:{
  303.                         touchenabled:"on"
  304.                     },
  305.                     bullets: {
  306.                         enable:true,
  307.                         hide_onmobile:true,
  308.                         hide_under:1100,
  309.                         style:"hermes",
  310.                         hide_onleave:false,
  311.                         direction:"vertical",
  312.                         h_align:"right",
  313.                         v_align:"center",
  314.                         h_offset:50,
  315.                         v_offset:0,
  316.                         space: -5,
  317.                         tmp:''
  318.                     }
  319.                 },
  320.                 responsiveLevels:[4096,1199,992,767,480],
  321.                 gridwidth:[1170,1000,750,700,300],
  322.                 gridheight:[990,990,700,600,500],
  323.                 lazyType:"smart",
  324.                 fallbacks: {
  325.                     simplifyAll:"off",
  326.                     nextSlideOnWindowFocus:"off",
  327.                     disableFocusListener:false,
  328.                 }
  329.             })
  330.         }
  331.     }
  332.     main_slider10();
  333.    
  334.    
  335.     /*----------------------------------------------------*/
  336.     /*  Main Slider js
  337.     /*----------------------------------------------------*/
  338.     function dash_slider(){
  339.         if ( $('#dash_slider').length ){
  340.             $("#dash_slider").revolution({
  341.                 sliderType:"standard",
  342.                 sliderLayout:"auto",
  343.                 delay:6000000,
  344.                 disableProgressBar:"on",
  345.                 navigation: {
  346.                     onHoverStop: 'off',
  347.                     touch:{
  348.                         touchenabled:"on",
  349.                         swipe_threshold: 75,
  350.                         swipe_min_touches: 1,
  351.                         swipe_direction: "vertical",
  352.                         drag_block_vertical: false
  353.                     }
  354.                     ,
  355.                 },
  356.                 responsiveLevels:[4096,1199,992,767,480],
  357.                 gridwidth:[1170,1000,750,700,300],
  358.                 gridheight:[1014,1014,760,600,500],
  359.                 lazyType:"smart",
  360.                 fallbacks: {
  361.                     simplifyAll:"off",
  362.                     nextSlideOnWindowFocus:"off",
  363.                     disableFocusListener:false,
  364.                 }
  365.             })
  366.         }
  367.     }
  368.     dash_slider();
  369.    
  370.    
  371.    
  372.     var swiper = new Swiper('.swiper-container', {
  373.         effect: 'coverflow',
  374.         grabCursor: true,
  375.         centeredSlides: true,
  376.         slidesPerView: 3,
  377.         spaceBetween: -150,
  378.         coverflowEffect: {
  379.         rotate: 20,
  380.         stretch: 0,
  381.         depth: 50,
  382.         modifier: 2,
  383.         slideShadows : true,
  384.         },
  385.         pagination: {
  386.             el: '.swiper-pagination',
  387.         },
  388.         breakpoints: {
  389.             // when window width is <= 320px
  390.             575: {
  391.               slidesPerView: 1,
  392.               spaceBetween: 0,
  393.                 rotate: 0,
  394.                 stretch: 0,
  395.                 depth: 0,
  396.                 modifier: 1,
  397.             },
  398.             // when window width is <= 480px
  399.             991: {
  400.               slidesPerView: 2,
  401.               spaceBetween: -120,
  402.             },
  403.           }
  404.     });
  405.    
  406.    
  407.     $(document).ready(function() {
  408.         $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
  409.             disableOn: 700,
  410.             type: 'iframe',
  411.             mainClass: 'mfp-fade',
  412.             removalDelay: 160,
  413.             preloader: false,
  414.  
  415.             fixedContentPos: false
  416.         });
  417.     });
  418.    
  419.     /*----------------------------------------------------*/
  420.     /*  testimonial slider
  421.     /*----------------------------------------------------*/
  422.     function testimonial_slid(){
  423.         if ( $('.testimonial-carousel').length ){
  424.             $('.testimonial-carousel').owlCarousel({
  425.                 loop:true,
  426.                 margin: 50,
  427.                 items: 3,
  428.                 nav:false,
  429.                 autoplay: false,
  430.                 smartSpeed: 1500,
  431.                 dots: true,
  432.                 responsiveClass: true,
  433.                 responsive: {
  434.                     0: {
  435.                         items: 1,
  436.                     },
  437.                     767: {
  438.                         items: 2,
  439.                     },
  440.                     1024: {
  441.                         items: 3,
  442.                     }
  443.                 }
  444.             })
  445.         }
  446.     }
  447.     testimonial_slid();
  448.    
  449.     function screen_slider_two(){
  450.         if ( $('.screenshot_carousel').length ){
  451.             $('.screenshot_carousel').owlCarousel({
  452.                 loop:true,
  453.                 margin: 0,
  454.                 items: 3,
  455.                 nav:false,
  456.                 autoplay: true,
  457.                 smartSpeed: 1500,
  458.                 dots: true,
  459.                 responsiveClass: true,
  460.                 responsive: {
  461.                     0: {
  462.                         items: 2,
  463.                     },
  464.                     575: {
  465.                         items: 3,
  466.                     }
  467.                 }
  468.             })
  469.         }
  470.     }
  471.     screen_slider_two();
  472.    
  473.     function screen_slider_nine(){
  474.         if ( $('.screen_nine_slider').length ){
  475.             $('.screen_nine_slider').owlCarousel({
  476.                 loop:true,
  477.                 margin: 30,
  478.                 items: 5,
  479.                 stagePadding: 80,
  480.                 nav:true,
  481.                 autoplay: false,
  482.                 smartSpeed: 1500,
  483.                 dots: true,
  484.                 navContainer: '.screen_nine_area',
  485.                 navText: ['<i class="lnr lnr-arrow-left"><span>Previous</span></i>','<i class="lnr lnr-arrow-right"><span>Next</span></i>'],
  486.                 responsiveClass: true,
  487.                 responsive: {
  488.                     0: {
  489.                         items: 1,
  490.                     },
  491.                     400: {
  492.                         items: 2,
  493.                         stagePadding: 0,
  494.                     },
  495.                     575: {
  496.                         items: 3,
  497.                         stagePadding: 0,
  498.                     },
  499.                     700: {
  500.                         items: 4,
  501.                         nav: false,
  502.                         stagePadding: 0,
  503.                     },
  504.                     1200: {
  505.                         items: 5,
  506.                     }
  507.                 }
  508.             })
  509.         }
  510.     }
  511.     screen_slider_nine();
  512.    
  513.    
  514.     /*----------------------------------------------------*/
  515.     /*  Clients Slider2
  516.     /*----------------------------------------------------*/
  517.     function user_slider(){
  518.         if ( $('.user_slider').length ){
  519.             $('.user_slider').owlCarousel({
  520.                 loop:true,
  521.                 margin: 30,
  522.                 items: 1,
  523.                 nav:false,
  524.                 autoplay: true,
  525.                 smartSpeed: 1500,
  526.                 dots: false,
  527. //                navText: ['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
  528.                 responsiveClass: true,
  529. //                responsive: {
  530. //                    0: {
  531. //                        items: 1,
  532. //                    },
  533. //                    480: {
  534. //                        items: 2,
  535. //                    },
  536. //                    600: {
  537. //                        items: 4,
  538. //                    },
  539. //                    800: {
  540. //                        items: 6,
  541. //                    }
  542. //                }
  543.             })
  544.         }
  545.     }
  546.     user_slider();
  547.    
  548.     /*----------------------------------------------------*/
  549.     /*  Clients Slider2
  550.     /*----------------------------------------------------*/
  551.     function shop_slider(){
  552.         if ( $('.shop_now_slider').length ){
  553.             $('.shop_now_slider').owlCarousel({
  554.                 loop:true,
  555.                 margin: 30,
  556.                 items: 3,
  557.                 nav:true,
  558.                 autoplay: false,
  559.                 smartSpeed: 1500,
  560.                 dots: false,
  561.                 navContainer: '.shop_now_slider',
  562.                 navText: ['<i class="icofont icofont-thin-left"></i>','<i class="icofont icofont-thin-right"></i>'],
  563.                 responsiveClass: true,
  564.                 responsive: {
  565.                     0: {
  566.                         items: 1,
  567.                     },
  568.                     540: {
  569.                         items: 2,
  570.                     },
  571.                     600: {
  572.                         items: 2,
  573.                     },
  574.                     992: {
  575.                         items: 3,
  576.                     }
  577.                 }
  578.             })
  579.         }
  580.     }
  581.     shop_slider();
  582.    
  583.     /*----------------------------------------------------*/
  584.     /*  Clients Slider2
  585.     /*----------------------------------------------------*/
  586.     function screen_slider(){
  587.         if ( $('.app_screen_slider').length ){
  588.             $('.app_screen_slider').owlCarousel({
  589.                 loop:true,
  590.                 margin: 40,
  591.                 items: 3,
  592.                 nav:false,
  593.                 autoplay: true,
  594.                 smartSpeed: 1500,
  595.                 dots: true,
  596.                 responsiveClass: true,
  597.                 responsive: {
  598.                     0: {
  599.                         items: 2,
  600.                         margin: 20,
  601.                     },
  602.                     600: {
  603.                         items: 3,
  604.                         margin: 40,
  605.                     }
  606.                 }
  607.             })
  608.         }
  609.     }
  610.     screen_slider();
  611.    
  612.     /*----------------------------------------------------*/
  613.     /*  Clients Slider2
  614.     /*----------------------------------------------------*/
  615.     function l_blog_slider(){
  616.         if ( $('.l_blog_slider').length ){
  617.             $('.l_blog_slider').owlCarousel({
  618.                 loop:true,
  619.                 margin: 0,
  620.                 items: 1,
  621.                 nav:true,
  622.                 autoplay: true,
  623.                 smartSpeed: 1500,
  624.                 dots: true,
  625.                 navContainer: '.l_blog_text_inner',
  626.                 navText: ['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
  627.                 responsiveClass: true,
  628. //                responsive: {
  629. //                    0: {
  630. //                        items: 1,
  631. //                    },
  632. //                    480: {
  633. //                        items: 2,
  634. //                    },
  635. //                    600: {
  636. //                        items: 4,
  637. //                    },
  638. //                    800: {
  639. //                        items: 6,
  640. //                    }
  641. //                }
  642.             })
  643.         }
  644.     }
  645.     l_blog_slider();
  646.    
  647.     /*----------------------------------------------------*/
  648.     /*  Clients Slider2
  649.     /*----------------------------------------------------*/
  650.     function dash_screen_slider(){
  651.         if ( $('.dash_screen_slider').length ){
  652.             $('.dash_screen_slider').owlCarousel({
  653.                 loop:true,
  654.                 margin: 50,
  655.                 items: 3,
  656.                 nav:true,
  657.                 autoplay: true,
  658.                 smartSpeed: 1500,
  659.                 dots: false,
  660.                 navContainerClass: 'dash_screen_slider',
  661.                 navText: ['<i class="fa fa-arrow-left" aria-hidden="true"></i>','<i class="fa fa-arrow-right" aria-hidden="true"></i>'],
  662.                 responsiveClass: true,
  663.                 responsive: {
  664.                     0: {
  665.                         items: 1,
  666.                     },
  667.                     575: {
  668.                         items: 2,
  669.                     },
  670.                     768: {
  671.                         items: 3,
  672.                     }
  673.                 }
  674.             })
  675.         }
  676.     }
  677.     dash_screen_slider();
  678.    
  679.     /*----------------------------------------------------*/
  680.     /*  Clients Slider2
  681.     /*----------------------------------------------------*/
  682.     function team_slider(){
  683.         if ( $('.team_slider, .team_slider_two').length ){
  684.             $('.team_slider, .team_slider_two').owlCarousel({
  685.                 loop:true,
  686.                 margin: 30,
  687.                 items: 4,
  688.                 nav:false,
  689.                 autoplay: true,
  690.                 smartSpeed: 1500,
  691.                 dots: false,
  692.                 responsiveClass: true,
  693.                 responsive: {
  694.                     0: {
  695.                         items: 1,
  696.                     },
  697.                     480: {
  698.                         items: 2,
  699.                     },
  700.                     700: {
  701.                         items: 3,
  702.                     },
  703.                     1200: {
  704.                         items: 4,
  705.                     }
  706.                 }
  707.             })
  708.         }
  709.     }
  710.     team_slider();
  711.    
  712.     /*----------------------------------------------------*/
  713.     /*  Clients Slider
  714.     /*----------------------------------------------------*/
  715.     function clients_logo(){
  716.         if ( $('.clients_logo_slider').length ){
  717.             $('.clients_logo_slider').owlCarousel({
  718.                 loop:true,
  719.                 margin: 30,
  720.                 items: 5,
  721.                 nav:false,
  722.                 autoplay: true,
  723.                 smartSpeed: 1500,
  724.                 dots: false,
  725.                 responsiveClass: true,
  726.                 responsive: {
  727.                     0: {
  728.                         items: 1,
  729.                     },
  730.                     480: {
  731.                         items: 2,
  732.                     },
  733.                     600: {
  734.                         items: 4,
  735.                     },
  736.                     992: {
  737.                         items: 5,
  738.                     }
  739.                 }
  740.             })
  741.         }
  742.     }
  743.     clients_logo();
  744.    
  745.     /*----------------------------------------------------*/
  746.     /*  Clients Slider
  747.     /*----------------------------------------------------*/
  748.     function dev_logo(){
  749.         if ( $('.dev_seven_logo_slider').length ){
  750.             $('.dev_seven_logo_slider').owlCarousel({
  751.                 loop:true,
  752.                 margin: 30,
  753.                 items: 4,
  754.                 nav:false,
  755.                 autoplay: true,
  756.                 smartSpeed: 1500,
  757.                 dots: false,
  758.                 responsiveClass: true,
  759.                 responsive: {
  760.                     0: {
  761.                         items: 1,
  762.                     },
  763.                     480: {
  764.                         items: 2,
  765.                     },
  766.                     767: {
  767.                         items: 3,
  768.                     },
  769.                     992: {
  770.                         items: 4,
  771.                     }
  772.                 }
  773.             })
  774.         }
  775.     }
  776.     dev_logo();
  777.    
  778.      /*---------testimonial_slider_three js-----------*/
  779.     function testimonial_three(){
  780.         if ( $('.testimonial_slider_three, .testimonials_s_slider').length ){
  781.             $('.testimonial_slider_three, .testimonials_s_slider').owlCarousel({
  782.                 loop:true,
  783.                 margin: 30,
  784.                 items: 1,
  785.                 nav:true,
  786.                 autoplay: false,
  787.                 smartSpeed: 1500,
  788.                 dots: true,
  789. //              navClass: ['btn btn-default owl-carousel-left disabled','btn btn-default owl-carousel-right'],
  790.                 navText: ['<i class="icofont icofont-thin-left"></i>','<i class="icofont icofont-thin-right"></i>'],
  791.                 responsiveClass: true,
  792. //                responsive: {
  793. //                    0: {
  794. //                        items: 1,
  795. //                    },
  796. //                    480: {
  797. //                        items: 2,
  798. //                    },
  799. //                    600: {
  800. //                        items: 4,
  801. //                    },
  802. //                    800: {
  803. //                        items: 6,
  804. //                    }
  805. //                }
  806.             })
  807.         }
  808.     }
  809.     testimonial_three();
  810.      /*---------testimonial_slider_three js-----------*/
  811.     function single_slider(){
  812.         if ( $('.related_post_slider').length ){
  813.             $('.related_post_slider').owlCarousel({
  814.                 loop:false,
  815.                 margin: 30,
  816.                 stagePadding: 100,
  817.                 items: 2,
  818.                 nav:true,
  819.                 autoplay: false,
  820.                 smartSpeed: 1500,
  821.                 dots: false,
  822. //              navClass: ['btn btn-default owl-carousel-left disabled','btn btn-default owl-carousel-right'],
  823.                 navText: ['<i class="lnr lnr-arrow-left"></i>','<i class="lnr lnr-arrow-right"></i>'],
  824.                 responsiveClass: true,
  825.                 responsive: {
  826.                     0: {
  827.                         items: 1,
  828.                     },
  829.                     320: {
  830.                         items: 1,
  831.                         stagePadding: 0,
  832.                     },
  833.                     400: {
  834.                         items: 2,
  835.                         stagePadding: 0,
  836.                     },
  837.                     575: {
  838.                         items: 2,
  839.                     }
  840.                 }
  841.             })
  842.         }
  843.     }
  844.     single_slider();
  845.    
  846.      /*---------testimonial_slider_three js-----------*/
  847.     function say_slider(){
  848.         if ( $('.ten_say_slider').length ){
  849.             $('.ten_say_slider').owlCarousel({
  850.                 loop:true,
  851.                 margin: 30,
  852.                 items: 2,
  853.                 nav:false,
  854.                 autoplay: false,
  855.                 smartSpeed: 1500,
  856.                 dots: true,
  857.                 navText: ['<i class="icofont icofont-thin-left"></i>','<i class="icofont icofont-thin-right"></i>'],
  858.                 responsiveClass: true,
  859. //                responsive: {
  860. //                    0: {
  861. //                        items: 1,
  862. //                    },
  863. //                    480: {
  864. //                        items: 2,
  865. //                    },
  866. //                    600: {
  867. //                        items: 4,
  868. //                    },
  869. //                    800: {
  870. //                        items: 6,
  871. //                    }
  872. //                }
  873.             })
  874.         }
  875.     }
  876.     say_slider();
  877.    
  878.      /*---------testimonial_slider_three js-----------*/
  879.     function say_slider(){
  880.         if ( $('.g_p_slider').length ){
  881.             $('.g_p_slider').owlCarousel({
  882.                 loop:true,
  883.                 margin: 50,
  884.                 items: 3,
  885.                 nav:false,
  886.                 autoplay: false,
  887.                 smartSpeed: 1500,
  888.                 dots: true,
  889.                 responsiveClass: true,
  890.                 center: true,
  891.                 responsive: {
  892.                     0: {
  893.                         items: 1,
  894.                     },
  895.                     480: {
  896.                         items: 2,
  897.                     },
  898.                     600: {
  899.                         items: 2,
  900.                         center: false,
  901.                     },
  902.                     767: {
  903.                         items: 3,
  904.                     }
  905.                 }
  906.             })
  907.         }
  908.     }
  909.     say_slider();
  910.    
  911.      /*---------testimonial_slider_three js-----------*/
  912.     function ten_team_slider(){
  913.         if ( $('.ten_team_slider').length ){
  914.             $('.ten_team_slider').owlCarousel({
  915.                 loop:true,
  916.                 margin: 30,
  917.                 items: 3,
  918.                 nav:false,
  919.                 autoplay: false,
  920.                 smartSpeed: 1500,
  921.                 dots: true,
  922.                 responsiveClass: true,
  923.                 responsive: {
  924.                     0: {
  925.                         items: 1,
  926.                     },
  927.                     530: {
  928.                         items: 2,
  929.                     },
  930.                     600: {
  931.                         items: 2,
  932.                     },
  933.                     992: {
  934.                         items: 3,
  935.                     }
  936.                 }
  937.             })
  938.         }
  939.     }
  940.     ten_team_slider();
  941.    
  942.      /*---------testimonial_slider_three js-----------*/
  943.     function g_product_slider(){
  944.         if ( $('.g_p_p_slider').length ){
  945.             $('.g_p_p_slider').owlCarousel({
  946.                 loop:true,
  947.                 margin: 30,
  948.                 items: 4,
  949.                 nav:true,
  950.                 autoplay: false,
  951.                 smartSpeed: 1500,
  952.                 dots: false,
  953.                 navText: ['<i class="icofont icofont-thin-left"></i>','<i class="icofont icofont-thin-right"></i>'],
  954.                 responsiveClass: true,
  955.                 responsive: {
  956.                     0: {
  957.                         items: 1,
  958.                     },
  959.                     480: {
  960.                         items: 2,
  961.                     },
  962.                     700: {
  963.                         items: 3,
  964.                     },
  965.                     992: {
  966.                         items: 4,
  967.                     }
  968.                 }
  969.             })
  970.         }
  971.     }
  972.     g_product_slider();
  973.    
  974.     function clients_slider(){
  975.         if ( $('.sc-clients-slider').length ){
  976.             $('.sc-clients-slider').owlCarousel({
  977.                 loop:true,
  978.                 margin: 30,
  979.                 items: 6,
  980.                 nav:false,
  981.                 autoplay: false,
  982.                 smartSpeed: 1500,
  983.                 dots: false,
  984.                 responsiveClass: true,
  985.                 responsive: {
  986.                     0: {
  987.                         items: 2,
  988.                     },
  989.                     400: {
  990.                         items: 3,
  991.                     },
  992.                     575: {
  993.                         items: 4,
  994.                     },
  995.                     850: {
  996.                         items: 6,
  997.                     }
  998.                 }
  999.             })
  1000.         }
  1001.     }
  1002.     clients_slider();
  1003.    
  1004.     $('.counter').counterUp({
  1005.         delay: 10,
  1006.         time: 1000
  1007.     });
  1008.    
  1009.     $(document).ready(function() {
  1010.         $('.select_dropdown').niceSelect();
  1011.     });
  1012.    
  1013.    
  1014.     // RoundCircle Progress
  1015.     function roundCircleProgress () {
  1016.       var rounderContainer = $('.piechart');
  1017.       if (rounderContainer.length) {
  1018.         rounderContainer.each(function () {
  1019.           var Self = $(this);
  1020.           var value = Self.data('value');
  1021.           var size = Self.parent().width();
  1022.           var color = Self.data('border-color');
  1023.  
  1024.           Self.find('span').each(function () {
  1025.             var expertCount = $(this);
  1026.             expertCount.appear(function () {
  1027.               expertCount.countTo({
  1028.                 from: 1,
  1029.                 to: value*100,
  1030.                 speed: 2000
  1031.               });
  1032.             });
  1033.  
  1034.           });
  1035.           Self.appear(function () {        
  1036.             Self.circleProgress({
  1037.               value: value,
  1038.               size: 110,
  1039.               thickness: 4,
  1040.               emptyFill: '#e0e0e0',
  1041.               animation: {
  1042.                 duration: 2000
  1043.               },
  1044.               fill: {
  1045.                 color: color
  1046.               }
  1047.             });
  1048.           });
  1049.         });
  1050.       };
  1051.     }
  1052.     roundCircleProgress ();
  1053.    
  1054.     // video Popup
  1055.     if ($("#video-popup").length > 0){
  1056.         $("#video-popup").magnificPopup({
  1057.             type: "iframe"
  1058.         });
  1059.     }
  1060.    
  1061.    // Can also be used with $(document).ready()
  1062.       $('.flexslider').flexslider({
  1063.         animation: "slide",
  1064.         itemWidth: 260,
  1065.         itemMargin: 30,
  1066.         maxItems: 5,
  1067.         controlNav: false,
  1068.         animationLoop: false,
  1069.         slideshow: false,
  1070.         controlsContainer: $(".flexslider"),
  1071. //        customDirectionNav: $(".custom-navigation a"),
  1072.       });
  1073.  
  1074.     // mixItUp slider active js
  1075.     $(function(){
  1076.         $('.gallery_item .slides').mixItUp();
  1077.     });
  1078.    
  1079.     function quesmasonry(){
  1080.         if ( $('.asked_ques_inner, .blog_ms_inner').length ){
  1081.             $('.asked_ques_inner, .blog_ms_inner').imagesLoaded( function() {
  1082.               // images have loaded
  1083.                       // Activate isotope in container
  1084.                 $(".asked_ques_inner, .blog_ms_inner").isotope({
  1085.                     layoutMode: 'masonry',
  1086.                     masonry: {
  1087.                         columnWidth: 1
  1088.                     }
  1089.                 });
  1090.             })
  1091.         }
  1092.     }
  1093.     quesmasonry();
  1094.    
  1095.    
  1096.     /*----------------------------------------------------*/
  1097.     /*  Isotope Fillter js
  1098.     /*----------------------------------------------------*/
  1099.     function portfolio_isotope(){
  1100.         if ( $('.portfolio_filter li').length ){
  1101.             // Add isotope click function
  1102.             $(".portfolio_filter li").on('click',function(){
  1103.                 $(".portfolio_filter li").removeClass("active");
  1104.                 $(this).addClass("active");
  1105.  
  1106.                 var selector = $(this).attr("data-filter");
  1107.                 $(".screen_nine_slider .owl-item").isotope({
  1108.                     filter: selector,
  1109.                     animationOptions: {
  1110.                         duration: 450,
  1111.                         easing: "linear",
  1112.                         queue: false,
  1113.                     }
  1114.                 });
  1115.                 return false;
  1116.             });
  1117.         }
  1118.     }
  1119.    
  1120.     portfolio_isotope();
  1121.    
  1122.    
  1123.     $('.flip_ten_slider').flipster({
  1124.         touch: true,
  1125.         scrollwheel: false,
  1126.         spacing: -0.4,
  1127.     });
  1128.    
  1129.    
  1130.     /*----------------------------------------------------*/
  1131.     /*  Home Slider Bg
  1132.     /*----------------------------------------------------*/
  1133.    
  1134.     var slider_text = $('.gd_man_text');
  1135.     function text_slider(){
  1136.         if ( slider_text.length ){
  1137.             slider_text.owlCarousel({
  1138.                 loop: false,
  1139.                 margin: 0,
  1140.                 dots: false,
  1141.                 autoplay: true,
  1142.                 mouseDrag: false,
  1143.                 touchDrag: false,
  1144.                
  1145.                 navSpeed: 500,
  1146.                 items: 1,
  1147.                 smartSpeed: 2500,
  1148.             })
  1149.         }
  1150.     }
  1151.     text_slider();
  1152.    
  1153.     /*----------------------------------------------------*/
  1154.     /*  Home Slider Text
  1155.     /*----------------------------------------------------*/
  1156.     var slider_bg = $('.gd_man_slider');
  1157.     function home_slider(){
  1158.         if ( slider_bg.length ){
  1159.             slider_bg.owlCarousel({
  1160.                 loop: false,
  1161.                 margin: 0,
  1162.                 dots: false,
  1163.                 autoplay: true,
  1164.                 mouseDrag: false,
  1165.                 touchDrag: false,
  1166.                 animateOut: 'slideOutUp',
  1167.                 animateIn: 'fadeInUp',
  1168.                 items: 1,
  1169.                 smartSpeed: 2500,
  1170.             })
  1171.         }
  1172.     }
  1173.     home_slider();
  1174.    
  1175.     /*----------------------------------------------------*/
  1176.     /*  Home Slider Next Prev
  1177.     /*----------------------------------------------------*/
  1178.     $('.home_screen_nav .testi_next').on('click', function () {
  1179.         slider_text.trigger('next.owl.carousel');
  1180.         slider_bg.trigger('next.owl.carousel');
  1181.     });
  1182.     $('.home_screen_nav .testi_prev').on('click', function () {
  1183.         slider_text.trigger('prev.owl.carousel');
  1184.         slider_bg.trigger('prev.owl.carousel');
  1185.     });
  1186.    
  1187.     /*----------------------------------------------------*/
  1188.     /*  Home Slider Click
  1189.     /*----------------------------------------------------*/
  1190.     slider_text.on('translate.owl.carousel', function (property) {
  1191.         $('.slider_bg_inner .owl-dots:eq(' + property.page.index + ')').click();
  1192.     });
  1193.     slider_bg.on('translate.owl.carousel', function (property) {
  1194.         $('.text_slider_inner .owl-dots:eq(' + property.page.index + ')').click();
  1195.     });
  1196.    
  1197.    
  1198.    
  1199.    
  1200.     /*----------------------------------------------------*/
  1201.     /*  Google map js
  1202.     /*----------------------------------------------------*/
  1203.    
  1204.     if ( $('#mapBox').length ){
  1205.     var $lat = $('#mapBox').data('lat');
  1206.     var $lon = $('#mapBox').data('lon');
  1207.     var $zoom = $('#mapBox').data('zoom');
  1208.     var $marker = $('#mapBox').data('marker');
  1209.     var $info = $('#mapBox').data('info');
  1210.     var $markerLat = $('#mapBox').data('mlat');
  1211.     var $markerLon = $('#mapBox').data('mlon');
  1212.     var map = new GMaps({
  1213.         el: '#mapBox',
  1214.         lat: $lat,
  1215.         lng: $lon,
  1216.         scrollwheel: false,
  1217.         scaleControl: true,
  1218.         streetViewControl: false,
  1219.         panControl: true,
  1220.         disableDoubleClickZoom: true,
  1221.         mapTypeControl: false,
  1222.         zoom: $zoom,
  1223.             styles: [
  1224.                 {
  1225.                     "featureType": "administrative.country",
  1226.                     "elementType": "geometry",
  1227.                     "stylers": [
  1228.                         {
  1229.                             "visibility": "simplified"
  1230.                         },
  1231.                         {
  1232.                             "hue": "#ff0000"
  1233.                         }
  1234.                     ]
  1235.                 }
  1236.             ]
  1237.         });
  1238.  
  1239.         map.addMarker({
  1240.             lat: $markerLat,
  1241.             lng: $markerLon,
  1242.             icon: $marker,    
  1243.             infoWindow: {
  1244.               content: $info
  1245.             }
  1246.         })
  1247.     }
  1248.    
  1249.    
  1250.     // preloader js
  1251.     $(window).on('load', function() { // makes sure the whole site is loaded
  1252.         $('#preloader_spinner').fadeOut(); // will first fade out the loading animation
  1253.         $('#preloader').delay(150).fadeOut('slow'); // will fade out the white DIV that covers the website.
  1254.         $('body').delay(150).css({'overflow':'visible'})
  1255.     })
  1256.    
  1257.    
  1258.    
  1259.    
  1260. })(jQuery)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!