kp11
/
FlashLens_studio


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438
							<!-- /*
* Template Name: Homespace
* Template Author: Untree.co
* Tempalte URI: https://untree.co/
* License: https://creativecommons.org/licenses/by/3.0/
*/ -->
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="author" content="Untree.co">
  <link rel="shortcut icon" href="favicon.png">

  <meta name="description" content="" />
  <meta name="keywords" content="" />

  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;900&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/owl.carousel.min.css">
  <link rel="stylesheet" href="css/owl.theme.default.min.css">
  <link rel="stylesheet" href="css/jquery.fancybox.min.css">
  <link rel="stylesheet" href="fonts/icomoon/style.css">
  <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
  <link rel="stylesheet" href="css/aos.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
  <link rel="stylesheet" href="css/style.css">

  <title>Homespace Free HTML Template by Untree.co</title>
</head>

<body>

  <div class="lines-wrap">
    <div class="lines-inner">
      <div class="lines"></div>
    </div>
  </div>
  <!-- END lines -->

  <div class="site-mobile-menu site-navbar-target">
    <div class="site-mobile-menu-header">
      <div class="site-mobile-menu-close">
        <span class="icofont-close js-menu-toggle"></span>
      </div>
    </div>
    <div class="site-mobile-menu-body"></div>
  </div>

  <nav class="site-nav">
    <div class="container">
      <div class="site-navigation">
        <a href="index.html" class="logo m-0">Homespace <span class="text-primary">.</span></a>

        <ul class="js-clone-nav d-none d-lg-inline-block text-left float-right site-menu">
          <li><a href="index.html">Home</a></li>
          <li class="has-children">
            <a href="#">Dropdown</a>
            <ul class="dropdown">
              <li><a href="elements.html">Elements</a></li>
              <li class="has-children">
                <a href="#">Menu Two</a>
                <ul class="dropdown">
                  <li><a href="#">Sub Menu One</a></li>
                  <li><a href="#">Sub Menu Two</a></li>
                  <li><a href="#">Sub Menu Three</a></li>
                </ul>
              </li>
              <li><a href="#">Menu Three</a></li>
            </ul>
          </li>
          <li><a href="buy.html">Buy</a></li>
          <li><a href="rent.html">Rent</a></li>
          <li class="active"><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact Us</a></li>

          <li><a href="signup.html">Sign up</a></li> 
          <li class="cta-button active"><a href="login.html">Login</a></li>

        </ul>

        <a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none" data-toggle="collapse" data-target="#main-navbar">
          <span></span>
        </a>

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


  <div class="untree_co-section">
    <div class="container">
      <div class="row justify-content-center text-center">
        <div class="col-lg-6">
          <h2 class="text-secondary heading-2">About us</h2>
          <p>Да ins, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
        </div>
      </div>
    </div>
  </div>

  <div class="untree_co-section bg-light">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-4">
          <ul class="list-unstyled list-icons">

            <li>
              <a href="#" class="d-flex align-items-center">
                <span class="icon-wrap">
                  <span class="flaticon-bed"></span>
                </span>
                <span class="text">
                 Right at the coast of the Semantics Vokalia and Consonantia
               </span>
             </a>
           </li>

           <li>
            <a href="#" class="d-flex align-items-center">
              <span class="icon-wrap">
                <span class="flaticon-building"></span>
              </span>
              <span class="text">
                And if she hasn’t been rewritten then Vokalia and Consonantia
              </span>
            </a>
          </li>

          <li>
            <a href="#" class="d-flex align-items-center">
              <span class="icon-wrap">
                <span class="flaticon-garage"></span>
              </span>
              <span class="text">
                Separated they live in Bookmarksgrove right at  large
              </span>
            </a>
          </li>

          <li>
            <a href="#" class="d-flex align-items-center">
              <span class="icon-wrap">
                <span class="flaticon-map"></span>
              </span>
              <span class="text">
                And if she hasn’t been rewritten then large language ocean.
              </span>
            </a>
          </li>


        </ul>
      </div> <!-- /.col-lg-4 -->
      <div class="col-lg-4 mb-4 mb-lg-0">
        <img src="images/img_portrait_1.jpg" alt="Image" class="img-fluid rounded">
      </div> <!-- /.col-lg-4 -->
      <div class="col-lg-4">
        <h3 class="subtitle mb-4 text-primary">Why Us</h3>
        <h2 class="mb-4 margin-left-offset heading-2 text-black font-weight-bold">You're in good company</h2>
        <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
        <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
      </div> <!-- /.col-lg-4 -->
    </div> <!-- /.row -->
  </div> <!-- /.container -->
</div>

<div class="untree_co-section">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-10">
        <div class="row">
          <div class="col-6 col-lg-3 mb-5 mb-lg-0">
            <div class="service">
              <div class="icon-wrap"><span class="flaticon-building"></span></div>
              <div>
                <h3><a href="#">The Word Mountains</a></h3>
                <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
              </div>
            </div>
          </div>
          <div class="col-6 col-lg-3 mb-5 mb-lg-0">
            <div class="service">
              <div class="icon-wrap"><span class="flaticon-bathtub"></span></div>
              <div>
                <h3><a href="#">The Word Mountains</a></h3>
                <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
              </div>
            </div>
          </div>
          <div class="col-6 col-lg-3 mb-5 mb-lg-0">
            <div class="service">
              <div class="icon-wrap"><span class="flaticon-bed"></span></div>
              <div>
                <h3><a href="#">The Word Mountains</a></h3>
                <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
              </div>
            </div>
          </div>
          <div class="col-6 col-lg-3 mb-5 mb-lg-0">
            <div class="service">
              <div class="icon-wrap"><span class="flaticon-house-size"></span></div>
              <div>
                <h3><a href="#">The Word Mountains</a></h3>
                <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
              </div>
            </div>
          </div>     
        </div>
      </div>

    </div>
  </div> <!-- /.container -->
</div> <!-- /.untree_co-section -->

<div class="untree_co-section">
  <div class="container"> 
    <div class="row gutter-v3">
      <div class="col-lg-6 mb-4 mb-lg-0">
        <a href="#" class="feature-v2 d-flex">
          <div class="icon-wrap">
            <span class="icon-support"></span>
          </div>
          <div class="text">
            <h3 class="heading">Ask our Customer Service</h3>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
          </div>
        </a> <!-- /.feature-v2 -->
      </div> <!-- /.col-lg-6 -->
      <div class="col-lg-6 mb-4 mb-lg-0">
        <a href="#" class="feature-v2 d-flex">
          <div class="icon-wrap">
            <span class="icon-chat_bubble_outline"></span>
          </div>
          <div class="text">
            <h3 class="heading">Visit our Blog</h3>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
          </div>
        </a> <!-- /.feature-v2 -->
      </div> <!-- /.col-lg-6 -->
    </div> <!-- /.row -->
  </div> <!-- /.container -->
</div>

<div class="untree_co-section">
  <div class="container">
    <div class="row">
      <div class="col-6 col-sm-6 col-md-6 col-lg-3">
        <div class="team">
          <img src="images/person_1.jpg" alt="Image" class="img-fluid">
          <h3>James Watson</h3>
          <p>Co-Founder &amp; CEO</p>
        </div> <!-- /.team -->
      </div> <!-- /.col-sm-6 col-md-6 col-lg-3 -->

      <div class="col-6 col-sm-6 col-md-6 col-lg-3">
        <div class="team">
          <img src="images/person_2.jpg" alt="Image" class="img-fluid">
          <h3>Carl Anderson</h3>
          <p>Co-Founder &amp; CEO</p>
        </div> <!-- /.team -->
      </div> <!-- /.col-sm-6 col-md-6 col-lg-3 -->

      <div class="col-6 col-sm-6 col-md-6 col-lg-3">
        <div class="team">
          <img src="images/person_3.jpg" alt="Image" class="img-fluid">
          <h3>Michelle Allison</h3>
          <p>Co-Founder &amp; CEO</p>
        </div> <!-- /.team -->
      </div> <!-- /.col-sm-6 col-md-6 col-lg-3 -->

      <div class="col-6 col-sm-6 col-md-6 col-lg-3">
        <div class="team">
          <img src="images/person_4.jpg" alt="Image" class="img-fluid">
          <h3>Michelle Allison</h3>
          <p>Co-Founder &amp; CEO</p>
        </div> <!-- /.team -->
      </div> <!-- /.col-sm-6 col-md-6 col-lg-3 -->

    </div>
  </div> <!-- /.container -->
</div> <!-- /.untree_co-section -->


<div class="untree_co-section bg-light">
  <div class="container">
    <div class="row justify-content-center mb-5 text-center">
      <div class="col-md-7">
        <h2 class="text-secondary heading-2">Testimonials</h2>
      </div> <!-- /.col-md-7 -->
    </div> <!-- /.row -->
    <div class="row align-items-stretch">
      <div class="col-md-6 col-lg-4">
        <div class="untree_co-testimonial h-100">
          <span class="quote">&ldquo;</span>
          <blockquote>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque animi omnis quas voluptate aliquam dolore facere, exercitationem, quos nihil iusto.</p>
          </blockquote>
          <div class="author d-flex align-items-center">
            <div class="author-picture mr-3"><img src="images/person_1.jpg" alt="Image" class="img-fluid"></div>
            <div class="author-name">
              <strong class="d-block">Mike Smith</strong>
              <span>CTO &mdash; Stack, Inc.</span>
            </div>
          </div>
        </div> <!-- /.untree_co-testimonial -->
      </div> <!-- /.col-lg-4 -->
      <div class="col-md-6 col-lg-4">
        <div class="untree_co-testimonial h-100">
          <span class="quote">&ldquo;</span>
          <blockquote>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque animi omnis quas voluptate aliquam dolore facere, exercitationem, quos nihil iusto.</p>
          </blockquote>
          <div class="author d-flex align-items-center">
            <div class="author-picture mr-3"><img src="images/person_2.jpg" alt="Image" class="img-fluid"></div>
            <div class="author-name">
              <strong class="d-block">Mike Smith</strong>
              <span>CTO &mdash; Stack, Inc.</span>
            </div>
          </div>
        </div> <!-- /.untree_co-testimonial -->
      </div> <!-- /.col-lg-4 -->
      <div class="col-md-6 col-lg-4">
        <div class="untree_co-testimonial h-100">
          <span class="quote">&ldquo;</span>
          <blockquote>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque animi omnis quas voluptate aliquam dolore facere, exercitationem, quos nihil iusto.</p>
          </blockquote>
          <div class="author d-flex align-items-center">
            <div class="author-picture mr-3"><img src="images/person_3.jpg" alt="Image" class="img-fluid"></div>
            <div class="author-name">
              <strong class="d-block">Mike Smith</strong>
              <span>CTO &mdash; Stack, Inc.</span>
            </div>
          </div>
        </div> <!-- /.untree_co-testimonial -->
      </div> <!-- /.col-lg-4 -->
    </div> <!-- /.row -->
  </div> <!-- /.container -->  
</div> <!-- /.untree_co-section -->


<div class="site-footer">
  <div class="inner first">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-lg-4">
          <div class="widget">
            <h3 class="heading">About Untree.co</h3>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
          </div>
          <div class="widget">
            <ul class="list-unstyled social">
              <li><a href="#"><span class="icon-dribbble"></span></a></li>
              <li><a href="#"><span class="icon-linkedin"></span></a></li>
              <li><a href="#"><span class="icon-twitter"></span></a></li>
              <li><a href="#"><span class="icon-instagram"></span></a></li>
              <li><a href="#"><span class="icon-facebook"></span></a></li>
            </ul>
          </div>
        </div>
        <div class="col-md-6 col-lg-2 pl-lg-5">
          <div class="widget">
            <h3 class="heading">Pages</h3>
            <ul class="links list-unstyled">
              <li><a href="#">Services</a></li>
              <li><a href="#">Terms</a></li>
              <li><a href="#">Privacy</a></li>
              <li><a href="#">Buy</a></li>
              <li><a href="#">Sell</a></li>
            </ul>
          </div>
        </div>
        <div class="col-md-6 col-lg-2">
          <div class="widget">
            <h3 class="heading">Resources</h3>
            <ul class="links list-unstyled">
              <li><a href="#">Blog</a></li>
              <li><a href="#">About</a></li>
              <li><a href="#">Contact</a></li>
            </ul>
          </div>
        </div>
        <div class="col-md-6 col-lg-4">
          <div class="widget">
            <h3 class="heading">Contact</h3>
            <ul class="list-unstyled quick-info links">
              <li class="email"><a href="#">info@untree.co</a></li>
              <li class="phone"><a href="#">+1 222 212 3819</a></li>
              <li class="address"><a href="#">43 Raymouth Rd. Baltemoer, London 3910</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="inner dark">
    <div class="container">
      <div class="row text-center text-md-left">
        <div class="col-md-6 mb-3 mb-md-0">
          <p>Copyright &copy;<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. &mdash; Designed with love by <a href="https://untree.co">Untree.co</a> <!-- License information: https://untree.co/license/ -->
          </p>
        </div>
        <div class="col-md-6 text-md-right">
          <a href="#" class="mx-2">Terms</a>
          <a href="#" class="mx-2">Privacy</a>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="overlayer"></div>
<div class="loader">
  <div class="spinner-border" role="status">
    <span class="sr-only">Loading...</span>
  </div>
</div>

<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jarallax.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="js/custom.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
</body>

</html>