<?php
/**
 * Template Name: Home Page
 * Description: Homepage template
 */

get_header(); ?>

    <section class="banner-wraper desk-content page-hero">
        <div class="desk-view"><video autoplay muted loop class="w-full h-full object-cover"><source src="<?php echo get_template_directory_uri(); ?>/assets/videos/banner.mp4" type="video/mp4"></video></div>
        <div class="home-img-landsc"><video autoplay muted loop class="w-full h-full object-cover"><source src="<?php echo get_template_directory_uri(); ?>/assets/videos/banner-mob-landscp.mp4" type="video/mp4"></video></div>
        <div class="mob-view home-img"><video autoplay muted loop class="w-full h-full object-cover"><source src="<?php echo get_template_directory_uri(); ?>/assets/videos/banner-mob.mp4" type="video/mp4"></video></div>
    </section>

    <section class="why-container">
        <div class="d-container">
            <div class="ser-top">
                <h2 class="why-title"> Why Wait Until the End of <span class="why-title-sp">School to Start? </span>
                </h2>
                <h3 class="why-btm"> START PREPARING FROM TODAY WITH OUR EXCLUSIVE <span class="why-span"> LIVE SESSIONS
                    </span> </h3>
            </div>
            <div class="row why-row center">
                <div class="col-md-4">
                    <div class="why-item">
                        <a href="<?php echo esc_url(home_url('/features#Mentorship')); ?>">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/why1.png" class="img-why">
                            <h2 class="why-h"> <span> Mentorship </span> Sessions </h2>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="why-item">
                        <a href="<?php echo esc_url(home_url('/features#Faculty')); ?>">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/why2.png" class="img-why">
                            <h2 class="why-h"> <span> Faculty </span> Sessions </h2>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="why-item">
                        <a href="<?php echo esc_url(home_url('/features#Doctor')); ?>">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/why3.png" class="img-why">
                            <h2 class="why-h"> <span> Doctor </span> Sessions </h2>
                        </a>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </section>

    <section class="course-container">
        <div class="d-container">
            <div class="ser-top">
                <h2 class="why-title"> Our Skill Based <span class="why-title-sp">Approach </span> </h2>
            </div>
            <div class="row mt-3">
                <div class="col-md-15">
                    <div class="lux-wrap">
                        <div class="lux-img">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill1.jpg" alt="" class="img-full">
                            <div class="lux-icon">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill-icon1.png" alt="" class="img-full">
                            </div>
                        </div>
                        <div class="lux-txt">
                            <h3 class="lx-head"> Learn Basic Concepts </h3>
                        </div>
                    </div>
                </div>

                <div class="col-md-15">
                    <div class="lux-wrap">
                        <div class="lux-img">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill2.jpg" alt="" class="img-full">
                            <div class="lux-icon">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill-icon2.png" alt="" class="img-full">
                            </div>
                        </div>
                        <div class="lux-txt">
                            <h3 class="lx-head"> Develop Problem Solving Skills </h3>
                        </div>
                    </div>
                </div>

                <div class="col-md-15">
                    <div class="lux-wrap">
                        <div class="lux-img">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill3.jpg" alt="" class="img-full">
                            <div class="lux-icon">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill-icon3.png" alt="" class="img-full">
                            </div>
                        </div>
                        <div class="lux-txt">
                            <h3 class="lx-head"> Build Analytical Skills </h3>
                        </div>
                    </div>
                </div>

                <div class="col-md-15">
                    <div class="lux-wrap">
                        <div class="lux-img">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill4.jpg" alt="" class="img-full">
                            <div class="lux-icon">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill-icon4.png" alt="" class="img-full">
                            </div>
                        </div>
                        <div class="lux-txt">
                            <h3 class="lx-head"> Acquire Time Management Skills </h3>
                        </div>
                    </div>
                </div>

                <div class="col-md-15">
                    <div class="lux-wrap">
                        <div class="lux-img">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill5.jpg" alt="" class="img-full">
                            <div class="lux-icon">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/skill-icon5.png" alt="" class="img-full">
                            </div>
                        </div>
                        <div class="lux-txt">
                            <h3 class="lx-head">Improve Cognitive Skills </h3>
                        </div>
                    </div>
                </div>

            </div>
            <div class="clear"></div>
        </div>
    </section>
    <div class="clear"></div>

    <section class="abt-container">
        <div class="d-container">
            <div class="row abt-con center">
                <div class="col-md-6">
                    <div class="abt1-img">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/abt1.jpg" class="img-full">
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="welcome-detail">
                        <div class="welcome-detail-title2">
                            <h1 class="welcome-title"> What is the Foundation Course </h1>
                            <span class="welcome-top">( 5th to 10th grade)? </span>
                        </div>

                        <p>Foundation course is an orientation course for children inclined towards the medical field.
                            We target at laying the best foundation of core science concepts, from grade 5th to 10th,
                            for our doctor juniors, without having to deal with stress or pressure. This not only helps
                            them to perform academically, but helps in laying a strong base,on which the curriculum for
                            competitive exams like NEET is built.
                        </p>

                        <a href="<?php echo esc_url(home_url('/contacts#enroll')); ?>" class="more-btn">Admission Open </a>
                    </div>
                </div>

            </div>
        </div>
        <div class="clear"></div>

    </section>

    <section class="curriculum-container">
        <div class="d-container">
            <div class="row abt-con center">

                <div class="col-md-6">
                    <div class="curriculum-detail">
                        <div class="welcome-detail-title2">
                            <h1 class="welcome-title c-blue"> Our Curriculum </h1>
                        </div>

                        <p>Our specially crafted academic structure is an integrated curriculum made by an experienced
                            team of subject experts and doctors. The syllabus inculcates topics from ICSE,NCERT and
                            state syllabus. Topics which are of academic importance in competitive exams and medical
                            field are also included in the curriculum.
                        </p>

                    </div>
                </div>

                <div class="col-md-5">
                    <div class="abt1-img curriculum-img">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/curriculum.png" class="img-full">
                    </div>
                </div>

            </div>
        </div>
        <div class="clear"></div>

    </section>



    <section class="whydr-container">
        <div class="bg5"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/bg5.jpg" class="img-full"></div>
        <div class="video-img">
            <div class="d-container">
                <div class="videos-wrap">
                    <a href="<?php echo get_template_directory_uri(); ?>/assets/videos/home-video.webm" data-fancybox="video">
                        <div class="videos">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/why-img.jpg" class="img-full shadow-img">
                            <div class="playbtn">
                                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/play.png" class="img-full">
                            </div>
                        </div>
                    </a>
                    <div class="video-content">
                        <h3 class="video-title"> Why <span> Dr. Junior ? </span> </h3>
                        <p>Dr. Junior is not merely an academic platform; it is the foundational step for aspiring students
                            on their journey towards a successful career in medicine. Embark on your journey towards
                            medical career with us. </p>
                    </div>
                </div>

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

    <section class="team-container">
        <div class="d-container">
            <h3 class="team-head"> Team <img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo.png" class="img-team-logo"> </h3>
            <div class="owl-carousel owl-theme  row-team" id="owl-demo-1">
                 <div class="item">
                    <div class="team-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/seena.jpg" class="img-full">
                    </div>
                    <div class="lx-head">Dr.Seena John</div>
                    <p class="lx-desig">Project Head</p>
                </div>

                <div class="item">
                    <div class="team-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/prasanth.jpg" class="img-full">
                    </div>
                    <div class="lx-head">Prasanth Joseph</div>
                    <p class="lx-desig">Assistant Project Head</p>
                </div>
                <div class="item">
                    <div class="team-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/shameer.jpg" class="img-full">
                    </div>
                    <div class="lx-head">Dr.Shameer Sainudheen</div>
                    <p class="lx-desig">Academic Head</p>
                </div>
                <div class="item">
                    <div class="team-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/keerthy.jpg" class="img-full">
                    </div>
                    <div class="lx-head">Dr. Keerthy Raj B</div>
                </div>
                <div class="item">
                    <div class="team-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/eldho.jpg" class="img-full">
                    </div>
                    <div class="lx-head">Dr. Eldho Varkey</div>
                </div>

                <div class="item">
                    <div class="team-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/assets/images/haritha.jpg" class="img-full">
                    </div>
                    <div class="lx-head">Haritha KS</div>
                </div>
            </div>

        </div>
    </section>

    <section class="enq-container" id="enroll">
        <div class="d-container">
            <div class="enq-bg">
                <div class="row center">
                    <div class="col-md-5">
                        <div class="enq-lft">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/get-lft.png" class="img-full">
                        </div>
                    </div>
                    <div class="col-md-6 col12">
                        <div class="in-contact-page-content enq-box">
                            <div class="enq-txt">
                                <h3 class="en-head2">Get in Touch </h3>
                                <p class="enq-span">For admissions please fill the below form </p>
                            </div>
                            <form id="contact" method="POST" action="<?php echo esc_url(get_template_directory_uri()); ?>/recaptcha-contactus.php">
                                <div class="contact-form">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" placeholder="Name" name="name" required="" class="input-box">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="email" placeholder="Email" name="email" required="" class="input-box">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" placeholder="Contact No." pattern="\d{10}" oninvalid="this.setCustomValidity('Mobile number must have a minimum of 10 digits')" oninput="this.setCustomValidity('')" name="phone" required="" class="input-box">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" placeholder="Location" name="location" required="" class="input-box">
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <textarea placeholder="Message" rows="5" name="comment" class="input-box"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <button type="submit" value="submit" class="submit-btn">SUBMIT</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="clear"></div>

<?php get_footer(); ?>