<?xml version="1.0" encoding="UTF-8"?>
<odoo>
    <template id="homepage" inherit_id="website.homepage" name="Education Management System for School, College &amp; University" priority="99">
        <xpath expr="." position="replace">
            <t t-call="website.layout">
                <div id="wrap" class="oe_structure oe_empty limit-min homepage theme_web_openeducat">

                    <section class="banner o_colored_level oe_img_bg o_bg_img_center pt-5">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-lg-6 col-md-12 pb88 text-center text-lg-start mb-4 mb-lg-0 o_colored_level o_animate o_anim_flip_in_x o_visible" style="">
                                    <div class="banner-content text-md-start">
                                        <div class="bg-white d-inline-block mb-3 px-3 py-2 rounded-2 shadow-lg" id="reb">
                                          <b class="me-2">🏆</b>The Leader in Shaping Future Scholars
                                        </div>
                                        <h1 class=" main-title"><span class="o_animated_text o_animate o_anim_zoom_in o_visible text-white">Build Essential Skills To Accelerate Your Career.</span>
                                        </h1>
                                        <p class="fs-5 text-muted"><span class="o_animated_text o_animate o_anim_zoom_in o_visible text-300" style="">Develop the skills you need to succeed and advance your career at our university.</span>
                                        </p>
                                        <div class="d-contents mt-5 text-center">
                                            <button class="head-button btn btn-lg">
                                                         View Course
                                            </button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12 text-center">
                                    <div class="align-items-center banner-img d-flex ">
                                        <img src="/theme_web_openeducat/static/src/img/banner/student-img.png" alt="Education Management System for School, College University" class="img-main img-fluid" loading="lazy"/>

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

                    </section>

                    <section class="o_colored_level py-5">
                        <div class="categories">
                            <div class="container ">
                                <div class=" mb-3 title row">
                                    <div class="col-12 o_colored_level o_animate o_anim_bounce_in o_visible" style="">
                                        <div class="py-3 section-title text-center">
                                            <span class="bg-primary-opacity subtitle">
                                               Explore Top Features
                                            </span>
                                            <h2 class="fw-bold py-3">
                                             <span class="o_animated_text o_animate o_anim_fade_in o_visible" style="">Explore Top Courses Caterories
                                              <br/> That Change Yourself</span>
                                            </h2>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-4">
                                    <div class="col-12 col-md-6 col-lg-3 mb-3 o_colored_level pb4">
                                        <div class="main_card p-4 rounded-3 shadow hover h-100" style="background: #fff;padding: 23px 40px;">
                                            <div class="inner_card">
                                                <div class="d-flex icon_card justify-content-center p-lg-5">
                                                    <img src="/theme_web_openeducat/static/src/img/banner/books.svg" class="card-img-top" alt="..." style="width: 80px;" loading="lazy"/>
                                                </div>
                                                <div class="content_card text-center">
                                                    <h5 class="fw-bolder">
                                                     Web Design
                                                    </h5>
                                                    <div class="px-1 text-900 categories-link-hover">
                                                            22 Courses
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 col-lg-3 mb-3">
                                        <div class="main_card p-4 rounded-3 shadow hover h-100" style="background: #fff;padding: 23px 40px;">
                                            <div class="inner_card">
                                                <div class="d-flex icon_card justify-content-center p-lg-5">
                                                    <img src="/theme_web_openeducat/static/src/img/banner/teacher.svg" class="card-img-top" alt="..." style="width: 80px;" loading="lazy"/>
                                                </div>
                                                <div class="content_card text-center">
                                                    <h5 class="fw-bolder">
                                                      Graphic Design
                                                    </h5>
                                                    <div class="px-1 text-900 categories-link-hover">
                                                            15 Courses
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 col-lg-3 mb-3">
                                        <div class="main_card p-4 rounded-3 shadow hover h-100" style="background: #fff;padding: 23px 40px;">
                                            <div class="inner_card">
                                                <div class="d-flex icon_card justify-content-center p-lg-5">
                                                    <img src="/theme_web_openeducat/static/src/img/banner/dictionary.svg" class="card-img-top" alt="..." style="width: 80px;" loading="lazy"/>
                                                </div>
                                                <div class="content_card text-center">
                                                    <h5 class=" fw-bolder">
                                                       Personal Development
                                                    </h5>
                                                    <div class="px-1 text-900 categories-link-hover">
                                                            20 Courses
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 col-lg-3 mb-3">
                                        <div class="main_card p-4 rounded-3 shadow hover h-lg-100" style="background: #fff;padding: 23px 40px;">
                                            <div class="inner_card">
                                                <div class="d-flex icon_card justify-content-center p-lg-5">
                                                    <img src="/theme_web_openeducat/static/src/img/banner/financial-analysis.svg" class="card-img-top" alt="..." style="width: 80px;" loading="lazy"/>
                                                </div>
                                                <div class="content_card text-center">
                                                    <h5 class=" fw-bolder">
                                                        IT and Software
                                                    </h5>
                                                    <div class="px-1 text-900 categories-link-hover">
                                                            15 Courses
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="row mt-4">
                                    <div class="col-12 col-md-6 col-lg-3 mb-3">
                                        <div class="main_card p-4 rounded-3 shadow hover h-100" style="background: #fff;padding: 23px 40px;">
                                            <div class="inner_card">
                                                <div class="d-flex icon_card justify-content-center p-lg-5">
                                                    <img src="/theme_web_openeducat/static/src/img/banner/passed.svg" class="card-img-top" alt="..." style="width: 80px;" loading="lazy"/>
                                                </div>
                                                <div class="content_card text-center">
                                                    <h5 class=" fw-bolder">
                                                       Examination Management
                                                    </h5>
                                                    <div class="px-1 text-900 categories-link-hover">
                                                            28 Courses
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 col-lg-3 mb-3">
                                        <div class="main_card p-4 rounded-3 shadow hover h-100" style="background: #fff;padding: 23px 40px;">
                                            <div class="inner_card">
                                                <div class="d-flex icon_card justify-content-center p-lg-5">
                                                    <img src="/theme_web_openeducat/static/src/img/banner/registration.svg" class="card-img-top" alt="..." style="width: 80px;" loading="lazy"/>
                                                </div>
                                                <div class="content_card  text-center">
                                                    <h5 class=" fw-bolder">
                                                      Art &amp;amp; Humanities
                                                    </h5>
                                                    <div class="px-1 text-900 categories-link-hover">
                                                            12 Courses
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 col-lg-3 mb-3 o_colored_level">
                                        <div class="main_card p-4 rounded-3 shadow hover h-100" style="background: #fff;padding: 23px 40px;">
                                            <div class="inner_card">
                                                <div class="d-flex icon_card justify-content-center p-lg-5">
                                                    <img src="/theme_web_openeducat/static/src/img/banner/speak.svg" class="card-img-top" alt="..." style="width: 80px;" loading="lazy"/>
                                                </div>
                                                <div class="content_card text-center">
                                                    <h5 class=" fw-bolder">
                                                      Mobile Application
                                                    </h5>
                                                    <div class="px-1 text-900 categories-link-hover">
                                                        28 Courses
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 col-lg-3 mb-3">
                                        <div class="main_card p-4 rounded-3 shadow hover h-lg-100" style="background: #fff;padding: 23px 40px;">
                                            <div class="inner_card">
                                                <div class="d-flex icon_card justify-content-center p-lg-5">
                                                    <img src="/theme_web_openeducat/static/src/img/banner/student.svg" class="card-img-top" alt="..." style="width: 80px;" loading="lazy"/>
                                                </div>
                                                <div class="content_card text-center">
                                                    <h5 class="fw-bolder">
                                                      Finance &amp;amp; Accounting
                                                    </h5>
                                                    <div class="px-1 text-900 categories-link-hover">
                                                        <a> 16 Courses</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

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

                    <section class="o_colored_level py-5" style="background: #F9F9FF;">
                        <div class="popular-courses" >
                            <div class="container ">
                                <div class="mb-3 title row">
                                    <div class="col-12">
                                        <div class="py-3 section-title text-center">
                                            <span class="bg-primary-opacity subtitle">
                                              Popular Our Course Offerings
                                            </span>
                                            <h2 class="fw-bold py-3">Discover New Learning Opportunities

                                            </h2>
                                        </div>
                                    </div>
                                </div>
                                <div class="row g-4 justify-content-center">
                                    <div class="col-md-6 col-lg-4 o_colored_level">
                                        <div class="card p-4 shadow-sm  h-100 hover">
                                            <img src="/theme_web_openeducat/static/src/img/banner/course-thumb-6-min.jpg" class="card-img-top o_animate o_anim_bounce_in o_visible rounded-2" alt="React Course" loading="eager" style=""/>
                                            <div>
                                                <div class="d-flex gap-2 mt-3">
                                                    <div class="text-warning">
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                    </div>
                                                    (11 Reviews)
                                                </div>
                                                <h4 class="py-2">Introduction To Python Programming </h4>

                                                <p class="card-text">Learn the fundamentals of Python
                                                    programming in this beginner-friendly course.
                                                </p>

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

                                    <div class="col-md-6 col-lg-4 o_colored_level">
                                        <div class="card p-4 shadow-sm  h-100 hover">
                                            <img src="/theme_web_openeducat/static/src/img/banner/course-thumb-2-min.jpg" class="card-img-top o_animate o_anim_bounce_in o_visible rounded-2" alt="PHP Course" loading="eager" style=""/>
                                            <div>
                                                <div class="d-flex gap-2 mt-3">
                                                    <div class="text-warning">
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                    </div>
                                                    (13 Reviews)
                                                </div>
                                                <h4 class="py-2">Learn Mathematics
                                                </h4>

                                                <p class="card-text"> Unlock the world of numbers, shapes,
                                                 and logic with our comprehensive mathematics course.
                                                </p>

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

                                    <div class="col-md-6 col-lg-4 o_colored_level">
                                        <div class="card p-4 shadow-sm h-100 hover">
                                            <img src="/theme_web_openeducat/static/src/img/banner/course-thumb-3-min.jpg" class="card-img-top o_animate o_anim_bounce_in o_visible rounded-2" alt="Angular Course" loading="eager" style=""/>
                                            <div>
                                                <div class="d-flex gap-2 mt-3">
                                                    <div class="text-warning">
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                        <i class="fa fa-star"/>
                                                    </div>
                                                    (15 Reviews)
                                                </div>
                                                <h4 class=" py-2">Become a Coffee Expert: How to Make the Perfect Cup
                                                </h4>

                                                <p class="card-text">Unlock the art of brewing the perfect
                                                 cup of coffee with our comprehensive course.
                                                </p>

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

                                <div class="align-items-center d-flex h-100 justify-content-center mt-5">
                                    <div class="d-contents mt-5 text-center">
                                        <button class="hover-button btn btn-lg btn-primary">

                                            Load More Course (40)

                                        </button>
                                    </div>

                                </div>

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


                     <section id="about" class="o_colored_level">

                        <div class="oe-about-area bg-color-white oe-section-gapTop pb_md--80 pb_sm--80 about-style-1">
                            <div class="container">
                                <div class="row g-5 align-items-center">
                                    <div class="col-lg-6 o_colored_level o_animate o_anim_flip_in_y o_visible" style="">
                                        <div class="oe-thumbnail-wrapper">
                                            <div class="oe-thumbnail image-1">
                                                <img data-parallax="{&quot;x&quot;: 0, &quot;y&quot;: -20}" src="/theme_web_openeducat/static/src/img/banner/about-01.png" alt="Education Images" style="transform: translate3d(0px, 20.007px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);" loading="eager"/>
                                            </div>
                                            <div class="oe-thumbnail image-2 d-none d-xl-block">
                                                <img data-parallax="{&quot;x&quot;: 0, &quot;y&quot;: 60}" class="rounded-2" src="/theme_web_openeducat/static/src/img/banner/about-02.png" alt="Education Images" style="transform: translate3d(0px, 67.151px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);" loading="eager"/>
                                            </div>
                                            <div class="oe-thumbnail image-3 d-none d-md-block">
                                                <img data-parallax="{&quot;x&quot;: 0, &quot;y&quot;: 80}" src="/theme_web_openeducat/static/src/img/banner/about-03.png" alt="Education Images" style="transform: translate3d(0px, 17.538px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);" loading="eager"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 o_colored_level o_animate o_anim_flip_in_y o_visible" style="">
                                        <div class="inner-about pl--50 pl_sm--0 pl_md--0">
                                            <div class="section-title py-3 text-start">
                                                <span class="subtitle mb-4">Know About Us</span>
                                                <h2 class="title pt-4 fw-bold">Know About <br/>
                                                     Learning Platform</h2>
                                            </div>

                                            <p class="description" style="margin-top: 30px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>



                                            <div class="oe-feature-wrapper mt--20 ml_dec_20">
                                                <div class="oe-feature feature-style-2 oe-radius hover">
                                                    <div class="icon bg-pink-opacity">
                                                        <i class="fa fa-heart"/>
                                                    </div>
                                                    <div class="feature-content">
                                                        <h6 class="feature-title">Flexible Classes</h6>
                                                        <p class="feature-description">It is a long established fact that a reader will
                                                            be distracted by this on readable content of when looking at its layout.</p>
                                                    </div>
                                                </div>

                                                <div class="oe-feature feature-style-2 oe-radius hover">
                                                    <div class="icon bg-primary-opacity">
                                                        <i class="fa fa-book"/>
                                                    </div>
                                                    <div class="feature-content">
                                                        <h6 class="feature-title">Learn From Anywhere</h6>
                                                        <p class="feature-description">Sed distinctio repudiandae eos recusandae laborum eaque non eius iure suscipit laborum eaque non eius iure suscipit.</p>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="about-btn mt--40">
                                                <a class="oe-btn btn-gradient hover-icon-reverse" href="#">
                                                    <span class="icon-reverse-wrapper">
                                                        <button class="hover-button btn btn-lg mt-4 btn-primary">

                                                        More About Us

                                                        </button>
                                                        <span class="btn-icon">
                                                            <i class="feather-arrow-right"/>
                                                        </span>
                                                        <span class="btn-icon">
                                                            <i class="feather-arrow-right"/>
                                                        </span>
                                                    </span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="call_to_aection_section py-5">
                        <div class="call_to_action">
                            <div class="container">
                                <div class="row g-4">
                                    <div class="col-lg-6 col-md-12 o_colored_level o_animate o_anim_slide_in o_anim_from_left o_visible" style="">
                                        <div class="p-4 shadow rounded bg-white h-100">
                                            <div class="row align-items-center">
                                                <div class="col-lg-5 col-md-12 text-lg-start">
                                                    <div class="my-3">
                                                        <p href="#" class="border px-3 py-1 rounded-4 d-inline-block N_collection">New Course </p>
                                                    </div>
                                                    <h4 class="fw-bolder"> Digital Marketing Basics</h4>
                                                    <p class="py-2 text-600" style="font-size: 18px;"> Learn online marketing strategies </p>
                                                </div>
                                                <div class="col-lg-7 col-md-12  text-lg-start">
                                                    <img class="img-fluid rounded-4" src="/theme_web_openeducat/static/src/img/banner/video-01.jpg" alt="Online Courses from Histudy" loading="eager"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-12 o_colored_level o_animate o_anim_slide_in o_anim_from_right o_visible" style="">
                                        <div class="d-flex align-items-center h-100 p-4 shadow rounded bg-white">
                                            <div>
                                                <div class="my-3 text-lg-start ">
                                                    <p href="#" class="border px-3 py-1 rounded-4 d-inline-block N_collection">New Collection</p>
                                                </div>
                                                <h4 class="fw-bolder text-lg-start">AI and Machine Learning Fundamentals</h4>
                                                <p class="py-1 text-lg-start text-600" style="font-size: 18px;"> Understand core concepts of AI and how to implement machine learning models. </p>
                                                 <div class=" h-100mt-5">
                                                    <div class="d-contents mt-5 text-start">
                                                        <button class="hover-button btn btn-md btn-primary">

                                                            Join Now

                                                        </button>
                                                    </div>

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


                    <section class="stats-section o_colored_level">

                        <div class="oec-counterup-area bg-color-extra2 oec-section-gapBottom default-callto-action-overlap">
                            <div class="container">
                                <div class="mb-3 title row">
                                        <div class="col-12 o_colored_level">
                                            <div class="py-3 section-title text-center">
                                                <span class="bg-primary-opacity subtitle">
                                                Why Choose Us
                                                </span>
                                                <h2 class="fw-bold py-3"><span class="o_animated_text o_animate o_anim_fade_in o_visible" style="">Creating A Community Of
                                                 Life Long Learners</span>

                                                </h2>
                                            </div>
                                        </div>
                                    </div>
                                <div class="row g-5 head-line">

                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                        <div class="oec-counterup oec-hover-03 border-bottom-gradient hover">
                                            <div class="top-circle-shape"/>
                                            <div class="inner">
                                                <div class="oec-round-icon">
                                                    <img src="theme_web_openeducat/static/src/img/banner/education-01.png " class="img-fluid" alt="Icons Images" loading="lazy"/>
                                                </div>
                                                <div class="content">
                                                    <h3 class="counter">890</h3>
                                                    <span class="subtitle">GRADUATE</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt--60 mt_md--30 mt_sm--30 mt_mobile--60 mt_md--60">
                                        <div class="oec-counterup oec-hover-03 border-bottom-gradient hover">
                                            <div class="top-circle-shape"/>
                                            <div class="inner">
                                                <div class="oec-round-icon">
                                                    <img src="theme_web_openeducat/static/src/img/banner/graduating-student-01.png" class="img-fluid" alt="Icons Images" loading="lazy"/>
                                                </div>
                                                <div class="content">
                                                    <h3 class="counter">670</h3>
                                                    <span class="subtitle">STUDENTS</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12  mt--60 mt_md--30 mt_sm--30 mt_mobile--60">
                                        <div class="oec-counterup oec-hover-03 border-bottom-gradient hover">
                                            <div class="top-circle-shape"/>
                                            <div class="inner">
                                                <div class="oec-round-icon">
                                                    <img src="theme_web_openeducat/static/src/img/banner/team-01.png" class="img-fluid" alt="Icons Images" loading="lazy"/>
                                                </div>
                                                <div class="content">
                                                    <h3 class="counter">160</h3>
                                                    <span class="subtitle">FACULTIES</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt--60 mt_md--30 mt_sm--30 mt_mobile--60">
                                        <div class="oec-counterup oec-hover-03 border-bottom-gradient hover">
                                            <div class="top-circle-shape"/>
                                            <div class="inner">
                                                <div class="oec-round-icon">
                                                    <img src="theme_web_openeducat/static/src/img/banner/trophy-01.png" class="img-fluid" alt="Icons Images" loading="lazy"/>
                                                </div>
                                                <div class="content">
                                                    <h3 class="counter">200</h3>
                                                    <span class="subtitle">AWARD WINNING</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

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

                    <section class="o_colored_level py-5"  style="background: linear-gradient(to left, #0575e6, #021b79);">
                        <div class="events">
                            <div class="container">
                                <div class="mb-3 title row">
                                    <div class="col-12 o_colored_level">
                                        <div class="py-3 section-title text-center">
                                            <span class=" subtitle" style="background: #ffffff21;color: #ffffff;" >
                                               STIMULATED TO TAKE PART IN?
                                            </span>
                                            <h2 class="text-white fw-bold py-3">
                                            Upcoming Events
                                            </h2>
                                        </div>
                                    </div>
                                </div>
                                <div class="row g-4 justify-content-center">
                                    <div class="col-md-6 col-lg-4 o_colored_level o_animate o_anim_bounce_in o_visible" style="">
                                        <div class="card p-4 shadow-sm  h-100 hover">
                                            <div>
                                                <img src="/theme_web_openeducat/static/src/img/banner/course-01-min.jpg" class="card-img-top rounded-2" alt="React Course" loading="eager"/>

                                            </div>
                                            <div>

                                               <ul class="d-flex gap-3 list-unstyled pt-3">
                                                    <li class="align-items-center d-flex gap-2">
                                                        <i class="fa fa-map-marker"/>
                                                        Vancouver
                                                    </li>
                                                    <li class="align-items-center d-flex gap-2">
                                                        <i class="fa fa-clock-o"/>
                                                        8:00 am - 5:00 pm
                                                    </li>
                                                </ul>
                                                <h4 class="fw-bolder text-truncate"><a>Education Summit 2025</a></h4>

                                               <div class="my-4">
                                                    <button class="hover-button btn btn-md btn-primary">

                                                        Get Ticket

                                                    </button>
                                                </div>

                                            </div>

                                        </div>
                                    </div>

                                    <div class="col-md-6 col-lg-4 o_colored_level o_animate o_anim_bounce_in o_visible" style="">
                                        <div class="card p-4 shadow-sm  h-100 hover">
                                            <img src="/theme_web_openeducat/static/src/img/banner/course-02-min.jpg" class="card-img-top rounded-2" alt="React Course" loading="eager"/>
                                            <div>

                                               <ul class="d-flex gap-3 list-unstyled pt-3">
                                                    <li class="align-items-center d-flex gap-2">
                                                        <i class="fa fa-map-marker"/>
                                                        IAC Building
                                                    </li>
                                                    <li class="align-items-center d-flex gap-2">
                                                        <i class="fa fa-clock-o"/>
                                                        11:00 am - 3:00 pm
                                                    </li>
                                                </ul>
                                                <h4 class="fw-bolder text-truncate"><a>Innovative Teaching Methods Workshop</a></h4>

                                                 <div class="my-4">
                                                    <button class="hover-button btn btn-md btn-primary">

                                                        Get Ticket

                                                    </button>
                                                </div>

                                            </div>

                                        </div>
                                    </div>

                                     <div class="col-md-6 col-lg-4 o_colored_level o_animate o_anim_bounce_in o_visible" style="">
                                        <div class="card p-4 shadow-sm  h-100 hover">
                                            <img src="/theme_web_openeducat/static/src/img/banner/course-03-min.jpg" class="card-img-top rounded-2" alt="React Course" loading="eager"/>
                                            <div>

                                               <ul class="d-flex gap-3 list-unstyled pt-3">
                                                    <li class="align-items-center d-flex gap-2">
                                                        <i class="fa fa-map-marker"/>
                                                        Vancouver
                                                    </li>
                                                    <li class="align-items-center d-flex gap-2">
                                                        <i class="fa fa-clock-o"/>
                                                        6:00 am - 1:00 pm
                                                    </li>
                                                </ul>
                                                <h4 class="fw-bolder text-truncate"><a>Digital Learning Conference</a></h4>

                                                <div class="my-4">
                                                    <button class="hover-button btn btn-md btn-primary">

                                                        Get Ticket

                                                    </button>
                                                </div>

                                            </div>

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

                            </div>

                        </div>
                    </section>

                    <section class="o_colored_level py-5">

                        <div class="Teacher">
                            <div class="container">

                                <div class="mb-3 title row">
                                    <div class="col-12">
                                        <div class="py-3 section-title text-center">
                                            <span class="bg-primary-opacity subtitle">
                                              Teachers
                                            </span>
                                            <h2 class="fw-bold py-3">
                                            Meet Our Faculty
                                            </h2>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-lg-7 col-md-12 col-sm-12 col-xl-7 o_colored_level o_animate o_anim_slide_in o_anim_from_left o_visible" style="">
                                        <div class="p-4 shadow h-100 row">
                                            <div class="align-items-center col-md-6 d-flex justify-content-center o_colored_level o_animate o_anim_zoom_in o_visible" style="">
                                                 <img src="/theme_web_openeducat/static/src/img/banner/team-06.jpg" class="card-img-top set-img rounded " alt="React Course" loading="eager"/>
                                            </div>
                                            <div class="col-md-6 align-content-center atd" name="janesmith">
                                                <div class="autors">
                                                    <h4 class="fs-3 fw-bolder">Ms. Jane Smith</h4>
                                                    <span class="fs-4 text-primary"> Teaching Mathematics</span>
                                                    <div class="my-3">
                                                        <i class="fa fa-map-marker"/>
                                                        <span class="fst-italic">CO Miego, AD,USA</span>
                                                    </div>
                                                </div>
                                                <p class="card-text">Dedicated and experienced mathematics teacher who plays a vital role in
                                                 guiding students through various mathematical concepts
                                                </p>
                                                <ul class="d-flex gap-3 list-unstyled social-default">
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-facebook"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-twitter"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-instagram"/></div></li>
                                                </ul>
                                                <ul class="list-unstyled pt-3">
                                                    <li class=" d-flex gap-3"><i class="fa fa-phone"/>+1-202-555-0174</li>
                                                    <li class=" d-flex gap-3"><i class="fa fa-envelope-o"/>jsmith@gmail.com </li>

                                                </ul>
                                            </div>
                                              <div class="col-md-6 align-content-center d-none atd" name="mamesmary">
                                                <div class="autors">
                                                    <h4 class="fs-3 fw-bolder">Mames Mary</h4>
                                                    <span class="fs-4 text-primary">English Teacher</span>
                                                    <div class="my-3">
                                                        <i class="fa fa-map-marker"/>
                                                        <span class="fst-italic">CO Miego, AD,USA</span>
                                                    </div>
                                                </div>
                                                <p class="card-text">Dedicated and experienced mathematics teacher who plays a vital role in
                                                 guiding students through various mathematical concepts
                                                </p>
                                                 <ul class="d-flex gap-3 list-unstyled social-default">
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-facebook"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-twitter"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-instagram"/></div></li>
                                                </ul>
                                                <ul class="list-unstyled pt-3">
                                                    <li class=" d-flex gap-3"><i class="fa fa-phone"/>+1-202-555-0174</li>
                                                    <li class=" d-flex gap-3"><i class="fa fa-envelope-o"/>mames@gmail.com </li>

                                                </ul>
                                            </div>
                                              <div class="col-md-6 align-content-center d-none atd" name="Olivia">
                                                <div class="autors">
                                                    <h4 class="fs-3 fw-bolder">Olivia</h4>
                                                    <span class="fs-4 text-primary"> Math Teacher</span>
                                                    <div class="my-3">
                                                        <i class="fa fa-map-marker"/>
                                                        <span class="fst-italic">CO Miego, AD,USA</span>
                                                    </div>
                                                </div>
                                                <p class="card-text">Dedicated and experienced mathematics teacher who plays a vital role in
                                                 guiding students through various mathematical concepts
                                                </p>
                                                 <ul class="d-flex gap-3 list-unstyled social-default">
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-facebook"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-twitter"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-instagram"/></div></li>
                                                </ul>
                                                <ul class="list-unstyled pt-3">
                                                    <li class=" d-flex gap-3"><i class="fa fa-phone"/>+1-202-555-0174</li>
                                                    <li class=" d-flex gap-3"><i class="fa fa-envelope-o"/>olivia@gmail.com </li>

                                                </ul>
                                            </div>
                                              <div class="col-md-6 align-content-center d-none atd" name="thomasdal">
                                                <div class="autors">
                                                    <h4 class="fs-3 fw-bolder">Thomas Dal</h4>
                                                    <span class="fs-4 text-primary">Graphic Teacher</span>
                                                    <div class="my-3">
                                                        <i class="fa fa-map-marker"/>
                                                        <span class="fst-italic">CO Miego, AD,USA</span>
                                                    </div>
                                                </div>
                                                <p class="card-text">Dedicated and experienced mathematics teacher who plays a vital role in
                                                 guiding students through various mathematical concepts
                                                </p>
                                                 <ul class="d-flex gap-3 list-unstyled social-default">
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-facebook"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-twitter"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-instagram"/></div></li>
                                                </ul>
                                                <ul class="list-unstyled pt-3">
                                                    <li class=" d-flex gap-3"><i class="fa fa-phone"/>+1-202-555-0174</li>
                                                    <li class=" d-flex gap-3"><i class="fa fa-envelope-o"/>thomas@gmail.com </li>

                                                </ul>
                                            </div>
                                              <div class="col-md-6 align-content-center d-none atd" name="christopherlisa">
                                                <div class="autors">
                                                    <h4 class="fs-3 fw-bolder">Christopher Lisa</h4>
                                                    <span class="fs-4 text-primary"> Networking</span>
                                                    <div class="my-3">
                                                        <i class="fa fa-map-marker"/>
                                                        <span class="fst-italic">CO Miego, AD,USA</span>
                                                    </div>
                                                </div>
                                                <p class="card-text">Dedicated and experienced mathematics teacher who plays a vital role in
                                                 guiding students through various mathematical concepts
                                                </p>
                                                 <ul class="d-flex gap-3 list-unstyled social-default">
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-facebook"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-twitter"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-instagram"/></div></li>
                                                </ul>
                                                <ul class="list-unstyled pt-3">
                                                    <li class=" d-flex gap-3"><i class="fa fa-phone"/>+1-202-555-0174</li>
                                                    <li class=" d-flex gap-3"><i class="fa fa-envelope-o"/>christopher@gmail.com </li>

                                                </ul>
                                            </div>
                                              <div class="col-md-6 align-content-center d-none atd" name="sosephsara">
                                                <div class="autors">
                                                    <h4 class="fs-3 fw-bolder">Soseph Sara</h4>
                                                    <span class="fs-4 text-primary">Web Teacher</span>
                                                    <div class="my-3">
                                                        <i class="fa fa-map-marker"/>
                                                        <span class="fst-italic">CO Miego, AD,USA</span>
                                                    </div>
                                                </div>
                                                <p class="card-text">Dedicated and experienced mathematics teacher who plays a vital role in
                                                 guiding students through various mathematical concepts
                                                </p>
                                                 <ul class="d-flex gap-3 list-unstyled social-default">
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-facebook"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-twitter"/></div></li>
                                                    <li><div class="align-items-center bg-200 d-flex justify-content-center p-3 rounded-circle social-hover"><i class="fa fa-instagram"/></div></li>
                                                </ul>
                                                <ul class="list-unstyled pt-3">
                                                    <li class=" d-flex gap-3"><i class="fa fa-phone"/>+1-202-555-0174</li>
                                                    <li class=" d-flex gap-3"><i class="fa fa-envelope-o"/>soseph@gmail.com </li>

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

                                    <div class="align-content-center col-lg-5 col-md-12 col-sm-12 col-xl-5 o_colored_level o_animate o_anim_slide_in o_anim_from_right o_visible" style="">

                                            <ul class="d-flex gap-3 list-unstyled">
                                                    <i>
                                                        <a class="object-fit-cover">
                                                            <div class="d-flex h-100 p-2 shadow-lg change-img  img-overlay">
                                                                <img src="/theme_web_openeducat/static/src/img/banner/team-06.jpg" class="card-img-top rounded-2" alt="React Course" name="janesmith" loading="eager"/>
                                                            </div>
                                                        </a>
                                                    </i>

                                                    <i>
                                                        <a class="object-fit-cover">
                                                            <div class="d-flex h-100 p-2 shadow-lg change-img">
                                                                <img src="/theme_web_openeducat/static/src/img/banner/team-03.jpg" class="card-img-top rounded-2" alt="React Course" name="mamesmary" loading="eager"/>
                                                            </div>
                                                        </a>
                                                    </i>

                                                    <i>
                                                        <a class="object-fit-cover">
                                                            <div class="d-flex h-100 p-2 shadow-lg change-img">
                                                                <img src="/theme_web_openeducat/static/src/img/banner/team-04.jpg" class="card-img-top rounded-2" alt="React Course" name="Olivia" loading="eager"/>
                                                            </div>
                                                        </a>
                                                    </i>

                                            </ul>

                                            <ul class="d-flex gap-3 list-unstyled">
                                                    <i>
                                                        <a class="object-fit-cover">
                                                            <div class="d-flex h-100 p-2 shadow-lg change-img">
                                                                <img src="/theme_web_openeducat/static/src/img/banner/team-05.jpg" class="card-img-top rounded-2" alt="React Course" name="thomasdal" loading="eager"/>
                                                            </div>
                                                        </a>
                                                    </i>

                                                    <i>
                                                        <a class="object-fit-cover">
                                                            <div class="d-flex h-100 p-2 shadow-lg change-img">
                                                                <img src="/theme_web_openeducat/static/src/img/banner/team-02.jpg" class="card-img-top rounded-2" alt="React Course" name="christopherlisa" loading="eager"/>
                                                            </div>
                                                        </a>
                                                    </i>

                                                    <i>
                                                        <a class="object-fit-cover">
                                                            <div class="d-flex h-100 p-2 shadow-lg change-img">
                                                                <img src="/theme_web_openeducat/static/src/img/banner/team-01.jpg" class="card-img-top rounded-2" alt="React Course" name="sosephsara" loading="eager"/>
                                                            </div>
                                                        </a>
                                                    </i>

                                            </ul>
                                    </div>

                                </div>

                             </div>
                        </div>

                    </section>


                    <section style="background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(249, 249, 255);" class="o_colored_level py-5">

                        <div class="bolg">
                            <div class="container ">

                                <div class="mb-3 title row">
                                    <div class="col-lg-6 col-md-12">
                                        <div class="py-3 py-lg-5 section-title">
                                            <span class="bg-primary-opacity subtitle">
                                              Blog Post
                                            </span>
                                            <h2 class="fw-bold py-3">
                                             Blog Post Topics
                                            </h2>
                                        </div>

                                    </div>
                                    <div class="align-items-center col-lg-6 col-md-12 d-flex justify-content-start justify-content-lg-end o_colored_level">
                                        <div>
                                            <button class="hover-button btn btn-lg btn-primary">

                                                See All Articles

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

                                <div class="row g-4">

                                    <div class="col-lg-6 col-md-12 mt-4 mt-lg-0 o_colored_level o_animate o_anim_zoom_in o_visible" style="">
                                        <div class="card  blog-hover h-100">
                                            <img src="/theme_web_openeducat/static/src/img/banner/blog-card-01.jpg" class="card-img-top" alt="Course Image" loading="eager"/>
                                            <div class="card-body">

                                                <h4 class=" py-2 fw-bold"><a>The Role of AI in Educational Institutions</a> </h4>

                                                <div class="d-flex justify-content-between align-items-center">

                                                    <a href="#" class="blog-btn">Read Article
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-6 col-md-12 o_colored_level o_animate o_anim_zoom_in o_visible mt-0" style="">

                                        <div class="row mx-2 blog-hover bg-white rounded-3">
                                            <div class="col-lg-6 col-sm-12 ps-0">
                                                <img src="/theme_web_openeducat/static/src/img/banner/blog-card-02.jpg" class="card-img-top h-100 rounded-start-3" alt="Course Image" loading="eager"/>
                                            </div>
                                            <div class="col-lg-6 col-sm-12">
                                                <h4 class="fw-bolder py-3"><a>Why Is Education So Famous?</a> </h4>

                                                <a href="#" class=" my-3 blog-btn">Read Article
                                                </a>
                                            </div>
                                        </div>

                                       <div class="my-4 mx-2 row blog-hover bg-white rounded-3">
                                            <div class="col-lg-6 col-sm-12 ps-0">
                                                <img src="/theme_web_openeducat/static/src/img/banner/blog-card-03.jpg" class="card-img-top h-100 rounded-start-3" alt="Course Image" loading="eager"/>
                                            </div>
                                            <div class="col-lg-6 col-sm-12">
                                                <h4 class="fw-bolder py-3"><a>Difficult Things About Education.</a></h4>

                                                <a href="#" class="my-3  blog-btn">Read Article
                                                </a>
                                            </div>
                                        </div>

                                       <div class="row mx-2 blog-hover bg-white rounded-3">
                                            <div class="col-lg-6 col-sm-12 ps-0">
                                                <img src="/theme_web_openeducat/static/src/img/banner/blog-card-04.jpg" class="card-img-top h-100 rounded-start-3" alt="Course Image" loading="eager"/>
                                            </div>
                                            <div class="col-lg-6 col-sm-12">
                                                <h4 class="fw-bolder py-3"><a>Education Is So Famous, But Why?</a></h4>

                                                <a href="#" class="my-3  blog-btn">Read Article
                                                </a>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>

                        </div>

                    </section>

                    <section class="py-5 counter-section o_colored_level" id="subscribe">
                        <div class="container">

                            <div class="row text-center mb-4">
                                <div class="col-12">
                                    <div class="section-title pt-5">
                                        <span class="subtitle" style="background: #ffffff21;color: #ffffff;"> Subscribe to Our Newsletter </span>
                                        <h2 class="text-white fw-bold py-4">Stay Updated with the Latest Insights and Updates  </h2>
                                        <p class="mt-3 text-white">
                                            Join our community to receive exclusive content, updates on new courses,<br/>
                                            and insights into the latest trends in education and beyond.

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


                            <div class="row justify-content-center">
                                <div class="col-lg-8 col-md-10 o_colored_level o_animate o_anim_zoom_in o_visible" style="">
                                    <div class="text-center py-3">


                                        <div class="s_newsletter_subscribe_form s_newsletter_list js_subscribe" data-vxml="001" data-list-id="1" data-name="Newsletter Form">
                                            <div class="js_subscribed_wrap d-none">
                                                <p class="h4-fs text-white text-center"><i class="fa fa-check-circle-o" role="img"/> Thanks for registering!</p>
                                            </div>
                                            <div class="d-flex js_subscribe_wrap justify-content-center">
                                                <div class="input-group ">
                                                    <input type="email" name="email" class="js_subscribe_value form-control" placeholder="johnsmith@example.com"/>
                                                    <a role="button" href="#" class="align-items-center justify-content-center btn btn-fill-success d-flex js_subscribe_btn o_submit small-btn text-white">Subscribe</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="text-center text-white mb-4">No ads, No trials, No commitments</div>

                            <div class="row text-center">
                                <div class="col-md-6 col-sm-12 mb-3 d-flex justify-content-end o_colored_level o_animate o_visible o_anim_zoom_in" style="">
                                    <div class="counter-box">
                                        <div class="align-items-end d-flex justify-content-center"><span class="counter-number">500</span><h2 class="fw-bold text-100">+</h2></div>

                                        <h4 class="text-white">Successfully Trained</h4>
                                        <p>Learners Counting</p>
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12 mb-3 d-flex justify-content-start o_colored_level o_animate o_visible o_anim_zoom_in" style="">
                                    <div class="counter-box">
                                        <div class="align-items-end d-flex justify-content-center"><span class="counter-number">100</span><h2 class="fw-bold text-100">+</h2></div>
                                        <h4 class="text-white">Certification Students</h4>
                                        <p>Online Course</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </t>
        </xpath>
    </template>
</odoo>
