<!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 rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,700,900|Oswald:400,700"> 
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    
  </head>
  <body>

  
    
  
  <div class="site-wrap">

    <div class="site-navbar mt-4">
        <div class="container py-1">
          <div class="row align-items-center">
            <div class="col-8 col-md-8 col-lg-4">
              <h1 class="mb-0"><span class="text-white h2 mb-0"><strong>Apart<span class="text-primary">.</span></strong></span></h1>
            </div>
            <div class="col-4 col-md-4 col-lg-8">
              <nav class="site-navigation text-right text-md-right" role="navigation">

                <ul class="site-menu js-clone-nav d-none d-lg-block">
                  <li><a href="/"><img src="assets/images/en.png"></a></li>
                  <li><a href="fr/"><img src="assets/images/fr.png"></a></li>
                  <li><a href="de/"><img src="assets/images/de.png"></a></li>
                  <li><a href="es/"><img src="assets/images/es.png"></a></li>
                  <li><a href="it/"><img src="assets/images/it.png"></a></li>
                </ul>
              </nav>
            </div>
           

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


    
    <div class="site-blocks-cover overlay" style="background-image: url('assets/images/hero_bg_2.jpg');" >
      <div class="container">
        <div class="row align-items-center justify-content-center">
          <div class="col-md-8 text-center" data-aos="fade-up" data-aos-delay="400">
            <h1 class="mb-4">Aliquam convallis sollicitudin purus</h1>
            <p class="mb-5">Mauris ullamcorper felis vitae erat. Proin feugiat augue non elementum.</p>
          </div>
        </div>
      </div>
    </div>


    <div class="container">
      <div class="featured-property-half d-flex">
        <div class="image" style="background-image: url('assets/images/hero_bg_1.jpg')"></div>
        <div class="text">
          <h2>Tristique ligula justo</h2>
          <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis quae obcaecati doloribus distinctio, aliquam vero? Molestias, amet, eveniet.</p>
          <ul class="property-list-details mb-5">
            <li class="text-black">Vitae magna: <strong class="text-black">Morbi vel erat</strong></li>
            <li>Vivamus: <strong>congue </strong></li>
            <li>Aenean: <strong>purus</strong></li>
            <li>Fusce: <strong>convallis </strong></li>
            <li>Aliquam: <strong>sollicitudin </strong></li>
          </ul>
  
        </div>
      </div>
    </div>

    <div class="site-section">
      <div class="container">
        <div class="row">
          <div class="site-section-heading text-center mb-5 w-border col-md-6 mx-auto">
            <h2 class="mb-5">Omnis quae obcaecati</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, fugit nam obcaecati fuga itaque deserunt
              officia, error reiciendis ab quod?</p>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 col-lg-3 unit-9" data-aos="fade-up" data-aos-delay="100">
              <div class="image" style="background-image: url('assets/images/img_1.jpg');"></div>
              <div class="unit-9-content">
                <h2>Convallis</h2>
                <span>Metus vitae</span>
              </div>
          </div>

          <div class="col-md-6 col-lg-3 unit-9" data-aos="fade-up" data-aos-delay="200">
              <div class="image" style="background-image: url('assets/images/img_2.jpg');"></div>
              <div class="unit-9-content">
                <h2>Convallis</h2>
                <span>Metus vitae</span>
              </div>
          </div>
          <div class="col-md-6 col-lg-3 unit-9" data-aos="fade-up" data-aos-delay="300">
              <div class="image" style="background-image: url('assets/images/img_3.jpg');"></div>
              <div class="unit-9-content">
                <h2>Convallis</h2>
                <span>Metus vitae</span>
              </div>
          </div>
          <div class="col-md-6 col-lg-3 unit-9" data-aos="fade-up" data-aos-delay="400">
              <div class="image" style="background-image: url('assets/images/img_4.jpg');"></div>
              <div class="unit-9-content">
                <h2>Convallis</h2>
                <span>Metus vitae</span>
              </div>
          </div>

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

    
    <div class="site-section">

      <div class="container">

        <div class="row">
          <div class="site-section-heading text-center mb-5 w-border col-md-6 mx-auto" data-aos="fade-up">
            <h2 class="mb-5">Fobortis egestas</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, fugit nam obcaecati fuga itaque deserunt officia, error reiciendis ab quod?</p>
          </div>
        </div>
        
        <div class="site-block-retro d-block d-md-flex">

          <span class="col1 unit-9 no-height" data-aos="fade-up" data-aos-delay="100">
            <div class="image" style="background-image: url('assets/images/img_2.jpg');"></div>
            <div class="unit-9-content">
              <h2>Convallis</h2>
              <span>Metus vitae</span>
            </div>
          </span>

          <div class="col2 ml-auto">

            <span class="col2-row1 unit-9 no-height" data-aos="fade-up" data-aos-delay="200">
              <div class="image" style="background-image: url('assets/images/img_3.jpg');"></div>
              <div class="unit-9-content">
                <h2>Convallis</h2>
                <span>Metus vitae</span>
              </div>
            </span>

            <span class="col2-row2 unit-9 no-height" data-aos="fade-up" data-aos-delay="300">
              <div class="image" style="background-image: url('assets/images/img_1.jpg');"></div>
              <div class="unit-9-content">
                <h2>Convallis</h2>
                <span>Metus vitae</span>
              </div>
            </span>

          </div>

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

    
    <div class="site-section block-13">
      <div class="container" data-aos="fade-up">
        <div class="row">
          <div class="site-section-heading text-center mb-5 w-border col-md-6 mx-auto">
            <h2 class="mb-5">Curabitur aliquet</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, fugit nam obcaecati fuga itaque deserunt officia, error reiciendis ab quod?</p>
          </div>
        </div>
        <div class="nonloop-block-13 owl-carousel row">
          
          <div class="text-center p-3 p-md-5 bg-white col-md-4">
            <div class="mb-4">            
              <img src="assets/images/person_1.jpg" alt="Image" class="w-50 mx-auto img-fluid rounded-circle">
            </div>
            <div class="text-black">
              <h3 class="font-weight-light h5">Proin feugiat</h3>
              <p class="font-italic">&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, iusto. Aliquam illo, cum sed ea? Ducimus quos, ea?&rdquo;</p>
            </div>
          </div>

          <div class="text-center p-3 p-md-5 bg-white col-md-4">
            <div class="mb-4">            
              <img src="assets/images/person_2.jpg" alt="Image" class="w-50 mx-auto img-fluid rounded-circle">
            </div>
            <div class="text-black">
              <h3 class="font-weight-light h5">Proin feugiat</h3>
              <p class="font-italic">&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, iusto. Aliquam illo, cum sed ea? Ducimus quos, ea?&rdquo;</p>
            </div>
          </div>

          <div class="text-center p-3 p-md-5 bg-white col-md-4">
            <div class="mb-4">            
              <img src="assets/images/person_3.jpg" alt="Image" class="w-50 mx-auto img-fluid rounded-circle">
            </div>
            <div class="text-black">
              <h3 class="font-weight-light h5">Proin feugiat</h3>
              <p class="font-italic">&ldquo;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, iusto. Aliquam illo, cum sed ea? Ducimus quos, ea?&rdquo;</p>
            </div>
          </div>


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

    
    

    <div class="site-section bg-light">
      <div class="container">
        <div class="row">
          <div class="site-section-heading text-center mb-5 w-border col-md-6 mx-auto" data-aos="fade-up">
            <h2 class="mb-5">Ligula massa adipiscing nisl</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, fugit nam obcaecati fuga itaque deserunt officia, error reiciendis ab quod?</p>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 col-lg-4 mb-4 mb-lg-0" >
           <img src="assets/images/img_4.jpg" alt="Image" class="img-fluid">
            <div class="p-4 bg-white">
              <h2 class="h5 text-black mb-3">Morbi vel erat non mauris</h2>             
            </div>
          </div>
          <div class="col-md-6 col-lg-4 mb-4 mb-lg-0" >
           <img src="assets/images/img_2.jpg" alt="Image" class="img-fluid">
            <div class="p-4 bg-white">
              <h2 class="h5 text-black mb-3">Morbi vel erat non mauris</h2>    
            </div>
          </div>
          <div class="col-md-6 col-lg-4 mb-4 mb-lg-0" >
           <img src="assets/images/img_3.jpg" alt="Image" class="img-fluid">
            <div class="p-4 bg-white">
              <h2 class="h5 text-black mb-3">Morbi vel erat non mauris</h2>
            </div>
          </div>
        </div>
      </div>
    </div>


    <footer class="site-footer">
      <div class="container">
        <div class="row">
          <div class="col-lg-4">
            <div class="mb-5">
              <h3 class="footer-heading mb-4">Aliquam</h3>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe pariatur reprehenderit vero atque, consequatur id ratione, et non dignissimos culpa? Ut veritatis, quos illum totam quis blanditiis, minima minus odio!</p>
            </div>
          </div>
          <div class="col-lg-4 mb-5 mb-lg-0">
            <div class="row mb-5">
              <div class="col-md-12">
                <h3 class="footer-heading mb-4">Aliquam </h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe pariatur reprehenderit vero atque, consequatur id ratione, et non dignissimos culpa? Ut veritatis, quos illum totam quis blanditiis, minima minus odio!</p>
              </div>  
            </div>
          </div>

          <div class="col-lg-4 mb-5 mb-lg-0">
            <div class="mb-5">
              <h3 class="footer-heading mb-4">Aliquam </h3>

              <div class="block-16">
                <figure>
                  <img src="assets/images/img_1.jpg" alt="" class="img-fluid rounded">
                </figure>
              </div>

            </div>

            

          </div>
          
        </div>
        <div class="row pt-5 mt-5 text-center">
          <div class="col-md-12">
            <p>Powered by : <a href="https://www.ebethdesigns.com" target="_blank">ebethdesigns.com</a></p>
          </div>
          
        </div>
      </div>
    </footer>

  </div>


    
  </body>
</html>