Ele57885fddfgdfgfghgقفغفغفقhfg555434536

kohjhjhصثقصثقصثقgdfgdg Ele57885fddfgdfgfghgقفغفغفقhfg555434536

<!doctype html>
<html class="no-js" lang="en">

<body class="sticky-header">

<div id="edublink-preloader">
        <div class="loading-spinner">
            <div class="preloader-spin-1"></div>
            <div class="preloader-spin-2"></div>
        </div>
        <div class="preloader-close-btn-wraper">
            <span class="btn btn-primary preloader-close-btn">
                Cancel Preloader</span>
        </div>
    </div>
    <?php include("header.php"); ?>

<div class="hero-banner hero-style-2 bg-image">
            <div class="container">
                <div class="row row--45 align-items-center">
                    <div class="col-lg-6">
                        <div class="banner-content">
                            <h1 class="title" data-sal-delay="100" data-sal="slide-up" data-sal-duration="1000"><span class="color-secondary">Edurite Academy</span> </h1>
                            <p data-sal-delay="200" data-sal="slide-up" data-sal-duration="1000">The Best Educational Centre is now in Chandkheda!
</p>
                            <div class="banner-btn" data-sal-delay="400" data-sal="slide-up" data-sal-duration="1000">
                                <a href="about-us.php" class="edu-btn">About Us <i class="icon-4"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="banner-gallery">
                            <div class="thumbnail thumbnail-1" data-sal-delay="500" data-sal="slide-up" data-sal-duration="1000">
                                <img src="assets/iloveimg-compressed/DKU04512.jpg" alt="Girl Image">
                            </div>
                            <div class="thumbnail thumbnail-2" data-sal-delay="500" data-sal="slide-down" data-sal-duration="1000">
                                <img src="assets/gallery/6.jpg" alt="Girl Image">
                            </div>
                            <div class="online-support" data-sal-delay="600" data-sal="slide-right" data-sal-duration="1000">
                                <div class="inner">
                                    <div class="icon">
                                        <i class="icon-29"></i>
                                    </div>
                                    <div class="content">
                                        <span class="subtitle">Online Support </span>
                                        <h4 class="title"><a href="tel:+919601947679">+91 9601947679
                                        </a></h4>
                                    </div>
                                </div>
                            </div>
                            <ul class="shape-group">
                                <li class="shape-1 scene shape-light" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                                    <img data-depth="2" src="assets/images/faq/shape-13.png" alt="Shape">
                                </li>
                                <li class="shape-1 scene shape-dark" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                                    <img data-depth="2" src="assets/images/faq/dark-shape-13.png" alt="Shape">
                                </li>
                                <li class="shape-2 scene" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                                    <img data-depth="-2" src="assets/images/faq/shape-12.png" alt="Shape">
                                </li>
                                <li class="shape-3 scene shape-light" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                                    <img data-depth="2" src="assets/images/faq/shape-09.png" alt="Shape">
                                </li>
                                <li class="shape-3 scene shape-dark" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                                    <img data-depth="2" src="assets/images/faq/dark-shape-09.png" alt="Shape">
                                </li>
                                <li class="shape-4 scene" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                                    <img data-depth="-2" src="assets/images/cta/shape-04.png" alt="Shape">
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="edu-categorie-area categorie-area-1 edu-section-gap">
            <div class="container">
                <div class="section-title section-center" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                    <span class="pre-title pre-textsecondary">Categories</span>
                    <h2 class="title">Our <span class="color-primary">experience</span> across different grades.</h2>
                    <span class="shape-line"><i class="icon-19"></i></span>
                    
                </div>
                <div class="row g-5">
                    <div class="col-lg-3 col-sm-6" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                        <div class="categorie-grid categorie-style-1 color-primary-style edublink-svg-animate">
                            <div class="icon">
                                <img class="svgInject" src="assets/gallery/1 (4).png" alt="animated icon">
                                
                            </div>
                            <div class="content">
                              
                                    <h5 class="title">
                                    Std 1st to 10th

</h5>
                                  
                                
                                <div class="course-remain">Subjects( English, Math, Science, Social Science, Hindi) 
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                        <div class="categorie-grid categorie-style-1 color-secondary-style edublink-svg-animate">
                            <div class="icon">
                                <img class="svgInject" src="assets/gallery/1 (1).png" alt="animated icon">
                                
                            </div>
                            <div class="content">
                              
                                    <h5 class="title">
                                    Std 11th and 12th
                                    </h5>
                               
                                
                                <div class="course-remain">Science (English, Math, Physics, Chemistry, Biology) 
                                </div>
                            </div>
                        </div>
                    </div>
                       <div class="col-lg-3 col-sm-6" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                        <div class="categorie-grid categorie-style-1 color-secondary-style edublink-svg-animate">
                            <div class="icon">
                                <img class="svgInject" src="assets/gallery/1 (1).png" alt="animated icon">
                                
                            </div>
                            <div class="content">
                              
                                    <h5 class="title">
                                    Science
                                    </h5>
                               
                                
                                <div class="course-remain"> English, Math, Physics, Chemistry, Biology
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6" data-sal-delay="300" data-sal="slide-up" data-sal-duration="800">
                        <div class="categorie-grid categorie-style-1 color-extra08-style edublink-svg-animate">
                            <div class="icon">
                                <img class="svgInject" src="assets/gallery/1 (2).png" alt="animated icon">
                                
                            </div>
                            <div class="content">
                               
                                    <h5 class="title">Commerce </h5>
                          
                              
                                <div class="course-remain">English, Accounts, Business Studies, Economics, Entrepreneurship</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6" data-sal-delay="400" data-sal="slide-up" data-sal-duration="800">
                        <div class="categorie-grid categorie-style-1 color-extra05-style edublink-svg-animate">
                            <div class="icon">
                                <img class="svgInject" src="assets/gallery/1 (3).png" alt="animated icon">
                                
                            </div>
                            <div class="content">
                                
                                    <h5 class="title"> Humanities</h5>
                               
                                <div class="course-remain"> English, Economics, Political Science, History, Legal Studies</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        
        
        <div class="gap-bottom-equal edu-about-area about-style-2">
            <div class="container edublink-animated-shape">
                <div class="row g-5 align-items-center">
                    <div class="col-lg-7">
                        <div class="about-image-gallery">
                            <img class="main-img-1" src="assets/iloveimg-compressed/DKU04489.jpg" alt="About Image">
                            <div class="author-box" data-parallax='{"x": 0, "y": -120}'>
                                
                                    
                                    
                                
                            </div>
                            <div class="award-status bounce-slide">
                                <div class="inner">
                                    <div class="icon">
                                        <i class="icon-30"></i>
                                    </div>
                                    <div class="content">
                                        <h6 class="title">20K+</h6>
                                        <span class="subtitle">Enrolled Learners</span>
                                    </div>
                                </div>
                            </div>
                            <ul class="shape-group">
                                <li class="shape-1 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                                    <img data-depth="2" src="assets/images/about/shape-38.png" alt="Shape">
                                </li>
                                <li class="shape-2 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                                    <img data-depth="-2" src="assets/images/about/shape-37.png" alt="Shape">
                                </li>
                                <li class="shape-3 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                                    <img data-depth="1.8" src="assets/images/about/shape-04.png" alt="Shape">
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="about-content">
                            <div class="section-title section-left" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                                <span class="pre-title">About Us</span>
                                <h2 class="title">20 + years <span class="color-secondary"> of teaching </span> experience</h2>
                                <span class="shape-line" style="text-align: justify;"><i class="icon-19"></i></span>
                                <p>"Looking for a dedicated and experienced tutor to help your child achieve their academic goals? 
                                    We offer personalized tuition services for students of all ages and levels. </p>
                            </div>
                            <ul class="features-list" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                                <li>Expert Trainers</li>
                                <li>Offline Learning</li>
                              
                            </ul>
                        </div>
                    </div>
                </div>
                <ul class="shape-group">
                    <li class="shape-1 circle scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                        <span data-depth="-2.3"></span>
                    </li>
                </ul>
            </div>
        </div>
       
         
        
        
        
        
       <div class="video-area-1">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-9">
                <div class="row">
                    
                  
                        <div class="video-gallery">
                            <div class="thumbnail">
                                <img src="assets/iloveimg-compressed/DKU04512.jpg" alt="Thumb">
                                <a href="https://www.youtube.com/watch?v=TNC024A9Y_Y" class="video-play-btn video-popup-activation">
                                    <i class="icon-18"></i>
                                </a>
                            </div>
                        </div>
                    </div>

<ul class="shape-group">
                    <li class="shape-1 scene">
                        <img data-depth="2" class="rotateit" src="assets/images/about/shape-37.png" alt="Shape">
                    </li>
                    <li class="shape-2 scene">
                        <img data-depth="-2" src="assets/images/faq/shape-04.png" alt="Shape">
                    </li>
                    <li class="shape-3 scene shape-light">
                        <img data-depth="2" src="assets/images/faq/shape-14.png" alt="Shape">
                    </li>
                    <li class="shape-3 scene shape-dark">
                        <img data-depth="2" src="assets/images/faq/dark-shape-14.png" alt="Shape">
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="counterup-area-5 edu-section-gap">
            <div class="container">
                <div class="row g-5">
                    <div class="col-lg-3 col-sm-6" data-sal-delay="50" data-sal="slide-up" data-sal-duration="800">
                        <div class="edu-counterup counterup-style-5 primary-color">
                            <h2 class="counter-item count-number">
                                <span class="odometer" data-odometer-final="10.0">.</span><span>K</span>
                            </h2>
                            <h6 class="title">Student Enrolled</h6>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                        <div class="edu-counterup counterup-style-5 secondary-color">
                            <h2 class="counter-item count-number">
                                <span class="odometer" data-odometer-final="32.4">.</span><span>K</span>
                            </h2>
                            <h6 class="title">Class Completed</h6>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div class="edu-counterup counterup-style-5 extra02-color">
                            <h2 class="counter-item count-number">
                                <span class="odometer" data-odometer-final="100">.</span><span>%</span>
                            </h2>
                            <h6 class="title">Satisfaction Rate</h6>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                        <div class="edu-counterup counterup-style-5 extra05-color">
                            <h2 class="counter-item count-number">
                                <span class="odometer" data-odometer-final="354">.</span><span>+</span>
                            </h2>
                            <h6 class="title">Top Instructors</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        
        
        <div class="testimonial-area-5 gap-lg-bottom-equal">
            <div class="container">
                <div class="row g-lg-10">
                    
                    <div class="col-lg-10">
                        <div class="swiper-testimonial-slider-wrapper swiper testimonial-coverflow">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="testimonial-grid">
                                        <div class="thumbnail">
                                            <img src="assets/images/icons/user.png" style="width:90px;" alt="Testimonial">
                                            <span class="qoute-icon"><i class="icon-26"></i></span>

</div>
                                        <div class="content">
                                            <p style="text-align: justify;"> Use of multimedia resources effectively enhances lessons. Positive classroom atmosphere. Your student-centered approach encourages students to perform better and better. 
                                                Incorporate real-world examples in classes to help students see the relevance of their education.</p>
                                            <div class="rating-icon">
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                            </div>
                                            <h5 class="title">Hetal Patel</h5>
                                            
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial-grid">
                                        <div class="thumbnail">
                                        <img src="assets/images/icons/user.png" style="width:90px;" alt="Testimonial">
                                            <span class="qoute-icon"><i class="icon-26"></i></span>

</div>
                                        <div class="content">
                                            <p style="text-align: justify;">Best coaching institute for students....I was looking for a good tution my cousins and came across this institute...Safe to say their marks have have improved drastically.
                                                 They have a one to one approach and excellent teachering pedagogies....a big kuddos to all the teachers here.</p>
                                            <div class="rating-icon">
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                            </div>
                                            <h5 class="title">
                                            Margie  </h5>
                                          
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial-grid">
                                        <div class="thumbnail">
                                              <img src="assets/images/icons/user.png" style="width:90px;" alt="Testimonial">
                                            <span class="qoute-icon"><i class="icon-26"></i></span>

</div>
                                        <div class="content">
                                            <p style="text-align: justify;">The teaching methodology and the personal attention that the teacher gives is extraordinary...
                                                 Also the tests and exam preparation before the exam is really helpful.</p>
                                            <div class="rating-icon">
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                            </div>
                                            <h5 class="title">Mahimn  </h5>
                                           
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonial-grid">
                                        <div class="thumbnail">
                                        <img src="assets/images/icons/user.png" style="width:90px;" alt="Testimonial">
                                            <span class="qoute-icon"><i class="icon-26"></i></span>

</div>
                                        <div class="content">
                                            <p>Awesome teachers, value learning with fun. Highly recommended.</p>
                                            <div class="rating-icon">
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                            </div>
                                            <h5 class="title">
                                            Pranjali Trivedi</h5>
                                           
                                        </div>
                                    </div>
                                </div>
                                    <div class="swiper-slide">
                                    <div class="testimonial-grid">
                                        <div class="thumbnail">
                                        <img src="assets/images/icons/user.png" style="width:90px;" alt="Testimonial">
                                            <span class="qoute-icon"><i class="icon-26"></i></span>

</div>
                                        <div class="content">
                                            <p style="text-align: justify;">Best coaching in chandkheda,Highly Qualified experienced teachers,Individual monitoring</p>
                                            <div class="rating-icon">
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                            </div>
                                            <h5 class="title">
                                            Meghna Raval</h5>
                                           
                                        </div>
                                    </div>
                                    </div>
                                     <div class="swiper-slide">
                                    <div class="testimonial-grid">
                                        <div class="thumbnail">
                                        <img src="assets/images/icons/user.png" style="width:90px;" alt="Testimonial">
                                            <span class="qoute-icon"><i class="icon-26"></i></span>

</div>
                                        <div class="content">
                                            <p>  Great education experience.</p>
                                            <div class="rating-icon">
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                                <i class="icon-23"></i>
                                            </div>
                                            <h5 class="title">
                                          
                                            Utkarsh </h5>
                                           
                                        </div>
                                    </div>
                                </div>
                         
                               
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="edu-faq-area faq-style-1">
            <div class="container">
                <div class="row g-5 row--45">
                    <div class="col-lg-6">
                        <div class="edu-faq-gallery">
                            <div class="row g-5">
                                <div class="col-6" data-sal-delay="50" data-sal="slide-right" data-sal-duration="800">
                                    <div class="faq-thumbnail thumbnail-1">
                                        <img src="assets/iloveimg-compressed/DKU04512.jpg" alt="Faq Images">
                                    </div>
                                </div>
                                <div class="col-6" data-sal-delay="100" data-sal="slide-left" data-sal-duration="800">
                                    <div class="faq-thumbnail thumbnail-2">
                                        <img src="assets/gallery/6.jpg" style="height:250px;" alt="">
                                    </div>
                                </div>
                                <div class="col-6" data-sal-delay="50" data-sal="slide-right" data-sal-duration="800">
                                    <div class="faq-thumbnail thumbnail-3">
                                        <img src="iloveimg-compressed/DKU04517.jpg" alt="Faq Images">
                                    </div>
                                </div>
                                <div class="col-6" data-sal-delay="100" data-sal="slide-left" data-sal-duration="800">
                                    <div class="faq-thumbnail thumbnail-4">
                                        <img src="assets/iloveimg-compressed/DKU04490.jpg" alt="Faq Images">
                                    </div>
                                </div>
                            </div>
                            <ul class="shape-group">
                                
                                <li class="shape-1 scene shape-dark" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                                    <img data-depth="1.5" src="assets/images/faq/dark-shape-02.png" alt="Shape Images">
                                </li>
                                <li class="shape-2 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                                    <img data-depth="-2" src="assets/images/faq/shape-03.png" alt="Shape Images">
                                </li>
                                
                                <li class="shape-4 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                                    <img data-depth="-2" src="assets/images/faq/shape-05.png" alt="Shape Images">
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="edu-faq-content">
                            <div class="section-title section-left" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                               
                                <h2 class="title"> <span class="color-secondary">Distant Skill</span> Development</h2>
                                <span class="shape-line"><i class="icon-19"></i></span>
                            </div>
                            <div class="faq-accordion" id="faq-accordion" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                                <div class="accordion">
                                    <div class="accordion-item">
                                        <h5 class="accordion-header">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true">
                                               How to contact the academy?
                                            </button>
                                        </h5>
                                        <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#faq-accordion">
                                            <div class="accordion-body">
                                                <p>Most academy have an official website with contact details, including phone numbers, email addresses, and office hours.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item">
                                        <h5 class="accordion-header">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false">
                                              How to locate the academy?
                                            </button>
                                        </h5>
                                        <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#faq-accordion">
                                            <div class="accordion-body">
                                                <p>Look at their Address, Map, Qr code etc.</p>
                                            </div>
                                        </div>
                                    </div>
                                  
                                </div>
                            </div>
                            <ul class="shape-group">
                                <li class="shape-1 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                                    <img data-depth="1.5" src="assets/images/about/shape-02.png" alt="Shape Images">
                                </li>
                                <li class="shape-2 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                                    <span data-depth="-2.2"></span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="edu-blog-area blog-area-2 svg-image--2 bg-image gap-bottom-equal">
        <div class="edu-blog-area blog-area-1 edu-section-gap">
            <div class="container">
                <div class="section-title section-center" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                    <span class="pre-title">Latest Class</span>
                    <h2 class="title">Get Blog with Edurite Academy</h2>
                    <span class="shape-line"><i class="icon-19"></i></span>
                </div>
                <div class="row g-5">

<?php
                include("admin/config.php");
       $sql = "SELECT * FROM `blog` ORDER BY id DESC LIMIT 2";

$res = mysqli_query($db, $sql);
                while ($row = mysqli_fetch_array($res)) {
                ?>
                    
                    <div class="col-lg-6 col-md-6 col-12" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">

<div class="edu-blog blog-style-1">
                            <div class="inner">
                                <div class="thumbnail">
                                    <a href="blog-details.php?slug=<?php echo $row['id']; ?>">
                                         <img style="width: 800px;" src="admin/upload/<?php echo$row['image']; ?>">
                                    </a>
                                </div>
                                <div class="content position-top">
                                    <div class="read-more-btn">
                                    <a class="btn-icon-round" href="blog-details.php?slug=<?php echo $row['id']; ?>"><i class="icon-4"></i></a>
                                    </div>
                                    <div class="category-wrap">
                                        <a href="#" class="blog-category">Offline</a>
                                    </div>
                                    <h5 class="title"><a href="blog-details.php?slug=<?php echo $row['id']; ?>">
                                                    <?php echo $row['title']; ?>
                                                </a></h5>
                                                <ul class="blog-meta">
                                    <li><i class="icon-27"></i><?php echo $row['post_date']; ?></li>
                                     
                                    </ul>
                                    <p style="text-align: justify;"><?php echo $row['post_desc']; ?></p>
                                    
                                </div>
                            </div>
                        </div>
                       
                    </div>
                    <?php } ?>
                    
                </div>
            </div>
            <ul class="shape-group">
                <li class="shape-1 scene">
                    <img data-depth="-1.4" src="assets/images/about/shape-02.png" alt="Shape">
                </li>
                <li class="shape-2 scene">
                    <span data-depth="2.5"></span>
                </li>
                <li class="shape-3 scene">
                    <img data-depth="-2.3" src="assets/images/counterup/shape-05.png" alt="Shape">
                </li>
            </ul>
        </div>
</div>
</div>

<!DOCTYPE html>

<div class="edu-blog-area blog-area-1 edu-section-gap">
            <div class="container">
<div class="section-title section-center" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                    <span class="pre-title">Video</span>
                    <h2 class="title">Students and Parents Feedback</h2>
                    <span class="shape-line"><i class="icon-19"></i></span>
                </div>
  <div class="video-container">
    <video controls>
      <source src="assets/images/process/video/1.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>

<video controls>
      <source src="assets/images/process/video/2.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
     <video controls>
      <source src="assets/images/process/video/3.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </div>

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

<?php include("footer.php"); ?>

</div>
<a href="https://wa.me/+919879744984" target="_blank" style="
    position: fixed;
    bottom: 90px;
    right: 20px;
  background-color: green;
    color: white;
    padding: 12px 15px;
    font-size: 24px;
    border-radius: 1000px;
    text-decoration: none;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
">  
    <i class="fab fa-whatsapp"></i>
</a>

<div class="modal fade" id="myModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content custom-modal">
            <div class="modal-header">
                <h4 class="modal-title">Inquiry Form</h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form action="form.php" class="rnt-contact-form" id="contact-form" method="POST">
                    <div class="form-group">
                        <input type="text" name="name" id="contact-name" placeholder="Your Name" required>
                    </div>
                    <div class="form-group">
                        <input type="email" name="email" id="contact-email" placeholder="Enter Your Email" required>
                    </div>
                    <div class="form-group">
                        <input type="tel" maxlength="10" name="phone" id="contact-phone" placeholder="Phone Number" required>
                    </div>
                    <div class="form-group">
                        <textarea name="message" id="contact-message" cols="30" rows="4" placeholder="Your Message" required></textarea>
                    </div>
                    <div class="form-group">
                        <button class="submit-btn" id="submit-btn" name="submit" type="submit">
                            Submit Message
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

.custom-modal {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.modal-header {
    background: #0ecd73;
    color: white;
    border-bottom: none;
    padding: 15px;
    font-weight: bold;
}

.btn-close {
    background-color: white;
    border-radius: 50%;
    opacity: 1;
}

.modal-body {
    padding: 20px;
    background: #f8f9fa;
}

.form-group {
    margin-bottom: 15px;
}

input, textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
}

.submit-btn {
    width: 100%;
    padding: 15px !important;
    background: #0ecd73;
    border: none;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

.submit-btn:hover {
    background: #0056b3;
}

</style>

document.addEventListener("DOMContentLoaded", function () {
    var myModalElement = document.getElementById('myModal');
    var myModal = new bootstrap.Modal(myModalElement, {});
    
    // Show the modal when the page loads
    myModal.show();

// Remove the modal when the close button is clicked
    document.querySelector(".btn-close").addEventListener("click", function () {
        myModalElement.remove(); // Removes the entire modal from the DOM
    });
});
</script>

<script src="assets/js/vendor/modernizr.min.js"></script>
    
    <script src="assets/js/vendor/jquery.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/sal.min.js"></script>
    <script src="assets/js/vendor/jquery.waypoints.js"></script>
    <script src="assets/js/vendor/backtotop.min.js"></script>
    <script src="assets/js/vendor/magnifypopup.min.js"></script>
    <script src="assets/js/vendor/jquery.countdown.min.js"></script>
    <script src="assets/js/vendor/jQuery.rProgressbar.min.js"></script>
    <script src="assets/js/vendor/easypie.js"></script>
    <script src="assets/js/vendor/odometer.min.js"></script>
    <script src="assets/js/vendor/isotop.min.js"></script>
    <script src="assets/js/vendor/imageloaded.min.js"></script>
    <script src="assets/js/vendor/lightbox.min.js"></script>
    <script src="assets/js/vendor/paralax.min.js"></script>
    <script src="assets/js/vendor/paralax-scroll.min.js"></script>
    <script src="assets/js/vendor/jquery-ui.min.js"></script>
    <script src="assets/js/vendor/swiper-bundle.min.js"></script>
    <script src="assets/js/vendor/svg-inject.min.js"></script>
    <script src="assets/js/vendor/vivus.min.js"></script>
    <script src="assets/js/vendor/tipped.min.js"></script>
    <script src="assets/js/vendor/smooth-scroll.min.js"></script>
    <script src="assets/js/vendor/isInViewport.jquery.min.js"></script>

<script src="assets/js/app.js"></script>
</body>

</html>