<section class="wrap bg-black">
  <div class="foreground mb-10 mb-lg-0">
    <div class="container">
      <div class="row">
        <div class="col-lg-5 text-white">
          <blockquote class="blockquote blockquote-2">
            <p>Friendly support agents who are always there to help. Great overall experience with these guys. Totally recommend.</p>
            <footer class="blockquote-footer">
              <span class="text-white mr-1">Valerie Doe</span>
              <span>Google CEO</span>
            </footer>
          </blockquote>
        </div>
      </div>
    </div>
  </div>
  <div class="background">
    <div class="container-fluid">
      <div class="row justify-content-end">
        <div class="col-lg-6">
          <div class="image image-scroll" style="background-image: url('assets/images/coworking-6.jpg')"
            data-bottom-top="transform: translateY(-20%);" 
            data-top-bottom="transform: translateY(0%);"></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8 text-center">
        <div class="carousel" data-carousel='{"controls": false, "gutter": 200 }'>
          <div>
            <blockquote>
              <span class="logo"><img src="assets/images/logo/logo-1.svg" alt="Logo"></span>
              <h4 class="h2 mt-5 mb-2 font-weight-bold">“Amazing experience I love it a lot. Thanks to the team that dreams come true.”</h4>
              <footer class="blockquote-footer">
                <span><span class="text-black">Michael Doe</span> Creative Director</span>
              </footer>
            </blockquote>
          </div>

          <div>
            <blockquote>
              <span class="logo"><img src="assets/images/logo/logo-1.svg" alt="Logo"></span>
              <p class="h2 mt-5 mb-2 font-weight-bold">“Amazing experience I love it a lot. Thanks to the team that dreams come true.”</p>
              <footer class="blockquote-footer">
                <span><span class="text-black">Michael Doe</span> Creative Director</span>
              </footer>
            </blockquote>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="border-top">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-10 col-lg-8">
        <blockquote class="blockquote blockquote-2">
          <p>Build better websites. A new template inspired by the world’s best design practices.</p>
          <footer class="blockquote-footer">
            <span class="text-black mr-1">Valerie Doe</span>
            <span>Google CEO</span>
          </footer>
        </blockquote>
      </div>
    </div>
  </div>
</section>