<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title></title>
<!-- .site-wrap 288-->
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <header class="header_area">
    <div class="main_menu">
      <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container box_1620">
          <span class="navbar-brand logo_h"><img src="img/logo.png" alt=""></span>

          <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
            <ul class="nav navbar-nav menu_nav justify-content-center">
              <li class="nav-item"><a class="nav-link" href="/"><img src="img/en.png"></a></li> 
              <li class="nav-item"><a class="nav-link" href="fr/"><img src="img/fr.png"></a></li> 
              <li class="nav-item"><a class="nav-link" href="de/"><img src="img/de.png"></a></li>
              <li class="nav-item"><a class="nav-link" href="es/"><img src="img/es.png"></a></li>
              <li class="nav-item"><a class="nav-link" href="it/"><img src="img/it.png"></a></li>
            </ul>
          </div> 
        </div>
      </nav>
    </div>
  </header>

  
  <main class="site-main"> 
    <section class="mb-30px">
      <div class="container">
        <div class="hero-banner">
          <div class="hero-banner__content">
            <h3>Maecenas adipiscing ante non diam</h3>
            <h1>Fusce vulputate sem at sapien</h1>
            <h4>Morbi vel erat non mauris convallis vehicula</h4>
          </div>
        </div>
      </div>
    </section>

    <section>
      <div class="container">
        <div class="owl-carousel owl-theme blog-slider row">
          <div class="card blog__slide text-center col-md-3">
            <div class="blog__slide__img">
              <img class="card-img rounded-0" src="img/blog/blog-slider/blog-slide1.png" alt="">
            </div>
            <div class="blog__slide__content">
              <span class="blog__slide__label">Aenean </span>
              <h3>Curabitur aliquet pellentesque diam. Integer quis metus</h3>
            </div>
          </div>
          <div class="card blog__slide text-center col-md-3">
            <div class="blog__slide__img">
              <img class="card-img rounded-0" src="img/blog/blog-slider/blog-slide2.png" alt="">
            </div>
            <div class="blog__slide__content">
              <span class="blog__slide__label">Aenean </span>
              <h3>Curabitur aliquet pellentesque diam. Integer quis metus</h3>
            </div>
          </div>
          <div class="card blog__slide text-center col-md-3">
            <div class="blog__slide__img">
              <img class="card-img rounded-0" src="img/blog/blog-slider/blog-slide3.png" alt="">
            </div>
            <div class="blog__slide__content">
              <span class="blog__slide__label">Aenean </span>
              <h3>Curabitur aliquet pellentesque diam. Integer quis metus</h3>
            </div>
          </div>
          <div class="card blog__slide text-center col-md-3">
            <div class="blog__slide__img">
              <img class="card-img rounded-0" src="img/blog/blog-slider/blog-slide1.png" alt="">
            </div>
            <div class="blog__slide__content">
              <span class="blog__slide__label">Aenean </span>
              <h3>Curabitur aliquet pellentesque diam. Integer quis metus</h3>
            </div>
          </div>
 
        </div>
      </div>
    </section>
    <!--================ Blog slider end =================-->  

    <!--================ Start Blog Post Area =================-->
    <section class="blog-post-area section-margin mt-4">
      <div class="container">
        <div class="row">
          <div class="col-lg-8">
            <div class="single-recent-blog-post">
              <div class="thumb">
                <img class="img-fluid" src="img/blog/blog1.png" alt="">
              </div>
              <div class="details mt-20">
                  <h3>Pellentesque rhoncus nunc et augue</h3>
                <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>

            <div class="single-recent-blog-post">
              <div class="thumb">
                <img class="img-fluid" src="img/blog/blog2.png" alt="">
              </div>
              <div class="details mt-20">
                  <h3>Pellentesque rhoncus nunc et augue</h3>
                <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>

            <div class="single-recent-blog-post">
              <div class="thumb">
                <img class="img-fluid" src="img/blog/blog3.png" alt="">
              </div>
              <div class="details mt-20">
                  <h3>Pellentesque rhoncus nunc et augue</h3>
                <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>

            <div class="single-recent-blog-post">
              <div class="thumb">
                <img class="img-fluid" src="img/blog/blog4.png" alt="">
              </div>
              <div class="details mt-20">
                  <h3>Pellentesque rhoncus nunc et augue</h3>
                <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>

          </div>

          <!-- Start Blog Post Siddebar -->
          <div class="col-lg-4 sidebar-widgets">
              <div class="widget-wrap">
                <div class="single-sidebar-widget newsletter-widget">
                  <h4 class="single-sidebar-widget__title">Praesent</h4>
                  <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing.</p>
                </div>


                <div class="single-sidebar-widget post-category-widget">
                  <h4 class="single-sidebar-widget__title">Praesent</h4>
                  <ul class="cat-list mt-20">
                    <li>
                      <span class="d-flex justify-content-between">
                        <p>Tagna </p>
                        <p>(03)</p>
                      </span>
                    </li>
                    <li>
                      <span class="d-flex justify-content-between">
                        <p>Aenean </p>
                        <p>(09)</p>
                      </span>
                    </li>
                    <li>
                      <span class="d-flex justify-content-between">
                        <p>Tagna</p>
                        <p>(12)</p>
                      </span>
                    </li>
                    <li>
                      <span class="d-flex justify-content-between">
                        <p>Aenean </p>
                        <p>(02)</p>
                      </span>
                    </li>
                    <li>
                      <span class="d-flex justify-content-between">
                        <p>Tagna</p>
                        <p>(10)</p>
                      </span>
                    </li>
                  </ul>
                </div>

                <div class="single-sidebar-widget popular-post-widget">
                  <h4 class="single-sidebar-widget__title">Praesent</h4>
                  <div class="popular-post-list">
                    <div class="single-post-list">
                      <div class="thumb">
                        <img class="card-img rounded-0" src="img/blog/thumb/thumb1.png" alt="">
                      </div>
                      <div class="details mt-20">
                          <h6>Morbi vel erat non mauris convallis vehicula</h6>
                      </div>
                    </div>
                    <div class="single-post-list">
                      <div class="thumb">
                        <img class="card-img rounded-0" src="img/blog/thumb/thumb2.png" alt="">
                      </div>
                      <div class="details mt-20">
                          <h6>Morbi vel erat non mauris convallis vehicula</h6>
                      </div>
                    </div>
                    <div class="single-post-list">
                      <div class="thumb">
                        <img class="card-img rounded-0" src="img/blog/thumb/thumb3.png" alt="">
                      </div>
                      <div class="details mt-20">
                          <h6>Morbi vel erat non mauris convallis vehicula</h6>
                      </div>
                    </div>
                  </div>
                </div>

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

        </div>
    </section>

  </main>

  <footer class="footer-area section-padding">
    <div class="container">
      <div class="row">
        <div class="col-lg-3  col-md-6 col-sm-6">
          <div class="single-footer-widget">
            <h6>Eiusmod</h6>
            <p>
              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore
              magna aliqua.
            </p>
          </div>
        </div>
        <div class="col-lg-4  col-md-6 col-sm-6">
          <div class="single-footer-widget">
            <h6>Eiusmod</h6>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore
              magna aliqua.</p>
          </div>
        </div>
        <div class="col-lg-3  col-md-6 col-sm-6">
          <div class="single-footer-widget mail-chimp">
            <h6 class="mb-20">Eiusmod</h6>
            <ul class="instafeed d-flex flex-wrap">
              <li><img src="img/instagram/i1.jpg" alt=""></li>
              <li><img src="img/instagram/i2.jpg" alt=""></li>
              <li><img src="img/instagram/i3.jpg" alt=""></li>
              <li><img src="img/instagram/i4.jpg" alt=""></li>
              <li><img src="img/instagram/i5.jpg" alt=""></li>
              <li><img src="img/instagram/i6.jpg" alt=""></li>
              <li><img src="img/instagram/i7.jpg" alt=""></li>
              <li><img src="img/instagram/i8.jpg" alt=""></li>
            </ul>
          </div>
        </div>
        <div class="col-lg-2 col-md-6 col-sm-6">
          <div class="single-footer-widget">
            <h6>Follow Us</h6>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
          </div>
        </div>
      </div>
      <div class="footer-bottom d-flex justify-content-center align-items-center flex-wrap">
        <p class="footer-text m-0">Powered by : <a href="https://www.lukasjuza.com" target="_blank">lukasjuza.com</a></p>
      </div>
    </div>
  </footer>

</body>
</html>