<!doctype html>
<html lang="en">
  <head>
    <title></title>
    <meta charset="utf-8">
    <!-- .site-wrap 516-->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,900" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/style.css">
  </head>
  <body>
    
    <header role="banner">
     
      <nav class="navbar navbar-expand-md navbar-dark bg-light">
        <div class="container">
          <span class="navbar-brand absolute">Skwela</span>

          <div class="collapse navbar-collapse navbar-light" id="navbarsExample05">
            <ul class="navbar-nav mx-auto">
              <li class="nav-item">
                <a class="nav-link" href="/"><img src="assets/images/en.png"></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="fr/"><img src="assets/images/fr.png"></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="de/"><img src="assets/images/de.png"></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="es/"><img src="assets/images/es.png"></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="it/"><img src="assets/images/it.png"></a>
              </li>
            </ul>
            
          </div>
        </div>
      </nav>
    </header>
    <!-- END header -->

    <section class="site-hero overlay" style="background-image: url(assets/images/big_image_1.jpg);">
      <div class="container">
        <div class="row align-items-center site-hero-inner justify-content-center">
          <div class="col-md-8 text-center">

            <div class="mb-5 element-animate">
              <h1>Fusce vulputate sem</h1>
              <p class="lead">Maecenas adipiscing ante non diam sodales hendrerit</p>
            </div>

            
          </div>
        </div>
      </div>
    </section>
    <!-- END section -->

    <section class="school-features d-flex" style="background-image: url(assets/images/big_image_3.jpg);">

      <div class="inner">
        <div class="media d-block feature">
          <div class="media-body">
            <h3 class="mt-0">Suscipit numquam</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora fuga suscipit numquam esse saepe quam, eveniet iure assumenda dignissimos aliquam!</p>
          </div>
        </div>

        <div class="media d-block feature">
          <div class="media-body">
            <h3 class="mt-0">Suscipit numquam</h3>
            <p>Delectus fuga voluptatum minus amet, mollitia distinctio assumenda voluptate quas repellat eius quisquam odio. Aliquam, laudantium, optio? Error velit, alias.</p>
          </div>
        </div>

        <div class="media d-block feature">
          <div class="media-body">
            <h3 class="mt-0">Suscipit numquam</h3>
            <p>Delectus fuga voluptatum minus amet, mollitia distinctio assumenda voluptate quas repellat eius quisquam odio. Aliquam, laudantium, optio? Error velit, alias.</p>
          </div>
        </div>


        <div class="media d-block feature">
          <div class="media-body">
            <h3 class="mt-0">Suscipit numquam</h3>
            <p>Harum, adipisci, aspernatur. Vero repudiandae quos ab debitis, fugiat culpa obcaecati, voluptatibus ad distinctio cum soluta fugit sed animi eaque?</p>
          </div>
        </div>
      </div>
    </section>
    <!-- END section -->


    <section class="site-section">
      <div class="container">
        <section class="school-features text-dark d-flex">

          <div class="inner">
            <div class="media d-block feature">
              <div class="media-body">
                <h3 class="mt-0">Tempora fuga suscipit</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora fuga suscipit numquam esse saepe quam, eveniet iure assumenda dignissimos aliquam!</p>
              </div>
            </div>

            <div class="media d-block feature">
              <div class="media-body">
                <h3 class="mt-0">Tempora fuga suscipit</h3>
                <p>Delectus fuga voluptatum minus amet, mollitia distinctio assumenda voluptate quas repellat eius quisquam odio. Aliquam, laudantium, optio? Error velit, alias.</p>
              </div>
            </div>

            <div class="media d-block feature">
              <div class="media-body">
                <h3 class="mt-0">Tempora fuga suscipit</h3>
                <p>Delectus fuga voluptatum minus amet, mollitia distinctio assumenda voluptate quas repellat eius quisquam odio. Aliquam, laudantium, optio? Error velit, alias.</p>
              </div>
            </div>


            <div class="media d-block feature">
              <div class="media-body">
                <h3 class="mt-0">Tempora fuga suscipit</h3>
                <p>Harum, adipisci, aspernatur. Vero repudiandae quos ab debitis, fugiat culpa obcaecati, voluptatibus ad distinctio cum soluta fugit sed animi eaque?</p>
              </div>
            </div>
          </div>
        </section>

        <section class="school-features text-dark last d-flex">

          <div class="inner">
            <div class="media d-block feature">
              <div class="icon"><span class="flaticon-student-1"></span></div>
              <div class="media-body">
                <h3 class="mt-0">Tempora fuga suscipit</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora fuga suscipit numquam esse saepe quam, eveniet iure assumenda dignissimos aliquam!</p>
              </div>
            </div>

            <div class="media d-block feature">
              <div class="icon"><span class="flaticon-interface"></span></div>
              <div class="media-body">
                <h3 class="mt-0">Tempora fuga suscipit</h3>
                <p>Delectus fuga voluptatum minus amet, mollitia distinctio assumenda voluptate quas repellat eius quisquam odio. Aliquam, laudantium, optio? Error velit, alias.</p>
              </div>
            </div>

            <div class="media d-block feature">
              <div class="icon"><span class="flaticon-book"></span></div>
              <div class="media-body">
                <h3 class="mt-0">Tempora fuga suscipit</h3>
                <p>Delectus fuga voluptatum minus amet, mollitia distinctio assumenda voluptate quas repellat eius quisquam odio. Aliquam, laudantium, optio? Error velit, alias.</p>
              </div>
            </div>


            <div class="media d-block feature">
              <div class="icon"><span class="flaticon-geography"></span></div>
              <div class="media-body">
                <h3 class="mt-0">Tempora fuga suscipit</h3>
                <p>Harum, adipisci, aspernatur. Vero repudiandae quos ab debitis, fugiat culpa obcaecati, voluptatibus ad distinctio cum soluta fugit sed animi eaque?</p>
              </div>
            </div>
          </div>
        </section>


      </div>
    </section>
    <!-- END section -->

    <section class="section-cover" style="background-image: url(assets/images/big_image_3.jpg);">
      <div class="container">
        <div class="row justify-content-center align-items-center intro">
          <div class="col-md-7 text-center element-animate">
            <h2>Faucibus felis magna fermentum augue</h2>
            <p class="lead mb-5">Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus.</p>
          </div>
        </div>
      </div>
    </section>
    <!-- END section -->


    <section class="site-section bg-light">
      <div class="container">
        <div class="row justify-content-center mb-5">
          <div class="col-md-7 text-center">
            <h2>Curabitur iaculis</h2>
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum magnam illum maiores adipisci pariatur, eveniet.</p>
          </div>
        </div>
        <div class="row top-course">
          <div class="col-lg-2 col-md-4 col-sm-6 col-12">
            <span class="course">
              <img src="assets/images/webdesign.jpg" alt="">
              <h2>Earum magnam</h2>
              <p>Adipisci pariatur</p>
            </span>
          </div>
          <div class="col-lg-2 col-md-4 col-sm-6 col-12">
            <span class="course">
              <img src="assets/images/wordpress.jpg" alt="">
              <h2>Earum magnam</h2>
              <p>Adipisci pariatur</p>
            </span>
          </div>
          <div class="col-lg-2 col-md-4 col-sm-6 col-12">
            <span class="course">
              <img src="assets/images/javascript.jpg" alt="">
              <h2>Earum magnam</h2>
              <p>Adipisci pariatur</p>
            </span>
          </div>
          <div class="col-lg-2 col-md-4 col-sm-6 col-12">
            <span class="course">
              <img src="assets/images/photoshop.jpg" alt="">
              <h2>Earum magnam</h2>
              <p>Adipisci pariatur</p>
            </span>
          </div>
          <div class="col-lg-2 col-md-4 col-sm-6 col-12">
            <span class="course">
              <img src="assets/images/reactjs.jpg" alt="">
              <h2>Earum magnam</h2>
              <p>Adipisci pariatur</p>
            </span>
          </div>
          <div class="col-lg-2 col-md-4 col-sm-6 col-12">
            <span class="course">
              <img src="assets/images/angularjs.jpg" alt="">
              <h2>Earum magnam</h2>
              <p>Adipisci pariatur</p>
            </span>
          </div>
        </div>
      </div>
    </section>
    <!-- END section -->
  
    <section class="overflow">
      <div class="container">
        <div class="row justify-content-center align-items-center">
          
          
          <div class="col-lg-7 order-lg-3 order-1 mb-lg-0 mb-5">
            <img src="assets/images/person_testimonial_1.jpg" alt="" class="img-md-fluid">
          </div>
          <div class="col-lg-1 order-lg-2"></div>
          <div class="col-lg-4 order-lg-1 order-2 mb-lg-0 mb-5">
            <blockquote class="testimonial">
              &ldquo; Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt incidunt nihil ab cumque molestiae commodi. &rdquo;
            </blockquote>
            <p>&mdash; Asperiores, temporibus reprehenderit</p>
          </div>
        </div>
      </div>
    </section>
    <!-- END section -->
  
    <footer class="site-footer" style="background-image: url(assets/images/big_image_3.jpg);">
      <div class="container">
        <div class="row mb-5">
          <div class="col-md-4">
            <h3>Accusantium</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, accusantium optio unde perferendis eum illum voluptatibus dolore tempora, consequatur minus asperiores temporibus reprehenderit.</p>
          </div>
          <div class="col-md-6 ml-auto">
            <div class="row">
              <div class="col-md-4">
                <ul class="list-unstyled">
                  <li>Aliquam</li>
                        <li>Convallis</li>
                        <li>Sollicitudin</li>
                        <li>Purus</li>
                        <li>Praesent</li>
                </ul>
              </div>
              <div class="col-md-4">
                <ul class="list-unstyled">
                  <li>Aliquam</li>
                        <li>Convallis</li>
                        <li>Sollicitudin</li>
                        <li>Purus</li>
                        <li>Praesent</li>
                </ul>
              </div>
              <div class="col-md-4">
                <ul class="list-unstyled">
                  <li>Aliquam</li>
                        <li>Convallis</li>
                        <li>Sollicitudin</li>
                        <li>Purus</li>
                        <li>Praesent</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <p>Powered by : <a href="https://www.ergosolo.de" target="_blank">ergosolo.de</a></p>
          </div>
        </div>
      </div>
    </footer>
    <!-- END footer -->
    



  </body>
</html>