<!DOCTYPE html>
<html class="no-js" lang="ZXX">


<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="description" content=" " />
    <meta name="keywords" content=" " />
    <meta name="author" content="BizanTheme" />

    <title>Jain Public School</title>
    <link rel="shortcut icon" href="assets/images/favicon.jpg" />

    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/plugins/css/bootstrap.min.css" />
    <!-- Animate CSS -->
    <link rel="stylesheet" href="assets/plugins/css/animate.min.css" />
    <!-- Owl Carousel CSS -->
    <link rel="stylesheet" href="assets/plugins/css/owl.carousel.min.css" />
    <!-- Swiper Slider CSS -->
    <link rel="stylesheet" href="assets/plugins/css/swiper-bundle.min.css" />
    <!-- Maginific Popup CSS -->
    <link rel="stylesheet" href="assets/plugins/css/maginific-popup.min.css" />
    <!-- Nice Select CSS -->
    <link rel="stylesheet" href="assets/plugins/css/nice-select.min.css" />
    <!-- Icofont -->
    <link rel="stylesheet" href="assets/plugins/css/icofont.css" />
    <!-- Uicons -->
    <link rel="stylesheet" href="assets/plugins/css/uicons.css" />
    <!-- Main CSS -->
    <link rel="stylesheet" href="style.css" />

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
        integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

    <link rel='stylesheet'
        href='https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-straight/css/uicons-regular-straight.css'>
</head>

<body class="element-wrapper">
    <!-- Start Preloader  -->
     <div id="preloader">
        <div id="ed-preloader" class="ed-preloader">
            <div class="animation-preloader">
                <div class="spinner"></div>
            </div>
        </div>
    </div> 
    <!-- End Preloader -->



    <!-- Start Mobile Menu Offcanvas -->
    <div class="modal mobile-menu-modal offcanvas-modal fade" id="offcanvas-modal">
        <div class="modal-dialog offcanvas-dialog">
            <div class="modal-content">
                <div class="modal-header offcanvas-header">
                    <!-- Mobile Menu Logo -->
                    <div class="offcanvas-logo">
                        <a href="index.php"><img src="assets/images/logo.jpg" alt="#" /></a>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                        <i class="fi fi-ss-cross"></i>
                    </button>
                </div>
                <div class="mobile-menu-modal-main-body">
                    <!-- Mobile Menu Navigation -->
                    <nav class="offcanvas__menu">
                        <ul class="offcanvas__menu_ul">
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item active" href="index.php">Home</a>

                            </li>
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item" href="#">About us</a>
                            </li>
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item" href="#">Academics</a>
                            </li>
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item" href="#">Activities</a>
                            </li>
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item" href="#">Facilities</a>
                            </li>
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item" href="#">Newsletter</a>
                            </li>
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item" href="#">Admission </a>
                            </li>
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item" href="#">Announcements</a>
                            </li>
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item" href="#">Gallery</a>
                            </li>
                            <li class="offcanvas__menu_li">
                                <a class="offcanvas__menu_item" href="#">Contact us</a>
                            </li>
                        </ul>
                    </nav>

                    <!-- Single Widget  -->
                    <div class="ed-sidebar-widget mt-3">
                        <h3 class="ed-sidebar-widget-title">Contacts Us:</h3>
                        <!-- Sigle Info  -->
                        <div class="ed-contact__info-item">
                            <div class="ed-contact__info-icon">
                                <img src="assets/images/icons/icon-phone-blue.svg" alt="icon-phone-blue">
                            </div>
                            <div class="ed-contact__info-content">

                                <a href="tel:080-26632818" class="mb-2">080-26632818</a> <br>
                                <a href="tel:080-26630099" class="mb-2">080-26630099</a> <br>
                                <a href="tel:+91 7019287622">+91 7019287622</a>

                            </div>
                        </div>
                        <!-- Sigle Info  -->
                        <div class="ed-contact__info-item">
                            <div class="ed-contact__info-icon">
                                <img src="assets/images/icons/icon-envelope-blue.svg" alt="icon-envelope-blue">
                            </div>
                            <div class="ed-contact__info-content">
                                <a href="mailto:contactjps.bangalore@gmail.com">contactjps.bangalore@gmail.com</a>
                            </div>
                        </div>

                        <!-- Sigle Info  -->
                        <div class="ed-contact__info-item">
                            <div class="ed-contact__info-icon">
                                <img src="assets/images/icons/icon-location-blue.svg" alt="icon-location-blue">
                            </div>
                            <div class="ed-contact__info-content">
                                <a href="#" target="_blank">
                                    #103, E Ashwathnarayan Layout, Puttenahalli, JP Nagar 7th Phase, Bangalore –
                                    560078</a>
                            </div>
                        </div>
                    </div>

                    <!-- Single Widget  -->
                    <div class="ed-sidebar-widget">
                        <h3 class="ed-sidebar-widget-title">Follow Us:</h3>
                        <ul class="ed-sidebar-social">
                            <li>
                                <a href="https://www.facebook.com/" target="_blank"><i
                                        class="fa-brands fa-facebook-f"></i></a>
                            </li>
                            <li>
                                <a href="https://www.twitter.com/" target="_blank"><i
                                        class="fa-brands fa-x-twitter"></i></a>
                            </li>
                            <li>
                                <a href="https://www.dribbble.com/" target="_blank"><i
                                        class="fa-brands fa-instagram"></i></a>
                            </li>
                            <li>
                                <a href="https://www.instagram.com/" target="_blank"><i
                                        class="fa-brands fa-linkedin-in"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- End Mobile Menu Offcanvas -->


    <!-- top-nav-bar -->
    <div class="top-bar-1">
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="col-md-4 col-lg-4">
                    <p class="text-center text-md-start">CBSE Affiliation Code: 830993</p>
                </div>
                <div class="col-md-8 col-lg-8 col-xl-5">
                    <div class="marquee-scroll">
                        <marquee behavior="" direction=""><a href="#/">Registration for admission to Pre-Primary,
                                Primary, Middle & Secondary School (All age group) for the academic year 2025-26 is now
                                open. Click here</a></marquee>
                    </div>
                </div>
                <div class=" col-xl-3">
                    <ul class="ed-topbar__info-social justify-content-end ">
                        <li>
                            <a href="https://www.facebook.com/" target="_blank"><i
                                    class="fa-brands fa-facebook-f"></i></a>
                        </li>
                        <li>
                            <a href="https://www.twitter.com/" target="_blank"><i
                                    class="fa-brands fa-x-twitter"></i></a>
                        </li>
                        <li>
                            <a href="https://www.dribbble.com/" target="_blank"><i
                                    class="fa-brands fa-instagram"></i></a>
                        </li>
                        <li>
                            <a href="https://www.instagram.com/" target="_blank"><i
                                    class="fa-brands fa-linkedin-in"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Start Topbar Area  -->
    <div class="ed-topbar">

        <div class="container ed-container-expand">

            <div class="ed-topbar__inner">
                <!-- Logo  -->
                <div class="ed-topbar__logo">
                    <a href="index.php">
                        <img src="assets/images/logo.jpg" alt="logo" />
                    </a>
                </div>


                <!-- Topbar Info -->
                <div class="ed-topbar__info header-contact-info">

                    <div class="d-none d-lg-block">
                        <div class="d-flex align-items-center ">
                            <div>
                                <img src="assets/images/icons/icon-phone-blue.svg" alt="icon-phone-blue">
                            </div>
                            <div class="ps-3">
                                <span>Call Now:</span>
                                <p><a href="tel:080-26632818">080-26632818</a></p>

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

                    <div class="d-none d-lg-block">
                        <div class="d-flex align-items-center">
                            <div>
                                <img src="assets/images/icons/icon-phone-blue.svg" alt="icon-phone-blue">
                            </div>
                            <div class="ps-3">
                                <span>Call Now:</span>
                                <p><a href="tel:+91 7019287622">+91 7019287622</a></p>

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

                    <div class="d-none d-lg-block">
                        <div class="d-flex align-items-center">
                            <div>
                                <img src="assets/images/icons/icon-envelope-blue.svg" alt="icon-envelope-blue" />
                            </div>
                            <div class="ps-3">
                                <span>Mail Us:</span>
                                <p><a href="mailto:contactjps.bangalore@gmail.com">contactjps.bangalore@gmail.com</a>
                                </p>

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

                    <div class="d-none d-xl-block">
                        <div class="d-flex align-items-center ">
                            <div>
                                <img src="assets/images/icons/icon-location-blue.svg" alt="icon-location-blue" />
                            </div>
                            <div class="ps-3">
                                <span>#103, E Ashwathnarayan Layout </span>
                                <p>Bangalore </p>

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


                    <!-- Mobile Menu Button -->
                    <button type="button" class="mobile-menu-offcanvas-toggler" data-bs-toggle="modal"
                        data-bs-target="#offcanvas-modal">
                        <span class="line"></span>
                        <span class="line"></span>
                        <span class="line"></span>
                    </button>
                    <!-- End Mobile Menu Button -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Topbar Area -->

    <!-- Start Header Area -->
    <header class="ed-header d-none d-lg-block">
        <div class="container ed-container-expand">
            <div class="ed-header__inner">
                <div class="row align-items-center justify-content-center">
                    <div class="col-lg-12 col-12">
                        <!-- Navigation Menu -->
                        <nav class="ed-header__navigation">
                            <ul class="ed-header__menu text-center">
                                <li class="active"> <a href="javascript:void(0)">Home</a> </li>
                                <li> <a href="#">About us</a> </li>
                                <li> <a href="#">Academics</a> </li>
                                <li> <a href="#">Activities</a> </li>
                                <li> <a href="#">Facilities</a> </li>
                                <li> <a href="#">Newsletter</a> </li>
                                <li> <a href="#">Admission </a> </li>
                                <li> <a href="#">Announcements</a> </li>
                                <li> <a href="#">Gallery</a> </li>
                                <li> <a href="#">Contact us</a> </li>

                            </ul>
                        </nav>
                    </div>

                </div>
            </div>
        </div>
    </header>
    <!-- End Header Area -->

    <div id="smooth-wrapper">
        <div id="smooth-content">