1/* 2 Author: themexriver 3 Version: 1.0 4*/ 5(function ($) { 6 "use strict"; 7 8 9 const lenis = new Lenis({ 10 duration: 2, 11 }) 12 13 // smoooth scroll activation start 14 function raf(time) { 15 lenis.raf(time) 16 requestAnimationFrame(raf) 17 } 18 requestAnimationFrame(raf) 19 20 21 // preloader 22 document.addEventListener("DOMContentLoaded", function () { 23 24 let preloader = document.querySelector("#preloader"); 25 26 window.addEventListener('load', function(){ 27 28 if (preloader) { 29 preloader.classList.add("preloaded"); 30 setTimeout(function () { 31 preloader.remove(); 32 33 }, 1000 ) ; 34 } 35 36 // text-animation 37 Splitting(); 38 39 // hero-1-animation 40 const h1tl = gsap.timeline(); 41 42 h1tl.fromTo(".ftc-hero-1-content" , { opacity: 0, duration: 1 }, { opacity: 1, }) 43 .from(".ftc-hero-1-content .btn-wrap " , { transform: "rotateX(47deg) translateY(-200px)" , transformOrigin: "50% 0%", duration:1.5, ease: "bounce.out", opacity:0 }) 44 .from(".ftc-hero-1-content .inner-div " , { transform: "rotateX(47deg) translateY(-200px)" , transformOrigin: "50% 0%", 45 duration:1.5, ease: "bounce.out", opacity:0 }, "<.3") 46 .from(".ftc-hero-1-content .title " , { transform: "rotateX(47deg) translateY(-200px)" , transformOrigin: "50% 0%",duration:1.5, ease: "bounce.out", opacity:0 }, "<.3") 47 .from(".ftc-hero-1-content .subtitle " , { transform: "rotateX(47deg) translateY(-200px)" , transformOrigin: "50% 0%",duration:1.5, ease: "bounce.out", opacity:0 }, "<.3"); 48 49 // hero-2-animation 50 const h2tl = gsap.timeline(); 51 52 h2tl.from(".ftc-hero-2-item-wrap .item-3-ani " , { scale: 0, duration:2, ease: "ease", opacity:0 }) 53 h2tl.from(".ftc-hero-2-item-wrap .item-2-ani " , { xPercent: -100, duration:1, ease: "bounce.out", opacity:0 }, "<1" ) 54 h2tl.from(".ftc-hero-2-item-wrap .item-1-ani " , { xPercent: -100, duration:1, ease: "bounce.out", opacity:0 }, "<.5") 55 h2tl.from(".ftc-hero-2-item-wrap .item-4-ani " , { xPercent: 100, duration:1, ease: "bounce.out", opacity:0 }, "1" ) 56 h2tl.from(".ftc-hero-2-item-wrap .item-5-ani " , { xPercent: 100, duration:1, ease: "bounce.out", opacity:0 }, "1.5" ) 57 h2tl.from(".ftc-hero-2-content .title " , { transform: "rotateX(47deg) translateY(-200px)" , transformOrigin: "50% 0%", duration:1.5, ease: "bounce.out", opacity:0 }, "<") 58 h2tl.from(".ftc-hero-2-content .subtitle " , { transform: "rotateX(47deg) translateY(-200px)" , transformOrigin: "50% 0%", duration:1.5, ease: "bounce.out", opacity:0 }, "<.1") 59 60 61 // hero-3-animation 62 const h3tl = gsap.timeline(); 63 64 h3tl.from(".ftc-hero-3-bg-svg-1 svg path" , { xPercent: -50, transformOrigin: "left", stagger: -.05, duration:2.5, ease: "ease", }) 65 .from(".ftc-hero-3-bg-svg-2 svg path" , { xPercent: 50, transformOrigin: "left", stagger: -.05, duration:2.5, ease: "ease", }, "<=") 66 .from(".ftc-hero-3-disc " , { transform: "rotateX(47deg) translateY(-200px)" , transformOrigin: "50% 0%", duration:1.5, ease: "bounce.out", opacity:0 }, "<=1" ) 67 .from(".ftc-hero-3-title " , { transform: "rotateX(47deg) translateY(-200px)" , transformOrigin: "50% 0%", duration:1.5, ease: "bounce.out", opacity:0 }, "<=.5") 68 69 // hero-3-animation 70 const h4tl = gsap.timeline(); 71 72 h4tl.from(".section-bg-1-cube-1" , { xPercent: -430, yPercent: -220 , rotate: 360, duration:2.5, ease: "ease", }) 73 .from(".section-bg-1-cube-2" , { xPercent: 430, yPercent: -220 , rotate: 360, duration:2.5, ease: "ease", }, "<") 74 .from(".section-bg-1-cube-3" , { xPercent: -430, yPercent: 220 , rotate: 360, duration:2.5, ease: "ease", }, "<") 75 .from(".section-bg-1-cube-4" , { xPercent: 430, yPercent: 220 , rotate: 360, duration:2.5, ease: "ease", }, "<") 76 .from(".ftc-hero-4-content .title .split-line " , { opacity: 0, transformOrigin: "50% 100%", transform: "rotateX(90deg)", stagger: .5, ease: "elastic.out(1,0.3)", duration: 2.5, }, ) 77 .from(".ftc-hero-4-content .btn-wrap " , { opacity: 0, yPercent: 50, ease: "elastic.out(1,0.3)", duration: 2.5, }, "<=1" ) 78 79 // hero 5 start 80 gsap.timeline().from(".feh-hero-3-img" , { opacity: 0, y: 400, duration: 2, delay: 1 }); 81 82 }) 83 84 }); 85 86 87 88 function glystickyHeader() { 89 var $window = $(window); 90 var lastScrollTop = 0; 91 var $header = $('.txa_sticky_header'); 92 var headerHeight = $header.outerHeight() + 30; 93 94 $window.scroll(function () { 95 var windowTop = $window.scrollTop(); 96 97 if (windowTop >= headerHeight) { 98 $header.addClass('txa_sticky'); 99 } else { 100 $header.removeClass('txa_sticky'); 101 $header.removeClass('txa_sticky_show'); 102 } 103 104 if ($header.hasClass('txa_sticky')) { 105 if (windowTop < lastScrollTop) { 106 $header.addClass('txa_sticky_show'); 107 } else { 108 $header.removeClass('txa_sticky_show'); 109 } 110 } 111 112 lastScrollTop = windowTop; 113 }); 114 } 115 116 glystickyHeader(); 117 118 119 120 // mobile-menu-start 121 if($('.mobile-main-navigation li.dropdown ul').length){ 122 $('.mobile-main-navigation li.dropdown').append('<div class="dropdown-btn"><i class="fa-solid fa-angle-right"></i></div>'); 123 $('.mobile-main-navigation li.dropdown .dropdown-btn').on('click', function() { 124 $(this).prev('ul').slideToggle(500); 125 }); 126 } 127 128 $(".dropdown-btn").on("click", function () { 129 $(this).toggleClass("toggle-open"); 130 }); 131 132 133 // search-popup-start 134 $('.search_btn_toggle').on('click', function() { 135 $('.overlay, .search_1_popup_active').addClass('active'); 136 }); 137 $('.overlay, .search_1_popup_close').on('click', function() { 138 $('.search_1_popup_active').removeClass('active'); 139 $('.overlay').removeClass('active'); 140 }) 141 142 143 144 // mobile-menu-toggle-start 145 gsap.registerPlugin(ScrollTrigger); 146 147 gsap.config({ 148 nullTargetWarn: false, 149 }); 150 151 var menuToggle = document.getElementById("menuToggle") 152 var menuToggle2 = document.getElementById("menuToggle2") 153 154 if (menuToggle2) { 155 156 var menuBar = gsap.timeline(); 157 menuBar.reverse(); 158 var menubgline = gsap.timeline({ paused: true }); 159 160 menubgline.to('.mobile-menu' , { 161 duration: 0, 162 display: "block", 163 ease: 'Expo.easeInOut' 164 }); 165 menubgline.from('.mobile-menu-bg span' , { 166 duration: .5, 167 width: 100, 168 stagger: 0.1, 169 ease: 'Expo.easeInOut' 170 }); 171 menubgline.from('.mobile-menu-logo' , { 172 xPercent: -50, 173 opacity: 0, 174 ease: 'Expo.easeInOut', 175 duration: 1, 176 }); 177 menubgline.from('.mobile-menu-close' , { 178 duration: 1, 179 xPercent: 50, 180 rotate: 360, 181 ease: 'Expo.easeInOut', 182 opacity: 0, 183 184 }, "<"); 185 186 menubgline.from('.mobile-main-navigation ul li' , { 187 duration: .5, 188 opacity: 0, 189 y: 50, 190 stagger: .01, 191 },"<"); 192 193 menubgline.from('.mobile-menu-search-bar' , { 194 opacity: 0, 195 y: 50, 196 }, "<.5"); 197 198 menubgline.from('.mobile-menu-socail-link' , { 199 opacity: 0, 200 x: 50, 201 }); 202 203 204 menubgline.reverse(); 205 206 menuToggle.addEventListener('click', function(){ 207 menubgline.reversed(!menubgline.reversed()); 208 }); 209 menuToggle2.addEventListener('click', function(){ 210 menubgline.reversed(!menubgline.reversed()); 211 }); 212 213 } 214 215 216 // active class add 217 218 if ($('.feh-need-3-area').length) { 219 gsap.to(".feh-need-3-area", { 220 scrollTrigger: { 221 trigger: ".feh-need-3-area", 222 start: "top 70%", 223 end: "bottom bottom", 224 toggleClass: "active", 225 once: true, 226 }, 227 }); 228 } 229 230 231 232 233 gsap.to(".feh-exper-3-area", { 234 scrollTrigger: { 235 trigger: ".feh-exper-3-area", 236 start: "top 70%", 237 end: "bottom bottom", 238 toggleClass: "active", 239 once: true, 240 }, 241 }); 242 243 244 // image-paralax-animation-start 245 gsap.utils.toArray(".image-pllx").forEach(function(container) { 246 let image = container.querySelector("img"); 247 248 let tl = gsap.timeline({ 249 scrollTrigger: { 250 trigger: container, 251 scrub: true,
252 pin: false, 253 }, 254 }); 255 tl.from(image, { 256 yPercent: -30, 257 scale: 1.1, 258 ease: "none", 259 }).to(image, { 260 yPercent: 30, 261 scale: 1.1, 262 ease: "none", 263 }); 264 }); 265 266 // image-paralax-animation-start 267 gsap.utils.toArray(".ftc-cta-3-pllx").forEach(function(container) { 268 let image = container.querySelector("img"); 269 270 let tl = gsap.timeline({ 271 scrollTrigger: { 272 trigger: container, 273 scrub: true, 274 pin: false, 275 }, 276 }); 277 tl.from(image, { 278 yPercent: -30, 279 ease: "none", 280 }).to(image, { 281 yPercent: 30, 282 ease: "none", 283 }); 284 }); 285 286 const boxes = gsap.utils.toArray('.ftcfadeup'); 287 288 boxes.forEach((box, i) => { 289 const anim = gsap.fromTo(box, {autoAlpha: 0, y: 50}, {duration: 1, autoAlpha: 1, y: 0}); 290 ScrollTrigger.create({ 291 trigger: box, 292 animation: anim, 293 toggleActions: 'play none none reverse', 294 once: false, 295 }); 296 }); 297 298 const boxes2 = gsap.utils.toArray('.ftcfadeup2'); 299 300 boxes.forEach((box, i) => { 301 const anim = gsap.fromTo(box, { y: 200}, {duration: 1, y: 0}); 302 ScrollTrigger.create({ 303 trigger: box, 304 animation: anim, 305 toggleActions: 'play none none reverse', 306 once: false, 307 }); 308 }); 309 310 311 // ftc-fade-left 312 gsap.utils.toArray('.ftc-fade-left').forEach((el, index) => { 313 let tl1 = gsap.timeline({ 314 scrollTrigger: { 315 trigger: el, 316 scrub: 1, 317 start: "top 70%", 318 end: "top 10%", 319 toggleActions: "play none none reverse", 320 markers: false 321 } 322 }) 323 324 tl1 325 .from(el, { opacity: 1 , xPercent: -100 }, {opacity: 1, duration: 1, immediateRender: false}) 326 }) 327 328 329 // ftc-fade-right 330 gsap.utils.toArray('.ftc-fade-right').forEach((el, index) => { 331 let tl1 = gsap.timeline({ 332 scrollTrigger: { 333 trigger: el, 334 scrub: 2, 335 start: "top 70%", 336 end: "top 10%", 337 toggleActions: "play none none reverse", 338 markers: false 339 } 340 }) 341 342 tl1 343 .from(el, { opacity: 1 , xPercent: 100 }, {opacity: 1, duration: 1, immediateRender: false}) 344 }) 345 346 // ftc-fade-down 347 gsap.utils.toArray('.ftc-fade-down').forEach((container, index) => { 348 let images = gsap.utils.toArray(container.querySelectorAll('img')); 349 350 let tl1 = gsap.timeline({ 351 scrollTrigger: { 352 trigger: container, 353 scrub: 2, 354 start: "top 70%", 355 end: "top 50%", 356 toggleActions: "play none none reverse", 357 markers: false 358 } 359 }); 360 361 tl1.from(images, { opacity: 0, yPercent: -100, filter: "blur(30px)", stagger: 0.2, duration: 1 }); 362 }); 363 364 // ftc-fade-up 365 gsap.utils.toArray('.ftc-fade-up').forEach((container, index) => { 366 let images = gsap.utils.toArray(container.querySelectorAll('img')); 367 368 let tl1 = gsap.timeline({ 369 scrollTrigger: { 370 trigger: container, 371 scrub: 2, 372 start: "top 70%", 373 end: "top 50%", 374 toggleActions: "play none none reverse", 375 markers: false 376 } 377 }); 378 379 tl1.from(images, { opacity: 0, yPercent: 100, filter: "blur(30px)", stagger: 0.2, duration: 1 }); 380 }); 381 382 383 // ftc-line-left 384 gsap.utils.toArray('.ftc-line-left').forEach((el, index) => { 385 let tl1 = gsap.timeline({ 386 scrollTrigger: { 387 trigger: el, 388 scrub: 2, 389 start: "top 90%", 390 end: "top 40%", 391 toggleActions: "play none none reverse", 392 markers: false 393 } 394 }) 395 396 tl1 397 .from(el, { scaleX: 0, transformOrigin: "left", duration: 2, }) 398 }) 399 400 // ftc-line-right 401 gsap.utils.toArray('.ftc-line-right').forEach((el, index) => { 402 let tl1 = gsap.timeline({ 403 scrollTrigger: { 404 trigger: el, 405 scrub: 2, 406 start: "top 90%", 407 end: "top 40%", 408 toggleActions: "play none none reverse", 409 markers: false 410 } 411 }) 412 413 tl1 414 .from(el, { scaleX: 0, transformOrigin: "right", duration: 2, }) 415 }) 416 417 418 419 // ftc-clip-left 420 gsap.utils.toArray('.ftc-clip-left').forEach((el, index) => { 421 let tl1 = gsap.timeline({ 422 scrollTrigger: { 423 trigger: el, 424 scrub: 2, 425 start: "top 90%", 426 end: "top 60%", 427 toggleActions: "play none none reverse", 428 markers: false 429 } 430 }) 431 432 tl1 433 .fromTo(el, { clipPath: "polygon(0 0, 0 0, 0 100%, 0% 100%)", transformOrigin: "left", duration: 2, }, { clipPath: "polygon(0 0, 100% 0, 100% 100%, 0% 100%)" } ) 434 }) 435 436 437 // ftc-scale-3 438 gsap.utils.toArray('.ftc-scale-3').forEach((el, index) => { 439 let tl1 = gsap.timeline({ 440 scrollTrigger: { 441 trigger: el, 442 scrub: 1, 443 start: "top 0%", 444 end: "bottom 0%", 445 toggleActions: "play none none reverse", 446 markers: false 447 } 448 }) 449 450 tl1 451 .from(el, { scale: 3 }, {opacity: 1, duration: 1, immediateRender: false}) 452 }) 453 454 455 // subtitle-animation 456 gsap.utils.toArray('.ftc-subtitle-1').forEach((subtitle) => { 457 gsap.utils.toArray('.line', subtitle).forEach((el, index) => { 458 let tl1 = gsap.timeline({ 459 scrollTrigger: { 460 trigger: subtitle, 461 scrub: 2, 462 start: "top 80%", 463 end: "top 50%", 464 toggleActions: "play none none reverse", 465 markers: false 466 } 467 }); 468 469 // Apply the animation to the ".line" element 470 tl1.from(el, { 471 background: "#c4ef17", 472 scaleX: 0, 473 transformOrigin: "left", 474 duration: 1, 475 immediateRender: true 476 }); 477 }); 478 }); 479 480 // subtitle-2-animation 481 gsap.utils.toArray('.ftc-subtitle-2').forEach((subtitle) => { 482 gsap.utils.toArray('.line', subtitle).forEach((el, index) => { 483 let tl1 = gsap.timeline({ 484 scrollTrigger: { 485 trigger: subtitle, 486 scrub: 2, 487 start: "top 80%", 488 end: "top 50%", 489 toggleActions: "play none none reverse", 490 markers: false 491 } 492 }); 493 494 // Apply the animation to the ".line" element 495 tl1.from(el, { 496 scaleX: 0, 497 duration: 1, 498 immediateRender: true 499 }); 500 }); 501 }); 502 503 // class-add 504 const txaaddclass = gsap.utils.toArray('.ftc-add-class'); 505 txaaddclass.forEach(img => { 506 gsap.to(img, { 507 scrollTrigger: { 508 trigger: img, 509 scrub: 1, 510 start: "top 95%", 511 toggleClass: "active", 512 toggleActions: "play reverse play reverse", 513 markers: false 514 } 515 }); 516 }); 517 518 // ftc-about-1 519 var ftcabout1 = gsap.timeline({ 520 521 scrollTrigger: { 522 animation: ftcabout1, 523 trigger: '.ftc-about-1-area', 524 start: "top 80%", 525 end: "top 50%", 526 scrub: 2, 527 toggleActions: "play reverse play reverse", 528 markers: false 529 } 530 }); 531 532 ftcabout1.from(".ftc-about-1-bg-shape-1" , { opacity: 1 , duration:1 }) 533 .from(".ftc-about-1-img" , { xPercent: -50, yPercent: -50 , duration:2 }) 534 .from(".ftc-about-1-bg-shape-2" , { opacity: 1 , duration:1 }); 535 536 537 538 // ftc-about-1 539 var ftcscl3 = gsap.timeline({ 540 541 scrollTrigger: { 542 animation: ftcscl3, 543 trigger: '.ftcscl3', 544 start: "top 80%", 545 end: "top 50%", 546 scrub: 2, 547 toggleActions: "play reverse play reverse", 548 markers: false 549 } 550 }); 551 552 ftcscl3.from(".ftcscl3" , { scale: 3, rotate: 360 , duration:1 }) 553 554 // ftc-campaign-1 555 var ftccampaign1 = gsap.timeline({ 556 557 scrollTrigger: { 558 animation: ftccampaign1, 559 trigger: '.ftc-campaign-1-row', 560 start: "top 90%", 561 end: "top 50%", 562 scrub: 2, 563 toggleActions: "play reverse play reverse", 564 markers: false 565 } 566 }); 567 568 ftccampaign1.from(".ftc-campaign-1-img" , { scale: 0, duration:1 }) 569 .from(".ftc-campaign-1-card" , { opacity: 0, transform: "rotateY(-90deg)", stagger: .2, duration:1 }) 570 571 572 573 // ftc-campaign-2 574 var ftccampaign2 = gsap.timeline({ 575 576 scrollTrigger: { 577 animation: ftccampaign2, 578 trigger: '.ftc-campaign-2-area', 579 start: "top 70%", 580 end: "bottom 0%", 581 scrub: 1, 582 toggleActions: "play reverse play reverse", 583 markers: false 584 } 585 }); 586 587 ftccampaign2.fromTo(".ftc-campaign-2-img-laptop-screen img" , { objectPosition: "100% 0%", duration:1 }, { objectPosition: "100% 100%" , duration:1 }) 588 589 590 // ftc-hero-3 591 var ftchero3 = gsap.timeline({ 592 593 scrollTrigger: { 594 animation: ftchero3, 595 trigger: '.ftc-hero-3-area', 596 start: "top 0%", 597 end: "bottom -100%", 598 scrub: 1, 599 toggleActions: "play reverse play reverse", 600 markers: false 601 } 602 }); 603 604 ftchero3.to(".ftc-hero-3-bg-svg-1 svg path" , { xPercent: -50, transformOrigin: "left", stagger: -.05, duration:1, ease: "ease", }) 605 .to(".ftc-hero-3-bg-svg-2 svg path" , { xPercent: 50, transformOrigin: "left", stagger: -.05, duration:1, ease: "ease", }, "<=") 606 .from(".ftc-hero-3-bg-earth" , { yPercent: 20, width: "150%", rotate: 200, duration:1, ease: "ease", }, "<=") 607 // .from( ".ftc-hero-3-bg-earth img" , { duration:1 }, "<=") 608 609 610 611 // ftc-services-3 612 var ftcservices3 = gsap.timeline({ 613 614 scrollTrigger: { 615 animation: ftcservices3, 616 trigger: '.ftc-services-3-card-wrap', 617 start: "top 90%", 618 end: "top 30%", 619 scrub: 1, 620 toggleActions: "play reverse play reverse", 621 markers: false 622 } 623 }); 624 625 ftcservices3.fromTo(".ftc-services-3-card" , { y: 200 , }, { y: 0 , stagger: 1 }) 626 627 628 629 // ftc-team-3 630 var ftcteam3 = gsap.timeline({ 631 632 scrollTrigger: { 633 animation: ftcteam3, 634 trigger: '.ftc-team-3-membar-wrap', 635 start: "top 90%", 636 end: "top 30%", 637 scrub: 1, 638 toggleActions: "play reverse play reverse", 639 markers: false 640 } 641 }); 642 643 ftcteam3.fromTo(".ftc-team-3-membar" , { xPercent: -100 , }, { xPercent: 0 , duration:2.5, ease: "ease" , stagger: 1 }) 644 645 646 647 // ftc-brand-3 648 var ftcbrand3 = gsap.timeline({ 649 650 scrollTrigger: { 651 animation: ftcbrand3, 652 trigger: '.ftc-brand-3-logo-wrap', 653 start: "top 100%", 654 end: "top -100%", 655 scrub: 7, 656 toggleActions: "play reverse play reverse", 657 markers: false 658 } 659 }); 660 661 ftcbrand3.fromTo(".ftc-brand-3-logo-1" , { transform: "translateY(0%)" }, { transform: "translateY(-50%)", duration:1, ease: "ease", }) 662 .fromTo(".ftc-brand-3-logo-2" , { transform: "translateY(-50%)" }, { transform: "translateY(0%)", duration:1, ease: "ease", }, "<") 663 .fromTo(".ftc-brand-3-logo-3" , { transform: "translateY(0%)" }, { transform: "translateY(-50%)", duration:1, ease: "ease", }, "<") 664 665 // ftc-choose-us-3 666 var ftcchoose3 = gsap.timeline({ 667 668 scrollTrigger: { 669 animation: ftcchoose3, 670 trigger: '.ftc-choose-us-3-feature-wrap', 671 start: "top 90%", 672 end: "top 50%", 673 scrub: 1, 674 toggleActions: "play reverse play reverse", 675 markers: false 676 } 677 }); 678 679 ftcchoose3.from(".ftc-choose-us-3-feature" , { transform: "rotateY(90deg)" , stagger: 0.5, duration: 1 }) 680 681 682 // ftc-testimonial-us-3 683 var ftctesti4 = gsap.timeline({ 684 685 scrollTrigger: { 686 animation: ftctesti4, 687 trigger: '.ftc-testimonial-4-area', 688 start: "top 80%", 689 end: "top 30%", 690 scrub: 1, 691 toggleActions: "play reverse play reverse", 692 markers: false 693 } 694 }); 695 696 ftctesti4.from(".ftc-testimonial-4-area" , { padding: "0px" , duration: 1 }) 697 ftctesti4.from(".ftc-testimonial-4-img" , { scale: 0 , stagger: 1, }, "<") 698 699 700 701 // // hero-4-trigger 702 var ftch4st001 = gsap.timeline({ 703 scrollTrigger: { 704 trigger: ".section-bg-1", 705 pin: ".section-bg-1-cube-grid", 706 pinSpacing: true, 707 markers: false, 708 toggleActions: "play none none reverse", 709 } 710 }); 711 712 713 var ftch4st00 = gsap.timeline({ 714 scrollTrigger: { 715 trigger: ".ftc-hero-4-content", 716 start: "top -40%", 717 end: "top -100%", 718 toggleActions: "play none none reverse", 719 markers: false 720 } 721 }); 722 723 // Define the animations within the timeline 724 ftch4st00 725 .to(".section-bg-1-cube-1", { xPercent: -430, yPercent: -220, opacity: 0, rotate: 360, duration: 2.5, ease: "ease" }) 726 .to(".section-bg-1-cube-2", { xPercent: 430, yPercent: -220, opacity: 0, rotate: 360, duration: 2.5, ease: "ease" }, "<") 727 .to(".section-bg-1-cube-3", { xPercent: -430, yPercent: 220, opacity: 0, rotate: 360, duration: 2.5, ease: "ease" }, "<") 728 .to(".section-bg-1-cube-4", { xPercent: 430, yPercent: 220, opacity: 0, rotate: 360, duration: 2.5, ease: "ease" }, "<") 729 730 731 732 // ftc-about-4 733 var ftctesti4 = gsap.timeline({ 734 735 scrollTrigger: { 736 animation: ftctesti4, 737 trigger: '.ftc-about-4-img', 738 start: "top 80%", 739 end: "top 30%", 740 scrub: 1, 741 toggleActions: "play reverse play reverse", 742 markers: false 743 } 744 }); 745 746 ftctesti4.from(".ftc-about-4-img" , { marginLeft: "-300px" , marginRight: "-300px" , duration: 1 }) 747 748 749 // ftc-services-4 750 var ftsrv4 = gsap.timeline({ 751 752 scrollTrigger: { 753 animation: ftsrv4, 754 trigger: '.ftc-services-4-card-grid', 755 start: "top 80%", 756 end: "top 30%", 757 scrub: 1, 758 toggleActions: "play reverse play reverse", 759 markers: false 760 } 761 }); 762 763 ftsrv4 764 .from(".ftc-services-4-card-grid .cleft-side" , { xPercent: -100 , stagger: .3, duration: 2 }) 765 .from(".ftc-services-4-card-grid .cright-side" , { xPercent: 100 , stagger: .3, duration: 2 }, "<=") 766 767 768 // ftc-archieve-4 769 var ftcar4 = gsap.timeline({ 770 771 scrollTrigger: { 772 animation: ftcar4, 773 trigger: '.ftc-achieve-4-area', 774 start: "top 80%", 775 end: "top 50%", 776 scrub: 1, 777 toggleActions: "play reverse play reverse", 778 markers: false 779 } 780 }); 781 782 ftcar4 783 .from(".ftc-achieve-4-row" , { scaleX: .5 , duration: 2 }) 784 .from(".ftc-achieve-4-shape-1" , { xPercent: -100 , duration: 2 }) 785 .from(".ftc-achieve-4-shape-2" , { xPercent: 100 , duration: 2 }, "<=") 786 787 788 789 790 // title-animation 791 $(window).on('load',function(){ 792 var st = $(".ftc-split-text"); 793 if(st.length == 0) return; 794 gsap.registerPlugin(SplitText); 795 st.each(function(index, el) { 796 el.split = new SplitText(el, { 797 type: "lines,words,chars", 798 linesClass: "split-line" 799 }); 800 801 if( $(el).hasClass('ftc-split-threed') ){ 802 gsap.set(el.split.chars, { 803 opacity: 1, 804 transformOrigin: "50% 100%", 805 transform: "rotateX(90deg)", 806 ease: "elastic.out(1,0.3)", 807 color:'#a249ed', 808 duration: 2.5, 809 }); 810 } 811 812 813 el.anim = gsap.to(el.split.chars, { 814 scrollTrigger: { 815 trigger: el, 816 start: "top 90%", 817 }, 818 ease: "elastic.out(1,0.3)", 819 transform: "rotateX(0deg)", 820 color: 'inherit', 821 opacity: 1, 822 duration: 2.5, 823 stagger: 0.02, 824 }); 825 826 }); 827 }) 828 829 830 831 832 // ftc-testimonial-3-active 833 if($('.ftc-testimonial-3-active').length) { 834 let slider = new Swiper('.ftc-testimonial-3-active', { 835 loop: true, 836 spaceBetween: 30, 837 slidesPerView: 3, 838 speed: 1000, 839 autoplay: { 840 delay: 5000, 841 }, 842 843 pagination: { 844 el: ".swiper-pagination", 845 clickable: true, 846 renderBullet: function (index, className) { 847 return '<span class="' + className + '">' + (index + 1) + "</span>"; 848 }, 849 }, 850 851 navigation: { 852 nextEl: ".ftc_testimonial_3_next", 853 prevEl: ".ftc_testimonial_3_prev", 854 }, 855 856 breakpoints: { 857 0: { 858 slidesPerView: 1, 859 }, 860 576: { 861 slidesPerView: 1, 862 }, 863 768: { 864 slidesPerView: 2, 865 }, 866 992: { 867 slidesPerView: 2, 868 }, 869 1200: { 870 slidesPerView: 3, 871 }, 872 873 874 875 }, 876 }); 877 } 878 879 880 881 // blog list slider start 882 let feh_blog1 = new Swiper('.feh_bloglist_slide_active', { 883 loop: true, 884 spaceBetween: 0, 885 speed: 500, 886 slidesPerView: 1, 887 navigation: { 888 nextEl: ".feh_blog_1_next", 889 prevEl: ".feh_blog_1_prev", 890 }, 891 }); 892 893 // blog-details-slider 894 let feh_blog_details = new Swiper('.blog-details-slider', { 895 slidesPerView: 1, 896 spaceBetween: 30, 897 loop: true, 898 navigation: { 899 nextEl: ".blog-details-next", 900 prevEl: ".blog-details-prev", 901 }, 902 breakpoints: { 903 0: { 904 slidesPerView: 1, 905 }, 906 576: { 907 slidesPerView: 2, 908 }, 909 }, 910 }); 911 912 913 914 // ftc-prject-4-active 915 916 917 918 919 920 921 922 923 // cta-3-toggle-class 924 $('.feh-cta-3-btn').on("click", function() { 925 $('.feh-cta-3-area').toggleClass("active"); 926 }); 927 928 $('.feh-cta-3-btn-close').on("click", function() { 929 $('.feh-cta-3-area').toggleClass("active"); 930 }); 931 932 933 // feh image parallax start 934 document.addEventListener("mousemove", parallax); 935 function parallax(e) { 936 document.querySelectorAll(".feh-img-plx").forEach(function (move) { 937 var moving_value = move.getAttribute("data-value"); 938 var x = (e.clientX * moving_value) / 250; 939 var y = (e.clientY * moving_value) / 250; 940
941 move.style.transform = "translateX(" + x + "px) translateY(" + y + "px)"; 942 }); 943 } 944 945 946 // For each images with class "animate-image" on page 947 gsap.utils.toArray('.feh-zoomout-img').forEach((el, index) => { 948 let tl6 = gsap.timeline({ 949 scrollTrigger: { 950 trigger: el, 951 scrub: 1, 952 start: "top 85%", 953 end: "buttom 50%", 954 toggleActions: "play none none reverse", 955 markers: false 956 } 957 }) 958 959 tl6 960 .set(el, {transformOrigin: 'center center'}) 961 .fromTo(el, { scale: 1.3}, { scale: 1, duration: 1, immediateRender: false}) 962 }) 963 964 // team-2-hover-active 965 $(".ftc-t1-active-toggle").on("mouseover", function(){ 966 var current_class = document.getElementsByClassName("ftc-t1-active-toggle active"); 967 current_class[0].className = current_class[0].className.replace(" active", ""); 968 this.className += " active"; 969 }); 970 971 $(".ftc-t1-active-toggle-2").on("mouseover", function(){ 972 var current_class = document.getElementsByClassName("ftc-t1-active-toggle-2 active"); 973 current_class[0].className = current_class[0].className.replace(" active", ""); 974 this.className += " active"; 975 }); 976 977 // price-2 978 $(".ftc-price-2-item").on("mouseover", function(){ 979 var current_class = document.getElementsByClassName("ftc-price-2-item active"); 980 current_class[0].className = current_class[0].className.replace(" active", ""); 981 this.className += " active"; 982 }); 983 984 // services-3 985 $(".ftc-services-3-card").on("mouseover", function(){ 986 var current_class = document.getElementsByClassName("ftc-services-3-card active"); 987 current_class[0].className = current_class[0].className.replace(" active", ""); 988 this.className += " active"; 989 }); 990 991 992 // bootstrap-toltip 993 $(function () { 994 $('[data-toggle="tooltip"]').tooltip() 995 }) 996 997 // cursor follow 998 $(document).ready(function () { 999 var mWrap = $(".blta-categories-1-tabs-content "); 1000 1001 mWrap.hover(function () { 1002 var mContent = $(this).find("#magnetic-content"); 1003 var mArea = $(this).find("#magnetic-area"); 1004 1005 function parallaxIt(e, target, movement = 1) { 1006 var scrollTop = window.pageYOffset || document.documentElement.scrollTop; 1007 var boundingRect = mArea[0].getBoundingClientRect(); 1008 var relX = e.pageX - boundingRect.left; 1009 var relY = e.pageY - boundingRect.top; 1010 1011 gsap.to(mContent, { 1012 x: (relX - boundingRect.width / 2) * movement, 1013 y: (relY - boundingRect.height / 2 - scrollTop) * movement, 1014 ease: "power1", 1015 duration: 1 1016 }); 1017 } 1018 1019 function callParallax(e) { 1020 parallaxIt(e, mWrap); 1021 } 1022 1023 mArea.mousemove(function (e) { 1024 callParallax(e); 1025 }); 1026 mArea.mouseleave(function (e) { 1027 gsap.to(mContent, { 1028 scale: 1, 1029 x: 0, 1030 y: 0, 1031 ease: "power1", 1032 duration: 1.5 1033 }); 1034 }); 1035 }); 1036 }); 1037 1038 1039 1040 /* faq-active-class */ 1041 $(document).on('click', '.gly-accordion-item', function(){ 1042 $(this).addClass('faq_bg').siblings().removeClass('faq_bg') 1043 }) 1044 1045 1046 /* back-to-top */ 1047 var backtotop = $('.scroll-top'); 1048 1049 $(window).scroll(function() { 1050 if ($(window).scrollTop() > 300) { 1051 backtotop.addClass('show'); 1052 } else { 1053 backtotop.removeClass('show'); 1054 } 1055 }); 1056 1057 backtotop.on('click', function(e) { 1058 e.preventDefault(); 1059 $('html, body').animate({scrollTop:0}, '700'); 1060 }); 1061 1062 1063 /* counter */ 1064 $('.counter').counterUp({ 1065 delay: 10, 1066 time: 3000 1067 }); 1068 1069 /* data-bg-activition */ 1070 $("[data-background]").each(function(){ 1071 $(this).css("background-image","url("+$(this).attr("data-background") + ") ") 1072 }) 1073 1074 1075 // wow-activation 1076 if($('.wow').length){ 1077 var wow = new WOW( 1078 { 1079 boxClass: 'wow', 1080 animateClass: 'animated', 1081 offset: 0, 1082 mobile: true, 1083 live: true 1084 } 1085 ); 1086 wow.init(); 1087 }; 1088 1089 1090 /* 1091 popup-video-activition 1092 ====start==== 1093 */ 1094 1095 if($('.popup-video').length) { 1096 $('.popup-video').magnificPopup({ 1097 type: 'iframe' 1098 }); 1099 } 1100 1101 1102 /* 1103 popup-img-activition 1104 ====start==== 1105 */ 1106 1107 if($('.popup_img').length) { 1108 $('.popup_img').magnificPopup({ 1109 type: 'image', 1110 gallery: { 1111 enabled: true, 1112 }, 1113 }); 1114 } 1115 1116 /* 1117 popup-img-activition 1118 ====start==== 1119 */ 1120 if($('.nice-select').length) { 1121 $('.nice-select select').niceSelect(); 1122 } 1123 1124 // parallax-img 1125 $('.parallax-img').parallaxie({ 1126 speed: 0.5, 1127 }); 1128 1129 console.warn = function() {}; 1130 1131 1132})(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.