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="" /> <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" /> </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="hero-style"> <div class="container-fluid p-0"> <div class="row"> <div class="col-12"> <div class="swiper-container hero-slider d-none d-md-block"> <div class="swiper-wrapper"> <div class="swiper-slide">  <img src="images/banner/2.jpg" alt="" class="img"> </div> <div class="swiper-slide">  <img src="images/banner/3.jpg" alt="" class="img"> </div> <div class="swiper-slide">  <img src="images/banner/1.jpg" alt="" class="img"> </div> </div>  <div class="swiper-button-next "></div> <div class="swiper-button-prev "></div> </div> <div class="swiper-container hero-slider d-block d-md-none"> <div class="swiper-wrapper"> <div class="swiper-slide">  <img src="images/banner/m-2.jpg" alt="" class="img-fluid"> </div> <div class="swiper-slide">  <img src="images/banner/m-3.jpg" alt="" class="img-fluid"> </div> <div class="swiper-slide">  <img src="images/banner/m-1.jpg" alt="" class="img-fluid"> </div> </div>  <div class="swiper-button-next "></div> <div class="swiper-button-prev "></div> </div>  <div class="swiper-pagination"></div> </div> </div> </div> </section> <section class="why-section"> <div class="container-fluid p-lg-0"> <div class="row"> <div class="col-12 col-lg-7 p-0"> <div class="why-feature"> <div class="why-infographic"> <div class="box-common box-cyan" data-aos="fade-up" data-aos-easing="1200" data-aos-duration="400"> <div class="content"> <div class="icon"><img src="images/icon/why-icon/solution.png" alt=""></div> <div class="content-right text-white"> <div class="sub-heading mb-2">Comprehensive Solutions </div> <p class="text-white mb-0"> We offer a broad spectrum of services covering every facet of the IB curriculum, from academic support to mental well-being resources, ensuring a holistic approach to education. </p> </div> </div> </div> <div class="box-common box-blue " data-aos="fade-up" data-aos-easing="1200" data-aos-duration="800"> <div class="content"> <div class="icon"><img src="images/icon/why-icon/guidance.png" alt=""></div> <div class="content-right text-white"> <div class="sub-heading mb-2">Insightful Guidance</div> <p class="text-white mb-0"> Our team of experienced educators and support staff is dedicated to providing valuable insights, ensuring that every stakeholder in the learning journey is well-informed. </p> </div> </div> </div> <div class="box-common box-pink " data-aos="fade-up" data-aos-easing="1200" data-aos-duration="1200"> <div class="content"> <div class="icon"><img src="images/icon/why-icon/support.png" alt=""></div> <div class="content-right text-white"> <div class="sub-heading mb-2">Accessible Support</div> <p class="text-white mb-0"> We prioritize accessibility for all. Our resources are designed for easy access, making it convenient for parents, educators, and students to benefit from our expertise. </p> </div> </div> </div> <div class="box-common box-orange " data-aos="fade-up" data-aos-easing="1200" data-aos-duration="1400"> <div class="content"> <div class="icon"><img src="images/icon/why-icon/community.png" alt=""></div> <div class="content-right text-white"> <div class="sub-heading mb-2">Enriching Community</div> <p class="text-white mb-0"> Joining Priti Jain Learning Pact means becoming part of a community that thrives on enriching experiences. We foster an environment where collaboration, support, and shared success are celebrated. </p> </div> </div> </div> <div class="box-common box-yellow " data-aos="fade-up" data-aos-easing="1200" data-aos-duration="1800"> <div class="content"> <div class="icon"><img src="images/icon/why-icon/commitment.png" alt=""></div> <div class="content-right text-white"> <div class="sub-heading mb-2">Our Commitment </div> <p class="text-white mb-0"> At Priti Jain Learning Pact, we are committed to nurturing not only academic success but also the well-being of every individual in our community. Our holistic approach recognizes that success in education is closely linked to emotional and mental wellness. </p> </div> </div> </div> </div> </div> </div> <div class="col-12 col-lg-5"> <div class="why-right-box" data-aos="fade-down" data-aos-easing="1200" data-aos-duration="1800"> <div class="row"> <div class="col-12 col-md-12"> <div class="content section-space"> <div class="small-heading color-purple">What Sets Us Apart </div> <div class="section-title mt-3 mb-3 revealtext">Strategic Preparation for Distinctive Future Success </div> <div class="sub-heading color-orange">We take pride in being more than just an educational service provider </div> <p class=" mb-3 mt-3 "> We are a community, a family dedicated to making the International Baccalaureate (IB) journey enriching, insightful, and accessible for parents, educators, and students alike. </p> <a href="whyus.html" class="makeNoise btn btn-mat btn--slideRightBottom mt-3 hoverable">Explore More<span>Discover More</span></a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="about-founder-section section-space overflow-hidden"> <div class="container"> <div class="row"> <div class="col-12 col-md-7" data-aos="fade-left" data-aos-easing="1200" data-aos-duration="1800"> <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-5 pt-0"> <div class="row"> <div class="col-12 col-md-12"> <div class="content section-space"> <div class="social-link"> <ul class="d-flex"> <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 class="section-title mt-3 mb-3 revealtext">MRS. <span class="co lor-purple">PRITI JAIN</span></div> <div class="sub-heading ">CEO & Founder of Learning Pact</div> <p class=" mb-3 mt-3 "> Learning Pact was established with a singular vision: to stand as the paramount resource for all facets of the IB curriculum. Our pledge is to holistically address IB-related challenges, delivering invaluable insights and steadfast support to parents, educators, and students. </p> <a href="whyus.html" class="makeNoise btn btn-mat btn--slideRightBottom mt-3 hoverable">Explore More<span>Discover More</span></a> </div> </div> </div> </div> </div> </div> </section> <section class="curriculum-section section-space text-center"> <div class="wave-container2"></div> <div class="container"> <div class="row"> <div class="col-12 mb-5 col-md-12 heading text-center "> <div class="small-heading text-white mb-3">What We Offer </div> <div class="section-title mb-5 text-center color-orange"> Curriculums </div> <p class="text-white">IBDP, MYP, and IGCSE Boards offer diverse and rigorous Curricular, emphasizing global perspectives, skill development, and academic excellence. Each curriculum prepares students for future success in unique ways.</p> </div> <div class="col-12 d-none d-lg-block"> <div class="slidercircle"> <div class="circle-two"> <a href="pyp.html"> <div class="circle-arround-two-1 " data-aos="fade-up" data-aos-duration="300"> <div class="text">ib</div> <div class="content box4 "> <span class="sub-heading">PYP</span> <p> The Primary Years Programme (PYP) is an international educational framework for students aged 3 to 12, promoting inquiry-based learning, global awareness, and the development of essential skills for lifelong learning. </p> </div> </div> </a> <a href="IGCSE.html"> <div class="circle-arround-two-2 " data-aos="fade-up" data-aos-duration="600"> <div class="text">IGCSE</div> <div class="content box2 "> <span class="sub-heading">IGCSE </span> <p> The International General Certificate of Secondary Education (IGCSE) is a globally recognized academic qualification for high school students, assessing knowledge in various subjects to prepare them for further education. </p> </div> </div> </a> <a href="myp.html"> <div class="circle-arround-two-3 " data-aos="fade-up" data-aos-duration="900"> <div class="text">ib</div> <div class="content box3 "> <span class="sub-heading">MYP</span> <p> The Middle Years Programme (MYP) is an educational framework for students aged 11 to 16, fostering holistic development through interdisciplinary learning and encouraging critical thinking, creativity, and international-mindedness. </p> </div> </div> </a> <a href="myp.html"> <div class="circle-arround-two-4" data-aos="fade-up" data-aos-duration="1200"> <div class="text">IGCSE </div> <div class="content box5 "> <span class="sub-heading">A level</span> <p> Advanced Level (A Level) is a prestigious British qualification for students aged 16-18, providing in-depth subject knowledge and critical thinking skills, often serving as a gateway to higher education. </p> </div> </div> </a> <a href="myp.html"> <div class="circle-arround-two-5" data-aos="fade-up" data-aos-duration="1500"> <div class="text">ib</div> <div class="content box1 "> <span class="sub-heading">IBDP/IBCP </span> <p> The International Baccalaureate Diploma Programme (IBDP) is a rigorous pre-university course for high school students, emphasizing critical thinking and global perspectives. The IB Career-related Programme (IBCP) integrates academic and vocational learning, preparing students for both higher education and the workforce. </p> </div> </div> </a>  </div> <div class="circle-middle" data-aos="zoom-in" data-aos-easing="1200" data-aos-duration="1800"> <img src="images/curriculum-circle.png" alt=""> </div> </div> </div> <div class="col-12 d-block d-lg-none curriculums-mobile"> <div class="row"> <div class="col-12 col-sm-8 col-md-6 mx-auto"> <div class="heading"> The International Baccalaureate (IB) </div> </div> <div class="d-block"></div> <div class="col-12 col-sm-6 col-md-4"> <a href="pyp.html"> <div class="" data-aos="fade-up" data-aos-duration="300"> <div class="content box4 "> <span class="sub-heading">PYP</span> <p> The Primary Years Programme (PYP) is an international educational framework for students aged 3 to 12, promoting inquiry-based learning, global awareness, and the development of essential skills for lifelong learning. </p> </div> </div> </a> </div> <div class="col-12 col-sm-6 col-md-4"> <a href="myp.html"> <div class="" data-aos="fade-up" data-aos-duration="900"> <div class="content box3 "> <span class="sub-heading">MYP</span> <p> The Middle Years Programme (MYP) is an educational framework for students aged 11 to 16, fostering holistic development through interdisciplinary learning and encouraging critical thinking, creativity, and international-mindedness. </p> </div> </div> </a> </div> <div class="col-12 col-sm-6 col-md-4"> <a href="myp.html"> <div class="" data-aos="fade-up" data-aos-duration="1500"> <div class="content box1 "> <span class="sub-heading">IBDP/IBCP </span> <p> The International Baccalaureate Diploma Programme (IBDP) is a rigorous pre-university course for high school students, emphasizing critical thinking and global perspectives.  </p> </div> </div> </a> </div> </div> <div class="col-12"> <div data-aos="zoom-in" data-aos-easing="1200" data-aos-duration="1800"> <img src="images/curriculum-circle.png" alt=""> </div> </div> <div class="row"> <div class="col-12 col-sm-8 col-md-6 mx-auto mt-5"> <div class="heading"> The International General Certificate of Secondary Education (IGCSE) </div> </div> <div class="d-block"></div> <div class="col-12 col-md-4"> <a href="IGCSE.html"> <div class="" data-aos="fade-up" data-aos-duration="600"> <div class="content box2 "> <span class="sub-heading">IGCSE </span> <p> The International General Certificate of Secondary Education (IGCSE) is a globally recognized academic qualification for high school students, assessing knowledge in various subjects to prepare them for further education. </p> </div> </div> </a> </div> <div class="col-12 col-md-4"> <a href="myp.html"> <div class="" data-aos="fade-up" data-aos-duration="1200"> <div class="content box5 "> <span class="sub-heading">A level</span> <p> Advanced Level (A Level) is a prestigious British qualification for students aged 16-18, providing in-depth subject knowledge and critical thinking skills, often serving as a gateway to higher education. </p> </div> </div> </a> </div> </div> </div> </div> </div> </section> <section class="counter-section"> <div class="wave-container"></div> <div class="container"> <div class="row"> <div class="col-12 col-lg-3 col-sm-6" data-aos="fade-up" data-aos-easing="1200" data-aos-duration="400"> <div class="counter-box"> <div class="icon"><img src="images/icon/students.png" alt=""></div> <div class="counter-digit"> <h3 class="title count-digit">500 </h3> <div class="sub-title">Students <br>Worldwide</div> </div> </div> </div> <div class="col-12 col-lg-3 col-sm-6 " data-aos="fade-up" data-aos-easing="1200" data-aos-duration="800"> <div class="counter-box"> <div class="icon"><img src="images/icon/school.png" alt=""></div> <div class="counter-digit"> <h3 class="title count-digit">21</h3> <div class="sub-title">Schools</div> </div> </div> </div> <div class="col-12 col-lg-3 col-sm-6 " data-aos="fade-up" data-aos-easing="1200" data-aos-duration="1200"> <div class="counter-box"> <div class="icon"><img src="images/icon/countries.png" alt=""></div> <div class="counter-digit"> <h3 class="title count-digit">10</h3> <div class="sub-title">Countries<br> <small>( Global Engagement)</small></div> </div> </div> </div> <div class="col-12 col-lg-3 col-sm-6 " data-aos="fade-up" data-aos-easing="1200" data-aos-duration="1400"> <div class="counter-box"> <div class="icon"><img src="images/icon/tutor.png" alt=""></div> <div class="counter-digit"> <h3 class="title count-digit">75</h3> <div class="sub-title">Certificate IB Tutors</div> </div> </div> </div> </div> </div> <div class="wave-container1"></div> </section> <section class="solution-section section-space position-relative d-none d-xl-block"> <div class="container"> <div class="row"> <div class="col-12 mb-5 col-md-12"> <div class="text-center small-heading color-orange mb-3">We Focus on </div> <div class="section-title mb-5 text-center color-purple revealtext w-50 mx-auto"> Other Solutions </div> <div class="pencil-box d-none d-md-flex"> <div class="pencil-img pencil-img-down reveal" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="400"><img src="images/pencil/pencil-box1.png" alt=""></div> <div class="pencil-img pencil-img-up reveal" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="800"> <img src="images/pencil/pencil-box2.png" alt=""> </div> <div class="pencil-img pencil-img-down reveal" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1200"><img src="images/pencil/pencil-box3.png" alt=""></div> <div class="pencil-img pencil-img-up reveal" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1600"> <img src="images/pencil/pencil-box4.png" alt=""> </div> <div class="pencil-img pencil-img-down reveal" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="2000"><img src="images/pencil/pencil-box5.png" alt=""></div> <div class="pencil-img pencil-img-up reveal" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="2400"> <img src="images/pencil/pencil-box6.png" alt=""> </div> </div> <div class="pencil-box d-flex d-md-none"> <div class="pencil-img pencil-img-down reveal" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="400"><img src="images/pencil/m-pencil-box1.png" alt=""></div> <div class="pencil-img pencil-img-up reveal" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="800"> <img src="images/pencil/m-pencil-box2.png" alt=""> </div> <div class="pencil-img pencil-img-down reveal" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1200"><img src="images/pencil/m-pencil-box3.png" alt=""></div> <div class="pencil-img pencil-img-up reveal" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1600"> <img src="images/pencil/m-pencil-box4.png" alt=""> </div> <div class="pencil-img pencil-img-down reveal" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="2000"><img src="images/pencil/m-pencil-box5.png" alt=""></div> <div class="pencil-img pencil-img-up reveal" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="2400"> <img src="images/pencil/m-pencil-box6.png" alt=""> </div> </div> </div> </div> </div> </section> <section class="benefit-section section-space"> <div class="container"> <div class="row"> <div class="col-12 mb-5 col-md-6 mx-auto"> <div class="text-center small-heading color-orange mb-3">Our Advantage </div> <div class="section-title mb-3 text-center color-purple revealtext"> Benefits To Associate With Us </div> <p class="text-black text-center">Each board provides a unique educational experience, catering to different learning styles and preparing students for diverse academic and life challenges.</p> </div> </div> <div class="benefit-contain d-none d-lg-block"> <div class="row justify-content-center"> <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" data-aos="zoom-out-up" data-aos-duration="400"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit1.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-cyan">Holistic <br> Education </div> <p>Balances academics, extraCurricularrs, and community service.</p> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" data-aos="zoom-out-up" data-aos-duration="800"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit2.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-blue">Global <br> Perspective </div> <p>Emphasizes international-mindedness, fostering a global outlook.</p> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" data-aos="zoom-out-up" data-aos-duration="1200"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit3.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-pink">Critical <br> Thinking </div> <p>Encourages critical analysis, research skills, and independent learning.</p> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2 " data-aos="zoom-out-up" data-aos-duration="1600"> <div class="benefit-box"> <div class="benefit-img "><img src="images/benefit4.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-orange">Integrated <br> Curriculum </div> <p>Connects subjects for a comprehensive understanding.</p> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" data-aos="zoom-out-up" data-aos-duration="2000"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit5.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-yellow">Skill <br>Development</div> <p>Focuses on skill acquisition, including communication and inquiry.</p> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" data-aos="zoom-out-up" data-aos-duration="400"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit6.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-pink">Personal <br> Development </div> <p>Nurtures social and emotional growth during crucial middle years.</p> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" data-aos="zoom-out-up" data-aos-duration="400"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit7.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-blue">Broad <br> Curriculum </div> <p>Offers a wide range of subjects, allowing flexibility.</p> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" data-aos="zoom-out-up" data-aos-duration="400"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit8.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-cyan">International <br> Recognition </div> <p>Widely accepted globally, facilitating mobility.</p> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-2" data-aos="zoom-out-up" data-aos-duration="400"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit9.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-orange">Assessment <br> Approach </div> <p>Uses a mix of coursework and exams for holistic evaluation.</p> </div> </div> </div> </div> </div> <div class="benefit-contain d-block d-lg-none"> <div class="row justify-content-center"> <div class="swiper benefit-home-slider"> <div class="swiper-wrapper text-center"> <div class="swiper-slide"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit1.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-blue">Holistic <br> Education </div> <p>Balances academics, extraCurricularrs, and community service.</p> </div> </div> </div> <div class="swiper-slide"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit2.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-pink">Global <br> Perspective </div> <p>Emphasizes international-mindedness, fostering a global outlook.</p> </div> </div> </div> <div class="swiper-slide"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit3.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-orange">Critical <br> Thinking </div> <p>Encourages critical analysis, research skills, and independent learning.</p> </div> </div> </div> <div class="swiper-slide"> <div class="benefit-box"> <div class="benefit-img "><img src="images/benefit4.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-orange">Integrated <br> Curriculum </div> <p>Connects subjects for a comprehensive understanding.</p> </div> </div> </div> <div class="swiper-slide"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit5.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-yellow">Skill <br>Development</div> <p>Focuses on skill acquisition, including communication and inquiry.</p> </div> </div> </div> <div class="swiper-slide"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit6.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-pink">Personal <br> Development </div> <p>Nurtures social and emotional growth during crucial middle years.</p> </div> </div> </div> <div class="swiper-slide"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit7.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-blue">Broad <br> Curriculum </div> <p>Offers a wide range of subjects, allowing flexibility.</p> </div> </div> </div> <div class="swiper-slide"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit8.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-cyan">International <br> Recognition </div> <p>Widely accepted globally, facilitating mobility.</p> </div> </div> </div> <div class="swiper-slide"> <div class="benefit-box"> <div class="benefit-img"><img src="images/benefit9.jpg" class="img-fluid" alt=""></div> <div class="p-4"> <div class="sub-title mt-2 mb-2 title-orange">Assessment <br> Approach </div> <p>Uses a mix of coursework and exams for holistic evaluation.</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="team-section section-space"> <div class="container"> <div class="row"> <div class="col-12 mb-5 col-md-6 mx-auto"> <div class="text-center small-heading color-orange mb-3"> Meet Our Experts</div> <div class="section-title mb-3 text-center color-purple revealtext"> Our Team </div> <p class="text-black text-center">Teams amplify success. Diverse skills blend for enhanced productivity. Clear goals and roles streamline efforts, while open communication fuels innovation. Trust and respect form the bedrock, celebrating wins boosts morale.</p> </div> <div class="col-12">  <div class="swiper team-slider"> <div class="swiper-wrapper text-center"> <div class="swiper-slide aos-init aos-animate swiper-slide-next" data-aos="fade-right" data-aos-duration="800" role="group" aria-label="2 / 4" style="width: 305.8px; margin-right: 40px;"> <div class="team-box"> <div class="team-img"><img src="images/team/team2.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple"> Dr Manoj Saigal</div> <small> 25 Years Experience</small><br> <small>BE Mechanical- VJTI (Gold Medallist) MBA (Finance) JBIMS – All India Rank 1. PhD ( Education) </small><br>  </div> </div> </div> <div class="swiper-slide aos-init aos-animate swiper-slide-next" data-aos="fade-right" data-aos-duration="800" role="group" aria-label="2 / 4" style="width: 305.8px; margin-right: 40px;"> <div class="team-box"> <div class="team-img"><img src="images/team/rutu-jumani.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple"> Rutu Jumani </div> <small> 24 Years Experience</small><br> <small>Specialised in Maths, Maths AA, AI, Economics and Business.</small><br>  </div> </div> </div> <div class="swiper-slide"> <div class="team-box"> <div class="team-img"><img src="images/team/sneha.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple"> Sneha</div> <small>IBDP & MYP IGCSE Teacher</small><br> <small> 15 Years Experience</small><br> <small>English, Humanities, Business Management, Economics History, Politics, Psychology, Literature and Language</small>   </div> </div> </div> <div class="swiper-slide aos-init aos-animate" data-aos="fade-right" data-aos-duration="1200" role="group" aria-label="3 / 4" style="width: 305.8px; margin-right: 40px;"> <div class="team-box"> <div class="team-img"><img src="images/team/prashant-edekar.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple">Prashant Edekar</div> <small> MYP, IGCSE and IBDP Teacher</small> <br> <small> 15 Years Experience</small> <br> <small>Maths & Science Specilist for 8th to 12th Grader</small><br>  </div> </div> </div> <div class="swiper-slide aos-init aos-animate swiper-slide-active" data-aos="fade-right" data-aos-duration="400" role="group" aria-label="1 / 4" style="width: 305.8px; margin-right: 40px;"> <div class="team-box"> <div class="team-img"><img src="images/team/team4.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple">Rajesh Ramlingam Vedant</div> <small>Teaching IGCSE, MYP and IBDP Maths AA &AI HL&SL</small><br> <small>Mathematics Facilitator</small>  </div> </div> </div> <div class="swiper-slide aos-init aos-animate" data-aos="fade-right" data-aos-duration="1600" role="group" aria-label="4 / 4" style="width: 305.8px; margin-right: 40px;"> <div class="team-box"> <div class="team-img"><img src="images/team-placeholder.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple">Arinjay Padhi</div> <small>Teaching IGCSE, MYP and IBDP </small> <small> Maths, Science </small>  </div> </div> </div> <div class="swiper-slide"> <div class="team-box"> <div class="team-img"><img src="images/team/team1.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple"> Neha Kapur</div> <small>PYP Educator </small><br> <small> 10 Years Experience</small><br>   </div> </div> </div> <div class="swiper-slide" role="group" aria-label="3 / 4" style="width: 305.8px; margin-right: 40px;"> <div class="team-box"> <div class="team-img"><img src="images/team/team5.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple">Vijay Mudhaliyar</div> <small>IB and IGCSE Spanish Educator</small>  </div> </div> </div> <div class="swiper-slide" role="group" aria-label="4 / 4" style="width: 305.8px; margin-right: 40px;"> <div class="team-box"> <div class="team-img"><img src="images/team/team3.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple">Palak R Chaudhary </div> <small>Professor of Business Studies</small>  </div> </div> </div> <div class="swiper-slide"> <div class="team-box"> <div class="team-img"><img src="images/team/khushabu.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple"> Akashara Agarwal </div> <small>PYP Educator </small><br> <small> 8 Years Experience</small><br> <small>Master’s Degree in Commerce and Bachelors in Law</small>  </div> </div> </div> <div class="swiper-slide "> <div class="team-box"> <div class="team-img"><img src="images/team/shikha-shah.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple"> Shikha Shah </div> <small>PYP Educator </small><br> <small> 7 Years Experience</small><br> <small>Bachelor's from Mumbai University. TESOL from Canadian University </small>  </div> </div> </div> <div class="swiper-slide"> <div class="team-box"> <div class="team-img"><img src="images/team/sapna-gada.png" alt=""></div> <div class="designation mt-3"> <div class="sub-heading color-purple"> Sapna Gada </div> <small>PYP Educator </small><br> <small> 3 Years Experience</small><br> <small> B.ED from Irene College & E.C.C.ED from Vidhya Nidhi Education Society </small>  </div> </div> </div> </div>  <div class="navigation"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> </div> </div> </section> <section class="testimonial-section section-space"> <div class="wave"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"> <path fill="#1b6fab" 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-md-5 mb-5 mx-auto"> <div class="text-center small-heading text-white mb-3"> Testimonials</div> <div class="section-title mb-5 text-center text-white revealtext"> What our Students, Parents & Teachers say </div> </div> <div class="col-12">  <div class="swiper testimonial-slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-box"> <div class="testimonial-img"><img src="images/testimonial/yuvaan-burakia.jpg" alt="" class="img-fluid"></div> <p> I am extremely grateful to have you as a teacher. You have always helped me, when my parents were angry with me, when I was in trouble for school etc you distracted me and always said everything will be alright. Miss you have been in my life since 7 years And those have been so fabulous because of your positive and supportive personality which was so warm, loveable and always encouraged me in everything. I have seen me grown from a little, very playful baby to not so little, but still very playful and mature teenager. I can’t thank you enough for being in my life and making it so much better, I hope for this continues and I wish you all the best to do your best and enjoy the wnderful journey. Love you miss! </p> <div class="designation"> <div class="title">Yuvaan Burakia</div> <small>Student</small> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-box"> <div class="testimonial-img"><img src="images/testimonial/aarav.jpg" alt=""></div> <p> Priti teacher has been teaching my son for more than a year and half now. I really appreciate her dedication and professionalism. She has been introducing complex Math concepts to Aarav in really fun way and keep him engaged during the entire class. Aarav has learned a lot and I sincerely thank you for that. </p> <div class="designation"> <div class="title"> Aarav, New Jersey</div> <small>Grade 3 | Student</small> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-box"> <div class="testimonial-img"><img src="images/testimonial/jessica-pinto.jpg" alt=""></div> <p> I will be forever grateful to be one of your students (or should I say your favorite student). You have changed the way I think about so many things. For example grades, they used to mean more than the world to me and I would be so sad even if I got a 7. During online school, I was doing so well and then the announcement came that physical schools were opening and I didn't want to go because I was scared it would affect my grades but you made me realize my learning is worth way more than my grade and as long as I tried my best the grade doesn't matter. You have also treated me like a friend and you always talk to me sweetly. I have been in your classes for only 2 years but the bond and connection that we share makes it seem like we have known each other for longer. I am forever grateful to have you in my life and hope this continues. 2 years down hopefully a million more to go! I love you miss and wish you all the best for the future and your company. </p> <div class="designation"> <div class="title"> Jessica Pinto </div> <small>Student</small> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-box"> <div class="testimonial-img"><img src="images/testimonial/placeholder-women.jpg" alt=""></div> <p> What does a parent look for when she approaches an external teacher - cover up the gaps which we see in the curriculum - set a discipline in place for more regularity and rigour - have a connect with the kid and have open communication - giving importance to learning as well as mental well-being For me Priti checks all these boxes. Her approach towards my kid has been that of a teacher/mentor/well wisher. I wish her all the best to do good to many students like my own. </p> <div class="designation"> <div class="title"> Proud Parent </div> <small>Grade 10 MYP | Parent </small> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-box"> <div class="testimonial-img"><img src="images/testimonial/birva-jaswani.jpg" alt=""></div> <p> Thank you for all you do for my child .I really appreciate your immense hard work and dedication towards teaching him . Ateerya has learned a lot from you this year and it’s amazing to see equal amount of energy that both of your share even if it’s the last class for the day . It is because of your support , encouragement and always making us feel welcome anytime of the day with our concerns and queries that he has now began to take more efforts in his academics and ready to soar high very soon . Your compassion for teaching and mentoring the child is remarkable . Keep showering your blessing on Ateerya . </p> <div class="designation"> <div class="title"> Birva Jaswani </div> <small>Parent </small> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-box"> <div class="testimonial-img"><img src="images/testimonial/rajesh-vedant.jpg" alt=""></div> <p> Priti ma'am is very supportive and encouraging with me. I used to take around 10 students every year, she encouraged me to take up more students online. I have benefited from her this advise very much. Iam able to realise my potential due to her. She is also very supportive while speaking to parents of the kids. She has encouraged me to conduct webinars, which I am going I do in collaboration with her. Thank you ma'am, so much for all that you have done for me and still doing. God bless you.</p> <div class="designation"> <div class="title">Rajesh Vedant </div> <small>IBDP/ MYP Maths | Teacher </small> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-box"> <div class="testimonial-img"><img src="images/testimonial/khushbu-daghu.jpg" alt=""></div> <p> Priti Jain is a promised mentor and a very enthusiastic teacher as well as supporter. I have more than 8 years of experience in this updating system, still as a teacher we also keep learning. Miss priti has guided me throughout the journey, how to handle kids, being patient, reaching to the expectations of parents and much more. Her remarkable qualities include patience, positive attitude and smiling nature. She is a wonderful influencer, I just love working with her. </p> <div class="designation"> <div class="title">Khushbu Dagha </div> <small>All Subjects | Teacher </small> </div> </div> </div> </div>  <div class="navigation"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> <div class="col-12 text-center"> <a href="testimonials.html" class="makeNoise btn btn-mat btn--slideRightBottom mt-3 hoverable">Explore More<span>Discover More</span></a> </div> </div> </div> </section> <section class="achievement-section section-space"> <div class="container"> <div class="row"> <div class="col-12 col-md-5 mb-5 mx-auto"> <div class="text-center small-heading mb-3"> Sucess Stories </div> <div class="section-title mb-5 text-center revealtext"> Student Achievement </div> </div> <div class="col-12 col-md-8 mx-auto">  <div class="swiper achievement-slider"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="images/achievement/achievement-aarav.jpeg" alt="" class="img-fluid"> </div> <div class="swiper-slide"> <img src="images/achievement/achievement-raagyuj.jpg" alt="" class="img-fluid"> </div> </div>  <div class="navigation"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></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-2"> <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-2 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">  <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="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="js/custom.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%", // }) // }) // popup </script> <div class="popup-box"> <div class="modal" tabindex="-1" id="myModal"> <div class="modal-dialog modal-md modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <form action="" method="post" name="contactform" class="contact-form" id="contactform"> <div class="row form-div"> <div class="col-12"> <h3 class="section-title revealtext active mb-1">Get in Touch</h3> <small class="mb-3 d-block"> Reach Out to Enhance Your Educational Experience!</small></div> <div class="col-12 mb-3"> <div class="form-group"> <input type="text" class="form-control" name="name" required placeholder="Name"> </div> </div> <div class="col-12 mb-3"> <div class="form-group"> <input type="tel" class="form-control" name="phone" required placeholder="Mobile"> </div> </div> <div class="col-12 mb-3"> <div class="form-group"> <input type="text" class="form-control" name="email" required placeholder="Email"> </div> </div> <div class="col-sm-12 mb-3"> <div class="form-group"> <textarea class="form-control" name="message" rows="4" required placeholder="Write a Message"></textarea> </div> </div> <div class="col-sm-12 mb-3"> <button class="makeNoise btn btn-mat btn--slideRightBottom mt-3 hoverable">Submit<span>Submit </span></button> </div> </div> </form> </div> </div> </div> </div> </div> <script> $(document).ready(() => { // Function to show the modal const showModal = () => { $('#myModal').modal('show'); }; // Show the modal when the window is ready showModal(); // Set interval to show the modal every 10 seconds setInterval(showModal, 600000); }); </script> <script> const scriptURL = 'https://script.google.com/macros/s/AKfycby6MMUsJn6rFa9XR1EgSLtmAlb2WM7ttbxmS2-lGqRoKuSYMfT_0C3OR4yOnmgUM32g/exec' const form = document.forms['contactform'] form.addEventListener('submit', e => { e.preventDefault() fetch(scriptURL, { method: 'POST', body: new FormData(form) }) .then(response => alert("Thank you! your form is submitted successfully.")) .then(() => { window.location.reload(); }) .catch(error => console.error('Error!', error.message)) }) </script> </body> </html>

CINXE.COM

Learning Pact