CINXE.COM

Learning Pact

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="language" content="EN" /> <title>Learning Pact</title> <meta name="description" content="" /> <link rel="canonical" href="" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="" /> <meta property="og:description" content=" " /> <meta property="og:url" content="" /> <meta property="og:site_name" content="" /> <meta property="article:modified_time" content="2023-01-12T07:53:53+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link rel="icon" href="images/favicon.png" /> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> <link rel="stylesheet" href="css/learning-pact.css" /> <link rel="stylesheet" href="css/media-queries.css" /> <!-- Global site tag (gtag.js) - Google Ads --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16769990034"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-16769990034'); </script> </head> <body> <a id="backtotop"><i class="bi bi-arrow-up-short"></i></a> <header> <div class="container position-relative "> <div class="headerbox"> <div class="row"> <div class="col-6 col-md-3 col-xl-4"> <a class="navbar-brand" href="index.html"> <img src="images/logo.png" alt=""> </a> </div> <div class="col-6 col-md-9 col-xl-8 "> <div class="main-header"> <div class="row"> <div class="col-12"> <div class="contact-box d-none d-xl-block"> <ul class="d-flex"> <li class="social-link"> <div class="d-flex"> <a href="https://www.instagram.com/learning.pact/" target="_blank"><i class="bi bi-instagram"></i></a> <a href="https://wa.me/+919819207803?" class="whatsapp-button" target="_blank"><i class="bi bi-whatsapp"></i></a><a href=" https://www.facebook.com/profile.php?id=100083318321898 " target="_blank"><i class="bi bi-facebook"></i></a> <a href="https://www.youtube.com/@learningpact4769" target="_blank"><i class="bi bi-youtube"></i></a> <a href="https://www.linkedin.com/company/learning-pact/" target="_blank"><i class="bi bi-linkedin"></i></a> </div> </li> <li class="email"><a href="mailto:learningpact@gmail.com"><i class="bi bi-envelope"></i> learningpact@gmail.com </a></li> <li class="phone"><a href="tel:919819207803"> <i class="bi bi-telephone"></i> +91 98192 07803</a> </li> </ul> </div> </div> <div class="col-12"> <nav class="navbar navbar-expand-xl navbar-light"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item "> <a class="nav-link active" aria-current="page" href="index.html">Home</a> </li> <li class="nav-item"> <a class="nav-link line-bottom" href="whyus.html">Why us? </a> </li> <li class="nav-item dropdown "> <a class="nav-link dropdown-toggle " href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span> IB</span> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="pyp.html">PYP</a></li> <li><a class="dropdown-item" href="myp.html">MYP</a></li> <li><a class="dropdown-item" href="ibdp.html">IBDP</a></li> <li><a class="dropdown-item" href="ibcp.html">IBCP</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle " href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> IGCSE </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="igcse.html">IGCSE</a></li> <li><a class="dropdown-item" href="igcse-alevel.html">A Level</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link line-bottom" href="learning-pact-plus.html">Learning Pact + </a> </li> <li class="nav-item"> <a class="nav-link line-bottom" href="teams.html">team </a> </li> <li class="nav-item"> <a class="nav-link line-bottom" href="gallery.html">Gallery </a> </li> <li class="nav-item"> <a class="nav-link line-bottom" href="testimonials.html">testimonials </a> </li> <li class="nav-item line-bottom"> <a class="nav-link" href="contact.html">Contact Us</a> </li> </ul> </div> </nav> </div> </div> </div> </div> </div> </div> </div> </header> <section class="inner-section"> <div class="container"> <div class="row"> <div class="col-12 col-md-12 top-heading"> <div class=" text-center" > <h2 class="main-title color-purple text-white "> Welcome to Learning Pact – Your One-Stop IB Solution! </h2> <p class="text-white"> At Priti Jain Learning Pact, we take pride in being more than just an educational service provider; we are a community, a family that is dedicated to making the International Baccalaureate (IB) journey enriching, insightful, and accessible for parents, educators, and students alike.</p> </div> <div class="d-flex justify-content-between"> <div class="feature1"> <div><img src="images/whyus/feature1.png" alt=""></div> </div> <div class="feature1"> <div><img src="images/whyus/feature2.png" alt=""></div> </div> <div class="feature1"> <div><img src="images/whyus/feature3.png" alt=""></div> </div> </div> <a href="#form-contact" class="makeNoise btn btn-mat btn--slideRightBottom mt-3 hoverable color-orange mx-auto d-flex btn-alt"> Discover More & Join Today! <span>Explore More</span> </a> </div> </div> </div> </section> <section class="why-section text-center pt-5 overflow-hidden"> <div class="container p-0"> <div class="row text-center"> <div class="col-12 col-md-12 pt-0 d-flex align-items-center heading" > <div class="why-right-box" data-aos="fade-down" data-aos-easing="200" data-aos-duration="800"> <div class="content"> <div class="small-heading color-purple">About Us </div> <div class="section-title mt-3 mb-3 revealtext">Priti Jain Learning Pact was founded with a singular vision </div> <div class="sub-heading color-orange">to be the ultimate destination for all things related to the IB curriculum.</div> <p class=" mb-3 mt-3 "> Our commitment is to solve IB-related challenges comprehensively, providing valuable insights and unwavering support to parents, educators, and students. </p> </div> </div> </div> <div class="d-block"></div> <div class="col-12 col-md-6 d-block mx-auto" data-aos="fade-left" data-aos-duration="300"> <img src="images/learning-pact-student.jpg" alt="" class="img-fluid"> </div> </div> </div> </section> <section class="section-space bg-light overflow-hidden"> <div class="container"> <div class="row"> <div class="col-12 col-md-5" data-aos="fade-left" data-aos-easing="200" data-aos-duration="500"> <div class="why-feature"> <div class="profile-img"> <img src="images/priti-jain.png" alt="" class="img-fluid"> </div> </div> </div> <div class="col-12 col-md-7 pt-0" data-aos="fade-down" data-aos-easing="200" data-aos-duration="800"> <div class="row"> <div class="col-12 col-md-12"> <div class="content "> <div class="section-title mt-3 mb-3 revealtext">MRS. <span class="color-purple">PRITI JAIN</span></div> <div class="sub-heading ">CEO & Founder of Learning Pact</div> <p class=" mb-3 mt-3 "> <strong>Priti Jain's Expert Team at Learning Pact</strong><br> Priti Jain leads a pool of over 80 highly qualified teachers who impart knowledge through the IB pedagogy, fostering creativity and engaging students in immersive, intellectually interactive learning experiences. With her expertise, Priti carefully matches each student with the right tutor, ensuring not only an academic fit but also a psychological alignment that nurtures the student’s individual needs. </p> <p class=" mb-3 mt-3 "> This approach empowers students to thrive as they navigate the complexities of the IB world, structured through the guidance of professional teachers who help them unlock their full potential. </p> <p class=" mb-3 mt-3 "> <strong>Join Priti Jain - The visionary founder of Learning Pact.</strong> <br> Led by Priti Jain, Learning Pact offers access to a team of over 80 passionate and IB-experienced professional teachers. With a hybrid mode of learning—both online and offline—students can join at their convenience with just a click, reaching Learning Pact’s global presence in over 10 countries. </p> <p class=" mb-3 mt-3 "> With Priti Jain’s expertise as an Academic Advisor and Mental Health advocate, she helps unlock the hidden potential within every child. Learning Pact ensures a smooth, supportive journey for students, teachers, and parents alike, guiding each student to new heights of academic excellence, personal fulfillment, and mental well-being. </p> </div> </div> </div> </div> </div> </div> </section> <section class="vision-mission-section section-space"> <div class="container"> <div class="row mx-auto"> <div class="col-12 col-md-6" data-aos="fade-up" data-aos-easing="800" data-aos-duration="800"> <div class="content text-left d-flex"> <img src="images/vision.png" alt="" class="img-fluid"> <h3 class=" mb-3 mt-3 "> <div class="section-title mt-3 mb-3 revealtext">Vision</div> To create a generation of students that are smart, well learned, empathetic and kind </h3> </div> </div> <div class="col-12 col-md-6" data-aos="fade-down" data-aos-easing="800" data-aos-duration="1400"> <div class="content text-left d-flex"> <img src="images/mission.png" alt="" class="img-fluid"> <h3 class=" mb-3 mt-3 "> <div class="section-title mt-3 mb-3 revealtext">Mission</div> Shaping the leaders of tomorrow through guidance, counselling, educating and knowledge </h3> </div> </div> </div> </div> </section> <section class="ib-section"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <div class="section-title mt-3 mb-3 d-flex" data-aos="fade-in" data-aos-easing="200" data-aos-duration="2000">World of IB <br> <h3>The idea of International Baccalaureate (IB) is to shape individuals for a future with theoretical, practical and empathetic tools. They are able to accomplish this through </h3> </div> <img src="images/about-tree.jpg" alt="" class="img-fluid" data-aos="fade-up" data-aos-easing="200" data-aos-duration="300"> </div> </div> </div> </section> <section class="ib-feature-section text-center"> <div class="wave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"> <path fill="#b24ecd" fill-opacity="1" d="M0,32L40,37.3C80,43,160,53,240,64C320,75,400,85,480,85.3C560,85,640,75,720,80C800,85,880,107,960,101.3C1040,96,1120,64,1200,53.3C1280,43,1360,53,1400,58.7L1440,64L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"> </path> </svg></div> <div class="container p-0"> <main> <div class="row"> <div class="col-12 col-md-8 mx-auto position-relative "> <p class=" mb-3 mt-3 "> <h3>Priti Jain – A Global Leader in IB Education </h3><br> With over 10 years of experience as an IB educator in Maths and Science, Priti Jain understands the complexities and challenges of the IB curriculum. The passion behind Learning Pact stems from her commitment to helping students and parents navigate the vast skill sets and demands of international curriculums. </p> <p class=" mb-3 mt-3 "> Her unwavering passion, consistency, and dedication to the advancement of the International Baccalaureate have taken her on a global journey, where she has enriched academic communities at numerous prestigious institutions. Supported by a team of over 80 IB-skilled tutors, Learning Pact has a presence in more than 10 countries, including the UK, USA, Dubai, Hong Kong, Russia, Europe, and beyond. </p><p class=" mb-3 mt-3 "> Driven by the belief that learning should be both effective and enjoyable, Priti Jain has pioneered an innovative and personalized approach to education that continues to make a profound impact on students worldwide. </p> </div> </div> <ul class="infoGraphic"> <li data-aos="fade-up" data-aos-easing="200" data-aos-duration="200"> <div class="numberWrap"> <div class="number fontColor1">1</div> <div class="coverWrap"> <div class="numberCover"></div> </div> </div> <div class="feature-box content" > <div class="icon"><img src="images/icon/international.png" alt="" class="img-fluid"></div> <h3>International Mindedness</h3> <p>Promote an understanding of global issues and foster a sense of responsibility as global citizens. </p> </div> </li> <li data-aos="fade-up" data-aos-easing="200" data-aos-duration="600"> <div class="numberWrap"> <div class="number fontColor2">2</div> <div class="coverWrap"> <div class="numberCover"></div> </div> </div> <div class="content"> <div class="icon"><img src="images/icon/holistic.png" alt="" class="img-fluid"></div> <h2>Holistic Education </h2> <p>Promote a well-rounded education that includes not only academic knowledge but also creativity, physical fitness, and ethical values. </p> </div> </li> <li data-aos="fade-up" data-aos-easing="200" data-aos-duration="1200"> <div class="numberWrap"> <div class="number fontColor3">3</div> <div class="coverWrap"> <div class="numberCover"></div> </div> </div> <div class="content"> <div class="icon"><img src="images/icon/critical.png" alt="" class="img-fluid"></div> <h2>Critical Thinking and Inquiry-Based Learning </h2> <p>Encourage students to question, analyze, and evaluate information, leading to deeper understanding and problem-solving skills. </p> </div> </li> <li data-aos="fade-up" data-aos-easing="200" data-aos-duration="1800"> <div class="numberWrap"> <div class="number fontColor4">4</div> <div class="coverWrap"> <div class="numberCover"></div> </div> </div> <div class="content"> <div class="icon"><img src="images/icon/global.png" alt="" class="img-fluid"></div> <h2>Global Citizenship and Service </h2> <p>Promote the importance of community engagement and service learning. </p> </div> </li> </ul> </main> </div> </section> <section class="challenges-section section-space overflow-hidden"> <div class="container-fluid p-0"> <div class="row text-center"> <div class="col-12" data-aos="fade-left" data-aos-easing="200" data-aos-duration="200"> <div class="section-title mb-5 d-block">Educational challenges <br> <h3>Through the Covid time, there was a large gap in the learning in students. </h3> </div></div> <div class="col-12 col-md-4"> <div class="content"> <h4>IB (PYP, MYP, IBDP)</h4> <ul> <li class="box-cyan" data-aos="fade-left" data-aos-easing="200" data-aos-duration="400"> Lack of aided structured model due to no textbooks </li> <li class="box-blue" data-aos="fade-left" data-aos-easing="200" data-aos-duration="600"> Complete reliance on teachers and tutors </li> <li class="box-pink" data-aos="fade-left" data-aos-easing="200" data-aos-duration="800"> Transition from PYP, MYP and DP / non-IB kids to IB is particularly challenging </li> <li class="box-orange" data-aos="fade-left" data-aos-easing="200" data-aos-duration="1000"> Subject selection and guidance for MYP 4 & 5 or DP </li> </ul> </div> </div> <div class="col-12 col-md-4"> <div><img src="images/education-challege-blub.jpg" alt="" class="img-fluid"></div> </div> <div class="col-12 col-md-4"> <div class="content"> <h4>IGCSE</h4> <ul class="right"> <li class="box-cyan" data-aos="fade-right" data-aos-easing="200" data-aos-duration="400">Application based questions, theoretical content</li> <li class=" box-blue" data-aos="fade-right" data-aos-easing="200" data-aos-duration="600">Strong command over language and structure</li> <li class=" box-pink" data-aos="fade-right" data-aos-easing="200" data-aos-duration="800"> Detailed knowledge of subjects</li> <li class="box-orange" data-aos="fade-right" data-aos-easing="200" data-aos-duration="1000">Time management with regards to exams & coursework expectations </li> </ul> </div> </div> </div> </div> </section> <section class="challenge-section section-space parent-students-challenges-section"> <div class="container"> <div class="row"> <div class="col-12 mb-5 mx-auto text-center"> <div class="section-title revealtext">Individual / Educational Challenges For Parents & Students </div> </div> <!-- <div class="col-12 col-md-7 mb-5 mx-auto"> <div class="small-heading mb-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus totam facilis reprehenderit, soluta consectetur vitae inventore veniam at quidem similique ipsum! Quasi dolores architecto voluptatum quam placeat dignissimos quas dolorum? </div> </div> --> <div class="col-12 col-md-6"> <div class="profile-img"> <img src="images/parent-student-challange.jpg" alt="" class="img-fluid"> </div> </div> <div class="col-12 col-md-6"> <div class="row"> <div class="col-12 col-md-10"> <div class="challenge-box"> <div class="sub-heading"><i class="bi bi-caret-right"></i> Parents unable to understand & follow immersive techniques of IB </div> </div> </div> <div class="col-12 col-md-10"> <div class="challenge-box"> <div class="sub-heading"><i class="bi bi-caret-right"></i> Parents unable to select the correct board/method which fits best to their kids’ needs </div> </div> </div> <div class="col-12 col-md-10"> <div class="challenge-box"> <div class="sub-heading"><i class="bi bi-caret-right"></i> Covid has left children with learning gaps • Mental health & coping post-pandemic </div> </div> </div> <div class="col-12 col-md-10"> <div class="challenge-box"> <div class="sub-heading"><i class="bi bi-caret-right"></i> Resources like teachers, mental health counsellors, books & academic resources, and career counsellors are not easily accessible </div> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"> <path fill="#63018a" fill-opacity="1" d="M0,32L40,37.3C80,43,160,53,240,64C320,75,400,85,480,85.3C560,85,640,75,720,80C800,85,880,107,960,101.3C1040,96,1120,64,1200,53.3C1280,43,1360,53,1400,58.7L1440,64L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"> </path> </svg></div> <div class="container"> <div class="row"> <div class="col-12 col-sm-6 col-lg-3"> <div class="footer-left"> <div><img src="images/white-logo.png" alt=""></div> <h3 class="color-orange mt-5">"Empowering Today,<br> Shaping Tomorrow." </h3> </div> </div> <div class="col-12 col-sm-6 col-lg-3"> <h3>Get in Touch</h3> <p><strong>Email</strong><br> <a href="mailto:learningpact@gmail.com">learningpact@gmail.com</a> </p> <p><strong>Call</strong><br> <a href="tel:919819207803"> +91 9819 20 7803</a> </p> <p><strong>Address</strong><br> <a href="#"> Learning Pact <br> Shop No 1, First Floor, Royal Sankalp CHS., Next to Aditi Hospital, Opposite Kothari Milestone, Malad West, Mumbai. </a> </p> </div> <div class="col-12 col-sm-6 col-lg-3"> <h3>Currriculums </h3> <ul class="footer-link"> <li><a href="pyp.html">IB - PYP </a></li> <li><a href="myp.html">IB - MYP </a></li> <li><a href="ibdp.html">IB - IBDP </a></li> <li><a href="ibcp.html">IB - IBCP </a></li> <li><a href="igcse.html"> IGCSE </a> </li> <li> <a href="igcse-alevel.html">IGCSE - A-LEVEL</a> </li> </ul> </div> <div class="col-sm-6 col-lg-3 social-link"> <h3>Main Link</h3> <ul class="footer-link"> <li><a href="index.html"> Home</a> </li> <li><a href="learning-pact-plus.html">Learning Pact +</a></li> <li><a href="teams.html"> Team</a> </li> <li><a href="gallery.html"> Gallery</a> </li> <li> <a href="testimonials.html">Testimonials </a> </li> <li> <a href="contact.html">Contact us</a> </li> </ul> </div> </div> <div class="row"> <div class="social-footer-box"> <ul class="d-flex socialfooter"> <li><a href="https://www.instagram.com/learning.pact/" target="_blank"><i class="bi bi-instagram"></i></a> </li> <li><a href="https://wa.me/+919819207803?" class="whatsapp-button" target="_blank"><i class="bi bi-whatsapp"></i></a></li> <li><a href=" https://www.facebook.com/profile.php?id=100083318321898 " target="_blank"><i class="bi bi-facebook"></i></a> </li> <li><a href="https://www.youtube.com/@learningpact4769" target="_blank"><i class="bi bi-youtube"></i></a> </li> <li><a href="https://www.linkedin.com/company/learning-pact/" target="_blank"><i class="bi bi-linkedin"></i></a> </li> </ul> </div> </div> <div class="footer-bottom pt-2 pb-5 text-left position-relative">© 2024 Learning Pact. All rights reserved. Designed by<a href="https://goyalinfotech.com/" target="_blank"> Goyal Infotech</a> </div> </div> </footer> <div class="whatsapp-btn"> <!-- botão flutuante whatsapp --> <a href="https://wa.me/+919819207803?" class="whatsapp-button" target="_blank"> <img src="images/whatsapp-button.png" alt="botão whatsapp"> </a> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script src="js/custom.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.4/gsap.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.4/ScrollTrigger.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js'></script> <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ScrambleTextPlugin.min.js'></script> <script> const revealtext = gsap.utils.toArray('.revealtext'); revealtext.forEach((text, i) => { ScrollTrigger.create({ trigger: text, toggleClass: 'active', start: "top 90%", end: "top 1%", }) }) gsap.registerPlugin(ScrollTrigger, ScrollSmoother); // create the smooth scroller FIRST! const smoother = ScrollSmoother.create({ content: "#scrollsmoother-container", smooth: 3, normalizeScroll: true, ignoreMobileResize: true, effects: true, //preventDefault: true, //ease: 'power4.out', //smoothTouch: 0.1, }); smoother.effects("img", { speed: "auto" }); let headings = gsap.utils.toArray(".js-title").reverse(); headings.forEach((heading, i) => { let headingIndex = i + 1; let mySplitText = new SplitText(heading, { type: "chars" }); let chars = mySplitText.chars; chars.forEach((char, i) => { smoother.effects(char, { lag: (i + headingIndex) * 0.1, speed: 1 }); }); }); let splitTextLines = gsap.utils.toArray(".js-splittext-lines"); const tl = gsap.timeline({ scrollTrigger: { trigger: splitTextLines, start: 'top 90%', end: 'bottom 60%', scrub: 2, markers: false, toggleActions: 'play none play reset' } }); const itemSplitted = new SplitText(splitTextLines, { type: 'lines' }); tl.from(itemSplitted.lines, { y: 100, opacity: 0, stagger: 0.05, duration: 0.5, ease: 'back.inOut' }); // const images = gsap.utils.toArray('img'); // images.forEach((img, i) => { // ScrollTrigger.create({ // trigger: img, // toggleClass: 'active', // start: "top 90%", // end: "top 20%", // }) // }) </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10