<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- .site-wrap 782-->
<title></title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head>
<body>

<nav class="navbar top-bar navbar-static-top sps sps--abv">
  <div class="container relative-box "> <span class="navbar-brand" >Grafreez</span>
    <div class="navbar-toggleable-md collapse" id="exCollapsingNavbar2" >
      <ul class="nav navbar-nav pull-xs-right">
        <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 id="myCarousel" class="carousel slide" data-ride="carousel"> 
  <div class="carousel-inner" role="listbox">
    <div class="carousel-item active">
      <div class="container">
        <div class="carousel-caption">
          <h1>Maecenas adipiscing ante non diam</h1>
          <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. Aliquam convallis sollicitudin purus.</p>
</div>
      </div>
    </div>

  </div>

<aside class="cta-block">
  <div class="container">
    <div class="row">
      <div class="col-md-12 text-md-center col-sm-12 text-xs-center text">
        <h4>Integer quis metus vitae elit lobortis egestas</h4>
        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
      </div>
  
    </div>
  </div>
</aside>


<section class="about-home-block" id="about">
  <div class="container">
    <div class="row">
      <div class="col-md-5 text-md-left push-md-7 col-sm-12 text-xs-center">
        <h2 class="featurette-heading"><small>Morbi vel erat non</small> mauris convallis vehicula</h2>
        <p class="lead">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.</p>
      </div>
      <div class="col-md-7 pull-md-5"> <img class="featurette-image img-fluid m-x-auto" src="img/screen-01.jpg"> </div>
    </div>
  </div>
</section>
<section class="service-sec" id="services">
  <div class="container">
    <div class="heading">
      <h2 class="text-xs-center">Proin feugiat, augue non elementum posuere metus purus <small> aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa.</small> </h2>
    </div>
    <div class="row">
      <div class="col-lg-4 text-xs-center service-block">
        <h3>Integer id felis</h3>
        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
      </div>
      <!-- /.col-lg-4 -->
      
      <div class="col-lg-4  text-xs-center service-block">
        <h3>Integer id felis</h3>
        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
      </div>
      <!-- /.col-lg-4 -->
      
      <div class="col-lg-4  text-xs-center service-block">
        <h3>Integer id felis</h3>
        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
      </div>
      <!-- /.col-lg-4 -->
      
      <div class="col-lg-4 text-xs-center service-block">
       <h3>Integer id felis</h3>
        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
      </div>
      <!-- /.col-lg-4 -->
      
      <div class="col-lg-4  text-xs-center service-block">
       <h3>Integer id felis</h3>
        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
      </div>
      <!-- /.col-lg-4 -->
      
      <div class="col-lg-4  text-xs-center service-block">
       <h3>Integer id felis</h3>
        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
      </div>
      <!-- /.col-lg-4 --> 
      
    </div>
    <!-- /.row --> 
  </div>
</section>

<section class="qa-section" id="faq">
  <div class="container">
    <h2 class="text-xs-center"> Aliquam convallis sollicitudin purus <small>aliquam, enim at fermentum mollis, ligula massa adipiscing nisl</small> </h2>
    <div id="accordion" role="tablist" aria-multiselectable="true">
      <div class="card">
        <div class="card-header" role="tab" id="headingOne">
          <h5 class="mb-0"> <span data-toggle="collapse" aria-expanded="true" aria-controls="collapseOne"> Vestibulum : Morbi vel erat non mauris convallis vehicula ? </span> </h5>
        </div>
        <div id="collapseOne" class="collapse in" role="tabpanel" aria-labelledby="headingOne">
          <div class="card-block">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. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.  </div>
        </div>
      </div>
      <div class="card">
        <div class="card-header" role="tab" id="headingTwo">
          <h5 class="mb-0"> <span class="collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapseTwo"> Vestibulum : Curabitur aliquet pellentesque diam ? </span> </h5>
        </div>
      </div>
      <div class="card">
        <div class="card-header" role="tab" id="headingThree">
          <h5 class="mb-0"> <span class="collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapseThree"> Vestibulum : Integer quis metus vitae elit lobortis egestas ? </span> </h5>
        </div>
      </div>
      <div class="card">
        <div class="card-header" role="tab" id="headingFour">
          <h5 class="mb-0"> <span class="collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapseFour"> Vestibulum : Maecenas adipiscing ante non diam sodales hendrerit ? </span> </h5>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="testimonial-sec" id="testimonials">
  <div class="container">
    <h2 class="text-xs-center"> Pellentesque fermentum <small>Maecenas adipiscing ante non diam sodales</small> </h2>
    <div class="row">
      <div class="col-md-4 text-xs-center">
        <div class="card"> <img class="card-img-top" src="img/client-01.jpg" alt="">
          <div class="card-block">
            <h3>Morbi vel erat <small>Praesent aliquam</small></h3>
            <p class="card-text">Quidem, veritatis nulla eum laudantium totam tempore optio doloremque laboriosam quas, quos eaque molestias odio aut eius animi. Impedit temporibus nisi accusamus.</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 text-xs-center">
        <div class="card"> <img class="card-img-top" src="img/client-02.jpg" alt="">
          <div class="card-block">
            <h3>Morbi vel erat <small>Praesent aliquam</small></h3>
            <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque laboriosam quas, quos eaque molestias odio aut eius animi. Impedit temporibus nisi accusamus.</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 text-xs-center">
        <div class="card"> <img class="card-img-top" src="img/client-03.jpg" alt="">
          <div class="card-block">
            <h3>Morbi vel erat <small>Praesent aliquam</small></h3>
            <p class="card-text">Veritatis nulla eum laudantium totam tempore optio doloremque laboriosam quas, quos eaque molestias odio aut eius animi. Impedit temporibus nisi accusamus.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="contact-sec" id="contact">
  <div class="container">
    <h2>Rhoncus faucibus <small>Aliquam euismod libero eu enim nulla nec.</small> </h2>
    <p style="color:#fff; text-align:center;">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. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus.</p>
  </div>
</section>
<footer>
  <div class="container">
    <div class="row"><p style=" text-align:center;">Powered by : <a href="https://www.net-graphics.de/" target="_blank">net graphics</a></p></div>
  </div>
</footer>


</body>
</html>
