<!DOCTYPE html> <html lang="en"> <head> <title></title> <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=Roboto:300,400,500,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../assets/css/style.css"> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar"> <div class="container"> <span class="navbar-brand">Cleaning<span>company</span></span> <div class="collapse navbar-collapse" id="ftco-nav"> <ul class="navbar-nav ml-auto"> <li class="nav-item "><a href="../" class="nav-link"><img src="../assets/images/en.png"></a></li> <li class="nav-item"><a href="../fr/" class="nav-link"><img src="../assets/images/fr.png"></a></li> <li class="nav-item"><a href="../de/" class="nav-link"><img src="../assets/images/de.png"></a></li> <li class="nav-item"><a href="../es/" class="nav-link"><img src="../assets/images/es.png"></a></li> <li class="nav-item"><a href="../it/" class="nav-link"><img src="../assets/images/it.png"></a></li> </ul> </div> </div> </nav>  <div class="hero-wrap js-fullheight" style="background-image: url('../assets/images/bg_1.jpg');" data-stellar-background-ratio="0.5"> <div class="overlay"></div> <div class="container"> <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-start" data-scrollax-parent="true" style="padding-top: 250px"> <div class="col-md-6 ftco-animate"> <h2 class="subheading">Mauris ullamcorper felis vitae erat</h2> <h1 class="mb-4">Integer quis metus vitae elit lobortis egestas</h1> </div> </div> </div> </div> <section class="ftco-section ftco-section ftco-no-pb"> <div class="container"> <div class="row d-flex no-gutters"> <div class="col-md-6 d-flex"> <div class="img d-flex align-items-center justify-content-center py-5 py-md-0" style="background-image:url(../assets/images/about.jpg);"> <div class="time-open-wrap"> <div class="desc p-4"> <h2>Justo vitae magna</h2> <div class="opening-hours"> <h4>Aenean :</h4> <p class="pl-3"> <span><strong>Rhoncus faucibus :</strong> nunc turpis</span> <span><strong>Fermentum :</strong> nunc turpis</span> </p> <h4>Aenean :</h4> <p class="pl-3"> <span>Suspendisse cursus</span> <span>Rutrum augue</span> </p> </div> </div> <div class="desc p-4 bg-secondary"> <h3 class="heading">Metus vitae elit</h3> <span class="phone">Lorem ipsum dolor</span> </div> </div> </div> </div> <div class="col-md-6 pl-md-5 pt-md-5"> <div class="row justify-content-start py-5"> <div class="col-md-12 heading-section ftco-animate"> <span class="subheading">Cras elementum ultrices</span> <h2 class="mb-4">Aenean ut orci vel massa suscipit</h2> <p>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. </p> </div> </div> <div class="row ftco-counter py-5" id="section-counter"> <div class="col-md-6 col-lg-4 d-flex justify-content-center counter-wrap ftco-animate"> <div class="block-18"> <div class="text"> <span>Tellus <br>Faucibus</span> </div> </div> </div> <div class="col-md-6 col-lg-4 d-flex justify-content-center counter-wrap ftco-animate"> <div class="block-18"> <div class="text"> <span>Tellus <br>Faucibus</span> </div> </div> </div> <div class="col-md-6 col-lg-4 d-flex justify-content-center counter-wrap ftco-animate"> <div class="block-18"> <div class="text"> <span>Tellus <br>Faucibus</span> </div> </div> </div> </div> </div> </div> </div> </section> <section class="ftco-section"> <div class="container"> <div class="row justify-content-center pb-5 mb-3"> <div class="col-md-7 heading-section text-center ftco-animate"> <span class="subheading">Vestibulum</span> <h2>Aenean suscipit nulla in justo</h2> </div> </div> <div class="row"> <div class="col-md-6 col-lg-4 services ftco-animate"> <div class="d-block d-flex"> <div class="icon d-flex justify-content-center align-items-center"> <span class="flaticon-workplace"></span> </div> <div class="media-body pl-3"> <h3 class="heading">Integer id felis</h3> <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 services ftco-animate"> <div class="d-block d-flex"> <div class="icon d-flex justify-content-center align-items-center"> <span class="flaticon-pool"></span> </div> <div class="media-body pl-3"> <h3 class="heading">Integer id felis</h3> <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 services ftco-animate"> <div class="d-block d-flex"> <div class="icon d-flex justify-content-center align-items-center"> <span class="flaticon-rug"></span> </div> <div class="media-body pl-3"> <h3 class="heading">Integer id felis</h3> <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 services ftco-animate"> <div class="d-block d-flex"> <div class="icon d-flex justify-content-center align-items-center"> <span class="flaticon-kitchen"></span> </div> <div class="media-body pl-3"> <h3 class="heading">Integer id felis</h3> <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 services ftco-animate"> <div class="d-block d-flex"> <div class="icon d-flex justify-content-center align-items-center"> <span class="flaticon-garden"></span> </div> <div class="media-body pl-3"> <h3 class="heading">Integer id felis</h3> <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 services ftco-animate"> <div class="d-block d-flex"> <div class="icon d-flex justify-content-center align-items-center"> <span class="flaticon-balcony"></span> </div> <div class="media-body pl-3"> <h3 class="heading">Integer id felis</h3> <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet.</p> </div> </div> </div> </div> </div> </section> <section class="ftco-section ftco-no-pt"> <div class="container"> <div class="row"> <div class="col-md-12 col-lg-3 pr-md-4 pb-lg-0 pb-4"> <div class="heading-section ftco-animate text-center text-lg-left"> <span class="subheading">Erat non mauris</span> <h2>Nulla et sapien</h2> <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus</p> </div> </div> <div class="col-md-4 col-lg-3 ftco-animate d-flex"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch"> <div class="img align-self-stretch" style="background-image: url(../assets/images/staff-1.jpg);"></div> </div> <div class="text pt-3 px-3 pb-4 text-center"> <h3>Proin feugiat</h3> <span class="position mb-2">Metus purus</span> </div> </div> </div> <div class="col-md-4 col-lg-3 ftco-animate d-flex"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch"> <div class="img align-self-stretch" style="background-image: url(../assets/images/staff-2.jpg);"></div> </div> <div class="text pt-3 px-3 pb-4 text-center"> <h3>Proin feugiat</h3> <span class="position mb-2">Metus purus</span> </div> </div> </div> <div class="col-md-4 col-lg-3 ftco-animate d-flex"> <div class="staff"> <div class="img-wrap d-flex align-items-stretch"> <div class="img align-self-stretch" style="background-image: url(../assets/images/staff-3.jpg);"></div> </div> <div class="text pt-3 px-3 pb-4 text-center"> <h3>Proin feugiat</h3> <span class="position mb-2">Metus purus</span> </div> </div> </div> </div> </div> </section> <section class="ftco-section ftco-intro" style="background-image: url('../assets/images/bg_3.jpg');" data-stellar-background-ratio="0.5"> <div class="overlay"></div> <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 text-center"> <h2>Proin feugiat augue non elementum</h2> <span class="icon-video d-flex align-items-center justify-content-center"><span class="fa fa-play"></span></span> </div> </div> </div> </section> <section class="ftco-section ftco-no-pb"> <div class="container"> <div class="row justify-content-center pb-5 mb-3"> <div class="col-md-12 heading-section text-center ftco-animate"> <span class="subheading">Proin feugiat</span> <h2>Morbi vel erat non mauris convallis vehicula</h2> </div> </div> <div class="row"> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="work img d-flex align-items-center" style="background-image: url(../assets/images/work-1.jpg);"> <div class="desc w-100 px-4 text-center pt-5 mt-5"> <div class="text w-100 mb-3 mt-4"> <h2>Maecenas adipiscing</h2> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="work img d-flex align-items-center" style="background-image: url(../assets/images/work-2.jpg);"> <div class="desc w-100 px-4 text-center pt-5 mt-5"> <div class="text w-100 mb-3 mt-4"> <h2>Maecenas adipiscing</h2> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="work img d-flex align-items-center" style="background-image: url(../assets/images/work-3.jpg);"> <div class="desc w-100 px-4 text-center pt-5 mt-5"> <div class="text w-100 mb-3 mt-4"> <h2>Maecenas adipiscing</h2> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="work img d-flex align-items-center" style="background-image: url(../assets/images/work-4.jpg);"> <div class="desc w-100 px-4 text-center pt-5 mt-5"> <div class="text w-100 mb-3 mt-4"> <h2>Maecenas adipiscing</h2> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="work img d-flex align-items-center" style="background-image: url(../assets/images/work-5.jpg);"> <div class="desc w-100 px-4 text-center pt-5 mt-5"> <div class="text w-100 mb-3 mt-4"> <h2>Maecenas adipiscing</h2> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="work img d-flex align-items-center" style="background-image: url(../assets/images/work-6.jpg);"> <div class="desc w-100 px-4 text-center pt-5 mt-5"> <div class="text w-100 mb-3 mt-4"> <h2>Maecenas adipiscing</h2> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="work img d-flex align-items-center" style="background-image: url(../assets/images/work-7.jpg);"> <div class="desc w-100 px-4 text-center pt-5 mt-5"> <div class="text w-100 mb-3 mt-4"> <h2>Maecenas adipiscing</h2> </div> </div> </div> </div> <div class="col-md-6 col-lg-3 ftco-animate"> <div class="work img d-flex align-items-center" style="background-image: url(../assets/images/work-8.jpg);"> <div class="desc w-100 px-4 text-center pt-5 mt-5"> <div class="text w-100 mb-3 mt-4"> <h2>Maecenas adipiscing</h2> </div> </div> </div> </div> </div> </div> </section> <section class="ftco-section"> <div class="container"> <div class="row justify-content-center pb-5 mb-3"> <div class="col-md-7 heading-section text-center ftco-animate"> <span class="subheading">Mauris ullamcorper felis</span> <h2>Praesent aliquam</h2> </div> </div> <div class="row d-flex"> <div class="col-md-6 col-lg-4 d-flex ftco-animate"> <div class="blog-entry align-self-stretch"> <span class="block-20 rounded" style="background-image: url('../assets/images/image_1.jpg');"> </span> <div class="text mt-3 px-4"> <div class="posted mb-3 d-flex"> <div class="img author" style="background-image: url(../assets/images/person_2.jpg);"></div> </div> <h3 class="heading">Ultricies lacus lorem varius purus</h3> <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 d-flex ftco-animate"> <div class="blog-entry align-self-stretch"> <span class="block-20 rounded" style="background-image: url('../assets/images/image_2.jpg');"> </span> <div class="text mt-3 px-4"> <div class="posted mb-3 d-flex"> <div class="img author" style="background-image: url(../assets/images/person_3.jpg);"></div> </div> <h3 class="heading">Ultricies lacus lorem varius purus</h3> <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas.</p> </div> </div> </div> <div class="col-md-6 col-lg-4 d-flex ftco-animate"> <div class="blog-entry align-self-stretch"> <span class="block-20 rounded" style="background-image: url('../assets/images/image_3.jpg');"> </span> <div class="text mt-3 px-4"> <div class="posted mb-3 d-flex"> <div class="img author" style="background-image: url(../assets/images/person_1.jpg);"></div> </div> <h3 class="heading">Ultricies lacus lorem varius purus</h3> <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas.</p> </div> </div> </div> </div> </div> </section> <footer class="footer ftco-section"> <div class="container"> <div class="row"> <div class="col-md-6 col-lg-3 mb-4 mb-md-0"> <h2 class="footer-heading">Vitae magna</h2> <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo</p> </div> <div class="col-md-6 col-lg-3 mb-4 mb-md-0"> <h2 class="footer-heading">Vitae magna</h2> <div class="block-21 mb-4 d-flex"> <span class="img mr-4 rounded" style="background-image: url(../assets/images/image_1.jpg);"></span> <div class="text"> <h3 class="heading" style="color: rgba(255, 255, 255, 0.6);">Curabitur aliquet pellentesque diam. Integer quis metus vitae elit.</h3> </div> </div> <div class="block-21 mb-4 d-flex"> <span class="img mr-4 rounded" style="background-image: url(../assets/images/image_2.jpg);"></span> <div class="text"> <h3 class="heading" style="color: rgba(255, 255, 255, 0.6);">Curabitur aliquet pellentesque diam. Integer quis metus vitae elit.</h3> </div> </div> </div> <div class="col-md-6 col-lg-3 pl-lg-5 mb-4 mb-md-0"> <h2 class="footer-heading">Vitae magna</h2> <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo</p> </div> <div class="col-md-6 col-lg-3 mb-4 mb-md-0"> <h2 class="footer-heading">Vitae magna</h2> <div class="block-23 mb-3"> <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo</p> </div> </div> </div> <div class="row mt-5"> <div class="col-md-12 text-center"> <p class="copyright">Realizzato da : <a href="https://www.agence-des-arts.com" target="_blank">agence-des-arts.com</a></p> </div> </div> </div> </footer> </body> </html>

CINXE.COM