<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <title></title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
  <!-- .site-wrap 660-->
  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
  <link rel="stylesheet" href="css/style.css">

</head>
<body>
  <div class="body-inner">

<!-- Header start -->
<header id="header" class="header-one">
  <div class="bg-white">
    <div class="container">
      <div class="logo-area">
          <div class="row align-items-center">
            <div class="logo col-lg-3 text-center text-lg-left mb-3 mb-md-5 mb-lg-0">
                <span class="d-block" >
                  <img loading="lazy" src="images/logo.png" alt="">
                </span>
            </div><!-- logo end -->
  
            <div class="col-lg-9 header-right">
            </div><!-- header right end -->
          </div><!-- logo area end -->
  
      </div><!-- Row end -->
    </div><!-- Container end -->
  </div>

  <div class="site-navigation">
    <div class="container">
        <div class="row">
          <div class="col-lg-12">
              <nav class="navbar navbar-expand-lg navbar-dark p-0">
                
                <div id="navbar-collapse" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav mr-auto">
                      <li class="nav-item"><a class="nav-link" href="/"><img src="images/en.png"></a></li>
                      <li class="nav-item"><a class="nav-link" href="fr/"><img src="images/fr.png"></a></li>
                      <li class="nav-item"><a class="nav-link" href="de/"><img src="images/de.png"></a></li>
                      <li class="nav-item"><a class="nav-link" href="es/"><img src="images/es.png"></a></li>
                      <li class="nav-item"><a class="nav-link" href="it/"><img src="images/it.png"></a></li>
                    </ul>
                </div>
              </nav>
          </div>
          <!--/ Col end -->
        </div>
        <!--/ Row end -->
    </div>
    <!--/ Container end -->

  </div>
  <!--/ Navigation end -->
</header>
<!--/ Header end -->

<div class="banner-carousel banner-carousel-1 mb-0">
  <div class="banner-carousel-item" style="background-image:url(images/slider-main/bg1.jpg)">
    <div class="slider-content">
        <div class="container h-100">
          <div class="row align-items-center h-100">
              <div class="col-md-12 text-center">
                <h2 class="slide-title">Maecenas adipiscing ante non diam sodales</h2>
                <h3 class="slide-sub-title">Vestibulum ante ipsum primis in faucibus orci</h3>
              </div>
          </div>
        </div>
    </div>
  </div>

</div>



<section id="ts-features" class="ts-features">
  <div class="container">
    <div class="row">
        <div class="col-lg-6">
          <div class="ts-intro">
              <h2 class="into-title">Metus purus</h2>
              <h3 class="into-sub-title">Proin feugiat augue non elementum</h3>
              <p>Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
          </div><!-- Intro box end -->

          <div class="gap-20"></div>

          <div class="row">
              <div class="col-md-6">
                <div class="ts-service-box">
                    <div class="ts-service-box-content">
                      <h3 class="service-box-title">Praesent aliquam enim</h3>
                    </div>
                </div><!-- Service 1 end -->
              </div><!-- col end -->

              <div class="col-md-6">
                <div class="ts-service-box">
                    <div class="ts-service-box-content">
                      <h3 class="service-box-title">Aenean suscipit nulla</h3>
                    </div>
                </div><!-- Service 2 end -->
              </div><!-- col end -->
          </div><!-- Content row 1 end -->

          <div class="row">
              <div class="col-md-6">
                <div class="ts-service-box">
                    <div class="ts-service-box-content">
                      <h3 class="service-box-title">Suspendisse cursus</h3>
                    </div>
                </div><!-- Service 1 end -->
              </div><!-- col end -->

              <div class="col-md-6">
                <div class="ts-service-box">
                    <div class="ts-service-box-content">
                      <h3 class="service-box-title">Nulla tincidunt </h3>
                    </div>
                </div><!-- Service 2 end -->
              </div><!-- col end -->
          </div><!-- Content row 1 end -->
        </div><!-- Col end -->

        <div class="col-lg-6 mt-4 mt-lg-0">
          <h3 class="into-sub-title">Curabitur aliquet</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. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. </p>
          <p>Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>

       

        </div><!-- Col end -->
    </div><!-- Row end -->
  </div><!-- Container end -->
</section><!-- Feature are end -->

<section id="facts" class="facts-area dark-bg">
  <div class="container">
    <div class="facts-wrapper">
        <div class="row">
          <div class="col-md-3 col-sm-6 ts-facts">
              <div class="ts-facts-img">
                <img loading="lazy" src="images/icon-image/fact1.png" alt="">
              </div>
              <div class="ts-facts-content">
                <h2 class="ts-facts-num"><span class="counterUp" data-count="1789">40</span></h2>
                <h3 class="ts-facts-title">Vestibulum ante</h3>
              </div>
          </div><!-- Col end -->

          <div class="col-md-3 col-sm-6 ts-facts mt-5 mt-sm-0">
              <div class="ts-facts-img">
                <img loading="lazy" src="images/icon-image/fact2.png" alt="">
              </div>
              <div class="ts-facts-content">
                <h2 class="ts-facts-num"><span class="counterUp" data-count="647">80</span></h2>
                <h3 class="ts-facts-title">Vitae magna</h3>
              </div>
          </div><!-- Col end -->

          <div class="col-md-3 col-sm-6 ts-facts mt-5 mt-md-0">
              <div class="ts-facts-img">
                <img loading="lazy" src="images/icon-image/fact3.png" alt="">
              </div>
              <div class="ts-facts-content">
                <h2 class="ts-facts-num"><span class="counterUp" data-count="4000">70</span></h2>
                <h3 class="ts-facts-title">Aenean suscipit</h3>
              </div>
          </div><!-- Col end -->

          <div class="col-md-3 col-sm-6 ts-facts mt-5 mt-md-0">
              <div class="ts-facts-img">
                <img loading="lazy" src="images/icon-image/fact4.png" alt="">
              </div>
              <div class="ts-facts-content">
                <h2 class="ts-facts-num"><span class="counterUp" data-count="44">20</span></h2>
                <h3 class="ts-facts-title">Felis magna</h3>
              </div>
          </div><!-- Col end -->

        </div> <!-- Facts end -->
    </div>
    <!--/ Content row end -->
  </div>
  <!--/ Container end -->
</section><!-- Facts end -->

<section id="ts-service-area" class="ts-service-area pb-0">
  <div class="container">
    <div class="row text-center">
        <div class="col-12">
          <h2 class="section-title">Morbi vel erat non mauris</h2>
          <h3 class="section-sub-title">Mauris ullamcorper</h3>
        </div>
    </div>
    <!--/ Title row end -->

    <div class="row">
        <div class="col-lg-4">
          <div class="ts-service-box d-flex">
              <div class="ts-service-box-img">
                <img loading="lazy" src="images/icon-image/service-icon1.png" alt="">
              </div>
              <div class="ts-service-box-info">
                <h3 class="service-box-title">Aenean suscipit nulla</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Integer adipiscing erat</p>
              </div>
          </div><!-- Service 1 end -->

          <div class="ts-service-box d-flex">
              <div class="ts-service-box-img">
                <img loading="lazy" src="images/icon-image/service-icon2.png" alt="">
              </div>
              <div class="ts-service-box-info">
                <h3 class="service-box-title">Aenean suscipit nulla</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Integer adipiscing erat</p>
              </div>
          </div><!-- Service 2 end -->

          <div class="ts-service-box d-flex">
              <div class="ts-service-box-img">
                <img loading="lazy" src="images/icon-image/service-icon3.png"  alt="">
              </div>
              <div class="ts-service-box-info">
                <h3 class="service-box-title">Aenean suscipit nulla</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Integer adipiscing erat</p>
              </div>
          </div><!-- Service 3 end -->

        </div><!-- Col end -->

        <div class="col-lg-4 text-center">
          <img loading="lazy" class="img-fluid" src="images/services/service-center.jpg" alt="">
        </div><!-- Col end -->

        <div class="col-lg-4 mt-5 mt-lg-0 mb-4 mb-lg-0">
          <div class="ts-service-box d-flex">
              <div class="ts-service-box-img">
                <img loading="lazy" src="images/icon-image/service-icon4.png" alt="">
              </div>
              <div class="ts-service-box-info">
                <h3 class="service-box-title">Aenean suscipit nulla</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Integer adipiscing erat</p>
              </div>
          </div><!-- Service 4 end -->

          <div class="ts-service-box d-flex">
              <div class="ts-service-box-img">
                <img loading="lazy" src="images/icon-image/service-icon5.png" alt="">
              </div>
              <div class="ts-service-box-info">
                <h3 class="service-box-title">Aenean suscipit nulla</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Integer adipiscing erat</p>
              </div>
          </div><!-- Service 5 end -->

          <div class="ts-service-box d-flex">
              <div class="ts-service-box-img">
                <img loading="lazy" src="images/icon-image/service-icon6.png" alt="">
              </div>
              <div class="ts-service-box-info">
                <h3 class="service-box-title">Aenean suscipit nulla</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Integer adipiscing erat</p>
              </div>
          </div><!-- Service 6 end -->
        </div><!-- Col end -->
    </div><!-- Content row end -->

  </div>
  <!--/ Container end -->
</section><!-- Service end -->

<section id="project-area" class="project-area solid-bg">
  <div class="container">
    <div class="row text-center">
      <div class="col-lg-12">
        <h2 class="section-title">Nunc turpis ullamcorper</h2>
        <h3 class="section-sub-title">Tempus sapien</h3>
      </div>
    </div>
    <!--/ Title row end -->

    <div class="row">
      <div class="col-12">

        <div class="row shuffle-wrapper">
          <div class="col-1 shuffle-sizer"></div>

          <div class="col-lg-4 col-sm-6 shuffle-item">
            <div class="project-img-container">
              <span class="gallery-popup"  aria-label="project-img">
                <img class="img-fluid" src="images/projects/project1.jpg" alt="">
                <span class="gallery-icon"><i class="fa fa-plus"></i></span>
              </span>
              <div class="project-item-info">
                <div class="project-item-info-content">
                  <h3 class="project-item-title">
                  Aliquam euismod libero
                  </h3>
                  <p class="project-cat">Feugiat, augue</p>
                </div>
              </div>
            </div>
          </div><!-- shuffle item 1 end -->

          <div class="col-lg-4 col-sm-6 shuffle-item" >
            <div class="project-img-container">
              <span class="gallery-popup"  aria-label="project-img">
                <img class="img-fluid" src="images/projects/project2.jpg" alt="">
                <span class="gallery-icon"><i class="fa fa-plus"></i></span>
              </span>
              <div class="project-item-info">
                <div class="project-item-info-content">
                 <h3 class="project-item-title">
                  Aliquam euismod libero
                  </h3>
                  <p class="project-cat">Feugiat, augue</p>
                </div>
              </div>
            </div>
          </div><!-- shuffle item 2 end -->

          <div class="col-lg-4 col-sm-6 shuffle-item" >
            <div class="project-img-container">
              <span class="gallery-popup" aria-label="project-img">
                <img class="img-fluid" src="images/projects/project3.jpg" alt="">
                <span class="gallery-icon"><i class="fa fa-plus"></i></span>
              </span>
              <div class="project-item-info">
                <div class="project-item-info-content">
                 <h3 class="project-item-title">
                  Aliquam euismod libero
                  </h3>
                  <p class="project-cat">Feugiat, augue</p>
                </div>
              </div>
            </div>
          </div><!-- shuffle item 3 end -->

          <div class="col-lg-4 col-sm-6 shuffle-item" >
            <div class="project-img-container">
              <span class="gallery-popup" aria-label="project-img">
                <img class="img-fluid" src="images/projects/project4.jpg" alt="">
                <span class="gallery-icon"><i class="fa fa-plus"></i></span>
              </span>
              <div class="project-item-info">
                <div class="project-item-info-content">
                 <h3 class="project-item-title">
                  Aliquam euismod libero
                  </h3>
                  <p class="project-cat">Feugiat, augue</p>
                </div>
              </div>
            </div>
          </div><!-- shuffle item 4 end -->

          <div class="col-lg-4 col-sm-6 shuffle-item" >
            <div class="project-img-container">
              <span class="gallery-popup"  aria-label="project-img">
                <img class="img-fluid" src="images/projects/project5.jpg" alt="">
                <span class="gallery-icon"><i class="fa fa-plus"></i></span>
              </span>
              <div class="project-item-info">
                <div class="project-item-info-content">
                  <h3 class="project-item-title">
                  Aliquam euismod libero
                  </h3>
                  <p class="project-cat">Feugiat, augue</p>
                </div>
              </div>
            </div>
          </div><!-- shuffle item 5 end -->

          <div class="col-lg-4 col-sm-6 shuffle-item" >
            <div class="project-img-container">
              <span class="gallery-popup"  aria-label="project-img">
                <img class="img-fluid" src="images/projects/project6.jpg" alt="">
                <span class="gallery-icon"><i class="fa fa-plus"></i></span>
              </span>
              <div class="project-item-info">
                <div class="project-item-info-content">
                 <h3 class="project-item-title">
                  Aliquam euismod libero
                  </h3>
                  <p class="project-cat">Feugiat, augue</p>
                </div>
              </div>
            </div>
          </div><!-- shuffle item 6 end -->
        </div><!-- shuffle end -->
      </div>


    </div><!-- Content row end -->
  </div>
  <!--/ Container end -->
</section><!-- Project area end -->

<section class="content">
  <div class="container">
    <div class="row">
        <div class="col-lg-6">
          <h3 class="column-title">Integer quis metus</h3>

          <div id="testimonial-slide" class="testimonial-slide">
              <div class="item">
                <div class="quote-item">
                    <span class="quote-text">
                      Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. 
                    </span>

                    <div class="quote-item-footer">
                      <img loading="lazy" class="testimonial-thumb" src="images/clients/testimonial1.png" alt="">
                      <div class="quote-item-info">
                          <h3 class="quote-author">Nulla et sapien</h3>
                          <span class="quote-subtext">Posuere, metus</span>
                      </div>
                    </div>
                </div><!-- Quote item end -->
              </div>

          </div>
          <!--/ Testimonial carousel end-->
        </div><!-- Col end -->

        <div class="col-lg-6 mt-5 mt-lg-0">

          <h3 class="column-title">Proin feugiat</h3>

          <div class="row all-clients">
           <img loading="lazy" class="img-fluid" src="images/news/news1.jpg" alt="">

          </div><!-- Clients row end -->

        </div><!-- Col end -->

    </div>
    <!--/ Content row end -->
  </div>
  <!--/ Container end -->
</section><!-- Content end -->

<section class="subscribe no-padding">
  <div class="container">
    <div class="row">
        <div class="col-md-4">
          <div class="subscribe-call-to-acton">
              <h3>Fusce vulputate</h3>
              <h4>Sem at sapien</h4>
          </div>
        </div><!-- Col end -->

        <div class="col-md-8">
          <div class="ts-newsletter row align-items-center">
              <div class="col-md-5 newsletter-introtext">
                <h4 class="text-white mb-0">Mauris ullamcorper </h4>
                <p class="text-white">Felis vitae erat</p>
              </div>

              <div class="col-md-7 newsletter-form">
              </div>
          </div><!-- Newsletter end -->
        </div><!-- Col end -->

    </div><!-- Content row end -->
  </div>
  <!--/ Container end -->
</section>
<!--/ subscribe end -->

<section id="news" class="news">
  <div class="container">
    <div class="row text-center">
        <div class="col-12">
          <h2 class="section-title">Praesent aliquam enim</h2>
          <h3 class="section-sub-title">Fermentum mollis ligula</h3>
        </div>
    </div>
    <!--/ Title row end -->

    <div class="row">
        <div class="col-lg-4 col-md-6 mb-4">
          <div class="latest-post">
              <div class="latest-post-media">
                <span class="latest-post-img">
                    <img loading="lazy" class="img-fluid" src="images/news/news1.jpg" alt="">
                </span>
              </div>
              <div class="post-body">
                <h4 class="post-title">
                    <span class="d-inline-block"> Maecenas adipiscing ante non diam sodales hendrerit</span>
                </h4>
              </div>
          </div><!-- Latest post end -->
        </div><!-- 1st post col end -->

        <div class="col-lg-4 col-md-6 mb-4">
          <div class="latest-post">
              <div class="latest-post-media">
                <span class="latest-post-img">
                    <img loading="lazy" class="img-fluid" src="images/news/news2.jpg" alt="">
                </span>
              </div>
              <div class="post-body">
                <h4 class="post-title">
                    <span class="d-inline-block"> Maecenas adipiscing ante non diam sodales hendrerit</span>
                </h4>
              </div>
          </div><!-- Latest post end -->
        </div><!-- 2nd post col end -->

        <div class="col-lg-4 col-md-6 mb-4">
          <div class="latest-post">
              <div class="latest-post-media">
                <span class="latest-post-img">
                    <img loading="lazy" class="img-fluid" src="images/news/news3.jpg" alt="">
                </span>
              </div>
              <div class="post-body">
                <h4 class="post-title">
                    <span class="d-inline-block"> Maecenas adipiscing ante non diam sodales hendrerit</span>
                </h4>
              </div>
          </div><!-- Latest post end -->
        </div><!-- 3rd post col end -->
    </div>
    <!--/ Content row end -->


  </div>
  <!--/ Container end -->
</section>
<!--/ News end -->

  <footer id="footer" class="footer bg-overlay">
    <div class="footer-main">
      <div class="container">
        <div class="row justify-content-between">
          <div class="col-lg-4 col-md-6 footer-widget footer-about">
            <h3 class="widget-title">Vitae magna</h3>
            <img loading="lazy" width="200px" class="footer-logo" src="images/footer-logo.png" alt="">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inci done idunt ut
              labore et dolore magna aliqua.</p>
          </div><!-- Col end -->

          <div class="col-lg-4 col-md-6 footer-widget mt-5 mt-md-0">
            <h3 class="widget-title">Vitae magna</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inci done idunt ut
              labore et dolore magna aliqua.</p>
          </div><!-- Col end -->

          <div class="col-lg-3 col-md-6 mt-5 mt-lg-0 footer-widget">
            <h3 class="widget-title">Vitae magna</h3>
            <ul class="list-arrow">
              <li>Aliquam</li>
              <li>Convallis</li>
              <li>Sollicitudin</li>
            </ul>
          </div><!-- Col end -->
        </div><!-- Row end -->
      </div><!-- Container end -->
    </div><!-- Footer main end -->

    <div class="copyright">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-6">
            <div class="copyright-info text-center text-md-left">
              <span>Powered by : <a href="https://www.liquidcrystaldesign.co.uk" target="_blank">liquidcrystaldesign.co.uk</a></span>
            </div>
          </div>

          <div class="col-md-6">
          </div>
        </div><!-- Row end -->

      </div><!-- Container end -->
    </div><!-- Copyright end -->
  </footer><!-- Footer end -->




  </div><!-- Body inner end -->
  </body>

  </html>