Testimonial Carousel

with an Avatar


<div class="owl-carousel" data-owl-items="1" data-owl-dots="false" data-owl-nav="true">
  <!-- Testimonial box 1 -->
  <div class="testimonial-box">
    <img class="mb-3" src="../assets/images/testimonial-1.jpg" alt="">
    <h5 class="fw-normal line-height-140 m-0">Emiley Haley</h5>
    <span class="font-small fw-normal">Manager - Mono</span>
    <p class="mt-3">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
  <!-- Testimonial box 2 -->
  <div class="testimonial-box">
    <img class="mb-3" src="../assets/images/testimonial-2.jpg" alt="">
    <h5 class="fw-normal line-height-140 m-0">Andrew Palmer</h5>
    <span class="font-small fw-normal">Developer - Mono</span>
    <p class="mt-3">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
  <!-- Testimonial box 3 -->
  <div class="testimonial-box">
    <img class="mb-3" src="../assets/images/testimonial-3.jpg" alt="">
    <h5 class="fw-normal line-height-140 m-0">Anna Mullen</h5>
    <span class="font-small fw-normal">Designer - Mono</span>
    <p class="mt-3">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
</div><!-- end owl-carousel -->

Testimonial Carousel

with a Quote Icon


<div class="owl-carousel icon-2xl" data-owl-items="1" data-owl-dots="false" data-owl-nav="true">
  <!-- Testimonial box 1 -->
  <div class="testimonial-box">
    <i class="fas fa-quote-right text-dark mb-4"></i>
    <p class="mb-3">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
    <h5 class="fw-normal m-0 line-height-140">Emiley Haley</h5>
    <span class="font-small fw-normal">Manager - Mono</span>
  </div>
  <!-- Testimonial box 2 -->
  <div class="testimonial-box">
    <i class="fas fa-quote-right text-dark mb-4"></i>
    <p class="mb-3">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
    <h5 class="fw-normal m-0 line-height-140">Andrew Palmer</h5>
    <span class="font-small fw-normal">Developer - Mono</span>
  </div>
  <!-- Testimonial box 3 -->
  <div class="testimonial-box">
    <i class="fas fa-quote-right text-dark mb-4"></i>
    <p class="mb-3">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
    <h5 class="fw-normal m-0 line-height-140">Anna Mullen</h5>
    <span class="font-small fw-normal">Designer - Mono</span>
  </div>
</div><!-- end owl-carousel -->

Testimonial Carousel

2 Columns


<div class="owl-carousel" data-owl-margin="30" data-owl-xs="1" data-owl-sm="1" data-owl-md="1" data-owl-lg="2" data-owl-xl="2" data-owl-nav="true">
  <!-- Testimonial box 1 -->
  <div class="border-radius border p-4">
    <div class="d-flex align-items-center mb-3">
      <div class="d-inline-block me-3">
        <img class="img-mask-avatar-sm" src="../assets/images/testimonial-1.jpg" alt="">
      </div>
      <div class="d-inline-block">
        <h5 class="fw-normal m-0 line-height-140">Emiley Haley</h5>
        <span class="font-small fw-normal">Manager - Mono</span>
      </div>
    </div>
    <p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
  <!-- Testimonial box 2 -->
  <div class="border-radius border p-4">
    <div class="d-flex align-items-center mb-3">
      <div class="d-inline-block me-3">
        <img class="img-mask-avatar-sm" src="../assets/images/testimonial-2.jpg" alt="">
      </div>
      <div class="d-inline-block">
        <h5 class="fw-normal m-0 line-height-140">Andrew Palmer</h5>
        <span class="font-small fw-normal">Manager - Mono</span>
      </div>
    </div>
    <p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
  <!-- Testimonial box 3 -->
  <div class="border-radius border p-4">
    <div class="d-flex align-items-center mb-3">
      <div class="d-inline-block me-3">
        <img class="img-mask-avatar-sm" src="../assets/images/testimonial-3.jpg" alt="">
      </div>
      <div class="d-inline-block">
        <h5 class="fw-normal m-0 line-height-140">Anna Mullen</h5>
        <span class="font-small fw-normal">Manager - Mono</span>
      </div>
    </div>
    <p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
  <!-- Testimonial box 4 -->
  <div class="border-radius border p-4">
    <div class="d-flex align-items-center mb-3">
      <div class="d-inline-block me-3">
        <img class="img-mask-avatar-sm" src="../assets/images/testimonial-4.jpg" alt="">
      </div>
      <div class="d-inline-block">
        <h5 class="fw-normal m-0 line-height-140">John Smith</h5>
        <span class="font-small fw-normal">Manager - Mono</span>
      </div>
    </div>
    <p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
</div><!-- end owl-carousel -->

Testimonial Carousel

2 Columns (Style 2)


<div class="owl-carousel" data-owl-margin="30" data-owl-xs="1" data-owl-sm="1" data-owl-md="1" data-owl-lg="2" data-owl-xl="2" data-owl-nav="true">
  <!-- Testimonial box 1 -->
  <div class="border-radius border p-4">
    <div class="d-lg-flex justify-content-between mb-2">
      <div class="d-block d-lg-inline-block mb-2">
        <h5 class="fw-normal m-0 line-height-140">Emiley Haley</h5>
        <span class="font-small fw-normal">Manager - Mono</span>
      </div>
      <div class="d-inline-block text-golden-yellow">
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
      </div>
    </div>
    <p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
  <!-- Testimonial box 2 -->
  <div class="border-radius border p-4">
    <div class="d-lg-flex justify-content-between mb-2">
      <div class="d-block d-lg-inline-block mb-2">
        <h5 class="fw-normal m-0 line-height-140">Andrew Palmer</h5>
        <span class="font-small fw-normal">Manager - Mono</span>
      </div>
      <div class="d-inline-block text-golden-yellow">
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
      </div>
    </div>
    <p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
  <!-- Testimonial box 3 -->
  <div class="border-radius border p-4">
    <div class="d-lg-flex justify-content-between mb-2">
      <div class="d-block d-lg-inline-block mb-2">
        <h5 class="fw-normal m-0 line-height-140">Anna Mullen</h5>
        <span class="font-small fw-normal">Manager - Mono</span>
      </div>
      <div class="d-inline-block text-golden-yellow">
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
      </div>
    </div>
    <p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
  <!-- Testimonial box 4 -->
  <div class="border-radius border p-4">
    <div class="d-lg-flex justify-content-between mb-2">
      <div class="d-block d-lg-inline-block mb-2">
        <h5 class="fw-normal m-0 line-height-140">John Smith</h5>
        <span class="font-small fw-normal">Manager - Mono</span>
      </div>
      <div class="d-inline-block text-golden-yellow">
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
      </div>
    </div>
    <p>"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
  </div>
</div><!-- end owl-carousel -->

Testimonial Masonry

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."

Emiley Haley
COO - Mono

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis"

Andrew Palmer
Developer - Mono

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."

Anna Mullen
Designer - Mono

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."

John Smith
Marketer - Mono

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis"

Beth Reynolds
Designer - Mono

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis"

Emiley Haley
Manager - Mono

<div class="masonry column-3 spacing-2">
  <!-- Masonry Item 1 -->
  <div class="masonry-item">
    <div class="box-shadow border-radius p-4 p-lg-5">
      <div class="d-block text-golden-yellow mb-3">
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
      </div>
      <p class="font-large">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
      <div class="d-flex align-items-center mt-3">
        <div class="d-inline-block me-3">
          <img class="img-mask-avatar-sm" src="../assets/images/testimonial-1.jpg" alt="">
        </div>
        <div class="d-inline-block">
          <h5 class="fw-normal m-0 line-height-140">Emiley Haley</h5>
          <span class="font-small fw-normal">COO - Mono</span>
        </div>
      </div>
    </div>
  </div>
  <!-- Masonry Item 2 -->
  <div class="masonry-item">
    <div class="box-shadow border-radius p-4 p-lg-5">
      <div class="d-block text-golden-yellow mb-3">
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
      </div>
      <p class="font-large">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis"</p>
      <div class="d-flex align-items-center mt-3">
        <div class="d-inline-block me-3">
          <img class="img-mask-avatar-sm" src="../assets/images/testimonial-2.jpg" alt="">
        </div>
        <div class="d-inline-block">
          <h5 class="fw-normal m-0 line-height-140">Andrew Palmer</h5>
          <span class="font-small fw-normal">Developer - Mono</span>
        </div>
      </div>
    </div>
  </div>
  <!-- Masonry Item 3 -->
  <div class="masonry-item">
    <div class="box-shadow border-radius p-4 p-lg-5">
      <div class="d-block text-golden-yellow mb-3">
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
        <i class="bi bi-star-fill"></i>
      </div>
      <p class="font-large">"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</p>
      <div class="d-flex align-items-center mt-3">
        <div class="d-inline-block me-3">
          <img class="img-mask-avatar-sm" src="../assets/images/testimonial-3.jpg" alt="">
        </div>
        <div class="d-inline-block">
          <h5 class="fw-normal m-0 line-height-140">Anna Mullen</h5>
          <span class="font-small fw-normal">Designer - Mono</span>
        </div>
      </div>
    </div>
  </div>
</div><!-- end masonry -->

Testimonial Grid

3 Columns (by default)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Emiley Haley
Manager - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Andrew Palmer
Developer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Anna Mullen
Designer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

John Smith
Marketer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Beth Reynolds
Designer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

John Smith
Marketer - Mono

<div class="testimonial-grid">
  <!-- 1 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-1.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
      <h6 class="line-height-140 m-0">Emiley Haley</h6>
      <span class="font-small fw-normal">Manager - Mono</span>
    </div>
  </div>
  <!-- 2 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-2.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
      <h6 class="line-height-140 m-0">Andrew Palmer</h6>
      <span class="font-small fw-normal">Developer - Mono</span>
    </div>
  </div>
  <!-- 3 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-3.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
      <h6 class="line-height-140 m-0">Anna Mullen</h6>
      <span class="font-small fw-normal">Designer - Mono</span>
    </div>
  </div>
</div><!-- end testimonial-grid -->

Testimonial Grid

2 Columns

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Emiley Haley
Manager - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Andrew Palmer
Developer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Anna Mullen
Designer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

John Smith
Marketer - Mono

<div class="testimonial-grid column-2">
  <!-- 1 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-1.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Emiley Haley</h6>
      <span class="font-small fw-normal">Manager - Mono</span>
    </div>
  </div>
  <!-- 2 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-2.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Andrew Palmer</h6>
      <span class="font-small fw-normal">Developer - Mono</span>
    </div>
  </div>
  <!-- 3 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-3.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Anna Mullen</h6>
      <span class="font-small fw-normal">Designer - Mono</span>
    </div>
  </div>
  <!-- 4 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-1.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">John Smith</h6>
      <span class="font-small fw-normal">Marketer - Mono</span>
    </div>
  </div>
</div><!-- end testimonial-grid -->

Testimonial Grid

1 Column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Emiley Haley
Manager - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Andrew Palmer
Developer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Anna Mullen
Designer - Mono

<div class="row g-4">
  <div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2">

    <!-- Snippet -->
    <div class="testimonial-grid column-1">
      <!-- 1 -->
      <div class="testimonial-grid-box">
        <div class="testimonial-img">
          <img src="../assets/images/testimonial-1.jpg" alt="">
        </div>
        <div class="testimonial-content">
          <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
          <h6 class="line-height-140 m-0">Emiley Haley</h6>
          <span class="font-small fw-normal">Manager - Mono</span>
        </div>
      </div>
      <!-- 2 -->
      <div class="testimonial-grid-box">
        <div class="testimonial-img">
          <img src="../assets/images/testimonial-2.jpg" alt="">
        </div>
        <div class="testimonial-content">
          <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
          <h6 class="line-height-140 m-0">Andrew Palmer</h6>
          <span class="font-small fw-normal">Developer - Mono</span>
        </div>
      </div>
      <!-- 3 -->
      <div class="testimonial-grid-box">
        <div class="testimonial-img">
          <img src="../assets/images/testimonial-3.jpg" alt="">
        </div>
        <div class="testimonial-content">
          <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
          <h6 class="line-height-140 m-0">Anna Mullen</h6>
          <span class="font-small fw-normal">Designer - Mono</span>
        </div>
      </div>
    </div><!-- end testimonial-grid -->
    <!-- end Snippet -->

  </div>
</div><!-- end row -->

Testimonial Grid

without a Border

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Emiley Haley
Manager - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Andrew Palmer
Developer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Anna Mullen
Designer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

John Smith
Marketer - Mono

<div class="testimonial-grid column-2 border-0">
  <!-- 1 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-1.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Emiley Haley</h6>
      <span class="font-small fw-normal">Manager - Mono</span>
    </div>
  </div>
  <!-- 2 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-2.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Andrew Palmer</h6>
      <span class="font-small fw-normal">Developer - Mono</span>
    </div>
  </div>
  <!-- 3 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-3.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Anna Mullen</h6>
      <span class="font-small fw-normal">Designer - Mono</span>
    </div>
  </div>
  <!-- 4 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-4.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">John Smith</h6>
      <span class="font-small fw-normal">Marketer - Mono</span>
    </div>
  </div>
</div><!-- end testimonial-grid -->

Testimonial Grid

Border Style - Solid

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Emiley Haley
Manager - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Andrew Palmer
Developer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Anna Mullen
Designer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

John Smith
Marketer - Mono

<div class="testimonial-grid column-2 border-style-solid">
  <!-- 1 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-1.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Emiley Haley</h6>
      <span class="font-small fw-normal">Manager - Mono</span>
    </div>
  </div>
  <!-- 2 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-2.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Andrew Palmer</h6>
      <span class="font-small fw-normal">Developer - Mono</span>
    </div>
  </div>
  <!-- 3 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-3.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Anna Mullen</h6>
      <span class="font-small fw-normal">Designer - Mono</span>
    </div>
  </div>
  <!-- 4 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-4.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">John Smith</h6>
      <span class="font-small fw-normal">Marketer - Mono</span>
    </div>
  </div>
</div><!-- end testimonial-grid -->

Testimonial Grid

Border Style - Dotted

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Emiley Haley
Manager - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Andrew Palmer
Developer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Anna Mullen
Designer - Mono

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

John Smith
Marketer - Mono

<div class="testimonial-grid column-2 border-style-dotted">
  <!-- 1 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-1.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Emiley Haley</h6>
      <span class="font-small fw-normal">Manager - Mono</span>
    </div>
  </div>
  <!-- 2 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-2.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Andrew Palmer</h6>
      <span class="font-small fw-normal">Developer - Mono</span>
    </div>
  </div>
  <!-- 3 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-3.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">Anna Mullen</h6>
      <span class="font-small fw-normal">Designer - Mono</span>
    </div>
  </div>
  <!-- 4 -->
  <div class="testimonial-grid-box">
    <div class="testimonial-img">
      <img src="../assets/images/testimonial-4.jpg" alt="">
    </div>
    <div class="testimonial-content">
      <p class="mb-3 font-small">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <h6 class="line-height-140 m-0">John Smith</h6>
      <span class="font-small fw-normal">Marketer - Mono</span>
    </div>
  </div>
</div><!-- end testimonial-grid -->