<section>
  <div class="container">
    <div class="row gutter-4 gutter-lg-6 justify-content-between">
      <div class="col-lg-7">
        <div class="row">
          <div class="col">
            <h2 class="font-weight-bold">We create beautiful, functional spaces through an understanding</h2>
          </div>
        </div>
        <div class="row gutter-2 gutter-lg-6 align-items-center justify-content-md-between">
          <div class="col-10 col-md-4 col-lg-5"><h4 class="text-muted font-weight-normal"><span class="text-black d-block">1000 ft</span> available space</h4></div>
          <div class="d-none d-md-block col-md-2 col-lg-2"><div class="divider"></div></div>
          <div class="col-10 col-md-4 col-lg-5"><h4 class="text-muted font-weight-normal"><span class="text-black d-block">100mb</span> internet</h4></div>
        </div>
      </div>
      <div class="col-md-8 col-lg-4">
        <blockquote class="blockquote">
          <p>“Build better websites. A new template inspired by the world’s best design practices.”</p>
          <footer class="blockquote-footer">
            <div class="d-flex align-items-center">
              <img src="assets/images/demo/avatar-1.jpg" alt="Avatar" class="avatar">
              <div class="ml-2">
                <p class="text-black mb-0">Michael Doe</p>
                <small>Creative Lead</small>
              </div>
            </div>
          </footer>
        </blockquote>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-10">
        <span class="eyebrow text-secondary mb-2">Why Cube ?</span>
        <h3 class="font-weight-bold mb-4">Learn more about our car sharing platform in the light demo version or get in the driver's seat and get paid</h3>
        <a href="" class="action underline">Get started with Cube <i class="icon-arrow-up-right"></i></a>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="row">
      <div class="col-lg-8">
        <h2 class="font-weight-bold">Brands, Products and Businesses for the digital age.</h2>
      </div>
    </div>
    <div class="row justify-content-between">
      <div class="col-lg-8 mb-6 mb-lg-0">
        <p class="lead">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. 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="lead text-muted">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi obcaecati dolores vel enim, quia minima error, est cumque nihil voluptas id voluptatibus exercitationem labore, qui nam amet tempore? Dolor, accusantium.</p>
      </div>
      <div class="col-md-8 col-lg-4">
        <blockquote class="blockquote">
          <p>“A new template inspired by the world’s best design practices.”</p>
          <footer class="blockquote-footer">
            <div class="d-flex align-items-center">
              <img src="assets/images/demo/avatar-1.jpg" alt="Avatar" class="avatar">
              <div class="ml-2">
                <p class="text-black mb-0 lh-1">Valerie Doe</p>
                <small>Creative Lead</small>
              </div>
            </div>
          </footer>
        </blockquote>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="row justify-content-between">
      <div class="col-lg-5 mb-4 mb-lg-0">
        <h2 class="font-weight-bold">Brands, Products and Businesses for the digital age.</h2>
      </div>
      <div class="col-lg-6">
        <div class="row gutter-4 gutter-lg-6 masonry">
          <div class="col-md-6">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime laudantium dolore non asperiores voluptatum alias quae odit placeat reprehenderit eveniet saepe</p>
          </div>
          <div class="col-md-6">
            <p>Lorem ipsum dolor, sit amet consectetur adipisicing, elit. Laborum aliquid libero iure qui molestias incidunt sunt expedita necessitatibus recusandae minus nostrum omnis et repellat itaque debitis, consequuntur eius blanditiis? Debitis.</p>
          </div>
          <div class="col-md-6">
            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Atque unde id facilis quo commodi, a fugiat sapiente quasi vitae aliquid, nobis.</p>
          </div>
          <div class="col-12">
            <a href="" class="btn btn-outline-black btn-rounded btn-with-icon">Learn more about us & our company <i class="icon-arrow-right"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>