<?xml version="1.0" encoding="UTF-8"?>
<odoo>
    <data noupdate="1">

        <!-- Banner -->
        <template inherit_id="website.homepage" id="homepage_inherit">
            <xpath expr="//div[@id='wrap']" position="replace">
                <div id="banner_carousel" class="carousel slide"
                    data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#banner_carousel"
                            data-slide-to="0" class="active"></li>
                        <li data-target="#banner_carousel"
                            data-slide-to="1"></li>

                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img class="img img-responsive"
                                src="/web_openeducat/static/src/img/banner_image.jpg"
                                alt="Banner Odoo Image" />

                        </div>
                        <div class="item">
                            <img class="img img-responsive"
                                src="/web_openeducat/static/src/img/banner_image1.jpg"
                                alt="Banner Odoo Image1" />

                        </div>
                    </div>
                </div>
                <div class="carousel-control left hidden"
                    data-target="#myCarousel1468401172678" data-slide="prev"
                    style="width: 10%" data-cke-saved-href="#myCarousel1468401172678">
                    <i class="fa fa-chevron-left" />
                </div>
                <div class="carousel-control right hidden"
                    data-target="#myCarousel1468401172678" data-slide="next"
                    style="width: 10%" data-cke-saved-href="#myCarousel1468401172678">
                    <i class="fa fa-chevron-right" />
                </div>
                <!-- About school section start -->
                <section class="about-school mt16">
                    <div class="container">
                        <div class="row">

                            <!-- About Img Section -->
                            <div class="col-md-4 col-sm-5">
                                <figure class="about-sec-img">
                                    <img class="animate fadeInLeft"
                                        data-wow-delay="0.5s"
                                        src="/web_openeducat/static/src/img/about-sec-img.png"
                                        alt="about-sec"
                                        style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;" />
                                </figure>
                            </div>
                            <!-- About Img Section -->

                            <!-- About To School -->
                            <div class="col-md-8 col-sm-7">
                                <div
                                    class="about-sec section-padding-top mt64 mb64">
                                    <h2 class="section-title">
                                        Why Choose Us?
                                        <span>Lorem ipsum dolor sit amet
                                        </span>
                                    </h2>
                                    <p>Lorem ipsum dolor sit amet,
                                        consectetur adipiscing elit.
                                        Maecenas pulvinar tellus sed
                                        mauvehicula tempor. In hac
                                        habitasse platea dictumst. Donec
                                        nunc nunc, interdum sed
                                        aliquet
                                        quis, conditum vitae enim.
                                        Quisque molestie
                                        consectetur urna
                                        quis scelerisque. Morbi at
                                        lectus sapien.
                                        Donec fgiat arcu
                                        in mi placerat ullamcorper.
                                    </p>
                                    <p>In tempor, ex id viverra
                                        convallis, ante augue vestibulum
                                        leo, eget elementum risus nulla
                                        bibendum nisl. Maecenas
                                        lacinia
                                        libero tincidunt justo bibendum
                                        sagittis. Duis
                                        gravida massa ac
                                        vehicula pulvinar. Nunc ligula
                                        orci,
                                        vulputate id tempor ac,
                                        tincidunt in orci. Etiam nulla
                                        lectus, commodo quis tortor et,
                                        congue volutpat velit.
                                    </p>
                                    <a class="pink-btn text-white"
                                        href="#">read more</a>
                                </div>
                            </div>
                            <!-- About To School -->
                        </div>
                    </div>
                </section>
                <section class="achievement-area-v2 bg-2 overlay-bg pad48">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12 col-sm-12 text-center mb32">
                                <h2 class="section-title text-white">
                                    Center Achievements
                                    <span>Lorem ipsum dolor sit amet
                                    </span>
                                </h2>
                            </div>
                            <div class="col-sm-6 col-md-3 mb8">
                                <!-- Count Block -->
                                <div
                                    class="count-block text-white dark bg-success text-center"
                                    id="count-block">
                                    <i class="fa fa-black-tie"
                                        aria-hidden="true"></i>
                                    <h3 class="count-number" id="count_2000"
                                        data-count="0" data-scroll="0">
                                        <span class="counter" id="count_2000">2000
                                        </span>
                                    </h3>

                                    <h4>Students</h4>

                                </div><!-- Counter Block -->
                            </div>
                            <div class="col-sm-6 col-md-3 mb8">
                                <!-- Count Block -->
                                <div
                                    class="count-block text-white dark bg-info text-center">
                                    <i class="fa fa-shield"
                                        aria-hidden="true"></i>
                                    <h3 data-count="1000" class="count-number"
                                        id="count_1000">
                                        <span class="counter">1000</span>
                                    </h3>
                                    <h4>Win Awards</h4>
                                </div><!-- Counter Block -->
                            </div>
                            <div class="col-sm-6 col-md-3 mb8">
                                <!-- Count Block -->
                                <div
                                    class="count-block text-white dark bg-warning text-center">
                                    <i class="fa fa-user" aria-hidden="true"></i>
                                    <h3 data-count="188" class="count-number"
                                        id="count_188">
                                        <span class="counter">188</span>
                                    </h3>
                                    <h4>Teachers</h4>
                                </div><!-- Counter Block -->
                            </div>
                            <div class="col-sm-6 col-md-3 mb8">
                                <!-- Count Block -->
                                <div
                                    class="count-block dark text-white bg-danger text-center">
                                    <i class="fa fa-calendar"
                                        aria-hidden="true"></i>
                                    <h3 data-count="20" class="count-number"
                                        id="count_20">
                                        <span class="counter">20</span>
                                    </h3>
                                    <h4>Events</h4>
                                </div><!-- Counter Block -->
                            </div>
                        </div>

                    </div>
                </section>
                <section class="populer-courses-area-v2 bg-gray pad48">
                    <div class="container">
                        <!-- Start Area headding -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="area-headding text-center mb32">
                                    <h2 class="section-title">
                                        Popular Courses
                                        <span>Lorem ipsum dolor sit amet
                                        </span>
                                    </h2>
                                </div>
                            </div>

                            <div class="clear"></div>
                            <!-- End Area headding -->
                            <div id="myCarousel1" class="carousel slide col-md-12"
                                data-ride="carousel" style="height: 613px;">
                                <ol class="carousel-indicators">
                                    <li data-target="#myCarousel1"
                                        data-slide-to="0" class="active"></li>
                                    <li data-target="#myCarousel1"
                                        data-slide-to="1"></li>

                                </ol>

                                <!-- Wrapper for slides -->
                                <div class="carousel-inner">
                                    <div
                                        class="item active populer-courses-list clear">
                                        <!-- Start Single Courses -->
                                        <div
                                            class="col-md-6 col-sm-12 col-xs-12 mb16">
                                            <div class="single-course clear">
                                                <div class="course-thumb">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/popular_courses1.jpg"
                                                        alt="courses thumb" />
                                                </div>
                                                <div class="course-info">
                                                    <div
                                                        class="course-content mt16">
                                                        <h2
                                                            class="course-title">
                                                            <a href="#">Sound
                                                                Design
                                                            </a>
                                                        </h2>
                                                        <p>Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat.
                                                            Luptate esse
                                                            cillum
                                                            dolore eu.
                                                        </p>
                                                    </div>
                                                    <div class="read">
                                                        <a href="#">Read
                                                            More</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Single Courses -->
                                        <!-- Start Single Courses -->
                                        <div
                                            class="col-md-6 col-sm-12 col-xs-12 mb16">
                                            <div class="single-course clear">
                                                <div class="course-thumb">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/popular_courses2.jpg"
                                                        alt="courses thumb" />
                                                </div>
                                                <div class="course-info">
                                                    <div
                                                        class="course-content mt16">
                                                        <h2
                                                            class="course-title">
                                                            <a href="#">Literature
                                                            </a>
                                                        </h2>
                                                        <p>Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat.
                                                            Luptate esse
                                                            cillum
                                                            dolore eu.
                                                        </p>
                                                    </div>
                                                    <div class="read">
                                                        <a href="#">Read
                                                            More</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Single Courses -->
                                        <!-- Start Single Courses -->
                                        <div
                                            class="col-md-6 col-sm-12 col-xs-12 mb16">
                                            <div class="single-course clear">
                                                <div class="course-thumb">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/popular_courses3.jpg"
                                                        alt="courses thumb" />
                                                </div>
                                                <div class="course-info">
                                                    <div
                                                        class="course-content mt16">
                                                        <h2
                                                            class="course-title">
                                                            <a href="#">Architecture
                                                            </a>
                                                        </h2>
                                                        <p>Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat.
                                                            Luptate esse
                                                            cillum
                                                            dolore eu.
                                                        </p>
                                                    </div>
                                                    <div class="read">
                                                        <a href="#">Read
                                                            More</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Single Courses -->
                                        <!-- Start Single Courses -->
                                        <div
                                            class="col-md-6 col-sm-12 col-xs-12 mb16">
                                            <div class="single-course clear">
                                                <div class="course-thumb">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/popular_courses4.jpg"
                                                        alt="courses thumb" />
                                                </div>
                                                <div class="course-info">
                                                    <div
                                                        class="course-content mt16">
                                                        <h2
                                                            class="course-title">
                                                            <a href="#">Micro
                                                                Biology
                                                            </a>
                                                        </h2>
                                                        <p>Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat.
                                                            Luptate esse
                                                            cillum
                                                            dolore eu.
                                                        </p>
                                                    </div>
                                                    <div class="read">
                                                        <a href="#">Read
                                                            More</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Single Courses -->
                                    </div>
                                    <div
                                        class="item populer-courses-list clear">
                                        <!-- Start Single Courses -->
                                        <div
                                            class="col-md-6 col-sm-12 col-xs-12 mb16">
                                            <div class="single-course clear">
                                                <div class="course-thumb">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/popular_courses5.jpg"
                                                        alt="courses thumb" />
                                                </div>
                                                <div class="course-info">
                                                    <div
                                                        class="course-content mt16">
                                                        <h2
                                                            class="course-title">
                                                            <a href="#">Aeronautics
                                                            </a>
                                                        </h2>
                                                        <p>Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat.
                                                            Luptate esse
                                                            cillum
                                                            dolore eu.
                                                        </p>
                                                    </div>
                                                    <div class="read">
                                                        <a href="#">Read
                                                            More</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Single Courses -->
                                        <!-- Start Single Courses -->
                                        <div
                                            class="col-md-6 col-sm-12 col-xs-12 mb16">
                                            <div class="single-course clear">
                                                <div class="course-thumb">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/popular_courses6.jpg"
                                                        alt="courses thumb" />
                                                </div>
                                                <div class="course-info">
                                                    <div
                                                        class="course-content mt16">
                                                        <h2
                                                            class="course-title">
                                                            <a href="#">Computer
                                                                Science
                                                            </a>
                                                        </h2>
                                                        <p>Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat.
                                                            Luptate esse
                                                            cillum
                                                            dolore eu.
                                                        </p>
                                                    </div>
                                                    <div class="read">
                                                        <a href="#">Read
                                                            More</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Single Courses -->
                                        <!-- Start Single Courses -->
                                        <div
                                            class="col-md-6 col-sm-12 col-xs-12 mb16">
                                            <div class="single-course clear">
                                                <div class="course-thumb">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/popular_courses7.jpg"
                                                        alt="courses thumb" />
                                                </div>
                                                <div class="course-info">
                                                    <div
                                                        class="course-content mt16">
                                                        <h2
                                                            class="course-title">
                                                            <a href="#">Civil
                                                                Engineering
                                                            </a>
                                                        </h2>
                                                        <p>Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat.
                                                            Luptate esse
                                                            cillum
                                                            dolore eu.
                                                        </p>
                                                    </div>
                                                    <div class="read">
                                                        <a href="#">Read
                                                            More</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Single Courses -->
                                        <!-- Start Single Courses -->
                                        <div
                                            class="col-md-6 col-sm-12 col-xs-12 mb16">
                                            <div class="single-course clear">
                                                <div class="course-thumb">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/popular_courses8.jpg"
                                                        alt="courses thumb" />
                                                </div>
                                                <div class="course-info">
                                                    <div
                                                        class="course-content mt16">
                                                        <h2
                                                            class="course-title">
                                                            <a href="#">Graphic
                                                                Design
                                                            </a>
                                                        </h2>
                                                        <p>Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat.
                                                            Luptate esse
                                                            cillum
                                                            dolore eu.
                                                        </p>
                                                    </div>
                                                    <div class="read">
                                                        <a href="#">Read
                                                            More</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Single Courses -->
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </section>
                <section class="achievement-area-v2 bg-3 overlay-bg pad48">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12 col-sm-12 text-center mb32">
                                <h2 class="section-title text-white">
                                    Our Team
                                    <span>Lorem ipsum dolor sit amet
                                    </span>
                                </h2>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="team-employee">
                                    <img width="600" height="500"
                                        src="/web_openeducat/static/src/img/teacher-01.jpg"
                                        alt="Member" class="img-responsive" />
                                    <div class="employee-detail">
                                        <div class="tc-display-table">
                                            <div class="tc-display-table-cell">
                                                <div
                                                    class="employee-desination">
                                                    <h5>
                                                        <a href="#"
                                                            class="text-white">brenda
                                                            shon</a>
                                                    </h5>
                                                    <span class="text-white">Director
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="team-employee">
                                    <img width="600" height="500"
                                        src="/web_openeducat/static/src/img/teacher-02.jpg"
                                        alt="Member" class="img-responsive" />
                                    <div class="employee-detail">
                                        <div class="tc-display-table">
                                            <div class="tc-display-table-cell">
                                                <div
                                                    class="employee-desination">
                                                    <h5>
                                                        <a href="#"
                                                            class="text-white">Adler
                                                            Braxton</a>
                                                    </h5>
                                                    <span class="text-white">Professor
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="team-employee">
                                    <img width="600" height="500"
                                        src="/web_openeducat/static/src/img/teacher-04.jpg"
                                        alt="Member" class="img-responsive" />
                                    <div class="employee-detail">
                                        <div class="tc-display-table">
                                            <div class="tc-display-table-cell">
                                                <div
                                                    class="employee-desination">
                                                    <h5>
                                                        <a href="#"
                                                            class="text-white">Katrina
                                                            Petrova</a>
                                                    </h5>
                                                    <span class="text-white">Professor
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </section>

                <section class="blog-area bg-gray pad48">
                    <div class="container">
                        <!-- Start Area headding -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="area-headding text-center mb32">
                                    <h2 class="section-title">
                                        Latest Blogs
                                        <span>Lorem ipsum dolor sit amet
                                        </span>
                                    </h2>
                                </div>
                                <div id="blog_carousel" class="carousel slide col-md-12"
                                    data-ride="carousel" style="min-height: 600px;">
                                    <ol class="carousel-indicators">
                                        <li data-target="#blog_carousel"
                                            data-slide-to="0" class="active"></li>
                                        <li data-target="#blog_carousel"
                                            data-slide-to="1"></li>

                                    </ol>

                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner">
                                        <div class="item active">
                                            <div
                                                class="col-xs-12 col-sm-6 col-md-4 col-lg-4 mb8">
                                                <div
                                                    class="single-blog text-left bg-white">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/blog1.jpg"
                                                        alt="blog img" />
                                                    <div class="blog-info">
                                                        <h3
                                                            class="blog-title mt0">
                                                            <a href="#">Real
                                                                Time
                                                                Design
                                                                Tools
                                                            </a>
                                                        </h3>
                                                        <div
                                                            class="blog-post-dlc mb8">

                                                            <a href="#"
                                                                class="date-time">
                                                                <i
                                                                    class="fa fa-calendar pr7"></i>
                                                                May 13,
                                                                2016
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-heart pr7"></i>
                                                                17
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-comments-o pr7"></i>
                                                                2
                                                            </a>
                                                        </div>
                                                        <p
                                                            class="blog-content mb16">Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare
                                                            nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat. Nam
                                                            auctor erat
                                                            nec mi
                                                            euismod
                                                            viverra.
                                                            Morbi
                                                            accumsan
                                                            ipsum velit.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                class="col-xs-12 col-sm-6 col-md-4 col-lg-4 mb8">
                                                <div
                                                    class="single-blog text-left bg-white">
                                                    <div>
                                                        <img
                                                            class="img img-responsive"
                                                            src="/web_openeducat/static/src/img/blog2.jpg"
                                                            alt="blog img" />
                                                    </div>
                                                    <div class="blog-info">
                                                        <h3
                                                            class="blog-title mt0">
                                                            <a href="#">Build
                                                                Eduation
                                                                Website
                                                            </a>
                                                        </h3>
                                                        <div
                                                            class="blog-post-dlc mb8">

                                                            <a href="#"
                                                                class="date-time">
                                                                <i
                                                                    class="fa fa-calendar pr7"></i>
                                                                May 18,
                                                                2016
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-heart pr7"></i>
                                                                20
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-comments-o pr7"></i>
                                                                5
                                                            </a>
                                                        </div>
                                                        <p
                                                            class="blog-content mb16">Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare
                                                            nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat. Nam
                                                            auctor erat
                                                            nec mi
                                                            euismod
                                                            viverra.
                                                            Morbi
                                                            accumsan
                                                            ipsum velit.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                class="col-xs-12 col-sm-6 col-md-4 col-lg-4 mb8">
                                                <div
                                                    class="single-blog text-left bg-white">
                                                    <div>
                                                        <img
                                                            class="img img-responsive"
                                                            src="/web_openeducat/static/src/img/blog3.jpg"
                                                            alt="blog img" />
                                                    </div>
                                                    <div class="blog-info">
                                                        <h3
                                                            class="blog-title mt0">
                                                            <a href="#">Online
                                                                Learning
                                                            </a>
                                                        </h3>
                                                        <div
                                                            class="blog-post-dlc mb8">

                                                            <a href="#"
                                                                class="date-time">
                                                                <i
                                                                    class="fa fa-calendar pr7"></i>
                                                                May 25,
                                                                2016
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-heart pr7"></i>
                                                                21
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-comments-o pr7"></i>
                                                                3
                                                            </a>
                                                        </div>
                                                        <p
                                                            class="blog-content mb16">Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare
                                                            nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat. Nam
                                                            auctor erat
                                                            nec mi
                                                            euismod
                                                            viverra.
                                                            Morbi
                                                            accumsan
                                                            ipsum velit.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div
                                                class="col-xs-12 col-sm-6 col-md-4 col-lg-4 mb8">
                                                <div
                                                    class="single-blog text-left bg-white">
                                                    <img
                                                        class="img img-responsive"
                                                        src="/web_openeducat/static/src/img/blog1.jpg"
                                                        alt="blog img" />
                                                    <div class="blog-info">
                                                        <h3
                                                            class="blog-title mt0">
                                                            <a href="#">Student
                                                                Guidance
                                                            </a>
                                                        </h3>
                                                        <div
                                                            class="blog-post-dlc mb8">

                                                            <a href="#"
                                                                class="date-time">
                                                                <i
                                                                    class="fa fa-calendar pr7"></i>
                                                                May 29,
                                                                2016
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-heart pr7"></i>
                                                                10
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-comments-o pr7"></i>
                                                                1
                                                            </a>
                                                        </div>
                                                        <p
                                                            class="blog-content mb16">Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare
                                                            nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat. Nam
                                                            auctor erat
                                                            nec mi
                                                            euismod
                                                            viverra.
                                                            Morbi
                                                            accumsan
                                                            ipsum velit.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                class="col-xs-12 col-sm-6 col-md-4 col-lg-4 mb8">
                                                <div
                                                    class="single-blog text-left bg-white">
                                                    <div>
                                                        <img
                                                            class="img img-responsive"
                                                            src="/web_openeducat/static/src/img/blog2.jpg"
                                                            alt="blog img" />
                                                    </div>
                                                    <div class="blog-info">
                                                        <h3
                                                            class="blog-title mt0">
                                                            <a href="#">Vocational
                                                                Counselling
                                                            </a>
                                                        </h3>
                                                        <div
                                                            class="blog-post-dlc mb8">

                                                            <a href="#"
                                                                class="date-time">
                                                                <i
                                                                    class="fa fa-calendar pr7"></i>
                                                                Jun 15,
                                                                2016
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-heart pr7"></i>
                                                                12
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-comments-o pr7"></i>
                                                                6
                                                            </a>
                                                        </div>
                                                        <p
                                                            class="blog-content mb16">Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare
                                                            nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat. Nam
                                                            auctor erat
                                                            nec mi
                                                            euismod
                                                            viverra.
                                                            Morbi
                                                            accumsan
                                                            ipsum velit.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                class="col-xs-12 col-sm-6 col-md-4 col-lg-4 mb8">
                                                <div
                                                    class="single-blog text-left bg-white">
                                                    <div>
                                                        <img
                                                            class="img img-responsive"
                                                            src="/web_openeducat/static/src/img/blog3.jpg"
                                                            alt="blog img" />
                                                    </div>
                                                    <div class="blog-info">
                                                        <h3
                                                            class="blog-title mt0">
                                                            <a href="#">Peer
                                                                Recognition
                                                            </a>
                                                        </h3>
                                                        <div
                                                            class="blog-post-dlc mb8">

                                                            <a href="#"
                                                                class="date-time">
                                                                <i
                                                                    class="fa fa-calendar pr7"></i>
                                                                Jun 21,
                                                                2016
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-heart pr7"></i>
                                                                08
                                                            </a>
                                                            <a href="#">
                                                                <i
                                                                    class="fa fa-comments-o pr7"></i>
                                                                8
                                                            </a>
                                                        </div>
                                                        <p
                                                            class="blog-content mb16">Pellentesque
                                                            quis
                                                            condimentum
                                                            arcu, vel
                                                            ornare
                                                            nisi.
                                                            Donec tellus
                                                            elit,
                                                            fringilla
                                                            non ex id,
                                                            tincidunt
                                                            bibendum
                                                            erat. Nam
                                                            auctor erat
                                                            nec mi
                                                            euismod
                                                            viverra.
                                                            Morbi
                                                            accumsan
                                                            ipsum velit.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </section>
                <section id="testimonials">
                    <div class="container-fluid">
                        <div class="row">
                            <div
                                class="col-md-12 col-sm-12 col-xs-12 testimonial-bg pad60">
                                <div class="mb32 white text-left">
                                    <h2 class="section-title text-white">
                                        Parents Testimonials
                                        <span>Lorem ipsum dolor sit amet
                                        </span>
                                    </h2>
                                </div>
                                <div id="testimonial_carousel"
                                    class="carousel slide col-md-12"
                                    data-ride="carousel" style="height: 350px;">
                                    <ol class="carousel-indicators">
                                        <li data-target="#testimonial_carousel"
                                            data-slide-to="0" class="active"></li>
                                        <li data-target="#testimonial_carousel"
                                            data-slide-to="1"></li>
                                        <li data-target="#testimonial_carousel"
                                            data-slide-to="2"></li>

                                    </ol>

                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner">
                                        <div class="item active quote">
                                            <blockquote>
                                                <p class="text-white">"Denim you
                                                    probably haven't
                                                    heard of. Lorem
                                                    ipsum dolor
                                                    met
                                                    consectetur
                                                    adipisicing sit
                                                    amet,
                                                    consectetur
                                                    adipisicing elit, of
                                                    them jean shorts sed
                                                    magna
                                                    aliqua.
                                                    Lorem
                                                    ipsum dolor met."
                                                </p>
                                            </blockquote>
                                            <div class="author-info">
                                                <img alt=""
                                                    src="/web_openeducat/static/src/img/thumb-01.jpg"
                                                    class="pull-left img img-responsive" />
                                                <div class="quote-author">
                                                    <h5 class="name">
                                                        <a href="#"
                                                            class="text-white">John
                                                            Mathew</a>
                                                    </h5>
                                                    <span>/ Parent
                                                    </span>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="item quote">
                                            <blockquote>
                                                <p class="text-white">"Denim you
                                                    probably haven't
                                                    heard of. Lorem
                                                    ipsum dolor
                                                    met
                                                    consectetur
                                                    adipisicing sit
                                                    amet,
                                                    consectetur
                                                    adipisicing elit, of
                                                    them jean shorts sed
                                                    magna
                                                    aliqua.
                                                    Lorem
                                                    ipsum dolor met."
                                                </p>
                                            </blockquote>
                                            <div class="author-info">
                                                <img alt=""
                                                    src="/web_openeducat/static/src/img/thumb-02.jpg"
                                                    class="pull-left img img-responsive" />
                                                <div class="quote-author">
                                                    <h5 class="name">
                                                        <a href="#"
                                                            class="text-white">Aslam
                                                            Hasib</a>
                                                    </h5>
                                                    <span>/ Parent
                                                    </span>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="item quote">
                                            <blockquote>
                                                <p class="text-white">"Denim you
                                                    probably haven't
                                                    heard of. Lorem
                                                    ipsum dolor
                                                    met
                                                    consectetur
                                                    adipisicing sit
                                                    amet,
                                                    consectetur
                                                    adipisicing elit, of
                                                    them jean shorts sed
                                                    magna
                                                    aliqua.
                                                    Lorem
                                                    ipsum dolor met."
                                                </p>
                                            </blockquote>
                                            <div class="author-info">
                                                <img alt=""
                                                    src="/web_openeducat/static/src/img/thumb-03.jpg"
                                                    class="pull-left img img-responsive" />
                                                <div class="quote-author">
                                                    <h5 class="name">
                                                        <a href="#"
                                                            class="text-white">Baldwin
                                                            Dallas</a>
                                                    </h5>
                                                    <span>/ Parent
                                                    </span>
                                                </div>
                                            </div>

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



                            </div>
                            <div class="col-md-12 col-sm-12 col-xs-12 pad60">
                                <div class="area-headding mb32">
                                    <h2 class="section-title">
                                        Events
                                        <span>Upcoming Education Events
                                            to feed your brain.</span>
                                    </h2>
                                </div>
                                <div id="event_carousel" class="carousel slide col-md-12"
                                    data-ride="carousel" style="height: 350px;">
                                    <ol class="carousel-indicators">
                                        <li data-target="#event_carousel"
                                            data-slide-to="0" class="active"></li>
                                        <li data-target="#event_carousel"
                                            data-slide-to="1"></li>

                                    </ol>

                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner">
                                        <div class="item active">

                                            <div
                                                class="col-md-12 col-xs-12 col-sm-12 mb8">
                                                <div
                                                    class="col-md-3 col-xs-12 col-sm-12">
                                                    <div class="text-center">
                                                        <h2 class="date-event">
                                                            28
                                                            <span>MAY
                                                            </span>
                                                        </h2>
                                                    </div>
                                                </div>
                                                <div
                                                    class="col-md-9 col-xs-12 col-sm-12 post-detail">
                                                    <h3>
                                                        <a href="#">Market
                                                            Brief
                                                            Education
                                                        </a>
                                                    </h3>
                                                    <div class="meta">
                                                        <div class="time">
                                                            <i
                                                                class="fa fa-clock-o pr8"></i>
                                                            8:00 am -
                                                            5:00 pm
                                                        </div>
                                                        <div class="location">
                                                            <i
                                                                class="fa fa-map-marker pr8"></i>
                                                            Chicago, US
                                                        </div>
                                                    </div>
                                                    <p class="mt8">Lorem
                                                        ipsum dolor sit
                                                        amet, contetur
                                                        adipiscing
                                                        elit.
                                                        Sed
                                                        id tellus in
                                                        diam tempus
                                                        euismod.
                                                    </p>
                                                </div>
                                            </div>
                                            <div
                                                class="col-md-12 col-xs-12 col-sm-12 mb8 item-event">
                                                <div
                                                    class="col-md-3 col-xs-12 col-sm-12">
                                                    <div class="text-center">
                                                        <h2 class="date-event">
                                                            17
                                                            <span>AUGUST
                                                            </span>
                                                        </h2>
                                                    </div>
                                                </div>
                                                <div
                                                    class="col-md-9 col-xs-12 col-sm-12 post-detail">
                                                    <h3>
                                                        <a href="#">Network
                                                            Webinars</a>
                                                    </h3>
                                                    <div class="meta">
                                                        <div class="time">
                                                            <i
                                                                class="fa fa-clock-o pr8"></i>
                                                            8:00 am -
                                                            5:00 pm
                                                        </div>
                                                        <div class="location">
                                                            <i
                                                                class="fa fa-map-marker pr8"></i>
                                                            Chicago, US
                                                        </div>
                                                    </div>

                                                    <p class="mt8">Lorem
                                                        ipsum dolor sit
                                                        amet, contetur
                                                        adipiscing
                                                        elit.
                                                        Sed
                                                        id tellus in
                                                        diam tempus
                                                        euismod.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item">

                                            <div
                                                class="col-md-12 col-xs-12 col-sm-12 mb8">
                                                <div
                                                    class="col-md-3 col-xs-12 col-sm-12">
                                                    <div class="text-center">
                                                        <h2 class="date-event">
                                                            23
                                                            <span>SEPTEMBER
                                                            </span>
                                                        </h2>
                                                    </div>
                                                </div>
                                                <div
                                                    class="col-md-9 col-xs-12 col-sm-12 post-detail">
                                                    <h3>
                                                        <a href="#">Adventure
                                                            Cirriculum
                                                        </a>
                                                    </h3>
                                                    <div class="meta">
                                                        <div class="time">
                                                            <i
                                                                class="fa fa-clock-o pr8"></i>
                                                            8:00 am -
                                                            5:00 pm
                                                        </div>
                                                        <div class="location">
                                                            <i
                                                                class="fa fa-map-marker pr8"></i>
                                                            Chicago, US
                                                        </div>
                                                    </div>
                                                    <p class="mt8">Lorem
                                                        ipsum dolor sit
                                                        amet, contetur
                                                        adipiscing
                                                        elit.
                                                        Sed
                                                        id tellus in
                                                        diam tempus
                                                        euismod.
                                                    </p>
                                                </div>
                                            </div>
                                            <div
                                                class="col-md-12 col-xs-12 col-sm-12 mb8 item-event">
                                                <div
                                                    class="col-md-3 col-xs-12 col-sm-12">
                                                    <div class="text-center">
                                                        <h2 class="date-event">
                                                            08
                                                            <span>JULY
                                                            </span>
                                                        </h2>
                                                    </div>
                                                </div>
                                                <div
                                                    class="col-md-9 col-xs-12 col-sm-12 post-detail">
                                                    <h3>
                                                        <a href="#">Advanced
                                                            Placement
                                                        </a>
                                                    </h3>
                                                    <div class="meta">
                                                        <div class="time">
                                                            <i
                                                                class="fa fa-clock-o pr8"></i>
                                                            8:00 am -
                                                            5:00 pm
                                                        </div>
                                                        <div class="location">
                                                            <i
                                                                class="fa fa-map-marker pr8"></i>
                                                            Chicago, US
                                                        </div>
                                                    </div>

                                                    <p class="mt8">Lorem
                                                        ipsum dolor sit
                                                        amet, contetur
                                                        adipiscing
                                                        elit.
                                                        Sed
                                                        id tellus in
                                                        diam tempus
                                                        euismod.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </xpath>
        </template>
    </data>
</odoo>
