Testimonials

Testimonials 1

Copy
<section class="py-5">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 mx-auto text-center">
        <h2 class="mb-0">What random people</h2>
        <h2 class="mb-3">Think about us</h2>
        <p>That’s the main thing people are controlled by! Thoughts- their perception of themselves! </p>
      </div>
    </div>
    <div class="row mt-6">
      <div class="col-lg-4 col-md-8">
        <div class="card card-plain">
          <div class="card-body">
            <div class="author">
              <img src="../../assets/img/james.jpg" alt="..." class="avatar shadow rounded-circle">
              <div class="name ps-2">
                <span>Mathew Glock</span>
                <div class="stats">
                  <small><i class="far fa-clock"></i> 5 min read</small>
                </div>
              </div>
            </div>
            <p class="mt-4">"If you have the opportunity to play this game of life you need to appreciate every moment."</p>
            <div class="rating mt-3">
              <i class="fas fa-star"></i>
              <i class="fas fa-star"></i>
              <i class="fas fa-star"></i>
              <i class="fas fa-star"></i>
              <i class="far fa-star"></i>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-8 ms-md-auto">
        <div class="card bg-gradient-primary">
          <div class="card-body">
            <div class="author align-items-center">
              <img src="../../assets/img/emily.jpg" alt="..." class="avatar shadow rounded-circle">
              <div class="name ps-2">
                <span class="text-white">Mathew Glock</span>
                <div class="stats">
                  <small class="text-white">Posted on 28 February</small>
                </div>
              </div>
            </div>
            <p class="mt-4 text-white">"If you have the opportunity to play this game of life you need to appreciate every moment."</p>
            <div class="rating mt-3">
              <i class="fas fa-star text-white"></i>
              <i class="fas fa-star text-white"></i>
              <i class="fas fa-star text-white"></i>
              <i class="far fa-star text-white"></i>
              <i class="far fa-star text-white"></i>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-8">
        <div class="card card-plain">
          <div class="card-body">
            <div class="author">
              <img src="../../assets/img/emilyz.jpg" alt="..." class="avatar shadow rounded-circle">
              <div class="name ps-2">
                <span>Mathew Glock</span>
                <div class="stats">
                  <small><i class="far fa-clock"></i> 5 min read</small>
                </div>
              </div>
            </div>
            <p class="mt-4">"If you have the opportunity to play this game of life you need to appreciate every moment."</p>
            <div class="rating mt-3">
              <i class="fas fa-star"></i>
              <i class="fas fa-star"></i>
              <i class="fas fa-star"></i>
              <i class="fas fa-star"></i>
              <i class="fas fa-star"></i>
            </div>
          </div>
        </div>
      </div>
    </div>
    <hr class="horizontal dark my-5">
    <div class="row">
      <div class="col-lg-2 col-md-4 col-6">
        <img class="w-100 opacity-6" src="../../assets/img/logos/gray-logos/logo-apple.svg" alt="Logo">
      </div>
      <div class="col-lg-2 col-md-4 col-6">
        <img class="w-100 opacity-6" src="../../assets/img/logos/gray-logos/logo-facebook.svg" alt="Logo">
      </div>
      <div class="col-lg-2 col-md-4 col-6">
        <img class="w-100 opacity-6" src="../../assets/img/logos/gray-logos/logo-behance.svg" alt="Logo">
      </div>
      <div class="col-lg-2 col-md-4 col-6">
        <img class="w-100 opacity-6" src="../../assets/img/logos/gray-logos/logo-spotify.svg" alt="Logo">
      </div>
      <div class="col-lg-2 col-md-4 col-6">
        <img class="w-100 opacity-6" src="../../assets/img/logos/gray-logos/logo-coinbase.svg" alt="Logo">
      </div>
      <div class="col-lg-2 col-md-4 col-6">
        <img class="w-100 opacity-6" src="../../assets/img/logos/gray-logos/logo-pinterest.svg" alt="Logo">
      </div>
    </div>
  </div>
</section>

Testimonials 2

Copy
<section class="bg-dark position-relative overflow-hidden py-4">
  <div id="carouselExampleIndicators" class="carousel slide pt-7 pb-11" data-bs-ride="carousel">
    <ol class="carousel-indicators pb-7">
      <a href="javascript:;">
        <img src="../../assets/img/james.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow rounded-circle border-0 active" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"> <span class="text-white mx-2">&#124;</span>
      </a>

      <a href="javascript:;">
        <img src="../../assets/img/emily.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow rounded-circle border-0" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"> <span class="text-white mx-2">&#124;</span>
      </a>

      <a href="javascript:;">
        <img src="../../assets/img/emilyz.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow rounded-circle border-0" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2">
      </a>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <div class="container">
          <div class="row">
            <div class="col-lg-7 mx-auto text-center">
              <img class="w-50 mb-4" src="../../assets/img/logos/medium-logos/logo-google.svg" alt="">
              <p class="lead text-white">"We’re not always in the position that we want to be at. We’re constantly growing. We’re constantly making mistakes. We’re constantly trying to express ourselves and actualize our dreams." </p>
              <div class="author justify-content-center">
                <div class="name ps-2">
                  <span class="text-white">John Down</span>
                  <div class="stats">
                    <small class="text-white opacity-6">Visionary, Google</small>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <div class="container">
          <div class="row">
            <div class="col-lg-7 mx-auto text-center">
              <img class="w-50 mb-4" src="../../assets/img/logos/medium-logos/logo-spotify.svg" alt="">
              <p class="lead text-white">"We’re not always in the position that we want to be at. We’re constantly growing. We’re constantly making mistakes. We’re constantly trying to express ourselves and actualize our dreams."</p>
              <div class="author justify-content-center">
                <div class="name ps-2">
                  <span class="text-white">Marcell Glock</span>
                  <div class="stats">
                    <small class="text-white opacity-6">Chief Executive, Spotify</small>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <div class="container">
          <div class="row">
            <div class="col-lg-7 mx-auto text-center">
              <img class="w-50 mb-4" src="../../assets/img/logos/medium-logos/logo-netflix.svg" alt="">
              <p class="lead text-white">"We’re not always in the position that we want to be at. We’re constantly growing. We’re constantly making mistakes. We’re constantly trying to express ourselves and actualize our dreams." </p>
              <div class="author justify-content-center">
                <div class="name ps-2">
                  <span class="text-white">Mathew Goat</span>
                  <div class="stats">
                    <small class="text-white opacity-6">Social Media Executive, Netflix</small>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Testimonials 3

Copy
<section class="py-4 position-relative">
  <div id="carousel-testimonials" class="carousel slide carousel-team">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-5 p-lg-5 ms-lg-auto">
              <div class="p-3">
                <img class="w-100 border-radius-md" src="../../assets/img/jordan.jpg" alt="First slide">
              </div>
            </div>
            <div class="col-lg-5 col-md-7 me-lg-auto position-relative">
              <p class="text-sm font-weight-bold mb-1">- Customer Story</p>
              <h3 class="text-dark">Excelent payment service. You guys are the best!</h3>
              <p class="my-4">
                <i>"Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone.
                This is the way to success."</i>
              </p>
              <div class="author align-items-center">
                <div class="avatar rounded-circle shadow bg-gradient-dark">
                  <img src="../../assets/img//logos/white-logos/logo-spotify-white.svg" alt="logo">
                </div>
                <div class="name ps-2">
                  <span>Maria Neville</span>
                  <div>
                    <small>Marketing Manager - Slack</small>
                  </div>
                </div>
              </div>
              <div class="w-25 ms-auto opacity-2 mt-n8">
                <svg width="110px" height="110px" viewBox="0 0 270 270" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <title>quote-down</title>
                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <path d="M107.000381,49.033238 C111.792099,48.01429 115.761022,48.6892564 116.625294,50.9407629 C117.72393,53.8028077 113.174473,58.3219079 107.017635,60.982801 C107.011653,60.9853863 107.00567,60.9879683 106.999688,60.990547 C106.939902,61.0219589 106.879913,61.0439426 106.820031,61.0659514 C106.355389,61.2618887 105.888177,61.4371549 105.421944,61.5929594 C88.3985192,68.1467602 80.3242628,76.9161885 70.3525495,90.6906738 C60.0774843,104.884196 54.9399518,119.643717 54.9399518,134.969238 C54.9399518,138.278158 55.4624127,140.716309 56.5073346,142.283691 C57.2039492,143.328613 57.9876406,143.851074 58.8584088,143.851074 C59.7291771,143.851074 61.0353294,143.241536 62.7768659,142.022461 C68.3497825,138.016927 75.4030052,136.01416 83.9365338,136.01416 C93.8632916,136.01416 102.658051,140.063232 110.320811,148.161377 C117.983572,156.259521 121.814952,165.88151 121.814952,177.027344 C121.814952,188.695638 117.417572,198.970703 108.622813,207.852539 C99.828054,216.734375 89.1611432,221.175293 76.6220807,221.175293 C61.9931745,221.175293 49.3670351,215.166992 38.7436627,203.150391 C28.1202903,191.133789 22.8086041,175.024577 22.8086041,154.822754 C22.8086041,131.312012 30.0359804,110.239421 44.490733,91.6049805 C58.2196377,73.906272 74.3541002,59.8074126 102.443135,50.4450748 C102.615406,50.3748509 102.790055,50.3058192 102.966282,50.2381719 C104.199241,49.7648833 105.420135,49.3936487 106.596148,49.1227802 L107,49 Z M233.000381,49.033238 C237.792099,48.01429 241.761022,48.6892564 242.625294,50.9407629 C243.72393,53.8028077 239.174473,58.3219079 233.017635,60.982801 C233.011653,60.9853863 233.00567,60.9879683 232.999688,60.990547 C232.939902,61.0219589 232.879913,61.0439426 232.820031,61.0659514 C232.355389,61.2618887 231.888177,61.4371549 231.421944,61.5929594 C214.398519,68.1467602 206.324263,76.9161885 196.352549,90.6906738 C186.077484,104.884196 180.939952,119.643717 180.939952,134.969238 C180.939952,138.278158 181.462413,140.716309 182.507335,142.283691 C183.203949,143.328613 183.987641,143.851074 184.858409,143.851074 C185.729177,143.851074 187.035329,143.241536 188.776866,142.022461 C194.349783,138.016927 201.403005,136.01416 209.936534,136.01416 C219.863292,136.01416 228.658051,140.063232 236.320811,148.161377 C243.983572,156.259521 247.814952,165.88151 247.814952,177.027344 C247.814952,188.695638 243.417572,198.970703 234.622813,207.852539 C225.828054,216.734375 215.161143,221.175293 202.622081,221.175293 C187.993174,221.175293 175.367035,215.166992 164.743663,203.150391 C154.12029,191.133789 148.808604,175.024577 148.808604,154.822754 C148.808604,131.312012 156.03598,110.239421 170.490733,91.6049805 C184.219638,73.906272 200.3541,59.8074126 228.443135,50.4450748 C228.615406,50.3748509 228.790055,50.3058192 228.966282,50.2381719 C230.199241,49.7648833 231.420135,49.3936487 232.596148,49.1227802 L233,49 Z" fill="#48484A" fill-rule="nonzero" transform="translate(135.311778, 134.872794) scale(-1, -1) translate(-135.311778, -134.872794) "></path>
                    </g>
                </svg>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-5 p-lg-5 ms-lg-auto">
              <div class="p-3">
                <img class="w-100 border-radius-md shadow" src="../../assets/img/ivana.jpg" alt="First slide">
              </div>
            </div>
            <div class="col-lg-5 col-md-7 me-lg-auto">
              <p class="text-sm font-weight-bold mb-1">- Customer Story</p>
              <h3 class="text-dark">Awesome services! Fast and secure.</h3>
              <p class="my-4">
                <i>"Wealth creation is an evolutionarily recent positive-sum game.
                  Status is an old zero-sum game. Those attacking wealth creation
                  are often just seeking status."</i>
              </p>
              <div class="author align-items-center">
                <div class="avatar rounded-circle shadow bg-gradient-dark">
                  <img src="../../assets/img//logos/white-logos/logo-google-white.svg" alt="logo">
                </div>
                <div class="name ps-2">
                  <span>Ivana Goerge</span>
                  <div>
                    <small>CFO - Google</small>
                  </div>
                </div>
              </div>
              <div class="w-25 ms-auto opacity-2 mt-n8">
                <svg width="110px" height="110px" viewBox="0 0 270 270" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <title>quote-down</title>
                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <path d="M107.000381,49.033238 C111.792099,48.01429 115.761022,48.6892564 116.625294,50.9407629 C117.72393,53.8028077 113.174473,58.3219079 107.017635,60.982801 C107.011653,60.9853863 107.00567,60.9879683 106.999688,60.990547 C106.939902,61.0219589 106.879913,61.0439426 106.820031,61.0659514 C106.355389,61.2618887 105.888177,61.4371549 105.421944,61.5929594 C88.3985192,68.1467602 80.3242628,76.9161885 70.3525495,90.6906738 C60.0774843,104.884196 54.9399518,119.643717 54.9399518,134.969238 C54.9399518,138.278158 55.4624127,140.716309 56.5073346,142.283691 C57.2039492,143.328613 57.9876406,143.851074 58.8584088,143.851074 C59.7291771,143.851074 61.0353294,143.241536 62.7768659,142.022461 C68.3497825,138.016927 75.4030052,136.01416 83.9365338,136.01416 C93.8632916,136.01416 102.658051,140.063232 110.320811,148.161377 C117.983572,156.259521 121.814952,165.88151 121.814952,177.027344 C121.814952,188.695638 117.417572,198.970703 108.622813,207.852539 C99.828054,216.734375 89.1611432,221.175293 76.6220807,221.175293 C61.9931745,221.175293 49.3670351,215.166992 38.7436627,203.150391 C28.1202903,191.133789 22.8086041,175.024577 22.8086041,154.822754 C22.8086041,131.312012 30.0359804,110.239421 44.490733,91.6049805 C58.2196377,73.906272 74.3541002,59.8074126 102.443135,50.4450748 C102.615406,50.3748509 102.790055,50.3058192 102.966282,50.2381719 C104.199241,49.7648833 105.420135,49.3936487 106.596148,49.1227802 L107,49 Z M233.000381,49.033238 C237.792099,48.01429 241.761022,48.6892564 242.625294,50.9407629 C243.72393,53.8028077 239.174473,58.3219079 233.017635,60.982801 C233.011653,60.9853863 233.00567,60.9879683 232.999688,60.990547 C232.939902,61.0219589 232.879913,61.0439426 232.820031,61.0659514 C232.355389,61.2618887 231.888177,61.4371549 231.421944,61.5929594 C214.398519,68.1467602 206.324263,76.9161885 196.352549,90.6906738 C186.077484,104.884196 180.939952,119.643717 180.939952,134.969238 C180.939952,138.278158 181.462413,140.716309 182.507335,142.283691 C183.203949,143.328613 183.987641,143.851074 184.858409,143.851074 C185.729177,143.851074 187.035329,143.241536 188.776866,142.022461 C194.349783,138.016927 201.403005,136.01416 209.936534,136.01416 C219.863292,136.01416 228.658051,140.063232 236.320811,148.161377 C243.983572,156.259521 247.814952,165.88151 247.814952,177.027344 C247.814952,188.695638 243.417572,198.970703 234.622813,207.852539 C225.828054,216.734375 215.161143,221.175293 202.622081,221.175293 C187.993174,221.175293 175.367035,215.166992 164.743663,203.150391 C154.12029,191.133789 148.808604,175.024577 148.808604,154.822754 C148.808604,131.312012 156.03598,110.239421 170.490733,91.6049805 C184.219638,73.906272 200.3541,59.8074126 228.443135,50.4450748 C228.615406,50.3748509 228.790055,50.3058192 228.966282,50.2381719 C230.199241,49.7648833 231.420135,49.3936487 232.596148,49.1227802 L233,49 Z" fill="#48484A" fill-rule="nonzero" transform="translate(135.311778, 134.872794) scale(-1, -1) translate(-135.311778, -134.872794) "></path>
                    </g>
                </svg>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <a class="carousel-control-prev text-darker" href="#carousel-testimonials" role="button" data-slide="prev">
      <i class="fas fa-chevron-left"></i>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next text-darker" href="#carousel-testimonials" role="button" data-slide="next">
      <i class="fas fa-chevron-right"></i>
      <span class="sr-only">Next</span>
    </a>
  </div>
</section>

Testimonials 4

Copy
<!-- -------- START Testimonials w/ 3 cards  -------- -->
<section class="py-5">
  <div class="container">
    <div class="row">
      <div class="col-lg-6 mx-auto text-center pb-5">
        <div class="icon icon-shape icon-xl text-center mb-4 h-25">
          <i class="ni ni-single-02 text-info"></i>
        </div>
        <h3>What Clients Say</h3>
        <p class="lead">We’re constantly trying to express ourselves and actualize our dreams. If you have the opportunity to play </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4">
        <div class="card card-plain text-center">
          <a href="javascript:;">
            <img class="avatar avatar-xl shadow rounded-circle" src="../../assets/img/james.jpg">
          </a>

          <div class="card-body">
            <h4 class="card-title">Jessica Davis</h4>
            <h6 class="category text-info">Loan Counselor</h6>
            <p class="card-description">
              "Don&#39;t walk behind me; I may not lead. Don&#39;t walk in front of me; I may not follow. Just walk beside me and be my friend."
            </p>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card card-plain text-center">
          <a href="javascript:;">
            <img class="avatar avatar-xl shadow rounded-circle" src="../../assets/img/emily.jpg">
          </a>

          <div class="card-body">
            <h4 class="card-title">Joshiah Luke</h4>
            <h6 class="category text-info text-gradient">HR Specialist</h6>
            <p class="card-description">
              "The pessimist complains about the wind; the optimist expects it to change; the realist adjusts the sails."
            </p>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card card-plain text-center">
          <a href="javascript:;">
            <img class="avatar avatar-xl shadow rounded-circle" src="../../assets/img/emilyz.jpg">
          </a>

          <div class="card-body">
            <h4 class="card-title">Andrew John</h4>
            <h6 class="category text-info text-gradient">Loan Counselor</h6>
            <p class="card-description">
              "Do not go where the path may lead, go instead where there is no path and leave a trail."
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- -------- END Testimonials w/ 3 cards  -------- -->

Testimonials 5

Copy
<!-- START Testimonials w/ 3 cards & dark background -->
<section class="py-5 bg-dark position-relative overflow-hidden">
  <div class="container pt-6 pb-5 position-relative z-index-3">
    <div class="row">
      <div class="col-md-6 mx-auto text-center">
        <span class="badge badge-white text-dark mb-2">Testimonials</span>
        <h2 class="text-white mb-3">Some thoughts from our clients</h2>
        <h5 class="text-white font-weight-light">
          If you’re selected for them you’ll also get three tickets, opportunity to access Investor Office Hours and Mentor Hours and much more all for free.
        </h5>
      </div>
    </div>
    <div class="row mt-8">
      <div class="col-md-4 mb-md-0 mb-7">
        <div class="card">
          <div class="text-center mt-n5 z-index-1">
            <div class="position-relative">
              <img class="avatar avatar-xxl shadow-lg rounded-circle" src="../../assets/img/emily.jpg" alt="avatar">
            </div>
          </div>
          <div class="card-body text-center pb-0">
            <h4 class="mb-0">Olivia Harper</h4>
            <p>@oliviaharper</p>
            <p class="mt-2">
              The connections you make at Web Summit are unparalleled, we met users all over the world.
            </p>
          </div>
          <div class="card-footer text-center pt-2">
            <div class="mx-auto">
              <svg class="opacity-2" width="60px" height="60px" viewBox="0 0 270 270" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <title>quote-down</title>
                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                      <path d="M107.000381,49.033238 C111.792099,48.01429 115.761022,48.6892564 116.625294,50.9407629 C117.72393,53.8028077 113.174473,58.3219079 107.017635,60.982801 C107.011653,60.9853863 107.00567,60.9879683 106.999688,60.990547 C106.939902,61.0219589 106.879913,61.0439426 106.820031,61.0659514 C106.355389,61.2618887 105.888177,61.4371549 105.421944,61.5929594 C88.3985192,68.1467602 80.3242628,76.9161885 70.3525495,90.6906738 C60.0774843,104.884196 54.9399518,119.643717 54.9399518,134.969238 C54.9399518,138.278158 55.4624127,140.716309 56.5073346,142.283691 C57.2039492,143.328613 57.9876406,143.851074 58.8584088,143.851074 C59.7291771,143.851074 61.0353294,143.241536 62.7768659,142.022461 C68.3497825,138.016927 75.4030052,136.01416 83.9365338,136.01416 C93.8632916,136.01416 102.658051,140.063232 110.320811,148.161377 C117.983572,156.259521 121.814952,165.88151 121.814952,177.027344 C121.814952,188.695638 117.417572,198.970703 108.622813,207.852539 C99.828054,216.734375 89.1611432,221.175293 76.6220807,221.175293 C61.9931745,221.175293 49.3670351,215.166992 38.7436627,203.150391 C28.1202903,191.133789 22.8086041,175.024577 22.8086041,154.822754 C22.8086041,131.312012 30.0359804,110.239421 44.490733,91.6049805 C58.2196377,73.906272 74.3541002,59.8074126 102.443135,50.4450748 C102.615406,50.3748509 102.790055,50.3058192 102.966282,50.2381719 C104.199241,49.7648833 105.420135,49.3936487 106.596148,49.1227802 L107,49 Z M233.000381,49.033238 C237.792099,48.01429 241.761022,48.6892564 242.625294,50.9407629 C243.72393,53.8028077 239.174473,58.3219079 233.017635,60.982801 C233.011653,60.9853863 233.00567,60.9879683 232.999688,60.990547 C232.939902,61.0219589 232.879913,61.0439426 232.820031,61.0659514 C232.355389,61.2618887 231.888177,61.4371549 231.421944,61.5929594 C214.398519,68.1467602 206.324263,76.9161885 196.352549,90.6906738 C186.077484,104.884196 180.939952,119.643717 180.939952,134.969238 C180.939952,138.278158 181.462413,140.716309 182.507335,142.283691 C183.203949,143.328613 183.987641,143.851074 184.858409,143.851074 C185.729177,143.851074 187.035329,143.241536 188.776866,142.022461 C194.349783,138.016927 201.403005,136.01416 209.936534,136.01416 C219.863292,136.01416 228.658051,140.063232 236.320811,148.161377 C243.983572,156.259521 247.814952,165.88151 247.814952,177.027344 C247.814952,188.695638 243.417572,198.970703 234.622813,207.852539 C225.828054,216.734375 215.161143,221.175293 202.622081,221.175293 C187.993174,221.175293 175.367035,215.166992 164.743663,203.150391 C154.12029,191.133789 148.808604,175.024577 148.808604,154.822754 C148.808604,131.312012 156.03598,110.239421 170.490733,91.6049805 C184.219638,73.906272 200.3541,59.8074126 228.443135,50.4450748 C228.615406,50.3748509 228.790055,50.3058192 228.966282,50.2381719 C230.199241,49.7648833 231.420135,49.3936487 232.596148,49.1227802 L233,49 Z" fill="#48484A" fill-rule="nonzero" transform="translate(135.311778, 134.872794) scale(-1, -1) translate(-135.311778, -134.872794) "></path>
                  </g>
              </svg>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-md-0 mb-7">
        <div class="card">
          <div class="text-center mt-n5 z-index-1">
            <div class="position-relative">
              <img class="avatar avatar-xxl shadow-lg rounded-circle" src="../../assets/img/emilyz.jpg" alt="avatar">
            </div>
          </div>
          <div class="card-body text-center pb-0">
            <h4 class="mb-0">Simon Lauren</h4>
            <p>@simonlaurent</p>
              <p class="mt-2">
                The networking at Web Summit is like no other European tech conference. Everything is amazing.
              </p>
          </div>
          <div class="card-footer text-center pt-2">
            <div class="mx-auto">
              <svg class="opacity-2" width="60px" height="60px" viewBox="0 0 270 270" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <title>quote-down</title>
                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                      <path d="M107.000381,49.033238 C111.792099,48.01429 115.761022,48.6892564 116.625294,50.9407629 C117.72393,53.8028077 113.174473,58.3219079 107.017635,60.982801 C107.011653,60.9853863 107.00567,60.9879683 106.999688,60.990547 C106.939902,61.0219589 106.879913,61.0439426 106.820031,61.0659514 C106.355389,61.2618887 105.888177,61.4371549 105.421944,61.5929594 C88.3985192,68.1467602 80.3242628,76.9161885 70.3525495,90.6906738 C60.0774843,104.884196 54.9399518,119.643717 54.9399518,134.969238 C54.9399518,138.278158 55.4624127,140.716309 56.5073346,142.283691 C57.2039492,143.328613 57.9876406,143.851074 58.8584088,143.851074 C59.7291771,143.851074 61.0353294,143.241536 62.7768659,142.022461 C68.3497825,138.016927 75.4030052,136.01416 83.9365338,136.01416 C93.8632916,136.01416 102.658051,140.063232 110.320811,148.161377 C117.983572,156.259521 121.814952,165.88151 121.814952,177.027344 C121.814952,188.695638 117.417572,198.970703 108.622813,207.852539 C99.828054,216.734375 89.1611432,221.175293 76.6220807,221.175293 C61.9931745,221.175293 49.3670351,215.166992 38.7436627,203.150391 C28.1202903,191.133789 22.8086041,175.024577 22.8086041,154.822754 C22.8086041,131.312012 30.0359804,110.239421 44.490733,91.6049805 C58.2196377,73.906272 74.3541002,59.8074126 102.443135,50.4450748 C102.615406,50.3748509 102.790055,50.3058192 102.966282,50.2381719 C104.199241,49.7648833 105.420135,49.3936487 106.596148,49.1227802 L107,49 Z M233.000381,49.033238 C237.792099,48.01429 241.761022,48.6892564 242.625294,50.9407629 C243.72393,53.8028077 239.174473,58.3219079 233.017635,60.982801 C233.011653,60.9853863 233.00567,60.9879683 232.999688,60.990547 C232.939902,61.0219589 232.879913,61.0439426 232.820031,61.0659514 C232.355389,61.2618887 231.888177,61.4371549 231.421944,61.5929594 C214.398519,68.1467602 206.324263,76.9161885 196.352549,90.6906738 C186.077484,104.884196 180.939952,119.643717 180.939952,134.969238 C180.939952,138.278158 181.462413,140.716309 182.507335,142.283691 C183.203949,143.328613 183.987641,143.851074 184.858409,143.851074 C185.729177,143.851074 187.035329,143.241536 188.776866,142.022461 C194.349783,138.016927 201.403005,136.01416 209.936534,136.01416 C219.863292,136.01416 228.658051,140.063232 236.320811,148.161377 C243.983572,156.259521 247.814952,165.88151 247.814952,177.027344 C247.814952,188.695638 243.417572,198.970703 234.622813,207.852539 C225.828054,216.734375 215.161143,221.175293 202.622081,221.175293 C187.993174,221.175293 175.367035,215.166992 164.743663,203.150391 C154.12029,191.133789 148.808604,175.024577 148.808604,154.822754 C148.808604,131.312012 156.03598,110.239421 170.490733,91.6049805 C184.219638,73.906272 200.3541,59.8074126 228.443135,50.4450748 C228.615406,50.3748509 228.790055,50.3058192 228.966282,50.2381719 C230.199241,49.7648833 231.420135,49.3936487 232.596148,49.1227802 L233,49 Z" fill="#48484A" fill-rule="nonzero" transform="translate(135.311778, 134.872794) scale(-1, -1) translate(-135.311778, -134.872794) "></path>
                  </g>
              </svg>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-md-0 mb-7">
        <div class="card">
          <div class="text-center mt-n5 z-index-1">
            <div class="position-relative">
              <img class="avatar avatar-xxl shadow-lg rounded-circle" src="../../assets/img/james.jpg" alt="avatar">
            </div>
          </div>
          <div class="card-body text-center pb-0">
            <h4 class="mb-0">Lucian Eurel</h4>
            <p>@luciaeurel</p>
            <p class="mt-2">
              Web Summit will increase your appetite, your inspiration, your motivation and your network.
            </p>
          </div>
          <div class="card-footer text-center pt-2">
            <div class="mx-auto">
              <svg class="opacity-2" width="60px" height="60px" viewBox="0 0 270 270" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <title>quote-down</title>
                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                      <path d="M107.000381,49.033238 C111.792099,48.01429 115.761022,48.6892564 116.625294,50.9407629 C117.72393,53.8028077 113.174473,58.3219079 107.017635,60.982801 C107.011653,60.9853863 107.00567,60.9879683 106.999688,60.990547 C106.939902,61.0219589 106.879913,61.0439426 106.820031,61.0659514 C106.355389,61.2618887 105.888177,61.4371549 105.421944,61.5929594 C88.3985192,68.1467602 80.3242628,76.9161885 70.3525495,90.6906738 C60.0774843,104.884196 54.9399518,119.643717 54.9399518,134.969238 C54.9399518,138.278158 55.4624127,140.716309 56.5073346,142.283691 C57.2039492,143.328613 57.9876406,143.851074 58.8584088,143.851074 C59.7291771,143.851074 61.0353294,143.241536 62.7768659,142.022461 C68.3497825,138.016927 75.4030052,136.01416 83.9365338,136.01416 C93.8632916,136.01416 102.658051,140.063232 110.320811,148.161377 C117.983572,156.259521 121.814952,165.88151 121.814952,177.027344 C121.814952,188.695638 117.417572,198.970703 108.622813,207.852539 C99.828054,216.734375 89.1611432,221.175293 76.6220807,221.175293 C61.9931745,221.175293 49.3670351,215.166992 38.7436627,203.150391 C28.1202903,191.133789 22.8086041,175.024577 22.8086041,154.822754 C22.8086041,131.312012 30.0359804,110.239421 44.490733,91.6049805 C58.2196377,73.906272 74.3541002,59.8074126 102.443135,50.4450748 C102.615406,50.3748509 102.790055,50.3058192 102.966282,50.2381719 C104.199241,49.7648833 105.420135,49.3936487 106.596148,49.1227802 L107,49 Z M233.000381,49.033238 C237.792099,48.01429 241.761022,48.6892564 242.625294,50.9407629 C243.72393,53.8028077 239.174473,58.3219079 233.017635,60.982801 C233.011653,60.9853863 233.00567,60.9879683 232.999688,60.990547 C232.939902,61.0219589 232.879913,61.0439426 232.820031,61.0659514 C232.355389,61.2618887 231.888177,61.4371549 231.421944,61.5929594 C214.398519,68.1467602 206.324263,76.9161885 196.352549,90.6906738 C186.077484,104.884196 180.939952,119.643717 180.939952,134.969238 C180.939952,138.278158 181.462413,140.716309 182.507335,142.283691 C183.203949,143.328613 183.987641,143.851074 184.858409,143.851074 C185.729177,143.851074 187.035329,143.241536 188.776866,142.022461 C194.349783,138.016927 201.403005,136.01416 209.936534,136.01416 C219.863292,136.01416 228.658051,140.063232 236.320811,148.161377 C243.983572,156.259521 247.814952,165.88151 247.814952,177.027344 C247.814952,188.695638 243.417572,198.970703 234.622813,207.852539 C225.828054,216.734375 215.161143,221.175293 202.622081,221.175293 C187.993174,221.175293 175.367035,215.166992 164.743663,203.150391 C154.12029,191.133789 148.808604,175.024577 148.808604,154.822754 C148.808604,131.312012 156.03598,110.239421 170.490733,91.6049805 C184.219638,73.906272 200.3541,59.8074126 228.443135,50.4450748 C228.615406,50.3748509 228.790055,50.3058192 228.966282,50.2381719 C230.199241,49.7648833 231.420135,49.3936487 232.596148,49.1227802 L233,49 Z" fill="#48484A" fill-rule="nonzero" transform="translate(135.311778, 134.872794) scale(-1, -1) translate(-135.311778, -134.872794) "></path>
                  </g>
              </svg>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- END Testimonials w/ 3 cards & dark background -->

Testimonials 6

Copy
<!-- -------- START Testimonials w/ 3 cards & brand logos  -------- -->
<section class="py-5 bg-gray-100">
  <div class="container">
    <div class="row">
      <div class="col-md-4 mb-md-0 mb-4">
        <div class="card">
          <div class="card-header p-0 position-relative z-index-1">
            <a href="javascript:;">
              <img src="../../assets/img/card-profile1.jpg" class="img-fluid border-radius-lg border-radius-bottom-end-0 border-radius-bottom-start-0">
            </a>
          </div>

          <div class="card-body">
            <div class="w-50 mx-auto">
              <img src="../../assets/img/logos/medium-logos/logo-netflix.svg" alt="" class="img-fluid">
            </div>
            <p class="card-description mb-5 mt-3">
              "Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons."
            </p>
            <div class="float-start">
              <span>&#8213;</span>
              Armand Traore
            </div>
            <a href="javascript:;" class="text-danger text-decoration-underline-hover float-end">Read More</a>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-md-0 mb-4">
        <div class="card">
          <div class="card-header p-0 position-relative z-index-1">
            <a href="javascript:;">
              <img src="../../assets/img/card-profile2.jpg" class="img-fluid border-radius-lg border-radius-bottom-end-0 border-radius-bottom-start-0">
            </a>
          </div>

          <div class="card-body">
            <div class="w-50 mx-auto">
              <img src="../../assets/img/logos/medium-logos/logo-spotify.svg" alt="" class="img-fluid">
            </div>
            <p class="card-description mb-5 mt-3">
              "Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons."
            </p>
            <div class="float-start">
              <span>&#8213;</span>
              Collin Marcus
            </div>
            <a href="javascript:;" class="text-success text-decoration-underline-hover float-end">Read More</a>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-md-0 mb-4">
        <div class="card">
          <div class="card-header p-0 position-relative z-index-1">
            <a href="javascript:;">
              <img src="../../assets/img/card-profile3.jpg" class="img-fluid border-radius-lg border-radius-bottom-end-0 border-radius-bottom-start-0">
            </a>
          </div>

          <div class="card-body">
            <div class="w-50 mx-auto">
              <img src="../../assets/img/logos/medium-logos/logo-behance.svg" alt="" class="img-fluid">
            </div>
            <p class="card-description mb-5 mt-3">
              "Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons."
            </p>
            <div class="float-start">
              <span>&#8213;</span>
              Johhny Later
            </div>
            <a href="javascript:;" class="text-darker text-decoration-underline-hover float-end">Read More</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- -------- END Testimonials w/ 3 cards & brand logos  -------- -->

Testimonials 7

Copy
<!-- START Testimonials w/ 3 cards w/ stars -->
<section class="py-5 position-relative">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <h2 class="mb-3">Our Customers</h2>
        <h5 class="font-weight-light">
          You need more informations?
          Read our customers reviews.
        </h5>
      </div>
    </div>
    <div class="row mt-lg-6 mt-4">
      <div class="col-lg-3 col-md-6 mb-lg-0 mb-4 ms-auto">
        <div class="card shadow-lg">
          <div class="card-body text-center pb-0">
            <div class="text-center">
              <div class="rating">
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
                <i class="far fa-star text-warning"></i>
              </div>
            </div>
            <p class="mt-4">
              "Web Summit will increase your appetite, your inspiration, your skills, your motivation and your network."
            </p>
          </div>
          <div class="card-footer text-center pt-3 position-relative z-index-1">
            <div class="position-relative">
              <div>
                <img class="avatar avatar-lg shadow-lg rounded-circle" src="../../assets/img/james.jpg">
              </div>
            </div>
            <h6 class="mb-0 mt-2">Lucian Eurel</h6>
            <p class="text-xs mb-0">CEO Creative Tim</p>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 mb-lg-0 mb-4">
        <div class="card shadow-lg">
          <div class="card-body text-center pb-0">
            <div class="text-center">
              <div class="rating">
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
                <i class="far fa-star text-warning"></i>
              </div>
            </div>
            <p class="mt-4">
              "Do not go where the path may lead, go instead where there is no path and leave a trail. You will succeed on it. "
            </p>
          </div>
          <div class="card-footer text-center pt-3 position-relative z-index-1">
            <div class="position-relative">
              <div>
                <img class="avatar avatar-lg shadow-lg rounded-circle" src="../../assets/img/emily.jpg">
              </div>
            </div>
            <h6 class="mb-0 mt-2">Linde Michel</h6>
            <p class="text-xs mb-0">CFO Slack</p>
          </div>
        </div>
      </div>
      <div class="col-lg-3 mb-lg-0 mb-4 me-auto">
        <div class="card shadow-lg">
          <div class="card-body text-center pb-0">
            <div class="text-center">
              <div class="rating">
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
                <i class="fas fa-star text-warning"></i>
              </div>
            </div>
            <p class="mt-4">
              "The pessimist complains about the wind; the optimist expects it to change; the realist adjusts the sails."
            </p>
          </div>
          <div class="card-footer text-center pt-3 position-relative z-index-1">
            <div class="position-relative">
              <div>
                <img class="avatar avatar-lg shadow-lg rounded-circle" src="../../assets/img/emilyz.jpg">
              </div>
            </div>
            <h6 class="mb-0 mt-2">Mark Stam</h6>
            <p class="text-xs mb-0">COO Dribbble</p>
          </div>
        </div>
      </div>
      <div class="col-lg-3 mb-lg-0 mb-4 me-auto">
        <div class="card shadow-lg h-100">
          <div class="card-body d-flex flex-column justify-content-center text-center">
            <a href="javascript:;">
              <i class="fa fa-plus text-secondary mb-3"></i>
              <h5 class=" text-secondary"> Add Testimonial </h5>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- END Testimonials w/ 3 cards w/ stars -->

Testimonials 8

Copy
<!-- START Testimonials w/ user image & text & info -->
<section class="py-6 position-relative overflow-hidden">
  <div class="container-fluid">
    <div class="row">
      <div class="col-10 mx-auto bg-gradient-dark border-radius-lg">
        <div class="row py-5">
          <div class="col-xl-4 col-md-6 px-5 position-relative">
            <img class="img border-radius-md max-width-300 w-100 position-relative z-index-2" src="../../assets/img/jordan.jpg" alt="card image">
          </div>
          <div class="col-xl-4 col-md-5 z-index-2 position-relative px-md-3 px-5 my-md-auto mt-4">
            <div>
              <svg class="text-white" width="35px" height="35px" viewBox="0 0 270 270" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <title>quote-down</title>
                  <g id="quote-down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                      <path d="M107.000381,49.033238 C111.792099,48.01429 115.761022,48.6892564 116.625294,50.9407629 C117.72393,53.8028077 113.174473,58.3219079 107.017635,60.982801 C107.011653,60.9853863 107.00567,60.9879683 106.999688,60.990547 C106.939902,61.0219589 106.879913,61.0439426 106.820031,61.0659514 C106.355389,61.2618887 105.888177,61.4371549 105.421944,61.5929594 C88.3985192,68.1467602 80.3242628,76.9161885 70.3525495,90.6906738 C60.0774843,104.884196 54.9399518,119.643717 54.9399518,134.969238 C54.9399518,138.278158 55.4624127,140.716309 56.5073346,142.283691 C57.2039492,143.328613 57.9876406,143.851074 58.8584088,143.851074 C59.7291771,143.851074 61.0353294,143.241536 62.7768659,142.022461 C68.3497825,138.016927 75.4030052,136.01416 83.9365338,136.01416 C93.8632916,136.01416 102.658051,140.063232 110.320811,148.161377 C117.983572,156.259521 121.814952,165.88151 121.814952,177.027344 C121.814952,188.695638 117.417572,198.970703 108.622813,207.852539 C99.828054,216.734375 89.1611432,221.175293 76.6220807,221.175293 C61.9931745,221.175293 49.3670351,215.166992 38.7436627,203.150391 C28.1202903,191.133789 22.8086041,175.024577 22.8086041,154.822754 C22.8086041,131.312012 30.0359804,110.239421 44.490733,91.6049805 C58.2196377,73.906272 74.3541002,59.8074126 102.443135,50.4450748 C102.615406,50.3748509 102.790055,50.3058192 102.966282,50.2381719 C104.199241,49.7648833 105.420135,49.3936487 106.596148,49.1227802 L107,49 Z M233.000381,49.033238 C237.792099,48.01429 241.761022,48.6892564 242.625294,50.9407629 C243.72393,53.8028077 239.174473,58.3219079 233.017635,60.982801 C233.011653,60.9853863 233.00567,60.9879683 232.999688,60.990547 C232.939902,61.0219589 232.879913,61.0439426 232.820031,61.0659514 C232.355389,61.2618887 231.888177,61.4371549 231.421944,61.5929594 C214.398519,68.1467602 206.324263,76.9161885 196.352549,90.6906738 C186.077484,104.884196 180.939952,119.643717 180.939952,134.969238 C180.939952,138.278158 181.462413,140.716309 182.507335,142.283691 C183.203949,143.328613 183.987641,143.851074 184.858409,143.851074 C185.729177,143.851074 187.035329,143.241536 188.776866,142.022461 C194.349783,138.016927 201.403005,136.01416 209.936534,136.01416 C219.863292,136.01416 228.658051,140.063232 236.320811,148.161377 C243.983572,156.259521 247.814952,165.88151 247.814952,177.027344 C247.814952,188.695638 243.417572,198.970703 234.622813,207.852539 C225.828054,216.734375 215.161143,221.175293 202.622081,221.175293 C187.993174,221.175293 175.367035,215.166992 164.743663,203.150391 C154.12029,191.133789 148.808604,175.024577 148.808604,154.822754 C148.808604,131.312012 156.03598,110.239421 170.490733,91.6049805 C184.219638,73.906272 200.3541,59.8074126 228.443135,50.4450748 C228.615406,50.3748509 228.790055,50.3058192 228.966282,50.2381719 C230.199241,49.7648833 231.420135,49.3936487 232.596148,49.1227802 L233,49 Z" id="quote-up" fill="#fff" fill-rule="nonzero" transform="translate(135.311778, 134.872794) scale(-1, -1) translate(-135.311778, -134.872794) "></path>
                  </g>
              </svg>
            </div>
            <p class="text-lg text-white">
                Decisions: If you can’t decide, the answer is no.
                If two equally difficult paths, choose the one more
                painful in the short term (pain avoidance is creating
                an illusion of equality). Choose the path that leaves
                you more equanimous in the long term.
            </p>
            <p class="text-white font-weight-bold text-sm">Michael  -  <span class="text-xs font-weight-normal">Writter</span></p>
          </div>
          <div class="col-1"></div>
          <div class="col-xl-2 col-12 px-xl-0 px-5 my-xl-auto">
            <h3 class="text-white mt-xl-0 mt-5">1,340,000 +</h3>
            <p class="text-sm text-white opacity-8">Developers and Companies around the world using our products.</p>
            <a href="javascript:;" class="text-white text-decoration-underline-hover text-sm">See all products</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- END Testimonials w/ user image & text & info -->

Testimonials 9

Copy
<section class="bg-dark position-relative overflow-hidden">
  <div class="container py-lg-8 py-7">
    <div class="row">
      <div class="col-lg-6 d-flex justify-content-center flex-column">
        <div id="carouselExampleIndicator" class="carousel slide py-7" data-bs-ride="carousel">
          <div class="carousel-indicators justify-content-start ms-0">
            <a href="javascript:;">
              <img src="../../assets/img/emily.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow border-0 active rounded-circle" data-bs-target="#carouselExampleIndicator" data-bs-slide-to="0">
              <span class="text-white mx-2">&#124;</span>
            </a>

            <a href="javascript:;">
              <img src="../../assets/img/emilyz.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow border-0 rounded-circle" data-bs-target="#carouselExampleIndicator" data-bs-slide-to="1">
              <span class="text-white mx-2">&#124;</span>
            </a>

            <a href="javascript:;">
              <img src="../../assets/img/james.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow border-0 rounded-circle" data-bs-target="#carouselExampleIndicator" data-bs-slide-to="2">
            </a>
          </div>
          <div class="carousel-inner">
            <h2 class="text-white mb-0">Work with us</h2>
            <p class="text-white opacity-8 mb-1">Whatever your qualification is - we got you!</p>
            <hr class="text-white horizontal opacity-6 mb-4 mt-2 w-25 text-start">
            <div class="carousel-item active">
              <h6 class="text-white opacity-8 pe-5">"Take up one idea. Make that one idea your life - think of it, dream of it, live on that idea.
                Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone.
                This is the way to success. A single rose can be my garden... a single friend, my world."</h6>
              <div class="author mt-4">
                <div class="name">
                  <span class="text-white">Ludwig Siato</span>
                  <div class="stats">
                    <small class="text-white opacity-6">Project manager, Apple</small>
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <h6 class="text-white opacity-8 pe-5">"Take up one idea. Make that one idea your life - think of it, dream of it, live on that idea.
                Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone.
                This is the way to success. A single rose can be my garden... a single friend, my world."</h6>
              <div class="author mt-4">
                <div class="name">
                  <span class="text-white">John Down</span>
                  <div class="stats">
                    <small class="text-white opacity-6">CFO, Google</small>
                  </div>
                </div>
              </div>
            </div>
            <div class="carousel-item">
              <h6 class="text-white opacity-8 pe-5">"Take up one idea. Make that one idea your life - think of it, dream of it, live on that idea.
                Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone.
                This is the way to success. A single rose can be my garden... a single friend, my world."</h6>
              <div class="author mt-4">
                <div class="name">
                  <span class="text-white">Mark Jojansen</span>
                  <div class="stats">
                    <small class="text-white opacity-6">Fullstack Developer, Atlassian</small>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6 justify-content-center flex-column d-sm-none d-md-none d-lg-flex d-xl-flex">
        <div class="row justify-content-center d-none d-md-flex">
          <div class="col-3 mb-4">
            <div class="d-block bg-white avatar avatar-lg rounded-circle p-3 mt-n4 ms-8 fadeIn2 fadeInBottom">
              <img src="../../assets/img/logos/small-logos/logo-asana.svg" alt="Logo Image">
            </div>
          </div>
          <div class="col-4 mb-4">
            <div class="d-block bg-white avatar avatar-lg rounded-circle p-3 ms-8 mt-n6 fadeIn1 fadeInBottom">
              <img src="../../assets/img/logos/small-logos/logo-slack.svg" alt="Logo Image">
            </div>
          </div>
          <div class="col-4 mb-4">
            <div class="d-block bg-white avatar avatar-lg rounded-circle p-3 ms-6 mt-2 fadeIn3 fadeInBottom">
              <img src="../../assets/img/logos/small-logos/logo-google-drive.svg" alt="Logo Image">
            </div>
          </div>
        </div>

        <div class="row justify-content-end d-none d-md-flex">
          <div class="col-4 my-4">
            <div class="d-block bg-white avatar avatar-lg rounded-circle p-3 ms-4 fadeIn1 fadeInBottom">
              <img class="avatar-img" src="../../assets/img/logos/small-logos/logo-shopify.svg" alt="Logo Image">
            </div>
          </div>
          <div class="col-3 my-4">
            <div class="d-block bg-white avatar avatar-lg rounded-circle p-3 me-auto fadeIn1 fadeInBottom">
              <img class="avatar-img" src="../../assets/img/logos/small-logos/logo-apple.svg" alt="Logo Image">
            </div>
          </div>
          <div class="col-3 my-4">
            <div class="d-block bg-white avatar avatar-lg rounded-circle p-3 fadeIn3 fadeInBottom ms-3 mt-3">
              <img class="avatar-img" src="../../assets/img/logos/small-logos/logo-invision.svg" alt="Logo Image">
            </div>
          </div>
        </div>

        <div class="row d-none d-md-flex">
          <div class="col-6">
            <!-- Logo -->
            <div class="d-block bg-white avatar avatar-lg rounded-circle p-3 ms-auto mt-5 fadeIn2 fadeInBottom">
              <img class="avatar-img" src="../../assets/img/logos/small-logos/logo-atlassian.svg" alt="Logo Image">
            </div>
            <!-- End Logo -->
          </div>
          <div class="col-6 mt-6">
            <!-- Logo -->
            <div class="d-block bg-white avatar avatar-lg rounded-circle p-3 mx-auto mt-n3 fadeIn3 fadeInBottom">
              <img class="avatar-img" src="../../assets/img/logos/small-logos/logo-weave.svg" alt="Logo Image">
            </div>
            <!-- End Logo -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Testimonials 10

Copy
<!-- START Testimonials w/ bg image & faded gradient & company logo -->
<section class="py-5 position-relative">
  <div class="container-fluid">
    <div class="row">
      <div class="col-10 mx-auto">
        <div id="carouselExampleTestimonials-11" class="carousel carousel-fade slide shadow-lg" data-bs-ride="carousel">
          <ol class="carousel-indicators z-index-2">
            <li data-bs-target="#carouselExampleTestimonials-11" data-bs-slide-to="0" class="active"></li>
            <li data-bs-target="#carouselExampleTestimonials-11" data-bs-slide-to="1"></li>
          </ol>
          <div class="carousel-inner rounded-3">
            <div class="carousel-item bg-cover active" style="background-image: url(&#39;../../assets/img/office-1.jpeg&#39;)">
              <div class="z-index-1 my-md-8 my-6 position-relative z-index-2">
                <div class="row h-100">
                  <div class="col-xl-6 my-auto px-6">
                    <h5 class="text-white font-weight-normal mb-3">
                      " Decisions: If you can’t decide, the answer is no. If two equally difficult paths,
                      choose the one more painful in the short term(pain avoidance is creating an illusion."
                    </h5>
                    <p class="text-white font-weight-bold">Michael Lerson, <span class="text-xs font-weight-normal">Project Manager </span></p>
                  </div>
                  <div class="col-xl-6 my-auto px-7 mt-md-auto mt-4">
                    <img src="../../assets/img/logos/white-logos/logo-google-white.svg" class="d-block w-100" alt="...">
                  </div>
                </div>
              </div>
              <span class="mask bg-gradient-faded-warning opacity-10 z-index-0 rounded-3"></span>
            </div>
            <div class="carousel-item bg-cover" style="background-image: url(&#39;../../assets/img/office-2.jpeg&#39;)">
              <div class="z-index-1 my-md-8 my-6 position-relative z-index-2">
                <div class="row h-100">
                  <div class="col-xl-6 my-auto px-6">
                    <h5 class="text-white font-weight-normal mb-3">
                      " Knowledge is either from direct experience or from verifiable, falsifiable science.
                      There is knowledge that is transmitted but not verifiable / falsifiable."
                    </h5>
                    <p class="text-white font-weight-bold">Louis Miriam, <span class="text-xs font-weight-normal">COO</span></p>
                  </div>
                  <div class="col-xl-6 my-auto px-7 mt-md-auto mt-4">
                      <img src="../../assets/img/logos/white-logos/logo-spotify-white.svg" class="d-block w-100" alt="...">
                  </div>
                </div>
              </div>
              <span class="mask bg-gradient-faded-success opacity-10 z-index-0 rounded-3"></span>
            </div>
          </div>
        </div>
        <div class="row mt-5">
          <div class="col-lg-2 col-4 ms-auto">
            <a href="javascript:;" data-bs-target="#carouselExampleTestimonials-11" data-bs-slide-to="0" class="active">
              <img src="../../assets/img/logos/medium-logos/logo-google.svg" class="d-block w-100" alt="...">
            </a>
          </div>
          <div class="col-lg-2 col-4 me-auto">
            <a href="javascript:;" data-bs-target="#carouselExampleTestimonials-11" data-bs-slide-to="1">
              <img src="../../assets/img/logos/medium-logos/logo-spotify.svg" class="d-block w-100" alt="...">
            </a>
          </div>
      </div>
    </div>
  </div>
</section>
<!-- END Testimonials w/ bg image & faded gradient & company logo -->