Testimonial
Customer testimonials. Slider or Grid layout
Testimonial 01
<div class="bg-accent px-3 pl-md-11 pr-md-10 pt-6 pb-7">
<div class="slick-slider custom-slider-1 mx-0"
data-slick-options='{"slidesToShow": 1, "autoplay":true,"dots":true}'>
<div class="box px-0">
<div class="card border-0 bg-transparent">
<div class="card-body p-0">
<div class="d-flex mb-6 align-items-end">
<h5 class="card-title fs-24 text-secondary mb-0">Great quality!</h5>
<div class="ml-auto opacity-2">
<img src="../../images/quote.png" alt="Quote Icon">
</div>
</div>
<p class="card-text fs-18 lh-2 text-heading mb-5">
We have chosen to work extensively with HomeID because of their quality services, including
their On-the-Job Training program and other employer.
</p>
<div class="media align-items-center">
<div class="rounded-circle mr-4 bg-white w-70px h-70 d-flex align-items-end justify-content-center">
<img src="../../images/testimonial-1.png" alt="Oliver Beddows">
</div>
<div class="media-body">
<p class="fs-17 lh-1 text-heading font-weight-600 mb-2">Oliver Beddows</p>
<p class="fs-15 lh-12 mb-0">/ Reporter, Insights</p>
</div>
</div>
</div>
</div>
</div>
<div class="box px-0">
<div class="card border-0 bg-transparent">
<div class="card-body p-0">
<div class="d-flex mb-6 align-items-end">
<h5 class="card-title fs-24 text-secondary mb-0">Great quality!</h5>
<div class="ml-auto opacity-2">
<img src="../../images/quote.png" alt="Quote Icon">
</div>
</div>
<p class="card-text fs-18 lh-2 text-heading mb-5">
We have chosen to work extensively with HomeID because of their quality services, including
their On-the-Job Training program and other employer.
</p>
<div class="media align-items-center">
<div class="rounded-circle mr-4 bg-white w-70px h-70 d-flex align-items-end justify-content-center">
<img src="../../images/testimonial-1.png" alt="Oliver Beddows">
</div>
<div class="media-body">
<p class="fs-17 lh-1 text-heading font-weight-600 mb-2">Oliver Beddows</p>
<p class="fs-15 lh-12 mb-0">/ Reporter, Insights</p>
</div>
</div>
</div>
</div>
</div>
<div class="box px-0">
<div class="card border-0 bg-transparent">
<div class="card-body p-0">
<div class="d-flex mb-6 align-items-end">
<h5 class="card-title fs-24 text-secondary mb-0">Great quality!</h5>
<div class="ml-auto opacity-2">
<img src="../../images/quote.png" alt="Quote Icon">
</div>
</div>
<p class="card-text fs-18 lh-2 text-heading mb-5">
We have chosen to work extensively with HomeID because of their quality services, including
their On-the-Job Training program and other employer.
</p>
<div class="media align-items-center">
<div class="rounded-circle mr-4 bg-white w-70px h-70 d-flex align-items-end justify-content-center">
<img src="../../images/testimonial-1.png" alt="Oliver Beddows">
</div>
<div class="media-body">
<p class="fs-17 lh-1 text-heading font-weight-600 mb-2">Oliver Beddows</p>
<p class="fs-15 lh-12 mb-0">/ Reporter, Insights</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Testimonial 02
<div class="slick-slider custom-vertical mx-0 py-13"
data-slick-options='{"slidesToShow": 1,"vertical":true,"verticalSwiping":true,"centerMode":false,"swipeToSlide":true,"focusOnSelect":true,"centerPadding":"120px","infinite":true,"autoplay":true,"dots":false,"arrows":false}'>
<div class="box px-8">
<div class="card border-0 shadow-lg-3 px-3 pl-md-9 pr-md-9 pt-8 pb-7">
<div class="card-body p-0">
<h5 class="card-title fs-18 text-secondary mb-3 lh-17">Very good and fast</h5>
<p class="card-text fs-18 lh-2 text-heading mb-5">
Working with @homeID is like having a family member who can fix everything. They know what you
need, exactly when you need it.
</p>
<div class="media align-items-center">
<div class="rounded-circle mr-4 w-70px h-70">
<img src="../../images/testimonial-1.png" alt="Oliver Beddows">
</div>
<div class="media-body">
<p class="fs-17 lh-1 text-heading font-weight-600 mb-2">Oliver Beddows</p>
<p class="fs-15 lh-12 mb-0">/ Reporter, Insights</p>
</div>
</div>
</div>
</div>
</div>
<div class="box px-8 my-n3">
<div class="card border-0 shadow-lg-3 px-3 pl-md-9 pr-md-9 pt-8 pb-7">
<div class="card-body p-0">
<h5 class="card-title fs-18 text-secondary mb-3 lh-17">Amazing customer support so far!</h5>
<p class="card-text fs-18 lh-2 text-heading mb-5">
Working with @homeID is like having a family member who can fix everything. They know what you
need, exactly when you need it.
</p>
<div class="media align-items-center">
<div class="rounded-circle mr-4 w-70px h-70">
<img src="../../images/testimonial-2.jpg" alt="Oliver Beddows">
</div>
<div class="media-body">
<p class="fs-17 lh-1 text-heading font-weight-600 mb-2">Oliver Beddows</p>
<p class="fs-15 lh-12 mb-0">/ Reporter, Insights</p>
</div>
</div>
</div>
</div>
</div>
<div class="box px-8 my-n3">
<div class="card border-0 shadow-lg-3 px-3 pl-md-9 pr-md-9 pt-8 pb-7">
<div class="card-body p-0">
<h5 class="card-title fs-18 text-secondary mb-3 lh-17">Very good and fast</h5>
<p class="card-text fs-18 lh-2 text-heading mb-5">
Working with @homeID is like having a family member who can fix everything. They know what you
need, exactly when you need it.
</p>
<div class="media align-items-center">
<div class="rounded-circle mr-4 w-70px h-70">
<img src="../../images/testimonial-1.png" alt="Oliver Beddows">
</div>
<div class="media-body">
<p class="fs-17 lh-1 text-heading font-weight-600 mb-2">Oliver Beddows</p>
<p class="fs-15 lh-12 mb-0">/ Reporter, Insights</p>
</div>
</div>
</div>
</div>
</div>
</div>
Testimonial 03
Working with @homeID is like having a family member who can fix everything. They know what you need, exactly when you need it.
![Oliver Beddows](../../images/testimonial-3.jpg)
Lydia Wise
Manchester
<div style="max-width: 370px">
<div class="card p-6">
<div class="card-body p-0 text-center">
<span class="text-primary fs-26 lh-1 mb-4 d-block">
<i class="fas fa-quote-left"></i>
</span>
<p class="card-text fs-15 lh-2 mb-4">
Working with @homeID is like having a family member who can fix everything. They
know what you need, exactly when you need it.
</p>
<span class="mx-auto divider mb-5"></span>
<img src="../../images/testimonial-3.jpg"
class="rounded-circle d-inline-block mb-2" alt="Oliver Beddows">
<p class="fs-16 lh-214 text-dark font-weight-500 mb-0">Lydia Wise</p>
<p class="mb-0">Manchester</p>
</div>
</div>
</div>
Testimonial 04
![Maggie Strickland](../../images/testimonial-3.jpg)
Working with @GrandHome is like having a family member who can fix everything. They know what you need, exactly when you need it.
Maggie Strickland
Manchester
<div style="max-width: 370px;">
<div class="card border-0 py-7 px-6">
<div class="card-body p-0 text-center">
<img src="../../images/testimonial-3.jpg"
class="rounded-circle d-inline-block mb-5" alt="Maggie Strickland">
<p class="card-text fs-15 lh-17 mb-7 pb-1">
Working with @GrandHome is like having a family member who can fix everything. They
know what you need, exactly when you need it.
</p>
<p class="fs-16 text-heading font-weight-bold mb-0">Maggie Strickland</p>
<p class="mb-0 text-gray lh-214">Manchester</p>
</div>
</div>
</div>
Testimonial 05
<div class="slick-slider custom-slider-2"
data-slick-options='{"slidesToShow":2,"slidesToScroll":1,"centerMode":true,"centerPadding":"","arrows":true,"dots":true,"infinite":true,"autoplay":false,"responsive":[{"breakpoint":576,"settings":{"slidesToShow":1,"slidesToScroll":1,"centerMode":false}}]}'>
<div class="box py-8">
<div class="card border-0 pt-6 pb-7 px-6 shadow-xxs-4">
<div class="card-body p-0">
<p class="card-text fs-15 lh-17 mb-7 pb-1">
Working with @GrandHome is like having a family member who can fix
everything. They
know what you need, exactly when you need it.
</p>
<div class="media">
<div class="w-60px h-60 mr-3">
<img src="../../images/testimonial-3.jpg" alt="Maggie Strickland"
class="rounded-circle d-inline-block">
</div>
<div class="media-body">
<p class="fs-16 text-heading font-weight-bold mb-0">Maggie
Strickland</p>
<p class="mb-0 text-gray lh-214">Manchester</p>
</div>
</div>
</div>
</div>
</div>
<div class="box py-8">
<div class="card border-0 pt-6 pb-7 px-6 shadow-xxs-4">
<div class="card-body p-0">
<p class="card-text fs-15 lh-17 mb-7">
Very good and fast support during the week. Solved all my problems in a
pressing
time! Excited to see the other themes they make!
</p>
<div class="media">
<div class="w-60px h-60 mr-3">
<img src="../../images/testimonial-6.jpg" alt="Dollie Horton"
class="rounded-circle d-inline-block">
</div>
<div class="media-body">
<p class="fs-16 text-heading font-weight-bold mb-0">Dollie Horton</p>
<p class="mb-0 text-gray lh-214">San Diego</p>
</div>
</div>
</div>
</div>
</div>
<div class="box py-8">
<div class="card border-0 pt-6 pb-7 px-6 shadow-xxs-4">
<div class="card-body p-0">
<p class="card-text fs-15 lh-17 mb-7 pb-1">
Amazing customer support so far, working well with a theme that's so easily
customisable and great to use. Thanks and 5 stars!
</p>
<div class="media">
<div class="w-60px h-60 mr-3">
<img src="../../images/testimonial-4.jpg" alt="Maggie Strickland"
class="rounded-circle d-inline-block">
</div>
<div class="media-body">
<p class="fs-16 text-heading font-weight-bold mb-0">Maggie
Strickland</p>
<p class="mb-0 text-gray lh-214">Sacramento</p>
</div>
</div>
</div>
</div>
</div>
<div class="box py-8">
<div class="card border-0 pt-6 pb-7 px-6 shadow-xxs-4">
<div class="card-body p-0">
<p class="card-text fs-15 lh-17 mb-7 pb-1">
Working with @GrandHome is like having a family member who can fix
everything. They
know what you need, exactly when you need it.
</p>
<div class="media">
<div class="w-60px h-60 mr-3">
<img src="../../images/testimonial-3.jpg" alt="Maggie Strickland"
class="rounded-circle d-inline-block">
</div>
<div class="media-body">
<p class="fs-16 text-heading font-weight-bold mb-0">Maggie
Strickland</p>
<p class="mb-0 text-gray lh-214">Manchester</p>
</div>
</div>
</div>
</div>
</div>
<div class="box py-8">
<div class="card border-0 pt-6 pb-7 px-6 shadow-xxs-4">
<div class="card-body p-0">
<p class="card-text fs-15 lh-17 mb-7">
Very good and fast support during the week. Solved all my problems in a
pressing
time! Excited to see the other themes they make!
</p>
<div class="media">
<div class="w-60px h-60 mr-3">
<img src="../../images/testimonial-5.jpg" alt="Dollie Horton"
class="rounded-circle d-inline-block">
</div>
<div class="media-body">
<p class="fs-16 text-heading font-weight-bold mb-0">Dollie Horton</p>
<p class="mb-0 text-gray lh-214">San Diego</p>
</div>
</div>
</div>
</div>
</div>
</div>