
<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
     <!-- .site-wrap 275-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Oxygen:400,700" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">

  </head>
  <body>
    
    <header role="banner">
      <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
          <span class="navbar-brand ">Industries</span>

          <div class="collapse navbar-collapse" id="navbarsExample05">
            <ul class="navbar-nav pl-md-5 ml-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>
        </div>
      </nav>
    </header>
    <!-- END header -->

    <div class="top-shadow"></div>

    <section class="home-slider owl-carousel">
      <div class="slider-item" style="background-image: url('images/hero_1.jpg');">
        <div class="container">
          <div class="row slider-text align-items-center justify-content-center">
            <div class="col-lg-7 text-center col-sm-12 element-animate">
              <h1 class="mb-4"><span>Maecenas adipiscing ante diam</span></h1>
              <p class="mb-5 w-75">Lorem ipsum dolor sit amet, consectetur adipisicing diam elit.</p>
            </div>
          </div>
        </div>
      </div>

    </section>
    <!-- END slider -->
    </div>
    
    <section class="section bg-light">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-lg-4 element-animate ">
            <div class="media block-6 d-block text-center">
              <div class="media-body">
                <h3 class="heading">Mauris ullamcorper</h3>
                <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.</p>
              </div>
            </div>  

          </div>
          <div class="col-md-6 col-lg-4 element-animate ">
            <div class="media block-6 d-block text-center">
              <div class="media-body">
                <h3 class="heading">Mauris ullamcorper</h3>
                <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.</p>
              </div>
            </div> 

          </div>
          <div class="col-md-6 col-lg-4 element-animate ">
            <div class="media block-6 d-block text-center">
              <div class="media-body">
                <h3 class="heading">Mauris ullamcorper</h3>
                <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.</p>
              </div>
            </div> 

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

    <section class="section">
      <div class="container">
        <div class="row mb-5">
          <div class="col-12 text-center">
            <h2>Aenean ut orci vel massa</h2>
          </div>
        </div>
        <div class="row align-items-stretch">
          <div class="col-lg-4 order-lg-1">
            <div class="h-100"><div class="frame h-100"><div class="feature-img-bg h-100" style="background-image: url('images/about_1.jpg');"></div></div></div>
          </div>

          <div class="col-md-6 col-lg-4 feature-1-wrap d-md-flex flex-md-column order-lg-1" >

            <div class="feature-1 d-md-flex">
              <div class="align-self-center">
                <span class="ion ion-leaf display-4 text-primary"></span>
                <h3>Ornare ut</h3>
                <p>Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. </p>
              </div>
            </div>

            <div class="feature-1 d-md-flex">
              <div class="align-self-center">
                <span class="ion ion-android-bulb display-4 text-primary"></span>
                <h3>Ornare ut</h3>
                <p>Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. </p>
              </div>
            </div>

          </div>
          
          <div class="col-md-6 col-lg-4 feature-1-wrap d-md-flex flex-md-column order-lg-3" >

            <div class="feature-1 d-md-flex">
              <div class="align-self-center">
                <span class="ion ion-alert-circled display-4 text-primary"></span>
                <h3>Ornare ut</h3>
                <p>Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. </p>
              </div>
            </div>

            <div class="feature-1 d-md-flex">
              <div class="align-self-center">
                <span class="ion ion-android-happy display-4 text-primary"></span>
                <h3>Ornare ut</h3>
                <p>Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. </p>
              </div>
            </div>

          </div>

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

    
    <section class="section element-animate">
      <div class="container">
        <div class="row align-items-center mb-5">
          <div class="col-lg-7 order-md-2">
            <div class=""><div class="frame"><img src="images/about_2.jpg" alt="Image" class="img-fluid"></div></div>
          </div>
          <div class="col-md-5 pr-md-5 mb-5">
            <div class="block-41">
              <h2 class="block-41-heading mb-5">Morbi vel erat non mauris</h2>
              <div class="block-41-text">
                <p>Pellentesque rhoncus nunc et augue. Integer id felis. 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.</p>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </section>

   

    <section class="section border-t pb-0">
      <div class="container">
        <div class="row justify-content-center mb-5 element-animate">
          <div class="col-md-8 text-center">
            <h2 class=" heading mb-4">Morbi vel erat non mauris</h2>
            <p class="mb-5 lead">Pellentesque rhoncus nunc et augue. Integer id felis. 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.</p>
          </div>
        </div>
      </div>
      <div class="container-fluid">
        <div class="row no-gutters">
          <div class="col-md-4 element-animate">
            <span class="link-thumbnail">
              <h3>Tristique ligula</h3>
              <img src="images/img_1.jpg" alt="Image" class="img-fluid">
            </span>
          </div>
          <div class="col-md-4 element-animate">
            <span class="link-thumbnail">
              <h3>Tristique ligula</h3>
              <img src="images/img_2.jpg" alt="Image" class="img-fluid">
            </span>
          </div>
          <div class="col-md-4 element-animate">
            <span class="link-thumbnail">
              <h3>Tristique ligula</h3>
              <img src="images/img_3.jpg" alt="Image" class="img-fluid">
            </span>
          </div>
          <div class="col-md-4 element-animate">
            <span class="link-thumbnail">
              <h3>Tristique ligula</h3>
              <img src="images/img_4.jpg" alt="Image" class="img-fluid">
            </span>
          </div>
          <div class="col-md-4 element-animate">
            <span class="link-thumbnail">
              <h3>Tristique ligula</h3>
              <img src="images/img_1.jpg" alt="Image" class="img-fluid">
            </span>
          </div>
          <div class="col-md-4 element-animate">
            <span class="link-thumbnail">
              <h3>Tristique ligula</h3>
              <img src="images/img_2.jpg" alt="Image" class="img-fluid">
            </span>
          </div>
        </div>
        
      </div>
    </section>
    <!-- END section -->

    <section class="section bg-light block-11">
      <div class="container"> 
        <div class="row justify-content-center mb-5">
          <div class="col-md-8 text-center">
            <h2 class=" heading mb-4">Vitae magna</h2>
          </div>
        </div>
        <div class="nonloop-block-11 owl-carousel row">
          <div class="item col-md-6">
            <div class="block-33 h-100">
                <div class="vcard d-flex mb-3">
                  <div class="image align-self-center"><img src="images/person_3.jpg" alt=""></div>
                  <div class="name-text align-self-center">
                    <h2 class="heading">Morbi vel erat</h2>
                    <span class="meta">Pellentesque</span>
                  </div>
                </div>
                <div class="text">
                  <blockquote>
                    <p>&rdquo; Pellentesque rhoncus nunc et augue. Integer id felis. 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. &ldquo;</p>
                  </blockquote>
                </div>
              </div>
          </div>

          <div class="item col-md-6">
            <div class="block-33 h-100">
                <div class="vcard d-flex mb-3">
                  <div class="image align-self-center"><img src="images/person_2.jpg" alt=""></div>
                  <div class="name-text align-self-center">
                    <h2 class="heading">Morbi vel erat</h2>
                    <span class="meta">Pellentesque</span>
                  </div>
                </div>
                <div class="text">
                  <blockquote>
                    <p>&rdquo; Pellentesque rhoncus nunc et augue. Integer id felis. 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. &ldquo;</p>
                  </blockquote>
                </div>
              </div>
          </div>

          
        </div>
      </div>
    </div>
    <!-- END .block-4 -->
    </section>

    <section class="section blog">
      <div class="container">

        <div class="row justify-content-center mb-5 element-animate">
          <div class="col-md-8 text-center">
            <h2 class=" heading mb-4">Curabitur aliquet </h2>
            <p class="mb-5 lead">Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
          </div>
        </div>

        <div class="row">
          <div class="col-md-6">

            <div class="media mb-4 d-md-flex d-block element-animate">
              <span class="mr-5"><img src="images/img_2.jpg" alt="Free website template by Free-Template.co" class="img-fluid"></span>
              <div class="media-body">
                <span class="post-meta">Nulla et sapien</span>
                <h3 class="mt-2 text-black">Morbi vel erat non mauris convallis vehicula.</h3>
              </div>
            </div>

            <div class="media mb-4 d-md-flex d-block element-animate">
              <span class="mr-5"><img src="images/img_3.jpg" alt="Free website template by Free-Template.co" class="img-fluid"></span>
              <div class="media-body">
                <span class="post-meta">Nulla et sapien</span>
                <h3 class="mt-2 text-black">Morbi vel erat non mauris convallis vehicula.</h3>
              </div>
            </div>


          </div>
          <div class="col-md-6">
            <div class="media mb-4 d-md-flex d-block element-animate">
              <span class="mr-5"><img src="images/img_2.jpg" alt="Free website template by Free-Template.co" class="img-fluid"></span>
              <div class="media-body">
                <span class="post-meta">Nulla et sapien</span>
                <h3 class="mt-2 text-black">Morbi vel erat non mauris convallis vehicula.</h3>
              </div>
            </div>

            <div class="media mb-4 d-md-flex d-block element-animate">
              <span class="mr-5"><img src="images/img_3.jpg" alt="Free website template by Free-Template.co" class="img-fluid"></span>
              <div class="media-body">
                <span class="post-meta">Nulla et sapien</span>
                <h3 class="mt-2 text-black">Morbi vel erat non mauris convallis vehicula.</h3>
              </div>
            </div>

          </div>
        </div>
      </div>
    </section>
    <section class="section bg-primary">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-8">
            <h2 class="text-white mb-0">Morbi vel erat non mauris</h2>
            <p class="text-white lead">Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas.</p>
          </div>
          <div class="col-lg-4 text-lg-right">
          </div>
        </div>
      </div>
    </section>
    <footer class="site-footer" role="contentinfo">
      <div class="container">
        <div class="row mb-5">
          <div class="col-md-4 mb-5">
            <h3>Justo </h3>
            <p class="mb-5">Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam.</p>

          </div>
          <div class="col-md-5 mb-5 pl-md-5">
            <h3>Justo</h3>
            <p class="mb-5">Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam.</p>
          </div>
          <div class="col-md-3 mb-5">
            <h3>Justo</h3>
           <p class="mb-5">Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam.</p>
          </div>
          <div class="col-md-3">
          
          </div>
        </div>
        <div class="row">
          <div class="col-12 text-md-center text-left">
             <p>Powered by : <a href="https://www.idealldesign.com" target="_blank">idealldesign.com</a></p>
          </div>
        </div>
      </div>
    </footer>
    <!-- END footer -->


    
  </body>
</html>