<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title>  <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/custom-style.css"> </head> <body>  <nav class="navbar navbar-expand-md fixed-top top-nav"> <div class="container-fluid"> <span class="navbar-brand"><strong>Grafreez</strong></span> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav m-auto text-sm-center text-md-center"> <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>  <section id="home" class="intro intro-bg bg-overlay parallax"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-12 caption-two-panel ml-auto pt-5"> <div class="intro-caption mt-5"> <h1 class="text-white mb-2">Morbi vel erat non mauris convallis vehicula. </h1> <p class="text-white mb-4">Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere. Nulla et sapien.</p> </div> </div> </div> </section>  <section id="services" class="info-section text-white bg-right bg-dark"> <div class="container"> <div class="row"> <div class="col-md-8"> <div class="head-box"> <h2 class="font-abril ">Aenean suscipit nulla</h2> </div> <div class="three-panel-block mt-5"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="service-block mb-5"> <i class="icon-box mb-3 float-left w-100"><img src="assets/images/icons/scissors.png" class="img-fluid"></i> <h3 class="text-primary">Curabitur aliquet</h3> <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="service-block mb-5"> <i class="icon-box mb-3 float-left w-100"><img src="assets/images/icons/razor-1.png" class="img-fluid"></i> <h3 class="text-primary">Curabitur aliquet</h3> <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="service-block mb-5"> <i class="icon-box mb-3 float-left w-100"><img src="assets/images/icons/brush.png" class="img-fluid"></i> <h3 class="text-primary">Curabitur aliquet</h3> <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="service-block"> <i class="icon-box mb-3 float-left w-100"><img src="assets/images/icons/hair-clip.png" class="img-fluid"></i> <h3 class="text-primary">Curabitur aliquet</h3> <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus.</p> </div> </div> </div> </div> </div> </div> </div> </section>  <section id="about" class="copy-content-sec sec-bg-02 h-100"> <div class="container"> <div class="row"> <div class="col-lg-5 col-md-12 copy-container ml-auto"> <div class="copy-content pr-4"> <h2 class="font-abril text-primary"> Excepteur sint </h2> <p class="lead ml-2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> <p class="ml-2"> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <p class="ml-2"> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> </div> </div> </div> </div> </section>  <section id="price" class="info-section sec-bg-03 bg-overlay"> <div class="container text-white"> <div class="head-box text-center mb-5"> <h2 class="font-abril">Aenean suscipit nulla in justo</h2> </div> <div class="three-panel-block my-4"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6 pl-md-5 mb-4"> <div class="service-block-bg text-center p-3"> <div class="price-count font-abril"><span></span>39</div> <h3>Varius</h3> <p class="px-4">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 pr-md-5 mb-4"> <div class="service-block-bg text-center p-3"> <div class="price-count font-abril"><span></span>27</div> <h3>Varius</h3> <p class="px-4">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 pl-md-5 mb-4"> <div class="service-block-bg text-center p-3"> <div class="price-count font-abril"><span></span>20</div> <h3>Varius</h3> <p class="px-4">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 pr-md-5"> <div class="service-block-bg text-center p-3"> <div class="price-count font-abril"><span></span>15</div> <h3>Varius</h3> <p class="px-4">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p> </div> </div> </div> </div> </div> </section>  <section id="testimonial" class="testimonial-section sec-bg-04 py-5 h-80"> <div class="container"> <div class="row"> <div class="head-box text-center mb-3 col-md-12 mt-5"> <h2 class="font-abril">Ultricies lacus lorem varius purus</h2> </div> </div> <div class="single-testimonial"> <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel"> <div class="carousel-inner pt-5 row" role="listbox"> <div class=" col-md-6"> <div class="testimonial-box text-center"> <div class="testimonial-content w-100 bg-faded"> <p class="mb-0"><i class="fa fa-quote-left fa-3x" aria-hidden="true"></i></p> <p class="lead font-abril">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <div class="testimonial-footer"> <h4 class="mt-2 mb-0 text-primary">Gerald Montgomery</h4> <p>-United States</p> </div> </div> </div> </div> <div class="col-md-6"> <div class="testimonial-box text-center"> <div class="testimonial-content w-100 bg-faded"> <p class="mb-0"><i class="fa fa-quote-left fa-3x" aria-hidden="true"></i></p> <p class="lead font-abril">"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet.</p> <div class="testimonial-footer"> <h4 class="mt-2 mb-0 text-primary">Harper Robertson</h4> <p>-United States</p> </div> </div> </div> </div> </div> </div> </div> </div> </section>  <div class="copy-footer bg-primary py-2"> <div class="container text-center text-light">Powered by : <a href="https://www.web-design-studio.fr" target="_blank">web-design-studio.fr</a></div> </div> </body> </html>

CINXE.COM