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="text-gradient text-primary 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/team-3.jpg" alt="..." class="avatar shadow">
              <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/marie.jpg" alt="..." class="avatar shadow">
              <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/team-2.jpg" alt="..." class="avatar shadow">
              <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-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-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-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-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-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-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-gradient-dark position-relative overflow-hidden py-4">
  <div class="position-absolute w-100 z-inde-1 top-0 mt-n3">
    <svg width="100%" viewBox="0 -2 1920 157" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>wave-down</title>
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g fill="#FFFFFF" fill-rule="nonzero">
                <g id="wave-down">
                    <path d="M0,60.8320331 C299.333333,115.127115 618.333333,111.165365 959,47.8320321 C1299.66667,-15.5013009 1620.66667,-15.2062179 1920,47.8320331 L1920,156.389409 L0,156.389409 L0,60.8320331 Z" id="Path-Copy-2" transform="translate(960.000000, 78.416017) rotate(180.000000) translate(-960.000000, -78.416017) "></path>
                </g>
            </g>
        </g>
    </svg>
  </div>
  <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/team-4.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow border-radius-lg 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/team-3.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow border-radius-lg 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/team-2.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow border-radius-lg 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>
  <div class="position-absolute w-100 bottom-0">
    <svg width="100%" viewBox="0 -1 1920 166" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>wave-up</title>
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g transform="translate(0.000000, 5.000000)" fill="#FFFFFF" fill-rule="nonzero">
                <g id="wave-up" transform="translate(0.000000, -5.000000)">
                    <path d="M0,70 C298.666667,105.333333 618.666667,95 960,39 C1301.33333,-17 1621.33333,-11.3333333 1920,56 L1920,165 L0,165 L0,70 Z"></path>
                </g>
            </g>
        </g>
    </svg>
  </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-5 ms-lg-auto">
              <div class="p-3">
                <img class="w-100 border-radius-md" src="../../assets/img/charles.jpg" alt="First slide">
              </div>
            </div>
            <div class="col-md-5 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 shadow bg-gradient-dark">
                  <img src="../../assets/img//logos/white-logos/logo-spotify-white.svg">
                </div>
                <div class="name ps-2">
                  <span>Mathew Glock</span>
                  <div>
                    <small>Marketing Manager - Slack</small>
                  </div>
                </div>
              </div>
              <div class="w-25 ms-auto opacity-2 mt-n9">
                <svg class="opacity-3" 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 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="#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-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-md-5 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 shadow bg-gradient-dark">
                  <img src="../../assets/img//logos/white-logos/logo-google-white.svg">
                </div>
                <div class="name ps-2">
                  <span>Ivana Gerge</span>
                  <div>
                    <small>CFO - Google</small>
                  </div>
                </div>
              </div>
              <div class="w-25 ms-auto opacity-2 mt-n9">
                <svg class="opacity-3" 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 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="#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-dark" href="#carousel-testimonials" role="button" data-bs-slide="prev">
      <i class="fas fa-chevron-left"></i>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next text-dark" href="#carousel-testimonials" role="button" data-bs-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 text-center mb-3">
          <svg class="text-info" width="40px" height="40px" viewBox="0 0 46 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <title>customer-support</title>
              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                  <g transform="translate(-1717.000000, -291.000000)" fill="#FFFFFF" fill-rule="nonzero">
                      <g transform="translate(1716.000000, 291.000000)">
                          <g transform="translate(1.000000, 0.000000)">
                              <path class="color-background" d="M45,0 L26,0 C25.447,0 25,0.447 25,1 L25,20 C25,20.379 25.214,20.725 25.553,20.895 C25.694,20.965 25.848,21 26,21 C26.212,21 26.424,20.933 26.6,20.8 L34.333,15 L45,15 C45.553,15 46,14.553 46,14 L46,1 C46,0.447 45.553,0 45,0 Z" opacity="0.59858631"></path>
                              <path class="color-foreground" d="M22.883,32.86 C20.761,32.012 17.324,31 13,31 C8.676,31 5.239,32.012 3.116,32.86 C1.224,33.619 0,35.438 0,37.494 L0,41 C0,41.553 0.447,42 1,42 L25,42 C25.553,42 26,41.553 26,41 L26,37.494 C26,35.438 24.776,33.619 22.883,32.86 Z"></path>
                              <path class="color-foreground" d="M13,28 C17.432,28 21,22.529 21,18 C21,13.589 17.411,10 13,10 C8.589,10 5,13.589 5,18 C5,22.529 8.568,28 13,28 Z"></path>
                          </g>
                      </g>
                  </g>
              </g>
          </svg>
        </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" src="../../assets/img/team-1.jpg">
          </a>

          <div class="card-body">
            <h4 class="card-title">Jessica Davis</h4>
            <h6 class="category text-info text-gradient">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" src="../../assets/img/marie.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" src="../../assets/img/team-4.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-gradient-dark position-relative overflow-hidden">
  <div class="position-absolute w-100 z-inde-1 top-0 mt-n3">
    <svg width="100%" viewBox="0 -2 1920 157" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>wave-down</title>
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g fill="#FFFFFF" fill-rule="nonzero">
                <g id="wave-down">
                    <path d="M0,60.8320331 C299.333333,115.127115 618.333333,111.165365 959,47.8320321 C1299.66667,-15.5013009 1620.66667,-15.2062179 1920,47.8320331 L1920,156.389409 L0,156.389409 L0,60.8320331 Z" id="Path-Copy-2" transform="translate(960.000000, 78.416017) rotate(180.000000) translate(-960.000000, -78.416017) "></path>
                </g>
            </g>
        </g>
    </svg>
  </div>
  <img src="../../assets/img/shapes/waves-white.svg" class="position-absolute opacity-6 h-100 top-0 d-md-block d-none" alt="">
  <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">
              <div class="blur-shadow-avatar">
                <img class="avatar avatar-xxl shadow-lg" src="../../assets/img/team-2.jpg">
              </div>
            </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 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="#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">
              <div class="blur-shadow-avatar">
                <img class="avatar avatar-xxl shadow-lg" src="../../assets/img/team-3.jpg">
              </div>
            </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 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="#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">
              <div class="blur-shadow-avatar">
                <img class="avatar avatar-xxl shadow-lg" src="../../assets/img/team-4.jpg">
              </div>
            </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 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="#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>
  <div class="position-absolute w-100 bottom-0">
    <svg width="100%" viewBox="0 -1 1920 166" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>wave-up</title>
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g transform="translate(0.000000, 5.000000)" fill="#FFFFFF" fill-rule="nonzero">
                <g id="wave-up" transform="translate(0.000000, -5.000000)">
                    <path d="M0,70 C298.666667,105.333333 618.666667,95 960,39 C1301.33333,-17 1621.33333,-11.3333333 1920,56 L1920,165 L0,165 L0,70 Z"></path>
                </g>
            </g>
        </g>
    </svg>
  </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 mx-3 mt-3 position-relative z-index-1">
            <a href="javascript:;" class="d-block blur-shadow-image">
              <img src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/soft-ui-design-system/assets/img/glass-desk.jpg" class="img-fluid border-radius-lg">
            </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>
              <span>&#8213;</span>
              Armand Traore
            </div>
            <a href="javascript:;" class="text-danger icon-move-right float-end">Read More
              <i class="fas fa-arrow-right text-sm ms-1"></i>
            </a>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-md-0 mb-4">
        <div class="card">
          <div class="card-header p-0 mx-3 mt-3 position-relative z-index-1">
            <a href="javascript:;" class="d-block blur-shadow-image">
              <img src="../../assets/img/mimi-thian.jpg" class="img-fluid border-radius-lg">
            </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>
              <span>&#8213;</span>
              Collin Marcus
            </div>
            <a href="javascript:;" class="text-success icon-move-right float-end">Read More
              <i class="fas fa-arrow-right text-sm ms-1"></i>
            </a>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-md-0 mb-4">
        <div class="card">
          <div class="card-header p-0 mx-3 mt-3 position-relative z-index-1">
            <a href="javascript:;" class="d-block blur-shadow-image">
              <img src="../../assets/img/alesia.jpg" class="img-fluid border-radius-lg">
            </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>
              <span>&#8213;</span>
              Johhny Later
            </div>
            <a href="javascript:;" class="text-darker icon-move-right float-end">Read More
              <i class="fas fa-arrow-right text-sm ms-1"></i>
            </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">
          <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 class="blur-shadow-avatar">
                <img class="avatar avatar-lg shadow-lg" src="../../assets/img/team-4.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">
          <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 class="blur-shadow-avatar">
                <img class="avatar avatar-lg shadow-lg" src="../../assets/img/team-2.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">
          <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 class="blur-shadow-avatar">
                <img class="avatar avatar-lg shadow-lg" src="../../assets/img/team-3.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 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">
  <img src="../../assets/img/shapes/waves-white.svg" alt="pattern-lines" class="position-absolute opacity-6 top-0 w-100 z-index-1">
  <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="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/soft-ui-design-system/assets/img/tired.jpg">
          </div>
          <div class="col-xl-4 col-md-5 z-index-2 position-relative px-md-3 px-5 my-auto">
            <div>
              <svg class="opacity-2" width="40px" height="40px" 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="#FFFFFF" 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>
            <hr class="vertical start-100 ms-n5 d-xl-block d-none">
          </div>
          <div class="col-1"></div>
          <div class="col-xl-2 col-12 px-xl-0 px-5 my-xl-auto position-relative z-index-1">
            <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-primary icon-move-right text-sm">See all products
                <i class="fas fa-arrow-right text-xs"></i>
              </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- END Testimonials w/ user image & text & info -->

Testimonials 9

Copy
<section class="testimonial-2 py-9">
  <div class="container">
    <div class="row">
      <div class="gliderrr">
        <div data-glide-el="track" class="glide__track">
          <ul class="glide__slides">
            <li class="glide__slide">
              <div class="glide__container">
                <div class="card">
                  <div class="card-body text-center pb-0 position-relative">
                    <img class="w-75 end-0 start-0 mx-auto top-0 mt-n6 position-absolute" src="../../assets/img/automotive/amg-gt.png">
                    <h6 class="mt-6">AMG GT</h6>
                    <button type="button" class="btn btn-sm btn-rounded btn-outline-dark">Book Now</button>
                  </div>
                </div>
              </div>
            </li>
            <li class="glide__slide">
              <div class="glide__container">
                <div class="card">
                  <div class="card-body text-center pb-0 position-relative">
                    <img class="w-75 end-0 start-0 mx-auto top-0 mt-n6 position-absolute" src="../../assets/img/automotive/g-amg.png">
                    <h6 class="mt-6">G63 AMG</h6>
                    <button type="button" class="btn btn-sm btn-rounded btn-outline-dark">Book Now</button>
                  </div>
                </div>
              </div>
            </li>
            <li class="glide__slide">
              <div class="glide__container">
                <div class="card">
                  <div class="card-body text-center pb-0 position-relative">
                    <img class="w-75 end-0 start-0 mx-auto top-0 mt-n6 position-absolute" src="../../assets/img/automotive/s-maybach.png">
                    <h6 class="mt-6">S Maybach</h6>
                    <button type="button" class="btn btn-sm btn-rounded btn-outline-dark">Book Now</button>
                  </div>
                </div>
              </div>
            </li>
            <li class="glide__slide">
              <div class="glide__container">
                <div class="card">
                  <div class="card-body text-center pb-0 position-relative">
                    <img class="w-75 end-0 start-0 mx-auto top-0 mt-n6 position-absolute" src="../../assets/img/automotive/glc.png">
                    <h6 class="mt-6">GLC</h6>
                    <button type="button" class="btn btn-sm btn-rounded btn-outline-dark">Book Now</button>
                  </div>
                </div>
              </div>
            </li>
            <li class="glide__slide">
              <div class="glide__container">
                <div class="card">
                  <div class="card-body text-center pb-0 position-relative">
                    <img class="w-75 end-0 start-0 mx-auto top-0 mt-n4 position-absolute" src="../../assets/img/automotive/cls.png">
                    <h6 class="mt-6">CLS</h6>
                    <button type="button" class="btn btn-sm btn-rounded btn-outline-dark">Book Now</button>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
    </div>
    </div>
  </div>
</section>

Testimonials 10

Copy
<section class="bg-gradient-primary position-relative overflow-hidden">
  <img src="../../assets/img/shapes/waves-white.svg" alt="pattern-lines" class="position-absolute opacity-6">
  <div class="position-absolute w-100 z-inde-1 top-0 mt-n3">
    <svg width="100%" viewBox="0 -2 1920 157" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>wave-down</title>
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g fill="#FFFFFF" fill-rule="nonzero">
                <g id="wave-down">
                    <path d="M0,60.8320331 C299.333333,115.127115 618.333333,111.165365 959,47.8320321 C1299.66667,-15.5013009 1620.66667,-15.2062179 1920,47.8320331 L1920,156.389409 L0,156.389409 L0,60.8320331 Z" id="Path-Copy-2" transform="translate(960.000000, 78.416017) rotate(180.000000) translate(-960.000000, -78.416017) "></path>
                </g>
            </g>
        </g>
    </svg>
  </div>
  <div class="container pt-5 pb-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">
          <ol class="carousel-indicators justify-content-start ms-0">
            <a href="javascript:;">
              <img src="../../assets/img/team-4.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow border-0 active" 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/team-3.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow border-0" 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/team-2.jpg" alt="..." class="avatar avatar-sm avatar-scale-up shadow border-0" data-bs-target="#carouselExampleIndicator" data-bs-slide-to="2">
            </a>
          </ol>
          <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>
  <div class="position-absolute w-100 bottom-0">
    <svg width="100%" viewBox="0 -1 1920 166" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>wave-up</title>
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g transform="translate(0.000000, 5.000000)" fill="#FFFFFF" fill-rule="nonzero">
                <g id="wave-up" transform="translate(0.000000, -5.000000)">
                    <path d="M0,70 C298.666667,105.333333 618.666667,95 960,39 C1301.33333,-17 1621.33333,-11.3333333 1920,56 L1920,165 L0,165 L0,70 Z"></path>
                </g>
            </g>
        </g>
    </svg>
  </div>
</section>

Testimonials 11

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 -->