<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <!-- .site-wrap 540-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <div class="hero-content">
        <header class="site-header">
            <div class="nav-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-9 col-lg-3">
                            <div class="site-branding">
                                <h1 class="site-title"><span rel="home">Ezu<span>ca</span></span></h1>
                            </div><!-- .site-branding -->
                        </div><!-- .col -->

                        <div class="col-3 col-lg-9 flex justify-content-end align-content-center">
                            <nav class="site-navigation flex justify-content-end align-items-center">
                                <ul class="flex flex-column flex-lg-row justify-content-lg-end align-content-center">
                                    <li><a href="/"><img src="assets/images/en.png"></a></li>
                                    <li><a href="fr/"><img src="assets/images/fr.png"></a></li>
                                    <li><a href="de/"><img src="assets/images/de.png"></a></li>
                                    <li><a href="es/"><img src="assets/images/es.png"></a></li>
                                    <li><a href="it/"><img src="assets/images/it.png"></a></li>
                                </ul>
                            </nav><!-- .site-navigation -->
                        </div><!-- .col -->
                    </div><!-- .row -->
                </div><!-- .container -->
            </div><!-- .nav-bar -->
        </header><!-- .site-header -->

        <div class="hero-content-overlay">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="hero-content-wrap flex flex-column justify-content-center align-items-start">
                            <header class="entry-header">
                                <h4>Excepteur sint occaecat cupidatat</h4>
                                <h1>Sunt in culpa<br/>deserunt mollit</h1>
                            </header><!-- .entry-header -->

                            <div class="entry-content">
                                <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</p>
                            </div><!-- .entry-content -->

                        </div><!-- .hero-content-wrap -->
                    </div><!-- .col -->
                </div><!-- .row -->
            </div><!-- .container -->
        </div><!-- .hero-content-hero-content-overlay -->
    </div><!-- .hero-content -->

    <div class="icon-boxes">
        <div class="container-fluid">
            <div class="flex flex-wrap align-items-stretch">
                <div class="icon-box">
                    <div class="icon">
                        <span class="ti-user"></span>
                    </div><!-- .icon -->

                    <header class="entry-header">
                        <h2 class="entry-title">Aenean suscipit justo</h2>
                    </header><!-- .entry-header -->

                    <div class="entry-content">
                        <p>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p>
                    </div><!-- .entry-content -->
                </div><!-- .icon-box -->

                <div class="icon-box">
                    <div class="icon">
                        <span class="ti-folder"></span>
                    </div><!-- .icon -->

                    <header class="entry-header">
                        <h2 class="entry-title">Aenean suscipit justo</h2>
                    </header><!-- .entry-header -->

                    <div class="entry-content">
                        <p>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p>
                    </div><!-- .entry-content -->

                </div><!-- .icon-box -->

                <div class="icon-box">
                    <div class="icon">
                        <span class="ti-book"></span>
                    </div><!-- .icon -->

                    <header class="entry-header">
                        <h2 class="entry-title">Aenean suscipit justo</h2>
                    </header><!-- .entry-header -->

                    <div class="entry-content">
                       <p>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p>
                    </div><!-- .entry-content -->

                </div><!-- .icon-box -->

                <div class="icon-box">
                    <div class="icon">
                        <span class="ti-world"></span>
                    </div><!-- .icon -->

                    <header class="entry-header">
                        <h2 class="entry-title">Aenean suscipit justo</h2>
                    </header><!-- .entry-header -->

                    <div class="entry-content">
                        <p>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p>
                    </div><!-- .entry-content -->
                </div><!-- .icon-box -->
            </div><!-- .row -->
        </div><!-- .container-fluid -->
    </div><!-- .icon-boxes -->

    <section class="featured-courses horizontal-column courses-wrap">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <header class="heading flex justify-content-between align-items-center">
                        <h2 class="entry-title">Curabitur iaculis</h2>
                    </header><!-- .heading -->
                </div><!-- .col -->

                <div class="col-12 col-lg-6">
                    <div class="course-content flex flex-wrap justify-content-between align-content-lg-stretch">
                        <figure class="course-thumbnail">
                           <img src="assets/images/1.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="course-content-wrap">
                            <header class="entry-header">
                                <h2 class="entry-title">Suspendisse cursus rutrum augue</h2>
                                <div class="entry-meta flex flex-wrap align-items-center">
                                    <div class="course-author">Nulla tincidunt tincidunt mi</div>

                                    <div class="course-date">Curabitur iaculis</div>
                                </div><!-- .course-date -->
                            </header><!-- .entry-header -->

                        </div><!-- .course-content-wrap -->
                    </div><!-- .course-content -->
                </div><!-- .col -->

                <div class="col-12 col-lg-6">
                    <div class="course-content flex flex-wrap justify-content-between align-content-lg-stretch">
                        <figure class="course-thumbnail">
                            <img src="assets/images/2.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="course-content-wrap">
                            <header class="entry-header">
                                <h2 class="entry-title">Suspendisse cursus rutrum augue</h2>
                                <div class="entry-meta flex flex-wrap align-items-center">
                                    <div class="course-author">Nulla tincidunt tincidunt mi</div>

                                    <div class="course-date">Curabitur iaculis</div>
                                </div><!-- .course-date -->
                            </header><!-- .entry-header -->

                        </div><!-- .course-content-wrap -->
                    </div><!-- .course-content -->
                </div><!-- .col -->
            </div><!-- .row -->
        </div><!-- .container -->
    </section><!-- .courses-wrap -->

    <section class="about-section">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-6 align-content-lg-stretch">
                    <header class="heading">
                        <h2 class="entry-title">Excepteur sint</h2>

                        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
                    </header><!-- .heading -->

                    <div class="entry-content ezuca-stats">
                        <div class="stats-wrap flex flex-wrap justify-content-lg-between">
                            <div class="stats-count">
                                50
                                <p>Vestibulum </p>
                            </div><!-- .stats-count -->

                            <div class="stats-count">
                                30
                                <p>Vestibulum </p>
                            </div><!-- .stats-count -->

                            <div class="stats-count">
                                340
                                <p>Vestibulum </p>
                            </div><!-- .stats-count -->

                            <div class="stats-count">
                                20
                                <p>Vestibulum </p>
                            </div><!-- .stats-count -->
                        </div><!-- .stats-wrap -->
                    </div><!-- .ezuca-stats -->
                </div><!-- .col -->

                <div class="col-12 col-lg-6 flex align-content-center mt-5 mt-lg-0">
                    <div class="ezuca-video position-relative">
                        <div class="video-play-btn position-absolute">
                            <img src="assets/images/video-icon.png" alt="">
                        </div><!-- .video-play-btn -->

                        <img src="assets/images/video-screenshot.png" alt="">
                    </div><!-- .ezuca-video -->
                </div><!-- .col -->
            </div><!-- .row -->
        </div><!-- .container -->
    </section><!-- .about-section -->

    <section class="testimonial-section">
        <!-- Swiper -->
        <div class="swiper-container testimonial-slider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="container">
                        <div class="row">
                            <div class="col-12 col-lg-6 order-2 order-lg-1 flex align-items-center mt-5 mt-lg-0">
                                <figure class="user-avatar">
                                    <img src="assets/images/user-1.jpg" alt="">
                                </figure><!-- .user-avatar -->
                            </div><!-- .col -->

                            <div class="col-12 col-lg-6 order-1 order-lg-2 content-wrap h-100">
                                <div class="entry-content">
                                    <p>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. </p>
                                </div><!-- .entry-content -->

                                <div class="entry-footer">
                                    <h3 class="testimonial-user">Rultricies - <span>Urhoncus faucibus</span></h3>
                                </div><!-- .entry-footer -->
                            </div><!-- .col -->
                        </div><!-- .row -->
                    </div><!-- .container -->
                </div><!-- .swiper-slide -->

                <div class="swiper-slide">
                    <div class="container">
                        <div class="row">
                            <div class="col-12 col-lg-6 order-2 order-lg-1 flex align-items-center mt-5 mt-lg-0">
                                <figure class="user-avatar">
                                    <img src="assets/images/user-2.jpg" alt="">
                                </figure><!-- .user-avatar -->
                            </div><!-- .col -->

                           <div class="col-12 col-lg-6 order-1 order-lg-2 content-wrap h-100">
                                <div class="entry-content">
                                    <p>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. </p>
                                </div><!-- .entry-content -->

                                <div class="entry-footer">
                                    <h3 class="testimonial-user">Rultricies - <span>Urhoncus faucibus</span></h3>
                                </div><!-- .entry-footer -->
                            </div><!-- .col -->
                        </div><!-- .row -->
                    </div><!-- .container -->
                </div><!-- .swiper-slide -->

                <div class="swiper-slide">
                    <div class="container">
                        <div class="row">
                            <div class="col-12 col-lg-6 flex order-2 order-lg-1 align-items-center mt-5 mt-lg-0">
                                <figure class="user-avatar">
                                    <img src="assets/images/user-3.jpg" alt="">
                                </figure><!-- .user-avatar -->
                            </div><!-- .col -->

                            <div class="col-12 col-lg-6 order-1 order-lg-2 content-wrap h-100">
                                <div class="entry-content">
                                    <p>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. </p>
                                </div><!-- .entry-content -->

                                <div class="entry-footer">
                                    <h3 class="testimonial-user">Rultricies - <span>Urhoncus faucibus</span></h3>
                                </div><!-- .entry-footer -->
                            </div><!-- .col -->
                        </div><!-- .row -->
                    </div><!-- .container -->
                </div><!-- .swiper-slide -->
            </div><!-- .swiper-wrapper -->

            <div class="container">
                <div class="row">
                    <div class="col-12 col-lg-6 mt-5 mt-lg-0">
                        <div class="swiper-pagination position-relative flex justify-content-center align-items-center"></div>
                    </div><!-- .col -->
                </div><!-- .row -->
            </div><!-- .container -->
        </div><!-- .testimonial-slider -->
    </section><!-- .testimonial-section -->

    <section class="featured-courses vertical-column courses-wrap">
        <div class="container">
            <div class="row mx-m-25">
                <div class="col-12 px-25">
                    <header class="heading flex flex-wrap justify-content-between align-items-center">
                        <h2 class="entry-title">Lorem vel rhoncus</h2>
                    </header><!-- .heading -->
                </div><!-- .col -->

                <div class="col-12 col-md-6 col-lg-4 px-25">
                    <div class="course-content">
                       <img src="assets/images/1.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="course-content-wrap">
                            <header class="entry-header">
                                <h2 class="entry-title">Felis magna fermentum augue, et ultricies lacus</h2>
                                <div class="entry-meta flex align-items-center">
                                    <div class="course-author">Ultricies lacus</div>
                                    <div class="course-date">Vivamus leo</div>
                                </div><!-- .course-date -->
                            </header><!-- .entry-header -->

                        </div><!-- .course-content-wrap -->
                    </div><!-- .course-content -->
                </div><!-- .col -->

                <div class="col-12 col-md-6 col-lg-4 px-25">
                    <div class="course-content">
                        <figure class="course-thumbnail">
                          <img src="assets/images/2.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="course-content-wrap">
                             <header class="entry-header">
                                <h2 class="entry-title">Felis magna fermentum augue, et ultricies lacus</h2>
                                <div class="entry-meta flex align-items-center">
                                    <div class="course-author">Ultricies lacus</div>
                                    <div class="course-date">Vivamus leo</div>
                                </div><!-- .course-date -->
                            </header><!-- .entry-header -->

                           
                        </div><!-- .course-content-wrap -->
                    </div><!-- .course-content -->
                </div><!-- .col -->

                <div class="col-12 col-md-6 col-lg-4 px-25">
                    <div class="course-content">
                        <figure class="course-thumbnail">
                         <img src="assets/images/3.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="course-content-wrap">
                             <header class="entry-header">
                                <h2 class="entry-title">Felis magna fermentum augue, et ultricies lacus</h2>
                                <div class="entry-meta flex align-items-center">
                                    <div class="course-author">Ultricies lacus</div>
                                    <div class="course-date">Vivamus leo</div>
                                </div><!-- .course-date -->
                            </header><!-- .entry-header -->
                        </div><!-- .course-content-wrap -->
                    </div><!-- .course-content -->
                </div><!-- .col -->

                <div class="col-12 col-md-6 col-lg-4 px-25">
                    <div class="course-content">
                        <figure class="course-thumbnail">
                        <img src="assets/images/4.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="course-content-wrap">
                            <header class="entry-header">
                                <h2 class="entry-title">Felis magna fermentum augue, et ultricies lacus</h2>
                                <div class="entry-meta flex align-items-center">
                                    <div class="course-author">Ultricies lacus</div>
                                    <div class="course-date">Vivamus leo</div>
                                </div><!-- .course-date -->
                            </header><!-- .entry-header -->
                        </div><!-- .course-content-wrap -->
                    </div><!-- .course-content -->
                </div><!-- .col -->

                <div class="col-12 col-md-6 col-lg-4 px-25">
                    <div class="course-content">
                        <figure class="course-thumbnail">
                        <img src="assets/images/5.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="course-content-wrap">
                             <header class="entry-header">
                                <h2 class="entry-title">Felis magna fermentum augue, et ultricies lacus</h2>
                                <div class="entry-meta flex align-items-center">
                                    <div class="course-author">Ultricies lacus</div>
                                    <div class="course-date">Vivamus leo</div>
                                </div><!-- .course-date -->
                            </header><!-- .entry-header -->


                        </div><!-- .course-content-wrap -->
                    </div><!-- .course-content -->
                </div><!-- .col -->

                <div class="col-12 col-md-6 col-lg-4 px-25">
                    <div class="course-content">
                        <figure class="course-thumbnail">
                        <img src="assets/images/6.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="course-content-wrap">
                            <header class="entry-header">
                                <h2 class="entry-title">Felis magna fermentum augue, et ultricies lacus</h2>
                                <div class="entry-meta flex align-items-center">
                                    <div class="course-author">Ultricies lacus</div>
                                    <div class="course-date">Vivamus leo</div>
                                </div><!-- .course-date -->
                            </header><!-- .entry-header -->

    
                        </div><!-- .course-content-wrap -->
                    </div><!-- .course-content -->
                </div><!-- .col -->

            </div><!-- .row -->
        </div><!-- .container -->
    </section><!-- .courses-wrap -->

    <section class="latest-news-events">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <header class="heading flex justify-content-between align-items-center">
                        <h2 class="entry-title">Aliquam euismod libero</h2>
                    </header><!-- .heading -->
                </div><!-- .col -->

                <div class="col-12 col-lg-6">
                    <div class="featured-event-content">
                        <figure class="event-thumbnail position-relative m-0">
                        <img src="assets/images/event-1.jpg" alt="">
                        </figure><!-- .event-thumbnail -->

                        <header class="entry-header flex flex-wrap align-items-center">
                            <h2 class="entry-title">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue</h2>
                            <div class="event-location">Ultricies lacus lorem varius purus</div>
                        </header><!-- .entry-header -->
                    </div><!-- .featured-event-content -->
                </div><!-- .col -->

                <div class="col-12 col-lg-6 mt-5 mt-lg-0">
                    <div class="event-content flex flex-wrap justify-content-between align-content-stretch">
                        <figure class="event-thumbnail">
                        <img src="assets/images/event-2.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="event-content-wrap">
                            <header class="entry-header flex flex-wrap align-items-center">
                            <h2 class="entry-title">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue</h2>
                            <div class="event-location">Ultricies lacus lorem varius purus</div>
                        </header><!-- .entry-header -->

                            <div class="entry-content">
                                <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
                            </div><!-- .entry-content -->
                        </div><!-- .event-content-wrap -->
                    </div><!-- .event-content -->

                    <div class="event-content flex flex-wrap justify-content-between align-content-lg-stretch">
                        <figure class="event-thumbnail">
                         <img src="assets/images/event-3.jpg" alt="">
                        </figure><!-- .course-thumbnail -->

                        <div class="event-content-wrap">
                            <header class="entry-header flex flex-wrap align-items-center">
                            <h2 class="entry-title">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue</h2>
                            <div class="event-location">Ultricies lacus lorem varius purus</div>
                        </header><!-- .entry-header -->

                            <div class="entry-content">
                                <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
                            </div><!-- .entry-content -->
                        </div><!-- .event-content-wrap -->
                    </div><!-- .event-content -->
                </div><!-- .col -->
            </div><!-- .row -->
        </div><!-- .container -->
    </section><!-- .latest-news-events -->

    <section class="home-gallery">
        <div class="gallery-wrap flex flex-wrap">
            <div class="gallery-grid gallery-grid1x1">
            <img src="assets/images/a.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid1x1">
            <img src="assets/images/b.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid2x2">
            <img src="assets/images/c.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid1x1">
            <img src="assets/images/d.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid1x1">
            <img src="assets/images/e.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid2x1">
            <img src="assets/images/g.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid2x1">
            <img src="assets/images/h.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid1x1">
            <img src="assets/images/i.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid2x2 ">
            <img src="assets/images/j.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid1x1">
            <img src="assets/images/k.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid1x1">
            <img src="assets/images/l.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid2x1">
            <img src="assets/images/m.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid3x1">
            <img src="assets/images/n.jpg" alt="">
            </div><!-- .gallery-grid -->

            <div class="gallery-grid gallery-grid1x1">
            <img src="assets/images/o.jpg" alt="">
            </div><!-- .gallery-grid -->
        </div><!-- .gallery-wrap -->
    </section><!-- .home-gallery -->



    <footer class="site-footer">
        <div class="footer-widgets">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-6 col-lg-3">
                        <div class="foot-about">
                            <span class="foot-logo"><img src="assets/images/foot-logo.png" alt=""></span>

                            <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia dese mollit anim id est laborum. </p>

                            
                        </div><!-- .foot-about -->
                    </div><!-- .col -->

                    <div class="col-12 col-md-6 col-lg-3 mt-5 mt-md-0">
                        <div class="foot-contact">
                            <h2>Mollit</h2>

                            <ul>
                                <li>Varius, ligula non tempus aliquam</li>
                                <li>Aliquam convallis sollicitudin</li>
                                <li>Aenean suscipit nulla</li>
                            </ul>
                        </div><!-- .foot-contact -->
                    </div><!-- .col -->

                    <div class="col-12 col-md-6 col-lg-3 mt-5 mt-lg-0">
                        <div class="quick-links flex flex-wrap">
                            <h2 class="w-100">Mollit</h2>

                            <ul class="w-50">
                                <li>Aliquam</li>
                                <li>Convallis</li>
                                <li>Sollicitudin</li>
                                <li>Purus</li>
                            </ul>

                            <ul class="w-50">
                                <li>Aliquam</li>
                                <li>Convallis</li>
                                <li>Sollicitudin</li>
                                <li>Purus</li>
                            </ul>
                        </div><!-- .quick-links -->
                    </div><!-- .col -->

                    <div class="col-12 col-md-6 col-lg-3 mt-5 mt-lg-0">
                        <div class="follow-us">
                            <h2>Mollit</h2>
                             <ul class="w-50">
                                <li>Aliquam</li>
                                <li>Convallis</li>
                                <li>Sollicitudin</li>
                                <li>Purus</li>
                            </ul>
                        </div><!-- .quick-links -->
                    </div><!-- .col -->
                </div><!-- .row -->
            </div><!-- .container -->
        </div><!-- .footer-widgets -->

        <div class="footer-bar">
            <div class="container">
                <div class="row flex-wrap justify-content-center justify-content-lg-between align-items-center">
                    <div class="col-12 col-lg-6">
                    <p class="footer-copyright">Powered by : <a href="https://www.twilightwebdesign.co.uk" target="_blank">twilightwebdesign.co.uk</a></p>
                    </div>

                    <div class="col-12 col-lg-6 mt-4 mt-lg-0">
                    </div><!-- .col-12 -->
                </div><!-- .row -->
            </div><!-- .container -->
        </div><!-- .footer-bar -->
    </footer><!-- .site-footer -->



</body>
</html>