1(function ($) { 2 "use strict"; 3 4 5 6 7 8 9 10 /*============================================= 11 = menu sticky and scroll to top = 12 =============================================*/ 13 14 /*---------- Menu sticky ----------*/ 15 16 var windows = $(window); 17 var screenSize = windows.width(); 18 var sticky = $('.header-sticky'); 19 var stickyAbsolute = $('.header-sticky--absolute'); 20 var $html = $('html'); 21 var $body = $('body'); 22 23 24 windows.on('scroll', function () { 25 var scroll = windows.scrollTop(); 26 var headerHeight = sticky.height(); 27 var headerHeightAbsolute = stickyAbsolute.height(); 28 29 if (screenSize >= 992) { 30 if (scroll < headerHeight) { 31 sticky.removeClass('is-sticky'); 32 } else { 33 sticky.addClass('is-sticky'); 34 } 35 36 if (scroll < headerHeightAbsolute) { 37 stickyAbsolute.removeClass('is-sticky--absolute'); 38 } else { 39 stickyAbsolute.addClass('is-sticky--absolute'); 40 } 41 } 42 43 }); 44 45 46 47 48 /*---------- Scroll to top ----------*/ 49 50 function scrollToTop() { 51 var $scrollUp = $('#scroll-top'), 52 $lastScrollTop = 0, 53 $window = $(window); 54 55 $window.on('scroll', function () { 56 var st = $(this).scrollTop(); 57 if (st > $lastScrollTop) { 58 $scrollUp.removeClass('show'); 59 } else { 60 if ($window.scrollTop() > 200) { 61 $scrollUp.addClass('show'); 62 } else { 63 $scrollUp.removeClass('show'); 64 } 65 } 66 $lastScrollTop = st; 67 }); 68 69 $scrollUp.on('click', function (evt) { 70 $('html, body').animate({scrollTop: 0}, 600); 71 evt.preventDefault(); 72 }); 73 } 74 75 scrollToTop(); 76 77 78 /*===== End of menu sticky and scroll to top ======*/ 79 80 windows.on('load', function () { 81 82 /*============================================= 83 = preloader active = 84 =============================================*/ 85 $(".preloader-activate").removeClass('preloader-active'); 86 /*===== End of preloader active ======*/ 87 88 if($("#doughnut-chart").length){ 89 /* Note: Edit Here Your Data */ 90 new Chart(document.getElementById("doughnut-chart"), { 91 "type":"pie","data":{"labels":["One","Two","Three"],"datasets":[{"backgroundColor":["#d8c6ad","#e08a33","#a568e2"],"hoverBackgroundColor":["#d8c6ad","#e08a33","#a568e2"],"data":["25","30","45"],"borderWidth":0}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"cutoutPercentage":50,"tooltips":{"enabled":true,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10,"footerFontSize":15,"footerFontColor":"#222222"},"legend":{"display":true,"position":"right","labels":{"usePointStyle":true,"padding":30,"boxWidth":16}}} 92 }); 93 } 94 95 if($("#pie-chart").length){ 96 /* Note: Edit Here Your Data */ 97 new Chart(document.getElementById("pie-chart"), {"type":"pie","data":{"labels":["One","Two","Three"],"datasets":[{"backgroundColor":["#b76eef","#e08164","#71aefe"],"hoverBackgroundColor":["#b76eef","#e08164","#71aefe"],"data":["25","45","30"],"borderWidth":0}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"cutoutPercentage":0,"tooltips":{"enabled":true,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10,"footerFontSize":15,"footerFontColor":"#222222"},"legend":{"display":true,"position":"right","labels":{"usePointStyle":true,"padding":30,"boxWidth":16}}} 98 }); 99 } 100 101 if($("#bar-chart").length){ 102 /* Note: Edit Here Your Data */ 103 new Chart(document.getElementById("bar-chart"), { 104 "type":"bar","data":{"labels":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug"],"datasets":[{"label":"One","backgroundColor":"#ff8585","borderColor":"#ff8585","data":["10","15","20","25","28","25","23","25"],"borderWidth":"0"},{"label":"Two","backgroundColor":"#759cff","borderColor":"#759cff","data":["25","18","16","17","20","25","30","35"],"borderWidth":"0"}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"tooltips":{"enabled":true,"mode":"index","intersect":false,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":16}}
104,"scales":{"yAxes":[{"ticks":{"fontColor":"222","beginAtZero":true},"gridLines":{"color":"rgba(43, 43, 43, 0.2)","zeroLineColor":"rgba(43, 43, 43, 0.6)"}}]}} 105 }); 106 } 107 108 if($("#curve-chart").length){ 109 /* Note: Edit Here Your Data */ 110 new Chart(document.getElementById("curve-chart"), {"type":"line","data":{"labels":["January","February","March","April","May","June","July"],"datasets":[{"label":"Cost","fill":true,"backgroundColor":"rgba(255,192,206,0.42)","borderColor":"rgba(255,0,51,0.42)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.3515,"data":["-27","60","-98","4","17","18","72"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3},{"label":"Revenue","fill":true,"backgroundColor":"rgba(197,222,255,0.56)","borderColor":"rgba(0,70,253,0.56)","borderCapStyle":"butt","borderDash":[],"borderDashOffset":0,"borderJoinStyle":"miter","spanGaps":false,"showLine":true,"steppedLine":false,"pointStyle":"circle","pointBorderWidth":1,"pointHoverRadius":5,"pointHoverBorderWidth":1,"hidden":false,"lineTension":0.3515,"data":["-37","16","63","4","-10","60","0"],"borderWidth":2,"pointRadius":4,"pointHitRadius":3}]},"options":{"animation":{"duration":2000},"maintainAspectRatio":true,"tooltips":{"enabled":true,"mode":"index","intersect":false,"bodySpacing":8,"titleSpacing":6,"cornerRadius":8,"xPadding":10},"legend":{"display":true,"position":"bottom","labels":{"usePointStyle":false,"padding":20,"boxWidth":16}},"scales":{"yAxes":[{"ticks":{"fontColor":"222","beginAtZero":true},"gridLines":{"color":"rgba(43, 43, 43, 0.2)","zeroLineColor":"rgba(43, 43, 43, 0.6)"}}]}} 111 }); 112 } 113 114 }); 115 116 117 118 /*============================================= 119 = background image = 120 =============================================*/ 121 122 var bgSelector = $(".bg-img"); 123 bgSelector.each(function (index, elem) { 124 var element = $(elem), 125 bgSource = element.data('bg'); 126 element.css('background-image', 'url(' + bgSource + ')'); 127 }); 128 129 /*===== End of background image ======*/ 130 131 132 /*============================================= 133 = mobile menu active = 134 =============================================*/ 135 136 $("#mobile-menu-trigger").on('click', function(){ 137 $("#mobile-menu-overlay").addClass("active"); 138 $body.addClass('no-overflow'); 139 }); 140 141 $("#mobile-menu-close-trigger").on('click', function(){ 142 $("#mobile-menu-overlay").removeClass("active"); 143 $body.removeClass('no-overflow'); 144 }); 145 146 /*===== End of mobile menu active ======*/ 147 148 149 150 /*============================================= 151 = offcanvas mobile menu = 152 =============================================*/ 153 154 155 var $offCanvasNav = $('.offcanvas-navigation'), 156 $offCanvasNavSubMenu = $offCanvasNav.find('.sub-menu'); 157 158 /*Add Toggle Button With Off Canvas Sub Menu*/ 159 $offCanvasNavSubMenu.parent().prepend('<span class="menu-expand"><i></i></span>'); 160 161 /*Close Off Canvas Sub Menu*/ 162 $offCanvasNavSubMenu.slideUp(); 163 164 /*Category Sub Menu Toggle*/ 165 $offCanvasNav.on('click', 'li a, li .menu-expand', function(e) { 166 var $this = $(this); 167 if ( ($this.parent().attr('class').match(/\b(menu-item-has-children|has-children|has-sub-menu)\b/)) && ($this.attr('href') === '#' || $this.hasClass('menu-expand')) ) { 168 e.preventDefault(); 169 if ($this.siblings('ul:visible').length){ 170 $this.parent('li').removeClass('active'); 171 $this.siblings('ul').slideUp(); 172 } else { 173 $this.parent('li').addClass('active'); 174 $this.closest('li').siblings('li').removeClass('active').find('li').removeClass('active'); 175 $this.closest('li').siblings('li').find('ul:visible').slideUp(); 176 $this.siblings('ul').slideDown(); 177 } 178 } 179 });
180 181 182 /*===== End of offcanvas mobile menu ======*/ 183 184 185 /*============================================= 186 = search overlay active = 187 =============================================*/ 188 189 $('#search-overlay-trigger').on('click', function(e){ 190 e.preventDefault(); 191 $('#search-overlay').addClass('active'); 192 }); 193 194 $('#popup-search-close').on('click', function(e){ 195 $('#search-overlay').removeClass('active'); 196 }); 197 198 /*===== End of search overlay active ======*/ 199 200 /*============================================= 201 = minicart active = 202 =============================================*/ 203 204 $('#minicart-trigger').on('click', function(event){ 205 event.stopPropagation(); 206 $('#minicart-box').toggleClass('active'); 207 208 }); 209 210 $body.on("click", function () { 211 $("#minicart-box").removeClass('active'); 212 }); 213 214 215 /*===== End of minicart active ======*/ 216 217 218 /*============================================= 219 = swiper slider activation = 220 =============================================*/ 221 222 $(document).ready(function(){ 223 224 var headerInfoSlider = new Swiper('.header-info-slider', { 225 slidesPerView : 3, 226 spaceBetween : 30, 227 loop: true, 228 speed: 1000, 229 autoplay: { 230 delay: 5000, 231 }, 232 // Responsive breakpoints 233 breakpoints: { 234 235 992: { 236 slidesPerView: 2, 237 spaceBetween: 30 238 }, 239 240 768: { 241 slidesPerView: 1, 242 spaceBetween: 30 243 } 244 } 245 }); 246 247 var headerInfoSliderTwo = new Swiper('.header-info-slider-two', { 248 slidesPerView : 3, 249 spaceBetween : 30, 250 loop: true, 251 speed: 1000, 252 autoplay: { 253 delay: 5000, 254 }, 255 // Responsive breakpoints 256 breakpoints: { 257 258 992: { 259 slidesPerView: 2, 260 spaceBetween: 30 261 }, 262 263 768: { 264 slidesPerView: 1, 265 spaceBetween: 30 266 } 267 } 268 }); 269 270 var featureProjectSlider = new Swiper('.feature-project-slider-container', { 271 slidesPerView : 1, 272 loop: true, 273 speed: 1000, 274 pagination: { 275 el: '.swiper-pagination-1', 276 type: 'bullets', 277 clickable: true 278 }, 279 }); 280 281 var featureProjectTwoSlider = new Swiper('.featured-project-two-slider-container', { 282 slidesPerView : 3, 283 loop: true, 284 speed: 1000, 285 watchSlidesVisibility: true, 286 pagination: { 287 el: '.swiper-pagination-2', 288 type: 'bullets', 289 clickable: true 290 }, 291 navigation: { 292 nextEl: '.ht-swiper-button-next-1', 293 prevEl: '.ht-swiper-button-prev-1' 294 }, 295 // Responsive breakpoints 296 breakpoints: { 297 1499:{ 298 slidesPerView : 3 299 }, 300 301 991:{ 302 slidesPerView : 2 303 }, 304 305 767:{ 306 slidesPerView : 2 307 308 }, 309 310 575:{ 311 slidesPerView : 1, 312 spaceBetween : 30 313 } 314 } 315 }); 316 317 if($('.industry-slider-nav-container').length && $('.industry-slider-content-container').length){ 318 var industryNavSlider = new Swiper('.industry-slider-nav-container', { 319 slidesPerView : 5, 320 loop: true, 321 speed: 1000, 322 loopedSlides: 5, 323 centeredSlides: true, 324 watchSlidesVisibility: true, 325 slideToClickedSlide: true, 326 navigation: { 327 nextEl: '.ht-swiper-button-next-2', 328 prevEl: '.ht-swiper-button-prev-2' 329 }, 330 // Responsive breakpoints 331 breakpoints: { 332 1499:{ 333 slidesPerView : 3 334 }, 335 336 991:{ 337 slidesPerView : 2 338 }, 339 340 767:{ 341 slidesPerView : 1 342 }, 343 344 575:{ 345 slidesPerView : 1 346 } 347 } 348 }); 349 350 var industryContentSlider = new Swiper('.industry-slider-content-container', { 351 loop: true, 352 speed: 1000, 353 loopedSlides: 5, 354 }); 355 356 industryContentSlider.controller.control = industryNavSlider; 357 industryNavSlider.controller.control = industryContentSlider; 358 } 359 360 var testimonialSlider = new Swiper('.testimonial-slider__container', { 361 slidesPerView : 2, 362 loop: true, 363 speed: 1000, 364 watchSlidesVisibility: true, 365 spaceBetween : 30, 366 pagination: { 367 el: '.swiper-pagination-3', 368 type: 'bullets', 369 clickable: true 370 }, 371 navigation: { 372 nextEl: '.ht-swiper-button-next-3', 373 prevEl: '.ht-swiper-button-prev-3' 374 }, 375 // Responsive breakpoints 376 breakpoints: { 377 1499:{ 378 slidesPerView : 2 379 }, 380 381 991:{ 382 slidesPerView : 1 383 }, 384 385 767:{ 386 slidesPerView : 1 387 388 }, 389 390 575:{ 391 slidesPerView : 1 392 } 393 } 394 }); 395 396 var industryTwoSlider = new Swiper('.industry-two-slider__container', { 397 slidesPerView : 3, 398 loop: true, 399 speed: 1000, 400 watchSlidesVisibility: true, 401 spaceBetween : 30, 402 pagination: { 403 el: '.swiper-pagination-11', 404 type: 'bullets', 405 clickable: true 406 }, 407 navigation: { 408 nextEl: '.ht-swiper-button-next-4', 409 prevEl: '.ht-swiper-button-prev-4' 410 }, 411 // Responsive breakpoints 412 breakpoints: { 413 1499:{ 414 slidesPerView : 3 415 }, 416 417 991:{ 418 slidesPerView : 2 419 }, 420 421 767:{ 422 slidesPerView : 1 423 424 }, 425 426 575:{ 427 slidesPerView : 1, 428 spaceBetween : 30 429 } 430 } 431 }); 432 433 var brandLogoSlider = new Swiper('.brand-logo-slider__container', { 434 slidesPerView : 5, 435 loop: true, 436 speed: 1000, 437 watchSlidesVisibility: true, 438 spaceBetween : 30, 439 autoplay: { 440 delay: 3000, 441 }, 442 443 // Responsive breakpoints 444 breakpoints: { 445 1499:{ 446 slidesPerView : 5 447 }, 448 449 991:{ 450 slidesPerView : 3 451 }, 452 453 767:{ 454 slidesPerView : 3 455 456 }, 457 458 575:{ 459 slidesPerView : 2 460 } 461 } 462 }); 463 464 var blogPostSlider = new Swiper('.blog-post-slider__container', { 465 slidesPerView : 1, 466 loop: true, 467 speed: 1000, 468 watchSlidesVisibility: true, 469 spaceBetween : 30, 470 autoplay: { 471 delay: 3000, 472 } 473 }); 474 475 var testimonialTwoSlider = new Swiper('.testimonial-slider-two__container', { 476 slidesPerView : 2, 477 loop: true, 478 speed: 1000, 479 centeredSlides: true, 480 spaceBetween: 200, 481 slidesOffsetBefore: -175, 482 pagination: { 483 el: '.swiper-pagination-4', 484 type: 'bullets', 485 clickable: true 486 }, 487 // Responsive breakpoints 488 breakpoints: { 489 1499:{ 490 slidesPerView : 1, 491 slidesOffsetBefore: 0, 492 spaceBetween: 0, 493 centeredSlides: false, 494 }, 495 496 991:{ 497 slidesPerView : 1, 498 slidesOffsetBefore: 0, 499 spaceBetween: 0, 500 centeredSlides: false, 501 }, 502 503 767:{ 504 slidesPerView : 1, 505 slidesOffsetBefore: 0, 506 spaceBetween: 0, 507 centeredSlides: false, 508 }, 509 510 575:{ 511 slidesPerView : 1, 512 slidesOffsetBefore: 0, 513 spaceBetween: 0, 514 centeredSlides: false, 515 } 516 } 517 }); 518 519 var twitterFeedSlider = new Swiper('.twitter-feed-slider__container', { 520 slidesPerView : 1, 521 spaceBetween: 170, 522 loop: true, 523 speed: 1000, 524 navigation: { 525 nextEl: '.ht-swiper-button-next-5', 526 prevEl: '.ht-swiper-button-prev-5' 527 }, 528 }); 529 530 var featuredProjectThreeSlider = new Swiper('.featured-project-three-slider__container', { 531 slidesPerView : 1, 532 loop: true, 533 speed: 1000, 534 width: 1170, 535 slidesOffsetBefore: 365, 536 centeredSlides: true, 537 spaceBetween: 170, 538 pagination: { 539 el: '.swiper-pagination-5', 540 type: 'fraction', 541 clickable: true 542 }, 543 navigation: { 544 nextEl: '.ht-swiper-button-next-6', 545 prevEl: '.ht-swiper-button-prev-6' 546 }, 547 // Responsive breakpoints 548 breakpoints: { 549 1499:{ 550 slidesPerView : 1, 551 loop: true, 552 speed: 1000, 553 slidesOffsetBefore: 0, 554 centeredSlides: true, 555 spaceBetween: 170, 556 }, 557 558 1199:{ 559 slidesPerView : 1, 560 width: 960, 561 loop: true, 562 speed: 1000, 563 slidesOffsetBefore: 0, 564 centeredSlides: false, 565 spaceBetween: 170, 566 }, 567 568 991:{ 569 slidesPerView : 1, 570 width: 720, 571 loop: true, 572 speed: 1000, 573 slidesOffsetBefore: 0, 574 centeredSlides: false, 575 spaceBetween: 170, 576 577 }, 578 579 767:{ 580 slidesPerView : 1, 581 width: 540, 582 loop: true, 583 speed: 1000, 584 slidesOffsetBefore: 0, 585 centeredSlides: false, 586 spaceBetween: 170, 587 }, 588 589 575:{ 590 slidesPerView : 1, 591 width: 480, 592 loop: true, 593 speed: 1000, 594 slidesOffsetBefore: 0, 595 centeredSlides: false, 596 spaceBetween: 170, 597 }, 598 599 479:{ 600 slidesPerView : 1, 601 width: 320, 602 loop: true, 603 speed: 1000, 604 slidesOffsetBefore: 0, 605 centeredSlides: false, 606 spaceBetween: 170, 607 } 608 } 609 }); 610 611 var industryThreeSlider = new Swiper('.industry-three-slider__container', { 612 slidesPerView : 2, 613 loop: true, 614 speed: 1000, 615 watchSlidesVisibility: true, 616 navigation: { 617 nextEl: '.ht-swiper-button-next-7', 618 prevEl: '.ht-swiper-button-prev-7' 619 }, 620 // Responsive breakpoints 621 breakpoints: { 622 1499:{ 623 slidesPerView : 2 624 }, 625 626 991:{ 627 slidesPerView : 1 628 }, 629 630 767:{ 631 slidesPerView : 1 632 633 }, 634 635 575:{ 636 slidesPerView : 1 637 } 638 } 639 }); 640 641 var testimonialThreeSlider = new Swiper('.testimonial-slider-three__container', { 642 slidesPerView : 1, 643 loop: true, 644 speed: 1000, 645 spaceBetween : 30, 646 // Responsive breakpoints 647 breakpoints: { 648 1499:{ 649 slidesPerView : 1 650 }, 651 652 991:{ 653 slidesPerView : 1 654 }, 655 656 767:{ 657 slidesPerView : 1 658 659 }, 660 661 575:{ 662 slidesPerView : 1 663 } 664 } 665 }); 666 667 var testimonialSliderFour = new Swiper('.testimonial-slider-four__container', { 668 slidesPerView : 2, 669 loop: true, 670 speed: 1000, 671 watchSlidesVisibility: true, 672 spaceBetween : 30, 673 autoplay: { 674 delay: 3000, 675 }, 676 // Responsive breakpoints 677 breakpoints: { 678 1499:{ 679 slidesPerView : 2 680 }, 681 682 991:{ 683 slidesPerView : 1 684 }, 685 686 767:{ 687 slidesPerView : 1 688 689 }, 690 691 575:{ 692 slidesPerView : 1 693 } 694 } 695 }); 696 697 var industryFourSlider = new Swiper('.industry-four-slider__container', { 698 slidesPerView : 4, 699 loop: true, 700 speed: 1000, 701 watchSlidesVisibility: true, 702 spaceBetween : 30, 703 navigation: { 704 nextEl: '.ht-swiper-button-next-8', 705 prevEl: '.ht-swiper-button-prev-8' 706 }, 707 // Responsive breakpoints 708 breakpoints: { 709 1499:{ 710 slidesPerView : 4 711 }, 712 1199:{ 713 slidesPerView : 3 714 }, 715 716 991:{ 717 slidesPerView : 2 718 }, 719 720 767:{ 721 slidesPerView : 2 722 723 }, 724 725 575:{ 726 slidesPerView : 1 727 } 728 } 729 }); 730 731 var industryFiveSlider = new Swiper('.industry-five-slider__container', { 732 slidesPerView : 3, 733 loop: true, 734 speed: 1000, 735 watchSlidesVisibility: true, 736 spaceBetween : 30, 737 pagination: { 738 el: '.swiper-pagination-6', 739 type: 'bullets', 740 clickable: true 741 }, 742 // Responsive breakpoints 743 breakpoints: { 744 1499:{ 745 slidesPerView : 2 746 }, 747 1199:{ 748 slidesPerView : 2 749 }, 750 751 991:{�
751 752 slidesPerView : 1 753 }, 754 755 767:{ 756 slidesPerView : 1 757 758 }, 759 760 575:{ 761 slidesPerView : 1 762 } 763 } 764 }); 765 766 var testimonialSliderFive = new Swiper('.testimonial-slider__container--style2', { 767 slidesPerView : 2, 768 loop: true, 769 speed: 1000, 770 watchSlidesVisibility: true, 771 spaceBetween : 30, 772 autoplay: { 773 delay: 3000, 774 }, 775 pagination: { 776 el: '.swiper-pagination-7', 777 type: 'bullets', 778 clickable: true 779 }, 780 navigation: { 781 nextEl: '.ht-swiper-button-next-9', 782 prevEl: '.ht-swiper-button-prev-9' 783 }, 784 // Responsive breakpoints 785 breakpoints: { 786 1499:{ 787 slidesPerView : 2 788 }, 789 790 991:{ 791 slidesPerView : 1 792 }, 793 794 767:{ 795 slidesPerView : 1 796 797 }, 798 799 575:{ 800 slidesPerView : 1 801 } 802 } 803 }); 804 805 var industrySixSlider = new Swiper('.industry-six-slider__container', { 806 slidesPerView : 1, 807 loop: true, 808 speed: 1000, 809 spaceBetween : 30, 810 pagination: { 811 el: '.swiper-pagination-8', 812 type: 'bullets', 813 clickable: true, 814 renderBullet: function (index, className) { 815 return '<span class="' + className + '">' + (index + 1) + '</span>'; 816 }, 817 }, 818 autoplay: { 819 delay: 5000, 820 } 821 }); 822 823 var industrySevenSlider = new Swiper('.industry-seven-slider__container', { 824 slidesPerView : 3, 825 loop: true, 826 speed: 1000, 827 watchSlidesVisibility: true, 828 autoplay: { 829 delay: 5000, 830 }, 831 832 // Responsive breakpoints 833 breakpoints: { 834 1499:{ 835 slidesPerView : 2 836 }, 837 838 991:{ 839 slidesPerView : 1 840 }, 841 842 767:{ 843 slidesPerView : 1 844 845 }, 846 847 575:{ 848 slidesPerView : 1 849 } 850 } 851 }); 852 853 if($('.testimonial-slider-six__author-container').length && $('.testimonial-slider-six__content-container').length){ 854 var testimonialSliderSixAuthor = new Swiper('.testimonial-slider-six__author-container', { 855 slidesPerView : 3, 856 loop: true, 857 speed: 1000, 858 loopedSlides: 3, 859 centeredSlides: true, 860 spaceBetween : 30, 861 watchSlidesVisibility: true, 862 slideToClickedSlide: true, 863 864 // Responsive breakpoints 865 breakpoints: { 866 1499:{ 867 slidesPerView : 3 868 }, 869 870 991:{ 871 slidesPerView : 1 872 }, 873 874 767:{ 875 slidesPerView : 1 876 }, 877 878 575:{ 879 slidesPerView : 1 880 } 881 } 882 }); 883 884 var testimonialSliderSixContent = new Swiper('.testimonial-slider-six__content-container', { 885 loop: true, 886 speed: 1000, 887 loopedSlides: 3, 888 pagination: { 889 el: '.swiper-pagination-9', 890 type: 'bullets', 891 clickable: true 892 }, 893 navigation: { 894 nextEl: '.ht-swiper-button-next-10', 895 prevEl: '.ht-swiper-button-prev-10' 896 }, 897 }); 898 899 testimonialSliderSixContent.controller.control = testimonialSliderSixAuthor; 900 testimonialSliderSixAuthor.controller.control = testimonialSliderSixContent; 901 } 902
903 var industryIconSlider = new Swiper('.industry-icon__container', { 904 slidesPerView : 4, 905 spaceBetween: 30, 906 loop: true, 907 speed: 1000, 908 navigation: { 909 nextEl: '.ht-swiper-button-next-11', 910 prevEl: '.ht-swiper-button-prev-11' 911 }, 912 913 // Responsive breakpoints 914 breakpoints: { 915 1499:{ 916 slidesPerView : 4 917 }, 918 919 991:{ 920 slidesPerView : 3 921 }, 922 923 767:{ 924 slidesPerView : 2 925 926 }, 927 928 575:{ 929 slidesPerView : 2 930 }, 931 932 479:{ 933 slidesPerView : 1 934 }, 935 } 936 }); 937 938 var blogPostTwoSlider = new Swiper('.blog-post-two__container', { 939 slidesPerView : 3, 940 loop: true, 941 speed: 1000, 942 watchSlidesVisibility: true, 943 spaceBetween : 30, 944 // Responsive breakpoints 945 breakpoints: { 946 1499:{ 947 slidesPerView : 3 948 }, 949 950 991:{ 951 slidesPerView : 2 952 }, 953 954 767:{ 955 slidesPerView : 1 956 957 }, 958 959 575:{ 960 slidesPerView : 1 961 }, 962 963 479:{ 964 slidesPerView : 1 965 }, 966 } 967 }); 968 969 var testimonialSliderSeven = new Swiper('.testimonial-slider-seven__container', { 970 slidesPerView : 3, 971 loop: true, 972 speed: 1000, 973 spaceBetween : 30, 974 pagination: { 975 el: '.swiper-pagination-10', 976 type: 'bullets', 977 clickable: true 978 }, 979 // Responsive breakpoints 980 breakpoints: 981 { 982 1499:{ 983 slidesPerView : 3 984 }, 985 986 991:{ 987 slidesPerView : 2 988 }, 989 990 767:{ 991 slidesPerView : 1 992 }, 993 994 575:{ 995 slidesPerView : 1 996 }, 997 998 479:{ 999 slidesPerView : 1 1000 }, 1001 } 1002 }); 1003 1004 if($('.image-gallery-slider-big__container').length && $('.image-gallery-slider-small__container').length){ 1005 var imageGalleryBigSlider = new Swiper('.image-gallery-slider-big__container', { 1006 slidesPerView : 1, 1007 loop: true, 1008 loopedSlides: 6, 1009 speed: 1000, 1010 spaceBetween : 30, 1011 navigation: { 1012 nextEl: '.ht-swiper-button-next-12', 1013 prevEl: '.ht-swiper-button-prev-12' 1014 }, 1015 1016 1017 }); 1018 1019 var imageGallerySmallSlider = new Swiper('.image-gallery-slider-small__container', { 1020 loop: true, 1021 loopedSlides: 6, 1022 slidesPerView : 6, 1023 speed: 1000, 1024 centeredSlides: true, 1025 spaceBetween : 30, 1026 slideToClickedSlide: true, 1027 // Responsive breakpoints 1028 breakpoints: { 1029 1499:{ 1030 slidesPerView : 6 1031 }, 1032 1033 991:{ 1034 slidesPerView : 4 1035 }, 1036 1037 767:{ 1038 slidesPerView : 4 1039 }, 1040 1041 575:{ 1042 slidesPerView : 3 1043 }, 1044 1045 479:{ 1046 slidesPerView : 2 1047 } 1048 } 1049 1050 }); 1051 1052 imageGalleryBigSlider.controller.control = imageGallerySmallSlider; 1053 imageGallerySmallSlider.controller.control = imageGalleryBigSlider; 1054 } 1055 1056 var blogCommonCarousel = new Swiper('.common-blog-carousel__container', { 1057 slidesPerView : 3, 1058 loop: true, 1059 speed: 1000, 1060 watchSlidesVisibility: true, 1061 spaceBetween : 30, 1062 pagination: { 1063 el: '.swiper-pagination-12',
1064 type: 'bullets', 1065 clickable: true 1066 }, 1067 navigation: { 1068 nextEl: '.ht-swiper-button-next-13', 1069 prevEl: '.ht-swiper-button-prev-13' 1070 }, 1071 // Responsive breakpoints 1072 breakpoints: { 1073 1499:{ 1074 slidesPerView : 3 1075 }, 1076 1077 991:{ 1078 slidesPerView : 2 1079 }, 1080 1081 767:{ 1082 slidesPerView : 1 1083 1084 }, 1085 1086 575:{ 1087 slidesPerView : 1 1088 } 1089 } 1090 }); 1091 1092 var blogCommonCarousel2 = new Swiper('.common-blog-carousel__container--style2', { 1093 slidesPerView : 2, 1094 loop: true, 1095 speed: 1000, 1096 watchSlidesVisibility: true, 1097 spaceBetween : 30, 1098 pagination: { 1099 el: '.swiper-pagination-14', 1100 type: 'bullets', 1101 clickable: true 1102 }, 1103 1104 // Responsive breakpoints 1105 breakpoints: { 1106 1499:{ 1107 slidesPerView : 2 1108 }, 1109 1110 991:{ 1111 slidesPerView : 2 1112 }, 1113 1114 767:{ 1115 slidesPerView : 1 1116 1117 }, 1118 1119 575:{ 1120 slidesPerView : 1 1121 } 1122 } 1123 }); 1124 1125 var blogPostGallery = new Swiper('.blog-post-gallery__container', { 1126 slidesPerView : 1, 1127 loop: true, 1128 speed: 1000, 1129 pagination: { 1130 el: '.swiper-pagination-13', 1131 type: 'bullets', 1132 clickable: true 1133 } 1134 }); 1135 1136 var testimonialSliderEight = new Swiper('.testimonial-slider__container--style3', { 1137 slidesPerView : 1, 1138 loop: true, 1139 speed: 1000, 1140 watchSlidesVisibility: true, 1141 spaceBetween : 30, 1142 autoplay: { 1143 delay: 3000, 1144 }, 1145 pagination: { 1146 el: '.swiper-pagination-14', 1147 type: 'bullets', 1148 clickable: true 1149 } 1150 }); 1151 1152 var teamMemberSlider = new Swiper('.team-slider__container', { 1153 slidesPerView : 4, 1154 loop: true, 1155 speed: 1000, 1156 spaceBetween : 30, 1157 navigation: { 1158 nextEl: '.ht-swiper-button-next-14', 1159 prevEl: '.ht-swiper-button-prev-14' 1160 }, 1161 1162 // Responsive breakpoints 1163 breakpoints: 1164 { 1165 1499:{ 1166 slidesPerView : 4 1167 }, 1168 1169 991:{ 1170 slidesPerView : 3 1171 }, 1172 1173 767:{ 1174 slidesPerView : 2 1175 }, 1176 1177 575:{ 1178 slidesPerView : 2 1179 }, 1180 1181 479:{ 1182 slidesPerView : 1 1183 }, 1184 } 1185 }); 1186 1187 var relatedProductSlider = new Swiper('.related-product-slider__container', { 1188 slidesPerView : 4, 1189 loop: true, 1190 speed: 1000, 1191 spaceBetween : 30, 1192 navigation: { 1193 nextEl: '.ht-swiper-button-next-15', 1194 prevEl: '.ht-swiper-button-prev-15' 1195 }, 1196 1197 // Responsive breakpoints 1198 breakpoints: 1199 { 1200 1499:{ 1201 slidesPerView : 4 1202 }, 1203 1204 991:{ 1205 slidesPerView : 3 1206 }, 1207 1208 767:{ 1209 slidesPerView : 2 1210 }, 1211 1212 575:{ 1213 slidesPerView : 2 1214 }, 1215 1216 479:{ 1217 slidesPerView : 1 1218 }, 1219 } 1220 }); 1221 1222 var productDetailsGallery = new Swiper('.product-details__image-slider-container', { 1223 slidesPerView : 1, 1224 loop: true, 1225 speed: 1000, 1226 pagination: { 1227 el: '.swiper-pagination-15', 1228 type: 'bullets', 1229 clickable: true 1230 } 1231 }); 1232 });
1233 1234 /*===== End of swiper slider activation ======*/ 1235 1236 1237 /*============================================= 1238 = light gallery active = 1239 =============================================*/ 1240 1241 $('.video-popup').lightGallery(); 1242 $('.image-popup').lightGallery({ 1243 selector: '.single-gallery-thumb' 1244 }); 1245 1246 /*===== End of light gallery active ======*/ 1247 1248 1249 /*============================================= 1250 = counter up active = 1251 =============================================*/ 1252 1253 $('.counter').counterUp({ 1254 delay: 10, 1255 time: 1000 1256 }); 1257 1258 /*===== End of counter up active ======*/ 1259 1260 1261 1262 /*============================================= 1263 = overlay menu = 1264 =============================================*/ 1265 1266 /*Variables*/ 1267 var $verticalCollapsibleMenu = $('#vertical-collapsible-menu'), 1268 $verticalCollapsibleSubMenu = $verticalCollapsibleMenu.find('.sub-menu'); 1269 1270 /*Close Off Canvas Sub Menu*/ 1271 $verticalCollapsibleSubMenu.slideUp(); 1272 1273 /*Category Sub Menu Toggle*/ 1274 $verticalCollapsibleMenu.on('click', 'li a', function(e) { 1275 var $this = $(this); 1276 if ( $this.siblings('.sub-menu').length) { 1277 e.preventDefault(); 1278 if ($this.siblings('ul:visible').length){ 1279 $this.siblings('ul').slideUp(); 1280 }else { 1281 $this.closest('li').siblings('li').find('ul:visible').slideUp(); 1282 $this.siblings('ul').slideDown(); 1283 } 1284 } 1285 }); 1286 1287 $('#overlay-menu-icon').on('click', function(){ 1288 $('#overlay-navigation-menu').removeClass('overlay-navigation-inactive').addClass('overlay-navigation-active'); 1289 }); 1290 1291 $('#overlay-menu-close-icon').on('click', function(){ 1292 $('#overlay-navigation-menu').removeClass('overlay-navigation-active').addClass('overlay-navigation-inactive'); 1293 }); 1294 1295 /*===== End of overlay menu ======*/ 1296 1297 1298 1299 /*============================================= 1300 = mailchimp active = 1301 =============================================*/ 1302 1303 if(('#mc-form').length){ 1304 $('#mc-form').ajaxChimp({ 1305 language: 'en', 1306 callback: mailChimpResponse, 1307 // ADD YOUR MAILCHIMP URL BELOW HERE! 1308 url: 'http://devitems.us11.list-manage.com/subscribe/post?u=6bbb9b6f5827bd842d9640c82&id=05d85f18ef' 1309 1310 }); 1311 1312 function mailChimpResponse(resp) { 1313 1314 if (resp.result === 'success') { 1315 $('.mailchimp-success').html('' + resp.msg).fadeIn(900); 1316 $('.mailchimp-error').fadeOut(400); 1317 1318 } else if (resp.result === 'error') { 1319 $('.mailchimp-error').html('' + resp.msg).fadeIn(900); 1320 } 1321 } 1322 } 1323 1324 /*===== End of mailchimp active ======*/ 1325 1326 1327 1328 /*============================================= 1329 = ajax contact form active = 1330 =============================================*/ 1331 1332 // Get the form. 1333 var form = $('#contact-form'); 1334 1335 // Get the messages div. 1336 var formMessages = $('.form-messege'); 1337 1338 // Set up an event listener for the contact form. 1339 $(form).submit(function(e) { 1340 // Stop the browser from submitting the form. 1341 e.preventDefault(); 1342 1343 // Serialize the form data. 1344 var formData = $(form).serialize(); 1345 1346 // Submit the form using AJAX. 1347 $.ajax({ 1348 type: 'POST', 1349 url: $(form).attr('action'), 1350 data: formData 1351 }) 1352 .done(function(response) { 1353 // Make sure that the formMessages div has the 'success' class. 1354 $(formMessages).removeClass('error'); 1355 $(formMessages).addClass('success'); 1356 1357 // Set the message text. 1358 $(formMessages).text(response); 1359 1360 // Clear the form. 1361 $('#contact-form input,#contact-form textarea').val(''); 1362 }) 1363 .fail(function(data) { 1364 // Make sure that the formMessages div has the 'error' class. 1365 $(formMessages).removeClass('success'); 1366 $(formMessages).addClass('error'); 1367 1368 // Set the message text. 1369 if (data.responseText !== '') { 1370 $(formMessages).text(data.responseText); 1371 } else { 1372 $(formMessages).text('Oops! An error occured and your message could not be sent.'); 1373 } 1374 }); 1375 }); 1376 1377 /*===== End of ajax contact form active ======*/ 1378 1379 1380 /*============================================= 1381 = isotope active = 1382 =============================================*/ 1383 1384 1385 var activeId = $(".project-filter-menu li"); 1386 $(".project-isotope").isotope(); 1387 1388 activeId.on('click', function () { 1389 var $this = $(this), 1390 filterValue = $this.data('filter'); 1391 1392 $(".project-isotope").isotope({ 1393 filter: filterValue, 1394 layoutMode: 'fitRows', 1395 hiddenStyle: { 1396 opacity: 0 1397 }, 1398 visibleStyle: { 1399 opacity: 1 1400 } 1401 }); 1402 1403 activeId.removeClass('active'); 1404 $this.addClass('active'); 1405 }); 1406 1407 1408 /*===== End of isotope active ======*/ 1409 1410 1411 /*============================================= 1412 = masonry activation = 1413 =============================================*/ 1414 1415 var $masonryLayout = $('.masonry-layout'); 1416 var $grid = $('.grid-item'); 1417 $grid.hide(); 1418 if($masonryLayout.length){ 1419 $masonryLayout.imagesLoaded( function() { 1420 $grid.fadeIn(); 1421 $masonryLayout.masonry({ 1422 itemSelector: '.grid-item', 1423 columnWidth: '.grid-item--width2', 1424 percentPosition: true 1425 }); 1426 }); 1427 } 1428 1429 1430 /*===== End of masonry activation ======*/ 1431 1432 1433 /*============================================= 1434 = progress bar active = 1435 =============================================*/ 1436 1437 var skillsBar = $(".progress-line-bar"); 1438 skillsBar.appear(function () { 1439 skillsBar.each(function (index, elem) { 1440 var elementItem = $(elem),
1441 skillBarAmount = elementItem.data('percent'); 1442 elementItem.animate({ 1443 width: skillBarAmount 1444 },600); 1445 1446 elementItem.siblings('.progress-line-dot').css({ 1447 left: skillBarAmount 1448 }, 600); 1449 elementItem.closest('.progress-bar-item').find('.percent').text(skillBarAmount); 1450 }); 1451 }); 1452 1453 /*===== End of progress bar active ======*/ 1454 1455 1456 /*============================================= 1457 = quantity counter = 1458 =============================================*/ 1459 1460 $('.pro-qty').append('<a href="#" class="inc qty-btn"><i class="ion-arrow-up-b"></i></a>'); 1461 $('.pro-qty').append('<a href="#" class= "dec qty-btn"><i class="ion-arrow-down-b"></i></a>'); 1462 $('.qty-btn').on('click', function (e) { 1463 e.preventDefault(); 1464 var $button = $(this); 1465 var oldValue = $button.parent().find('input').val(); 1466 if ($button.hasClass('inc')) { 1467 var newVal = parseFloat(oldValue) + 1; 1468 } else { 1469 // Don't allow decrementing below zero 1470 if (oldValue > 0) { 1471 var newVal = parseFloat(oldValue) - 1; 1472 } else { 1473 newVal = 0; 1474 } 1475 } 1476 $button.parent().find('input').val(newVal); 1477 }); 1478 1479 1480 /*===== End of quantity counter ======*/ 1481 1482 1483 1484 /*============================================= 1485 = payment method select = 1486 =============================================*/ 1487 1488 $('[name="payment-method"]').on('click', function () { 1489 1490 var $value = $(this).attr('value'); 1491 1492 $('.single-method p').slideUp(); 1493 $('[data-method="' + $value + '"]').slideDown(); 1494 1495 }); 1496 1497 /*===== End of payment method select ======*/ 1498 1499 1500 1501 /*============================================= 1502 = shipping form active = 1503 =============================================*/ 1504 1505 $('[data-shipping]').on('click', function () { 1506 if ($('[data-shipping]:checked').length > 0) { 1507 $('#shipping-form').slideDown(); 1508 } else { 1509 $('#shipping-form').slideUp(); 1510 } 1511 }); 1512 1513 /*===== End of shipping form active ======*/ 1514 1515 1516 1517})(jQuery);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.