Testimonials

Geeks UI Provides responsive bootstrap testimonials snippets examples that fits for your web application/project.

Testimonial #1

4.5/5.0 5(Based on 3265 ratings)

What our customers say

Hear from teachers, trainers, and leaders in the learning space about how Geeks empowers them to provide quality online learning experiences.

avatar

“The generated lorem Ipsum is therefore always free from repetition, injected humour, or words etc generate lorem Ipsum which looks racteristic reasonable.”

5

Gladys Colbert

Software Engineer at Palantir
avatar

“Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin nec justo risus. Quisque ornare nisl eu mi fermentum”

3.5

Lisa D. Roloff

Web Developer at Codescandy
avatar

“Praesent aliquet diam a ligula imperdiet commodo. Donec eleifend, orci et accumsan interdum, ipsum leo porta velit, a placerat neque ex id est.”

4.0

Leigh F. Keller

Marketing Manager at EaseTemplate
avatar

“The generated lorem Ipsum is therefore always free from repetition, injected humour, or words etc generate lorem Ipsum which looks racteristic reasonable.”

5.0

Gladys Colbert

Software Engineer at Palantir
avatar

“Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin nec justo risus. Quisque ornare nisl eu mi fermentum”

3.5

Lisa D. Roloff

Web Developer at Codescandy
avatar

“Praesent aliquet diam a ligula imperdiet commodo. Donec eleifend, orci et accumsan interdum, ipsum leo porta velit, a placerat neque ex id est.”

4.5

Leigh F. Keller

Marketing Manager at EaseTemplate
 <section class=" bg-gray-200 pt-lg-14 pb-lg-16 pt-5 pb-8">
<div class="container">
  <!-- row -->
  <div class="row mb-lg-10 mb-5">
    <div class="offset-lg-1 col-lg-10 col-12">
      <div class="row align-items-center">
        <!-- col -->
        <div class="col-lg-6 col-md-8">
          <!-- rating -->
          <div class="">
            <div class="mb-3"><span class="text-dark fw-semibold">4.5/5.0</span> <span>
              <span class="fs-6 align-top">
                <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                </svg>
              </span>
              </span>
              <span class="text-warning">5</span><span class="ms-2">(Based on 3265 ratings)</span>
            </div>
            <!-- heading -->
            <h2 class="h1">What our customers say</h2>
            <p class="mb-0"> Hear from <span class="text-dark">teachers</span>, <span
                class="text-dark">trainers</span>, and <span class="text-dark">leaders</span> in the learning
              space
              about how Geeks empowers them to provide
              quality online learning experiences.</p>

          </div>
        </div>
        <div class="col-lg-6 col-md-4 text-md-end mt-4 mt-md-0">
          <!-- btn -->
          <a href="#" class="btn btn-primary">View Reviews</a>
        </div>
      </div>

    </div>

  </div>

  <!-- row -->
  <div class="row">
    <!-- col -->
    <div class="col-md-12">
      <div class="position-relative">
        <!-- controls -->

        <!-- slider -->
        <div class="sliderTestimonialThird">
          <!-- item -->
          <div class="item">
            <div class="card">
              <div class="card-body text-center p-6">
                <!-- img -->
                <img src="../assets/images/avatar/avatar-1.jpg" alt="avatar"
                  class="avatar avatar-lg rounded-circle">
                <p class="mb-0 mt-3">“The generated lorem Ipsum is therefore always free from repetition, injected
                  humour, or words etc generate lorem Ipsum which looks racteristic reasonable.”</p>
                <!-- rating -->
                <div class="lh-1 mb-3 mt-4">
                  <span class="fs-6 align-top">
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                  </span>
                  <span class="text-warning">5</span>
                  <!-- text -->
                </div>
                <h3 class="mb-0 h4">Gladys Colbert</h3>
                <span>Software Engineer at Palantir</span>
              </div>
            </div>
          </div>
          <!-- item -->
          <div class="item">
            <div class="card">
              <div class="card-body text-center p-6">
                <!-- img -->
                <img src="../assets/images/avatar/avatar-2.jpg" alt="avatar"
                  class="avatar avatar-lg rounded-circle">
                <p class="mb-0 mt-3">“Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
                  cubilia curae; Proin nec justo risus. Quisque ornare nisl eu mi fermentum”</p>
                <!-- rating -->
                <div class="lh-1 mb-3 mt-4">
                  <span class="fs-6 align-top">
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                  </span>
                  <span class="text-warning">3.5</span>

                </div>
                <!-- text -->
                <h3 class="mb-0 h4">Lisa D. Roloff</h3>
                <span>Web Developer at Codescandy</span>
              </div>
            </div>
          </div>
          <!-- item -->
          <div class="item">
            <div class="card">
              <div class="card-body text-center p-6">
                <!-- img -->
                <img src="../assets/images/avatar/avatar-3.jpg" alt="avatar"
                  class="avatar avatar-lg rounded-circle">
                <p class="mb-0 mt-3">“Praesent aliquet diam a ligula imperdiet commodo. Donec eleifend, orci et
                  accumsan interdum, ipsum leo porta velit, a placerat neque ex id est.”</p>
                <!-- rating -->
                <div class="lh-1 mb-3 mt-4">
                  <span class="fs-6 align-top">
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                  </span>
                  <span class="text-warning">4.0</span>

                </div>
                <!-- text -->
                <h3 class="mb-0 h4">Leigh F. Keller</h3>
                <span>Marketing Manager at EaseTemplate</span>
              </div>
            </div>
          </div>
          <!-- item -->
          <div class="item">
            <div class="card">
              <div class="card-body text-center p-6">
                <!-- img -->
                <img src="../assets/images/avatar/avatar-4.jpg" alt="avatar"
                  class="avatar avatar-lg rounded-circle">
                <p class="mb-0 mt-3">“The generated lorem Ipsum is therefore always free from repetition, injected
                  humour, or words etc generate lorem Ipsum which looks racteristic reasonable.”</p>
                <!-- rating -->
                <div class="lh-1 mb-3 mt-4">
                  <span class="fs-6 align-top">
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                  </span>
                  <span class="text-warning">5.0</span>

                </div>
                <!-- text -->
                <h3 class="mb-0 h4">Gladys Colbert</h3>
                <span>Software Engineer at Palantir</span>
              </div>
            </div>
          </div>
          <div class="item">
            <div class="card">
              <div class="card-body text-center p-6">
                <!-- img -->
                <img src="../assets/images/avatar/avatar-5.jpg" alt="avatar"
                  class="avatar avatar-lg rounded-circle">
                <p class="mb-0 mt-3">“Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
                  cubilia curae; Proin nec justo risus. Quisque ornare nisl eu mi fermentum”</p>
                <div class="lh-1 mb-3 mt-4">
                  <!-- rating -->
                  <span class="fs-6 align-top">
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                  </span>
                  <span class="text-warning">3.5</span>

                </div>
                <!-- text -->
                <h3 class="mb-0 h4">Lisa D. Roloff</h3>
                <span>Web Developer at Codescandy</span>
              </div>
            </div>
          </div>
          <div class="item">
            <div class="card">
              <div class="card-body text-center p-6">
                <!-- img -->
                <img src="../assets/images/avatar/avatar-6.jpg" alt="avatar"
                  class="avatar avatar-lg rounded-circle">
                <p class="mb-0 mt-3">“Praesent aliquet diam a ligula imperdiet commodo. Donec eleifend, orci et
                  accumsan interdum, ipsum leo porta velit, a placerat neque ex id est.”</p>
                <!-- rating -->
                <div class="lh-1 mb-3 mt-4">
                  <span class="fs-6 align-top">
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="currentColor" class="bi bi-star-fill text-warning" viewBox="0 0 16 16">
                      <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
                    </svg>
                  </span>
                  <span class="text-warning">4.5</span>

                </div>
                <!-- text -->
                <h3 class="mb-0 h4">Leigh F. Keller</h3>
                <span>Marketing Manager at EaseTemplate</span>
              </div>
            </div>
          </div>
        </div>
        <ul class="controls-testimonial controls " id="sliderTestimonialThirdControls">
          <li class="prev">
            <i class="fe fe-chevron-left"></i>
          </li>
          <li class="next ms-2">
            <i class="fe fe-chevron-right"></i>
          </li>
        </ul>
      </div>
    </div>
  </div>

</div>


</section>

Testimonial #2

Customer stories

What our customer stories

A customer story is an engaging article integrating testimonial quotes from a happy client or customer praising the work completed together.

"Geeksjobs Welcome has helped us achieve continuity to ensure that all of our employees are on the same page."

David Stokes

Program Manager at Company
<section class="py-lg-16 bg-white pt-8 pb-8">
              <!-- container -->

              <div class="container">
                <div class="row">
                  <div class="offset-xl-1 col-xl-10 col-md-12 col-12">
                    <div class="row text-center">
                      <!-- col -->

                      <div class="col-md-12 px-md-16 mb-8 mt-6">
                        <span class="text-uppercase text-primary fw-semibold ls-md">Customer stories
                        </span>
                        <!-- heading -->

                        <h2 class="h1 fw-bold mt-3  mb-2">What our customer stories
                        </h2>
                        <!-- text -->

                        <p class="mb-0 fs-4">A customer story is an engaging article integrating testimonial quotes
                          from a happy
                          client or customer praising the work completed together.</p>

                      </div>
                    </div>

                    <div class="row align-items-center">
                      <div class="col-lg-7 col-md-12 col-12">
                        <div class="mb-8 mb-lg-0 me-lg-4">
                          <!-- text -->

                          <p class="display-6 mb-4 ">"Geeksjobs Welcome has helped us
                            achieve continuity to ensure that all of our
                            employees are on the same page."</p>
                          <!-- text -->

                          <p class="mb-0 ">David Stokes</p>
                          <span class="">Program Manager at Company</span>
                        </div>


                      </div>
                      <!-- col -->

                      <div class="col-lg-5 col-md-12 col-12">
                        <div>
                          <!-- Img -->

                          <img src="../assets/images/background/case-study-img-1.jpg" alt="" class="img-fluid rounded-3 w-100">
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col">
                        <!-- button -->

                        <a href="#" class="btn btn-outline-primary mt-lg-2 mt-4">View All Stories </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>

Testimonial #3

Developer Geeks

Our average call quality rating is 4.4 out of 5. That leads to happy tweets like these:

"Geeks has created an incredibly seamless experience for app design. My mind is blown fusce consequat ligula in dui congue interdum."

Ronald Richards

Payments Engineer

"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version. I hope you are always successful."

Darlene Robertson

Senior Data Analyst

<div class="py-8 bg-light ">
<div class="container">
  <!-- row -->
  <div class="row">
    <div class="offset-xl-3 col-xl-6 col-md-12">
      <!-- heading -->
      <div class="text-center mb-8">
        <h2 class="display-4 fw-bold mb-3">Developer<span class="mx-2"><svg xmlns="http://www.w3.org/2000/svg"
              width="30" height="30" fill="currentColor" class="bi bi-heart-fill text-danger" viewBox="0 0 16 16">
              <path fill-rule="evenodd"
                d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" />
            </svg></span>Geeks
        </h2>
        <!-- para -->
        <p class="fs-4">Our average call quality rating is 4.4 out of 5. That leads to happy
          tweets like these:</p>
      </div>

    </div>
  </div>


  <div class="row">
    <!-- col -->
    <div class="col-md-6 col-12">
      <!-- card -->
      <div class="card mb-6 mb-lg-0">
        <!-- card body -->
        <div class="card-body p-6">
          <span class=" mb-3 d-block">
            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-quote text-light-primary  "
            viewBox="0 0 16 16">
            <path
              d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
          </svg>

          <p class="fs-3 text-dark fw-semibold">"Geeks has created an incredibly seamless
            experience for app design. My mind is blown
            fusce consequat ligula in dui congue interdum."</p>

          <div class="d-flex mt-4 align-items-center">
            <img src="../assets/images/avatar/avatar-1.jpg" alt="" class="avatar avatar-md rounded-circle">
            <div class="ms-2">
              <h5 class="text-primary mb-0">Ronald Richards</h5>
              <p class="mb-0 fs-6">Payments Engineer</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-12">
      <!-- card -->
      <div class="card">
        <!-- card body -->
        <div class="card-body p-6">

          <span class=" mb-3 d-block">
            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-quote text-light-primary  "
            viewBox="0 0 16 16">
            <path
              d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
          </svg>
          </span>
          <p class="fs-3 text-dark fw-semibold">"I am very satisfied with my purchase. Your team
            helped me a lot with the new release for RLT
            version. I hope you are always successful."</p>
          <div class="d-flex mt-4 align-items-center">
            <img src="../assets/images/avatar/avatar-9.jpg" alt="" class="avatar avatar-md rounded-circle">
            <div class="ms-2">
              <h5 class="text-primary mb-0">Darlene Robertson</h5>
              <p class="mb-0 fs-6">Senior Data Analyst</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
     </div>

Testimonial #4

A team member at Geeks

Our employees are our most valuable assets

Employees are the most valuable assets an organization has. It s their abilities, knowledge, and experience that can't be replaced.

"Working for Geeks UI has been nothing short of an incredible experience. I am continuously motivated to bring my best self to work with Geek’s core values as inspiration - what a special place to grow and thrive!"

Tiffany Moore

Software Engineer

<div class="py-8 bg-white">
<!-- container -->
<div class="container">
<div class="row">
<div class="offset-xl-1 col-xl-10 col-12">
<div class="row">
<div class="col-xl-7 col-lg-10 col-md-12 col-12">
<!-- heading -->
<span class="text-uppercase text-primary fw-semibold ls-md">A team member at Geeks</span>
<h1 class="display-4 mt-4 mb-4 fw-bold">Our employees are our
most valuable assets</h1>
<!-- para -->
<p class="fs-3 mb-5">Employees are the most valuable assets an
organization has. It s their abilities, knowledge,
and experience that can't be replaced. </p>


</div>
</div>
<div class="mt-8">
<!-- row -->
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 col-12">
<div>
<!-- para -->
<p class="h2 fw-normal mb-6  lh-lg">"Working for Geeks UI has been nothing
short of an incredible experience. I am
continuously motivated to bring my best
self to work with Geek’s core values as
inspiration - what a special place to grow
and thrive!"</p>
<h3 class="mb-1">
Tiffany Moore
</h3>
<p class="mb-0">Software Engineer</p>
</div>
</div>
<div class="offset-lg-1 col-lg-5 col-md-12 col-12">
<!-- image -->
<div class=" mt-6 mt-lg-0">
<img src="../assets/images/career/employee-pic.jpg" alt="" class="img-fluid w-100 rounded-3">
</div>
</div>

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

Testimonial #5

"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version. I hope you are always successful. Thank you for your services and support."

Ali

Geeks UI Customer

"This item has everything you need for creating a modern learning-platform. Really delighted by many details and the overall architecture. Support was superfast and helpful as well."

Bernhar

Geeks UI Customer

<div class="container py-8">
<div class="row">
<div class="offset-lg-1 col-lg-5 col-md-6 col-12">
<div class="mb-8 mb-md-0">
<!-- image  -->
<div class="mb-4">
<img src="../assets/images/svg/hubspot-logo.svg" alt="">

</div>
<!-- para  -->
<p class="fs-3 mb-5">"I am very satisfied with my
purchase. Your team
helped me a lot with the new release for RLT
version. I hope you are always successful. Thank
you for your services and support."</p>
<h4 class="mb-0">Ali</h4>

<p>Geeks UI Customer </p>

</div>
</div>
<div class="offset-lg-1 col-lg-5 col-md-6 col-12">
<div class="mb-8 mb-md-0">
<!-- image  -->
<div class="mb-5">
<img src="../assets/images/svg/slack-logo.svg" alt="">

</div>
<!-- para  -->
<p class="fs-3 mb-5">"This item has everything you need
for creating a
modern learning-platform. Really delighted by
many details and the overall architecture. Support
was superfast and helpful as well."</p>
<h4 class="mb-0">Bernhar</h4>

<p>Geeks UI Customer </p>

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

Testimonial #6

The developers loves. Says

Optimized for a great developer experience.

"Geeks has created an incredibly seamless experience for app design. My mind is blown. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices pos uere cubilia curae fusce consequat ligula in dui congue interdum."

avatar

Tim T. Cross / @timcross

"This item has everything you need for creating a modern learning-platform. Really delighted by many details and the overall architecture. Support was superfast and helpful as well."

avatar

Bernhard / @xyz

"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version. I hope you are always successful. Thank you for your services and support."

avatar

Ali / @xyz

"Geeks has created an incredibly seamless experience for app design. My mind is blown. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices pos uere cubilia curae fusce consequat ligula in dui congue interdum."

avatar

Tim T. Cross / @timcross

"This item has everything you need for creating a modern learning-platform. Really delighted by many details and the overall architecture. Support was superfast and helpful as well."

avatar

Bernhard / @xyz

"I am very satisfied with my purchase. Your team helped me a lot with the new release for RLT version. I hope you are always successful. Thank you for your services and support."

avatar

Ali / @xyz

<div class="row mb-8">
<div class="col-lg-9 col-md-12 col-12 mb-8">
  <!-- Heading -->
  <h2 class="display-4 fw-bold">The developers loves.
    Says
  </h2>
  <!-- Para -->
  <p class="h2 ">Optimized for a great developer
    experience.</p>
</div>
<div class="col-md-12 col-12">
  <div class="position-relative">
    <!-- controls -->

    <!-- slider -->
    <div class="sliderTestimonialSecond">
      <div class="item">
        <div>
          <!-- para -->
          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
            <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"/>
          </svg>
          <p class="fs-3 text-dark lh-lg mb-4">"Geeks
            has created an incredibly seamless experience for
            app design. My mind
            is blown. Vestibulum ante ipsum primis in faucibus
            orci luctus et ultrices pos
            uere cubilia curae fusce consequat ligula in dui
            congue interdum."</p>
          <!-- img-->
          <div class="d-flex align-items-center">
            <div>
              <img src="../assets/images/avatar/avatar-1.jpg" alt="avatar"
                class="avatar avatar-lg rounded-circle">
            </div>
            <!-- text -->
            <div class="ms-3">
              <h4>Tim T. Cross<span class="text-info"> /</span>
                <span class="">@timcross</span>
              </h4>
            </div>
          </div>
        </div>
      </div>
      <div class="item">
        <div>
          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
            <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"/>
          </svg>
          <p class="fs-3 text-dark lh-lg mb-4">"This
            item has everything you need for creating a modern
            learning-platform. Really delighted by many details
            and the overall architecture. Support was superfast
            and helpful as well."</p>
          <!-- Img -->
          <div class="d-flex align-items-center">
            <div>
              <img src="../assets/images/avatar/avatar-4.jpg" alt="avatar"
                class="avatar avatar-lg rounded-circle">
            </div>
            <!-- Text -->
            <div class="ms-3">
              <h4>Bernhard<span class="text-info"> /</span>
                <span class="">@xyz</span>
              </h4>
            </div>
          </div>
        </div>
      </div>
      <div class="item">
        <div>
          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
            <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"/>
          </svg>
          <p class="fs-3 text-dark lh-lg mb-4">"I am
            very satisfied with my purchase. Your team helped me
            a lot with the new release for RLT version.
            I hope you are always successful.
            Thank you for your services and support."</p>
          <!-- Img -->
          <div class="d-flex align-items-center">
            <div>
              <img src="../assets/images/avatar/avatar-5.jpg" alt="avatar"
                class="avatar avatar-lg rounded-circle">
            </div>
            <!-- Text -->
            <div class="ms-3">
              <h4>Ali<span class="text-info"> /</span> <span class="">@xyz</span></h4>
            </div>
          </div>
        </div>
      </div>
      <div class="item">
        <div>
          <!-- para -->
          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
            <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"/>
          </svg>
          <p class="fs-3 text-dark lh-lg mb-4">"Geeks
            has created an incredibly seamless experience for
            app design. My mind
            is blown. Vestibulum ante ipsum primis in faucibus
            orci luctus et ultrices pos
            uere cubilia curae fusce consequat ligula in dui
            congue interdum."</p>
          <!-- img-->
          <div class="d-flex align-items-center">
            <div>
              <img src="../assets/images/avatar/avatar-1.jpg" alt="avatar"
                class="avatar avatar-lg rounded-circle">
            </div>
            <!-- text -->
            <div class="ms-3">
              <h4>Tim T. Cross<span class="text-info"> /</span>
                <span class="">@timcross</span>
              </h4>
            </div>
          </div>
        </div>
      </div>
      <div class="item">
        <div>
          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
            <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"/>
          </svg>
          <p class="fs-3 text-dark lh-lg mb-4">"This
            item has everything you need for creating a modern
            learning-platform. Really delighted by many details
            and the overall architecture. Support was superfast
            and helpful as well."</p>
          <!-- Img -->
          <div class="d-flex align-items-center">
            <div>
              <img src="../assets/images/avatar/avatar-4.jpg" alt="avatar"
                class="avatar avatar-lg rounded-circle">
            </div>
            <!-- Text -->
            <div class="ms-3">
              <h4>Bernhard<span class="text-info"> /</span>
                <span class="">@xyz</span>
              </h4>
            </div>
          </div>
        </div>
      </div>
      <div class="item">
        <div>
          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
            <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"/>
          </svg>
          <p class="fs-3 text-dark lh-lg mb-4">"I am
            very satisfied with my purchase. Your team helped me
            a lot with the new release for RLT version.
            I hope you are always successful.
            Thank you for your services and support."</p>
          <!-- Img -->
          <div class="d-flex align-items-center">
            <div>
              <img src="../assets/images/avatar/avatar-5.jpg" alt="avatar"
                class="avatar avatar-lg rounded-circle">
            </div>
            <!-- Text -->
            <div class="ms-3">
              <h4>Ali<span class="text-info"> /</span> <span class="">@xyz</span></h4>
            </div>
          </div>
        </div>
      </div>


    </div>
    <ul class="controls-testimonial controls justify-content-start mb-n6 mb-md-0"
      id="sliderTestimonialSecondControls">
      <li class="prev me-2 ms-0">
        <i class="fe fe-chevron-left"></i>
      </li>
      <li class="next">
        <i class="fe fe-chevron-right"></i>
      </li>
    </ul>
  </div>

</div>
                        </div>

Testimonial #7

Testimonials

What our learners are saying

12+ million people are already learning on Geeks

The generated lorem Ipsum is therefore always free from repetition, injected humour, or words etc generate lorem Ipsum which looks racteristic reasonable.

Lorem ipsum dolor sit amet, consectetur adipi scing elit. Sed vel felis imperdiet, lacinia metus malesuada diamamus rutrum turpis leo, id tincidunt magna sodales.

 <div class="container">
<div class="row mb-8 justify-content-center">
  <div class="col-lg-6 col-md-12 col-12 text-center">
    <!-- caption -->
    <span class="text-primary mb-3 d-block text-uppercase fw-semibold ls-xl">Testimonials</span>
    <h2 class="mb-2 display-4 fw-bold ">What our learners are saying </h2>
    <p class="lead">12+ million people are already learning on Geeks</p>
  </div>
</div>
<div class="row">
  <div class="col-md-6 col-12 mb-4 mb-lg-0">
    <!-- Card -->
    <div class="card shadow-lg">
      <!-- Card body -->
      <div class="card-body p-4 p-md-8 text-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor"
          class="bi bi-quote text-light-primary" viewBox="0 0 16 16">
          <path
            d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
        </svg>
        <p class="lead text-dark mt-3">The generated lorem Ipsum is therefore always free from repetition,
          injected
          humour, or words etc generate lorem Ipsum which looks racteristic reasonable.</p>
      </div>
      <!-- Card Footer -->
      <div class="card-footer bg-primary text-center border-top-0">
        <div class="mt-n8"><img src="../assets/images/avatar/avatar-1.jpg" alt="avatar"
            class="rounded-circle border-primary avatar-xl border border-4"></div>
        <div class="mt-2 text-white">
          <h3 class="text-white mb-0">Gladys Colbert</h3>
          <p class="text-white-50 mb-1">Software Engineer at Palansite</p>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-6 col-12">
    <!-- Card -->
    <div class="card shadow-lg">
      <div class="card-body p-4 p-md-8 text-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor"
          class="bi bi-quote text-light-info" viewBox="0 0 16 16">
          <path
            d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z" />
        </svg>
        <p class="lead text-dark mt-3">Lorem ipsum dolor sit amet, consectetur adipi scing elit. Sed vel felis
          imperdiet, lacinia metus malesuada diamamus rutrum turpis leo, id tincidunt magna sodales.</p>
      </div>
      <!-- Card Footer -->
      <div class="card-footer bg-info text-center border-top-0">
        <div class="mt-n8"><img src="../assets/images/avatar/avatar-2.jpg" alt="avatar"
            class="rounded-circle border-info avatar-xl border border-4"></div>
        <div class="mt-2 text-white">
          <h3 class="text-white mb-0">Ella Jones</h3>
          <p class="text-white-50 mb-1">Software Engineer at Classroom</p>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

Testimonials #8


Testimonials

Don’t just take our word for it.

12+ million people are already learning on Geeks

"I started at stage zero. With Geeks I was able to start learning online and eventually build up enough knowledge and skills to transition into a well-paying career."

"Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam vulputate euismod justo in consequat. Sed tempus elementum urnanisl et lacus. "

"Sed pretium risus magna, ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus. Nullam finibus augue eget felis efficitur semper."

"Morbi quis posuere lacus. Morbi et metus sit amet tellus dapibus aliquam. Morbi consectetur magna vel turpis lobortis lorem iopsum dolor sit commodo."

" Curabitur sollicitudin mi et sagittis egestas. Curabitur pellentesque nibh id enim hendrerit, at mollis neque rutrum. Sed nibh velit, tristique et dolor vitae."

"Vestibulum in lobortis purus. Quisque sem turpis, hendrerit quis lacinia nec, rutrum nec velit. Nullam lobortis rhoncus tincidunt lorem ispun dnascetur ridiculus mus. "

"Praesent sit amet ornare magna, vitae consequat arcu. Vestibulum at dictum erat, a fringilla ante. Nam et nibh ut nunc rutrum suscipit quis non neque. Nulla facilisi."

"Sed pretium risus magna, ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus. Nullam finibus augue eget felis efficitur semper."

<div class="container pt-8 pb-8">

<div class="row mb-8 justify-content-center">
  <div class="col-lg-8 col-md-12 col-12 text-center">
    <!-- caption -->
    <span
      class="text-primary mb-3 d-block text-uppercase fw-semibold ls-xl">Testimonials</span>
    <h2 class="mb-2 display-4 fw-bold">Don’t just take our word for it.</h2>
    <p class="lead">12+ million people are already learning on Geeks</p>

  </div>
</div>
<!-- row -->
<div class="row ">
  <!-- col -->
  <div class="col-md-12">
    <div class="position-relative">
      <!-- controls -->
      <ul class="controls-testimonial controls " id="sliderTestimonialControls">
        <li class="prev">
          <i class=" fe fe-chevron-left"></i>
        </li>
        <li class="next ms-2">
          <i class="fe fe-chevron-right"></i>
        </li>
      </ul>
      <!-- slider -->
      <div class="sliderTestimonial">
        <div class="item">
          <!-- card -->
          <div class="card border shadow-none">
            <!-- card body -->
            <div class="card-body p-5">
              <div class="mb-2">
                <span class="fs-4">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                </span>
              </div>
              <!-- para -->
              <p class="lead text-dark font-italic fw-medium mb-0">"I started at stage zero.
                With Geeks I was able to start learning online and eventually build up enough
                knowledge and skills to transition into a well-paying career."</p>
            </div>
            <!-- card footer -->
            <div class="card-footer px-5 py-4">
              <div class="d-flex align-items-center">
                <img src="../assets/images/avatar/avatar-1.jpg" alt=""
                  class="avatar avatar-md rounded-circle">
                <div class="ms-3">
                  <h4 class="mb-0">Barry Watson</h4>
                  <p class="mb-0 small">Web Developer,UK</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <!-- card -->
          <div class="card border shadow-none">
            <!-- card body -->
            <div class="card-body p-5">
              <div class="mb-2">
                <span class="fs-4">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                </span>
              </div>
              <!-- para -->
              <p class="lead text-dark font-italic fw-medium mb-0">"Orci varius natoque
                penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam
                vulputate euismod justo in consequat. Sed tempus elementum urnanisl et lacus.
                "</p>
            </div>
            <!-- card footer -->
            <div class="card-footer px-5 py-4">
              <div class="d-flex align-items-center">
                <!-- img -->
                <img src="../assets/images/avatar/avatar-2.jpg" alt=""
                  class="avatar avatar-md rounded-circle">
                <div class="ms-3">
                  <h4 class="mb-0">Linda Shenoy</h4>
                  <p class="mb-0 small">Developer and Bootcamp Instructor</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <!-- card -->
          <div class="card border shadow-none">
            <!-- card body -->
            <div class="card-body p-5">
              <div class="mb-2">
                <span class="fs-4">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                </span>
              </div>
              <!-- para -->
              <p class="lead text-dark font-italic fw-medium mb-0">"Sed pretium risus magna,
                ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus.
                Nullam finibus augue eget felis efficitur semper."</p>
            </div>
            <!-- card footer -->
            <div class="card-footer px-5 py-4">
              <div class="d-flex align-items-center">
                <img src="../assets/images/avatar/avatar-3.jpg" alt=""
                  class="avatar avatar-md rounded-circle">
                <div class="ms-3">
                  <h4 class="mb-0">Jean Watson</h4>
                  <p class="mb-0 small">Engineering Architect</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <!-- card -->
          <div class="card border shadow-none">
            <!-- card body -->
            <div class="card-body p-5">
              <div class="mb-2">
                <span class="fs-4">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                </span>
              </div>
              <!-- para -->
              <p class="lead text-dark font-italic fw-medium mb-0">"Morbi quis posuere lacus.
                Morbi et metus sit amet tellus dapibus aliquam. Morbi consectetur magna vel
                turpis lobortis lorem iopsum dolor sit commodo."</p>
            </div>
            <!-- card footer -->
            <div class="card-footer px-5 py-4">
              <div class="d-flex align-items-center">
                <img src="../assets/images/avatar/avatar-4.jpg" alt=""
                  class="avatar avatar-md rounded-circle">
                <div class="ms-3">
                  <h4 class="mb-0">John Deo</h4>
                  <p class="mb-0 small">Web Developer,UK</p>
                </div>
              </div>

            </div>
          </div>
        </div>
        <div class="item">
          <!-- card -->
          <div class="card border shadow-none">
            <!-- card body -->
            <div class="card-body p-5">
              <div class="mb-2">
                <span class="fs-4">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                  fill="currentColor" class="bi bi-star-fill text-warning"
                  viewBox="0 0 16 16">
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                fill="currentColor" class="bi bi-star-fill text-warning"
                viewBox="0 0 16 16">
                <path
                  d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
              </svg>
              <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
              fill="currentColor" class="bi bi-star-fill text-warning"
              viewBox="0 0 16 16">
              <path
                d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
            fill="currentColor" class="bi bi-star-fill text-warning"
            viewBox="0 0 16 16">
            <path
              d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
          </svg>
          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
          fill="currentColor" class="bi bi-star-fill text-warning"
          viewBox="0 0 16 16">
          <path
            d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
        </svg>
                </span>
              </div>
              <!-- para -->
              <p class="lead text-dark font-italic fw-medium mb-0">" Curabitur sollicitudin mi
                et sagittis egestas. Curabitur pellentesque nibh id enim hendrerit, at mollis
                neque rutrum. Sed nibh velit, tristique et dolor vitae."</p>
            </div>
            <!-- card footer -->
            <div class="card-footer px-5 py-4">
              <div class="d-flex align-items-center">
                <img src="../assets/images/avatar/avatar-5.jpg" alt=""
                  class="avatar avatar-md rounded-circle">
                <div class="ms-3">
                  <h4 class="mb-0">Rubik Nanda</h4>
                  <p class="mb-0 small">Web Developer,UK</p>
                </div>
              </div>

            </div>
          </div>
        </div>
        <div class="item">
          <!-- card -->
          <div class="card border shadow-none">
            <!-- card body -->
            <div class="card-body p-5">
              <div class="mb-2">
                <span class="fs-4">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                  fill="currentColor" class="bi bi-star-fill text-warning"
                  viewBox="0 0 16 16">
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                fill="currentColor" class="bi bi-star-fill text-warning"
                viewBox="0 0 16 16">
                <path
                  d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
              </svg>
              <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
              fill="currentColor" class="bi bi-star-fill text-warning"
              viewBox="0 0 16 16">
              <path
                d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
            fill="currentColor" class="bi bi-star-fill text-warning"
            viewBox="0 0 16 16">
            <path
              d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
          </svg>
          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
          fill="currentColor" class="bi bi-star-fill text-warning"
          viewBox="0 0 16 16">
          <path
            d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
        </svg>
                </span>
              </div>
              <!-- para -->
              <p class="lead text-dark font-italic fw-medium mb-0">"Vestibulum in lobortis
                purus. Quisque sem turpis, hendrerit quis lacinia nec, rutrum nec velit.
                Nullam lobortis rhoncus tincidunt lorem ispun dnascetur ridiculus mus. "</p>
            </div>
            <!-- card footer -->
            <div class="card-footer px-5 py-4">
              <div class="d-flex align-items-center">
                <img src="../assets/images/avatar/avatar-6.jpg" alt=""
                  class="avatar avatar-md rounded-circle">
                <div class="ms-3">
                  <h4 class="mb-0">Barry Watson</h4>
                  <p class="mb-0 small">Web Developer,UK</p>
                </div>
              </div>

            </div>
          </div>
        </div>
        <div class="item">
          <!-- card -->
          <div class="card border shadow-none">
            <!-- card body -->
            <div class="card-body p-5">
              <div class="mb-2">
                <span class="fs-4">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                    fill="currentColor" class="bi bi-star-fill text-warning"
                    viewBox="0 0 16 16">
                    <path
                      d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                  </svg>
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                  fill="currentColor" class="bi bi-star-fill text-warning"
                  viewBox="0 0 16 16">
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                fill="currentColor" class="bi bi-star-fill text-warning"
                viewBox="0 0 16 16">
                <path
                  d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
              </svg>
              <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
              fill="currentColor" class="bi bi-star-fill text-warning"
              viewBox="0 0 16 16">
              <path
                d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
            fill="currentColor" class="bi bi-star-fill text-warning"
            viewBox="0 0 16 16">
            <path
              d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
          </svg>
                </span>
              </div>
              <!-- para -->
              <p class="lead text-dark font-italic fw-medium mb-0">"Praesent sit amet ornare
                magna, vitae consequat arcu. Vestibulum at dictum erat, a fringilla ante. Nam
                et nibh ut nunc rutrum suscipit quis non neque. Nulla facilisi."</p>
            </div>
            <div class="card-footer px-5 py-4">
              <div class="d-flex align-items-center">
                <img src="../assets/images/avatar/avatar-7.jpg" alt=""
                  class="avatar avatar-md rounded-circle">
                <div class="ms-3">
                  <h4 class="mb-0">Barry Watson</h4>
                  <p class="mb-0 small">Web Developer,UK</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="item">
          <!-- card -->
          <div class="card border shadow-none">
            <!-- card body -->
            <div class="card-body p-5">
              <div class="mb-2">
                <span class="fs-4">
                  <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                  fill="currentColor" class="bi bi-star-fill text-warning"
                  viewBox="0 0 16 16">
                  <path
                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
                fill="currentColor" class="bi bi-star-fill text-warning"
                viewBox="0 0 16 16">
                <path
                  d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
              </svg>
              <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
              fill="currentColor" class="bi bi-star-fill text-warning"
              viewBox="0 0 16 16">
              <path
                d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
            </svg>
            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
            fill="currentColor" class="bi bi-star-fill text-warning"
            viewBox="0 0 16 16">
            <path
              d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
          </svg>
          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"
          fill="currentColor" class="bi bi-star-fill text-warning"
          viewBox="0 0 16 16">
          <path
            d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
        </svg>
                </span>
              </div>
              <!-- para -->
              <p class="lead text-dark font-italic fw-medium mb-0">"Sed pretium risus magna,
                ac efficitur nunc rutrum imperdiet. Vivamus sed ante sed mi fermentum tempus.
                Nullam finibus augue eget felis efficitur semper."</p>
            </div>
            <!-- card footer -->
            <div class="card-footer px-5 py-4">
              <div class="d-flex align-items-center">
                <img src="../assets/images/avatar/avatar-3.jpg" alt=""
                  class="avatar avatar-md rounded-circle">
                <div class="ms-3">
                  <h4 class="mb-0">Jean Watson</h4>
                  <p class="mb-0 small">Engineering Architect</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

Testimonials #9

Love & Praise By The Mentees

We’ve already delivered 1-on-1 mentorship to thousands of students, professionals, managers and executives. Even better, they’ve left an rating of 4.9 out of 5 for our mentors.

<section class="bg-dark-primary py-lg-8 py-6">
 <div class="container py-lg-6">
   <!--row-->
   <div class="row">
     <div class="col-xxl-6 offset-xxl-3 col-lg-8 offset-lg-2 col-12">
       <div class="text-center mb-6 d-flex flex-column gap-2">
         <!--heading-->
         <h2 class="mb-0 text-white h1">Love &amp; Praise&nbsp;By The Mentees</h2>
         <!--para-->
         <p class="mb-0 text-white">
           We’ve already delivered 1-on-1 mentorship to thousands of students, professionals, managers and executives. Even better, they’ve left an rating of 4.9 out of 5 for our mentors.
         </p>
       </div>
     </div>
   </div>
   <div class="row gy-4">
     <div class="col-lg-4 col-12 d-flex flex-column gap-4">
       <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">
         <!--card-->
         <div class="card card-light-primary rounded-4">
           <!--card body-->
           <div class="card-body d-flex flex-column gap-3">
             <!--img-->
             <div class="d-flex flex-row gap-3 align-items-center">
               <img src="../assets/images/avatar/avatar-1.jpg" alt="avatar 1" class="avatar avatar-md rounded-circle">
               <h5 class="mb-0">John Deo</h5>
             </div>
             <div>
               <!--para-->
               <p class="mb-0 fst-italic fs-4 pe-xxl-5">
                 “The generated lorem Ipsum is therefore always free from repetition,
                 <span class="text-primary">injected humour, or words etc generate</span>
                 lorem Ipsum which looks racteristic reasonable...”
               </p>
             </div>
             <div class="d-flex flex-xl-row gap-2 align-items-center bg-light rounded-pill px-3 py-2">
               <!--avatar-->
               <img src="../assets/images/avatar/avatar-10.jpg" alt="avatar 2" class="avatar avatar-md rounded-circle d-lg-none d-md-block d-xl-block">
               <div>
                 <!--content-->
                 <div class="d-flex flex-row gap-2 align-items-center">
                   <h4 class="mb-0">Akshay sharma</h4>
                   <span class="rounded-pill fs-6 px-2 text-success-emphasis bg-success-subtle border border-success">Mentor</span>
                 </div>
                 <span class="fs-6">Software Engineer at Palantir</span>
               </div>
             </div>
           </div>
         </div>
       </a>
       <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">
         <!--card-->
         <div class="card card-light-primary rounded-4">
           <!--card body-->
           <div class="card-body d-flex flex-column gap-3">
             <!--img-->
             <div class="d-flex flex-row gap-3 align-items-center">
               <img src="../assets/images/avatar/avatar-7.jpg" alt="avatar 3" class="avatar avatar-md rounded-circle">
               <h5 class="mb-0">Gladys Colbert</h5>
             </div>
             <div>
               <!--para-->
               <p class="mb-0 fst-italic fs-4 pe-xxl-5">
                 “Velit consectetur in adipisicing culpa eiusmod commodo eu ex dolore. Officia irure nisi dolor dolore velit fugiat. Aliqua sint aliqua aute elit eu sunt.”
               </p>
             </div>
             <div class="d-flex flex-row gap-2 align-items-center bg-light rounded-pill px-3 py-2">
               <!--avatar-->
               <img src="../assets/images/avatar/avatar-8.jpg" alt="avatar 4" class="avatar avatar-md rounded-circle d-lg-none d-md-block d-xl-block">
               <div>
                 <!--content-->
                 <div class="d-flex flex-row gap-2 align-items-center">
                   <h4 class="mb-0">Jessica Lupien</h4>
                   <span class="rounded-pill fs-6 px-2 text-success-emphasis bg-success-subtle border border-success">Mentor</span>
                 </div>
                 <span class="fs-6">Senior Data Engineer at Zoom</span>
               </div>
             </div>
           </div>
         </div>
       </a>
     </div>

     <div class="col-lg-4 col-12 d-flex flex-column gap-4">
       <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">
         <!--card-->
         <div class="card card-light-primary rounded-4">
           <!--card body-->
           <div class="card-body d-flex flex-column gap-3">
             <!--img-->
             <div class="d-flex flex-row gap-3 align-items-center">
               <img src="../assets/images/avatar/avatar-2.jpg" alt="avatar 5" class="avatar avatar-md rounded-circle">
               <h5 class="mb-0">Bev Robertson</h5>
             </div>
             <div>
               <!--para-->
               <p class="mb-0 fst-italic fs-4 pe-xxl-5">
                 “Velit consectetur in adipisicing culpa eiusmod commodo eu ex dolore.
                 <span class="text-primary">Officia irure nisi dolor</span>
                 dolore velit fugiat. Aliqua sint aliqua aute elit eu sunt.”
               </p>
             </div>
             <div class="d-flex flex-row gap-2 align-items-center bg-light rounded-pill px-3 py-2">
               <!--avatar-->
               <img src="../assets/images/avatar/avatar-4.jpg" alt="avatar 6" class="avatar avatar-md rounded-circle d-lg-none d-md-block d-xl-block">
               <div>
                 <!--content-->
                 <div class="d-flex flex-row gap-2 align-items-center">
                   <h4 class="mb-0">Andrew Lupien</h4>
                   <span class="rounded-pill fs-6 px-2 text-success-emphasis bg-success-subtle border border-success">Mentor</span>
                 </div>
                 <span class="fs-6">Quality Assurance Engineer at Amazon</span>
               </div>
             </div>
           </div>
         </div>
       </a>
       <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">
         <!--card-->
         <div class="card card-light-primary rounded-4">
           <!--card body-->
           <div class="card-body d-flex flex-column gap-3">
             <!--img-->
             <div class="d-flex flex-row gap-3 align-items-center">
               <img src="../assets/images/avatar/avatar-9.jpg" alt="avatar 7" class="avatar avatar-md rounded-circle">
               <h5 class="mb-0">Doris Esparza</h5>
             </div>
             <div>
               <!--para-->
               <p class="mb-0 fst-italic fs-4 pe-xxl-5">Proident quis deserunt qui ex exercitation veniam id Lorem est cupidatat ipsum irure aliquip ad.</p>
             </div>
             <div class="d-flex flex-row gap-2 align-items-center bg-light rounded-pill px-3 py-2">
               <!--avatar-->
               <img src="../assets/images/avatar/avatar-10.jpg" alt="avatar 8" class="avatar avatar-md rounded-circle d-lg-none d-md-block d-xl-block">
               <div>
                 <!--content-->
                 <div class="d-flex flex-row gap-2 align-items-center">
                   <h4 class="mb-0">James Anderson</h4>
                   <span class="rounded-pill fs-6 px-2 text-success-emphasis bg-success-subtle border border-success">Mentor</span>
                 </div>
                 <span class="fs-6">UI/UX Designer at Figma</span>
               </div>
             </div>
           </div>
         </div>
       </a>
     </div>

     <div class="col-lg-4 col-12 d-flex flex-column gap-4">
       <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">
         <!--card-->
         <div class="card card-light-primary rounded-4">
           <!--card body-->
           <div class="card-body d-flex flex-column gap-3">
             <!--img-->
             <div class="d-flex flex-row gap-3 align-items-center">
               <img src="../assets/images/avatar/avatar-5.jpg" alt="avatar 9" class="avatar avatar-md rounded-circle">
               <h5 class="mb-0">Marlene Turner</h5>
             </div>
             <div>
               <!--para-->
               <p class="mb-0 fst-italic fs-4 pe-xxl-5">
                 Id duis velit enim officia ad nisi incididunt magna ex dolor minim deserunt dolor. Esse incididunt cillum nostrud esse do quis amet labore amet nulla eiusmod amet nulla Lorem.
                 Incididunt ex voluptate irure officia laboris ea proident est qui.
               </p>
             </div>
             <div class="d-flex flex-row gap-2 align-items-center bg-light rounded-pill py-2 px-3">
               <!--avatar-->
               <img src="../assets/images/avatar/avatar-6.jpg" alt="avatar 10" class="avatar avatar-md rounded-circle d-lg-none d-md-block d-xl-block">
               <div>
                 <!--content-->
                 <div class="d-flex flex-row gap-2 align-items-center">
                   <h4 class="mb-0">Bernice Perry</h4>
                   <span class="rounded-pill fs-6 px-2 text-success-emphasis bg-success-subtle border border-success">Mentor</span>
                 </div>
                 <span class="fs-6">Senior business analyst at InstaCart</span>
               </div>
             </div>
           </div>
         </div>
       </a>
       <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">
         <!--card-->
         <div class="card card-light-primary rounded-4">
           <!--card body-->
           <div class="card-body d-flex flex-column gap-3">
             <!--img-->
             <div class="d-flex flex-row gap-3 align-items-center">
               <img src="../assets/images/avatar/avatar-11.jpg" alt="avatar 11" class="avatar avatar-md rounded-circle">
               <h5 class="mb-0">Daniel Groleau</h5>
             </div>
             <div>
               <!--para-->
               <p class="mb-0 fst-italic fs-4 pe-xxl-5">
                 “The generated lorem Ipsum is therefore always free from repetition, injected humour, or words etc generate lorem Ipsum which looks racteristic reasonable...”.
               </p>
             </div>
             <div class="d-flex flex-row gap-2 align-items-center bg-light rounded-pill py-2 px-3">
               <!--avatar-->
               <img src="../assets/images/avatar/avatar-12.jpg" alt="avatar 12" class="avatar avatar-md rounded-circle d-lg-none d-md-block d-xl-block">
               <div>
                 <!--content-->
                 <div class="d-flex flex-row gap-2 align-items-center">
                   <h4 class="mb-0">Patrice Long</h4>
                   <span class="rounded-pill fs-6 px-2 text-success-emphasis bg-success-subtle border border-success">Mentor</span>
                 </div>
                 <span class="fs-6">Software Engineer at Microsoft</span>
               </div>
             </div>
           </div>
         </div>
       </a>
     </div>
   </div>
 </div>
</section>