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