<?php include 'header.php' ?>

<main>
    <!-- Start Hero Area -->
    <section class="ed-hero ed-hero--style3">
        
        <div class="owl-carousel ed-hero__slider">
            <!-- Single Slider  -->
            <div class="ed-hero__slider-item">
                <img src="assets/images/banner-1.jpg" alt="hero-img-1" />
            </div>

            <!-- Single Slider  -->
            <div class="ed-hero__slider-item">
                <img src="assets/images/gallery/21.jpg" alt="hero-img-3" />
            </div>
            <!-- Single Slider  -->
            <div class="ed-hero__slider-item">
                <img src="assets/images/gallery/13.jpeg" alt="hero-img-3" />
            </div>
            <!-- Single Slider  -->
            <div class="ed-hero__slider-item">
                <img src="assets/images/banner-2.jpg" alt="hero-img-2" />
            </div>
            <!-- Single Slider  -->
            <div class="ed-hero__slider-item">
                <img src="assets/images/banner-3.jpg" alt="hero-img-3" />
            </div>
            <!-- Single Slider  -->
            <div class="ed-hero__slider-item">
                <img src="assets/images/banner-4.jpg" alt="hero-img-3" />
            </div>
        </div>

        <div class="container ed-container-expand">
            <div class="row justify-content-center">
                <div class="col-xl-8 col-lg-9 col-12">
                    <!-- Hero Content -->
                    <div class="ed-hero__content text-center">
                        <h1 class="ed-hero__content-title text-white ed-split-text left ">
                            Start Your Learning <br />
                            Journey Now
                        </h1>
                        <div class="ed-hero__search p-0">
                            <div class="ed-section-head__btn">
                                <a href="#" class="ed-btn">Start Now<i
                                        class="fi fi-rr-arrow-small-right"></i></a>
                            </div>

                            <ul class="ed-hero__tags justify-content-center">
                                <li><a href="#">Pre-Primary</a></li>
                                <li><a href="#">Primary School</a></li>
                                <li><a href="#">Middle School</a></li>
                                <li><a href="#">Secondary School</a></li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Hero Area -->


    <div class="section-bg background-image" style="background-image: url('assets/images/section-bg-1.png');">
        <!-- Start About Area -->
        <section class="ed-about section-gap position-relative">
            <div class="container ed-container">
                <div class="row ">
                    <div class="col-lg-6 col-12 mt-3 mt-lg-0">

                        <video class="banner-video" loop autoplay muted>
                            <source src="assets/images/JPS.mp4" type="video/mp4">
                            Your browser does not support the video tag.
                        </video>

                    </div>
                    <div class="col-lg-6 col-12 order-class">
                        <!-- About Content  -->
                        <div class="ed-about__content">
                            <div class="ed-section-head">
                                <span class="ed-section-head__sm-title">WELCOME TO </span>
                                <h3 class="ed-section-head__title ed-split-text left">
                                    JPS Bangalore - Empowering Future Generations
                                </h3>
                                <p class="ed-section-head__text pb-2">
                                    At JPS Bangalore, we are committed to shaping the future of our students through
                                    holistic, student-centered education. Our mission is to provide a nurturing
                                    environment where young minds can grow, explore, and excel in all aspects of their
                                    academic and personal development. We offer a comprehensive educational journey
                                    starting from Pre-Primary all the way through Secondary School, ensuring every child
                                    is equipped with the skills and confidence to succeed.
                                </p>
                                <p class="ed-section-head__text">
                                    With a focus on academic excellence, character building, and the development of
                                    critical thinking, JPS Bangalore creates a supportive environment that fosters
                                    creativity, curiosity, and lifelong learning. Our dedicated faculty and
                                    state-of-the-art facilities work together to offer a learning experience that is
                                    engaging, innovative, and future-focused.
                                </p>
                            </div>
                            <div class="ed-section-head__btn">
                                <a href="#" class="ed-btn">Read More<i
                                        class="fi fi-rr-arrow-small-right"></i></a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <img class="ed-about__shape-4" src="assets/images/abstracts/abstract-element-regular.svg" alt="shape-4" />
        </section>
        <!-- End About Area -->

    </div>

    <!-- Start Features Area -->
    <section class="ed-features position-relative">
        <div class="ed-category__shapes">
            <img class="ed-category__shape-1 updown-ani" src="assets/images/features/features-1/shape-1.svg"
                alt="shape-1" />
            <img class="ed-category__shape-2 rotate-ani" src="assets/images/features/features-1/shape-2.svg"
                alt="shape-2" />
        </div>
        <div class="container ed-container">
            <div class="row">
                <!-- Single Features Card  -->
                <div class="col-lg-3 col-md-6 col-12">
                    <div class="ed-features__card wow fadeInUp" data-wow-delay=".2s" data-wow-duration="1s">
                        <div class="ed-features__icon icon-bg bg-1">
                            <i class="fi fi-rs-user-graduate"></i>
                        </div>
                        <div class="ed-features__info">
                            <div class="ed-funfact__counter ">
                                <h4><span class="counter">5000</span>+</h4>
                            </div>
                            <p>
                                Enrolled Students
                            </p>
                        </div>
                    </div>
                </div>
                <!-- Single Features Card  -->
                <div class="col-lg-3 col-md-6 col-12">
                    <div class="ed-features__card wow fadeInUp" data-wow-delay=".4s" data-wow-duration="1s">
                        <div class="ed-features__icon icon-bg bg-2">
                            <i class="fi fi-rs-workshop"></i>
                        </div>
                        <div class="ed-features__info">
                            <div class="ed-funfact__counter ">
                                <h4><span class="counter">50</span>+</h4>
                            </div>
                            <p>
                                Teaching Staff
                            </p>
                        </div>
                    </div>
                </div>
                <!-- Single Features Card  -->
                <div class="col-lg-3 col-md-6 col-12">
                    <div class="ed-features__card wow fadeInUp" data-wow-delay=".6s" data-wow-duration="1s">
                        <div class="ed-features__icon icon-bg bg-3">
                            <i class="fi fi-rs-trophy-star"></i>
                        </div>
                        <div class="ed-features__info">
                            <div class="ed-funfact__counter ">
                                <h4><span class="counter">10</span>+</h4>
                            </div>
                            <p>
                                Years of Experience
                            </p>
                        </div>
                    </div>
                </div>
                <!-- Single Features Card  -->
                <div class="col-lg-3 col-md-6 col-12">
                    <div class="ed-features__card wow fadeInUp" data-wow-delay=".8s" data-wow-duration="1s">
                        <div class="ed-features__icon icon-bg bg-4">
                            <i class="fi fi-rs-student-alt"></i>
                        </div>
                        <div class="ed-features__info">
                            <div class="ed-funfact__counter ">
                                <h4><span class="counter">100</span>%</h4>
                            </div>
                            <p>
                                Results In 10th
                            </p>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </section>
    <!-- End Features Area -->

    <!-- Start Course Area -->
    <section class="ed-course section-gap section-bg-1 position-relative">
        <div class="ed-course__shapes">
            <img class="ed-course__shape-1 rotate-ani" src="assets/images/course/course-1/shape-1.svg" alt="shape-1" />
            <img class="ed-course__shape-2 updown-ani" src="assets/images/abstracts/abstract-element-regular.svg"
                alt="shape-2" />
            <img class="ed-course__shape-3 updown-ani" src="assets/images/course/course-1/shape-3.svg" alt="shape-3" />
        </div>
        <div class="container ed-container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8 col-12">
                    <div class="ed-section-head text-center">
                        <h3 class="ed-section-head__title ed-split-text left">
                            Academics
                        </h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <!-- Single Course Card -->
                <div class="col-lg-3 col-xl-3 col-md-6 col-12">
                    <div class="ed-course__card wow fadeInUp" data-wow-delay=".2s" data-wow-duration="1s">
                        <a href="#" class="ed-course__img">
                            <img src="assets/images/school.jpg" alt="course-img" />
                        </a>

                        <div class="ed-course__body">

                            <a href="#" class="ed-course__title">
                                <h5>
                                    Pre-Primary
                                </h5>
                            </a>
                            <p>Nurturing early development through play-based learning.</p>

                            <div class="ed-course__students mt-3">
                                <a href="">
                                    Read More <i class="fa-regular fa-circle-right"></i>
                                </a>
                            </div>


                        </div>
                    </div>
                </div>

                <!-- Single Course Card -->
                <div class="col-lg-3 col-xl-3 col-md-6 col-12">
                    <div class="ed-course__card wow fadeInUp" data-wow-delay=".4s" data-wow-duration="1s">
                        <a href="#" class="ed-course__img">
                            <img src="assets/images/school.jpg" alt="course-img" />
                        </a>

                        <div class="ed-course__body">

                            <a href="#" class="ed-course__title">
                                <h5>
                                    Primary School
                                </h5>
                            </a>
                            <p>
                                Building strong foundations in core subjects and life skills.
                            </p>

                            <div class="ed-course__students mt-3">
                                <a href="">
                                    Read More <i class="fa-regular fa-circle-right"></i>
                                </a>
                            </div>


                        </div>
                    </div>
                </div>

                <!-- Single Course Card -->
                <div class="col-lg-3 col-xl-3 col-md-6 col-12">
                    <div class="ed-course__card wow fadeInUp" data-wow-delay=".6s" data-wow-duration="1s">
                        <a href="#" class="ed-course__img">
                            <img src="assets/images/school.jpg" alt="course-img" />
                        </a>

                        <div class="ed-course__body">

                            <a href="#" class="ed-course__title">
                                <h5>
                                    Middle School
                                </h5>
                            </a>
                            <p>
                                Enhancing critical thinking and academic growth.
                            </p>

                            <div class="ed-course__students mt-3">
                                <a href="">
                                    Read More <i class="fa-regular fa-circle-right"></i>
                                </a>
                            </div>


                        </div>
                    </div>
                </div>

                <!-- Single Course Card -->
                <div class="col-lg-3 col-xl-3 col-md-6 col-12">
                    <div class="ed-course__card wow fadeInUp" data-wow-delay=".8s" data-wow-duration="1s">
                        <a href="#" class="ed-course__img">
                            <img src="assets/images/school.jpg" alt="course-img" />
                        </a>

                        <div class="ed-course__body">

                            <a href="#" class="ed-course__title">
                                <h5>
                                    Secondary School
                                </h5>
                            </a>
                            <p>
                                Preparing students for higher education and future careers.
                            </p>

                            <div class="ed-course__students mt-3">
                                <a href="">
                                    Read More <i class="fa-regular fa-circle-right"></i>
                                </a>
                            </div>


                        </div>
                    </div>
                </div>


            </div>
        </div>
    </section>
    <!-- End Course Area -->


    <!-- Start Course Area -->
    <section class="ed-course section-gap position-relative background-image" style="background-image: url('./assets/images/section-bg-9.png');">
        <div class="container ed-container">
            <div class="row">
                <div class="col-12">
                    <div class="ed-section-head ">
                        <div class="ed-section-head__info">
                            <h3 class="ed-section-head__title m-0 text-center">
                                Our Academic Advisors
                            </h3>
                        </div>

                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <!-- Single Course Card -->
                <div class="col-lg-4 col-xl-4 col-md-6 col-12">
                    <div class="ed-course__card ed-course__card--style3 ed-course__card--style4 wow fadeInUp" data-wow-delay=".3s" data-wow-duration="1s">
                        <div class="ed-course__cover">
                            <a href="#" class="ed-course__img">
                                <img src="assets/images/advisors/chairman.jpg" alt="course-img" />
                            </a>
                        </div>
                        <div class="ed-course__body text-center">

                            <h5 class="mb-1">
                                Dr. Chenraj Roychand
                            </h5>
                            <h6>
                                Founder Chairman, JGI Group.
                            </h6>
                            <div class="mt-3">
                                <a href="#" class="ed-blog__category position-static">Know More</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Course Card -->
                <div class="col-lg-4 col-xl-4 col-md-6 col-12">
                    <div class="ed-course__card ed-course__card--style3 ed-course__card--style4 wow fadeInUp" data-wow-delay=".3s" data-wow-duration="1s">
                        <div class="ed-course__cover">
                            <a href="#" class="ed-course__img">
                                <img src="assets/images/advisors/veena.jpg" alt="course-img" />
                            </a>
                        </div>
                        <div class="ed-course__body text-center">

                            <h5 class="mb-1">
                                Mrs. Veena Gowthamchand
                            </h5>
                            <h6>
                                Director- JPS, Bangalore.
                            </h6>
                            <div class="mt-3">
                                <a href="#" class="ed-blog__category position-static">Know More</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Single Course Card -->
                <div class="col-lg-4 col-xl-4 col-md-6 col-12">
                    <div class="ed-course__card ed-course__card--style3 ed-course__card--style4 wow fadeInUp" data-wow-delay=".3s" data-wow-duration="1s">
                        <div class="ed-course__cover">
                            <a href="#" class="ed-course__img">
                                <img src="assets/images/advisors/principal.jpg" alt="course-img" />
                            </a>
                        </div>
                        <div class="ed-course__body text-center">

                            <h5 class="mb-1">
                                Ms Manjula Kamalesh
                            </h5>
                            <h6>
                                Principal.
                            </h6>
                            <div class="mt-3">
                                <a href="#" class="ed-blog__category position-static">Know More</a>
                            </div>
                        </div>
                    </div>
                </div>




            </div>
        </div>
    </section>
    <!-- End Course Area -->

    <!-- Start Category Area -->
    <section class="ed-category section-gap">
        <div class="container ed-container">
            <div class="row">
                <div class="col-12">
                    <div class="ed-section-head ">
                        <div class="ed-section-head__info">
                            <h3 class="ed-section-head__title m-0 text-center">
                                Facilities
                            </h3>
                        </div>

                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="ed-category__wrapper">
                        <!-- Single Coure Card  -->
                        <div class="ed-category__card d-block  wow fadeInUp" data-wow-delay=".2s" data-wow-duration="1s">
                            <div class="d-flex justify-content-center">
                                <img src="assets/images/f-1.png" width="70" alt="icon" />
                            </div>
                            <div class="ed-category__info">
                                <h4>State-of-the-art infrastructure</h4>
                            </div>
                        </div>
                        <!-- Single Coure Card  -->
                        <div class="ed-category__card d-block wow fadeInUp" data-wow-delay=".4s" data-wow-duration="1s">
                            <div class="d-flex justify-content-center">
                                <img src="assets/images/f-2.png" width="70" alt="icon" />
                            </div>
                            <div class="ed-category__info">
                                <h4>Extensive library and media center</h4>
                            </div>
                        </div>
                        <!-- Single Coure Card  -->
                        <div class="ed-category__card d-block wow fadeInUp" data-wow-delay=".6s" data-wow-duration="1s">
                            <div class="d-flex justify-content-center">
                                <img src="assets/images/f-3.png" width="70" alt="icon" />
                            </div>
                            <div class="ed-category__info">
                                <h4>Field trips and guest lectures for practical learning</h4>
                            </div>
                        </div>
                        <!-- Single Coure Card  -->
                        <div class="ed-category__card d-block wow fadeInUp" data-wow-delay=".8s" data-wow-duration="1s">
                            <div class="d-flex justify-content-center">
                                <img src="assets/images/f-4.png" width="70" alt="icon" />
                            </div>
                            <div class="ed-category__info">
                                <h4>International standards sports facilities.</h4>

                            </div>
                        </div>
                        <!-- Single Coure Card  -->
                        <div class="ed-category__card d-block wow fadeInUp" data-wow-delay="1s" data-wow-duration="1s">
                            <div class="d-flex justify-content-center">
                                <img src="assets/images/f-5.png" width="70" alt="icon" />
                            </div>
                            <div class="ed-category__info">
                                <h4>Co-scholastic and extracurricular activities</h4>
                            </div>
                        </div>
                        <!-- Single Coure Card  -->
                        <div class="ed-category__card d-block wow fadeInUp" data-wow-delay="1.2s" data-wow-duration="1s">
                            <div class="d-flex justify-content-center">
                                <img src="assets/images/f-6.png" width="70" alt="icon" />
                            </div>
                            <div class="ed-category__info">
                                <h4>Fully equipped labs for Science, Math, and Computers</h4>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Category Area -->

    <!-- Start Testimonial Area -->
    <section class="ed-testimonial ed-testimonial--style4 section-gap overflow-hidden">
        <div class="container ed-container">
            <div class="row justify-content-center">
                <div class="col-lg-8 col-12">
                    <div class="ed-section-head text-center">
                        <h3 class="ed-section-head__title ed-split-text left">
                            JPS in Frames
                        </h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 position-relative">
                    <!-- Testimonial Shape  -->
                    <div class="ed-testimonial__shapes">
                        <img class="shape-1" src="assets/images/testimonial/testimonial-3/star.svg" alt="star" />
                    </div>

                    <!-- Testimonial Slider  -->
                    <div class="swiper ed-testimonial__slider-3">
                        <div class="swiper-wrapper">
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/20.jpg" alt="author-img" />
                                </div>
                            </div>
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/22.jpg" alt="author-img" />
                                </div>
                            </div>
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/23.jpg" alt="author-img" />
                                </div>
                            </div>
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/24.jpg" alt="author-img" />
                                </div>
                            </div>
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/25.jpg" alt="author-img" />
                                </div>
                            </div>
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/1.jpeg" alt="author-img" />
                                </div>
                            </div>
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/6.jpeg" alt="author-img" />
                                </div>
                            </div>
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/8.jpeg" alt="author-img" />
                                </div>
                            </div>
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/9.jpeg" alt="author-img" />
                                </div>
                            </div>
                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/12.jpeg" alt="author-img" />
                                </div>
                            </div>

                            <!-- Single Testimonial  -->
                            <div class="swiper-slide">
                                <div class="gallery-frames">
                                    <img src="assets/images/gallery/13.jpeg" alt="author-img" />
                                </div>
                            </div>



                        </div>
                    </div>
                    <div class="swiper-button-next">
                        <i class="fi fi-rr-arrow-right"></i>
                    </div>
                    <div class="swiper-button-prev">
                        <i class="fi fi-rr-arrow-left"></i>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Testimonial Area -->

    <!-- Start Call Action Area -->
    <section class="ed-call-action position-relative">
        <div class="container ed-container">
            <div class="ed-call-action__inner position-relative">
                <div class="ed-call-action__shapes">
                    <img class="ed-call-action__shape-1 rotate-ani"
                        src="assets/images/call-action/call-action-1/shape-1.svg" alt="shape-1" />
                    <img class="ed-call-action__shape-2" src="assets/images/call-action/call-action-1/shape-2.svg"
                        alt="shape-2" />
                    <img class="ed-call-action__shape-3 updown-ani"
                        src="assets/images/call-action/call-action-1/shape-3.svg" alt="shape-3" />
                </div>
                <div class="row">
                    <div class="col-lg-6 col-12">
                        <div class="ed-call-action__img">
                            <img src="assets/images/cta.png"
                                alt="call-action-img" />
                        </div>
                    </div>
                    <div class="col-lg-6 col-12 order-class">
                        <div class="ed-call-action__content ">
                            <div class="ed-section-head text-center">
                                <h3 class="ed-section-head__title">
                                    Admission for Academic Year 2025-2026
                                </h3>
                                <p class="ed-section-head__text border-left-right">Open</p>
                            </div>
                            <div class="ed-call-action__content-btn text-center">
                                <a href="#" class="ed-btn"> Register Now<i
                                        class="fi fi-rr-arrow-small-right"></i> </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Call Action Area -->

</main>


<?php include 'footer.php' ?>