Testimonial Snippet - Responsive Website Template

Testimonial #1

Preview
Code

Read the real-life success stories of the companies and industries.

“Lorem ipsum dolor sit amet cons ectetur adipiscing elit uisque sagittis risus sed dolor lobortis, non rutrum massa ultricies aecenas tempor, nisi nec tempus lobortis”

Anita parmar

Content Producer

“Aenean pharetra finibus mauris a porttitor. Nam dui tortor, finibus sit amet feugiat porta, tempus in odio. Interdum et malesuada fames ac ante ipsum primis in faucibus.”

Jitu Chauhan

Studio Manager

“Pellentesque sit amet turpis porta augue pretium dictum. Pellentesque commodo bitur ut massa cursus, congue augue vitae, efficitur metus.”

Sandip Chauhan

Senior Research Program Manager

<!--success stories-->
<section class="py-xl-9 py-5 bg-light">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 offset-xl-2 col-md-8 offset-md-2">
                <div class="text-center mx-xl-7 mb-5">
                    <h2 class="mb-3">Read the real-life success stories of
                        the companies and industries.</h2>
                    <a href="#!"
                        class="icon-link icon-link-hover fw-semicold">
                        Browse all customer stories
                        <svg xmlns="http://www.w3.org/2000/svg" width="14"
                            height="14" fill="currentColor"
                            class="bi bi-arrow-right" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                            </path>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
        <div class="table-responsive-lg">
            <div class="row flex-nowrap pb-5 me-5 me-lg-0">
                <div class="col-lg-4 col-md-6">
                    <div class="card shadow-sm h-100">
                        <div class="card-body p-lg-5">
                            <figure class="mb-5">
                                <img src="../assets/images/client-logo/clients-logo-2.svg"
                                    alt="logo" />
                            </figure>
                            <p class="mb-0">
                                “Lorem ipsum dolor sit amet cons ectetur
                                adipiscing elit uisque sagittis risus sed
                                dolor lobortis, non rutrum massa ultricies
                                aecenas tempor, nisi nec
                                tempus lobortis”
                            </p>
                            <div class="mt-4">
                                <h5 class="mb-0">Anita parmar</h5>
                                <small>Content Producer</small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="card shadow-sm h-100">
                        <div class="card-body p-lg-5">
                            <figure class="mb-5">
                                <img src="../assets/images/client-logo/clients-logo-1.svg"
                                    alt="logo" />
                            </figure>
                            <p class="mb-0">
                                “Aenean pharetra finibus mauris a porttitor.
                                Nam dui tortor, finibus sit amet feugiat
                                porta, tempus in odio. Interdum et malesuada
                                fames ac ante ipsum
                                primis in faucibus.”
                            </p>
                            <div class="mt-4">
                                <h5 class="mb-0">Jitu Chauhan</h5>
                                <small>Studio Manager</small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="card shadow-sm h-100">
                        <div class="card-body p-lg-5">
                            <figure class="mb-5">
                                <img src="../assets/images/client-logo/clients-logo-3.svg"
                                    alt="logo" />
                            </figure>
                            <p class="mb-0">“Pellentesque sit amet turpis
                                porta augue pretium dictum. Pellentesque
                                commodo bitur ut massa cursus, congue augue
                                vitae, efficitur metus.”</p>
                            <div class="mt-4">
                                <h5 class="mb-0">Sandip Chauhan</h5>
                                <small>Senior Research Program
                                    Manager</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--success stories-->

Testimonial

Our happy customer love us

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."

Katherine Moss

Operational Manager at Block Studio

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."

Katherine Moss

Operational Manager at Block Studio

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."

Katherine Moss

Operational Manager at Block Studio

<!--Testimonial start-->
<section class="py-5 py-lg-7 bg-light-subtle">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="text-center mb-7">
                    <small
                        class="text-primary text-uppercase ls-md fw-semibold">Testimonial</small>
                    <h2 class="mt-3 mb-0">Our happy customer love us</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-10 offset-lg-1">
                <div class="swiper sliderSwiper">
                    <div class="swiper-wrapper pb-6">
                        <div class="swiper-slide">
                            <div class="card">
                                <div class="row align-items-center">
                                    <div
                                        class="col-xl-4 col-lg-5 col-md-6 overflow-hidden d-none d-lg-block">
                                        <img src="../assets/images/testimonial/testimonial-img-1.jpg"
                                            class="img-fluid rounded-start-md-3 rounded-top-md-0 rounded-top-3"
                                            alt="testimonials" />
                                    </div>
                                    <div
                                        class="col-xl-8 col-lg-7 col-md-12">
                                        <div class="card-body p-4 px-xl-0">
                                            <div class="mb-6 text-inverse">
                                            <img src="../assets/images/client-logo/logoipsum-3.svg"
                                            alt="ipsum" />
                                            </div>
                                            <p class="card-text lead mb-7">
                                            "Lorem ipsum dolor sit amet,
                                            consectetur adipiscing elit.
                                            Suspendisse varius enim in
                                            eros elementum tristique.
                                            Duis cursus, mi quis viverra
                                            ornare."
                                            </p>

                                            <h5 class="mb-0">Katherine Moss
                                            </h5>
                                            <small
                                            class="text-body-tertiary">Operational
                                             Manager at Block
                                            Studio</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="card">
                                <div class="row align-items-center">
                                    <div
                                        class="col-xl-4 col-lg-5 col-md-6 overflow-hidden d-none d-lg-block">
                                        <img src="../assets/images/testimonial/testimonial-img-2.jpg"
                                            class="img-fluid rounded-start-md-3 rounded-top-md-0 rounded-top-3"
                                            alt="testimonials" />
                                    </div>
                                    <div
                                        class="col-xl-8 col-lg-7 col-md-12">
                                        <div class="card-body p-4 px-xl-0">
                                            <div class="mb-6 text-inverse">
                                            <img src="../assets/images/client-logo/logoipsum-2.svg"
                                            alt="ipsum" />
                                            </div>
                                            <p class="card-text lead mb-7">
                                            "Lorem ipsum dolor sit amet,
                                            consectetur adipiscing elit.
                                            Suspendisse varius enim in
                                            eros elementum tristique.
                                            Duis cursus, mi quis viverra
                                            ornare."
                                            </p>

                                            <h5 class="mb-0">Katherine Moss
                                            </h5>
                                            <small
                                            class="text-body-tertiary">Operational
                                            Manager at Block
                                            Studio</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="card">
                                <div class="row align-items-center">
                                    <div
                                        class="col-xl-4 col-lg-5 col-md-6 overflow-hidden d-none d-lg-block">
                                        <img src="../assets/images/testimonial/testimonial-img-3.jpg"
                                            class="img-fluid rounded-start-md-3 rounded-top-md-0 rounded-top-3"
                                            alt="testimonials" />
                                    </div>
                                    <div
                                        class="col-xl-8 col-lg-7 col-md-12">
                                        <div class="card-body p-4 px-xl-0">
                                            <div class="mb-6 text-inverse">
                                            <img src="../assets/images/client-logo/logoipsum-1.svg"
                                            alt="ipsum" />
                                            </div>
                                            <p class="card-text lead mb-7">
                                            "Lorem ipsum dolor sit amet,
                                            consectetur adipiscing elit.
                                            Suspendisse varius enim in
                                            eros elementum tristique.
                                            Duis cursus, mi quis viverra
                                            ornare."
                                            </p>

                                            <h5 class="mb-0">Katherine Moss
                                            </h5>
                                            <small
                                            class="text-body-tertiary">Operational
                                            Manager at Block
                                            Studio</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Testimonial end-->

Testimonial #3

Preview
Code

Customer success stories

Create convincing customer success stories to boost sales, build trust with prospects and increase customer loyalty.

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt, lectus non finibus porta, ipsum lacus tempus quam, a iaculis metus ipsum sed elit.”

Jitu Chauhan

Front End Developers @codescandy

"Cum molestias sed quam eos repudiandae repellat! Sunt ex atque tempore eligendi magni vel obcaecati facere. Cupiditate repellat deleniti eos eum atque possimus ducimus quis."

Sandeep Chauhan

Front End Developers @codescandy

<!--Customer stories start-->
<section class="py-xl-9 py-5 bg-gray-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                <div class="text-center mb-xl-7 mb-5">
                    <h2 class="mb-3">Customer success stories</h2>
                    <p class="mb-0">Create convincing customer success
                        stories to boost sales, build trust with prospects
                        and increase customer loyalty.</p>
                </div>
            </div>
        </div>
        <div class="row g-4">
            <div class="col-lg-6 col-md-12">
                <!-- Testimonials with logo -->
                <div class="card shadow-sm">
                    <div class="card-body">
                        <p class="mb-5 lead">
                            “Lorem ipsum dolor sit amet, consectetur
                            adipiscing elit. In tincidunt, lectus non
                            finibus porta, ipsum lacus tempus quam, a
                            iaculis metus ipsum sed elit.”
                        </p>
                        <div
                            class="d-md-flex align-items-center justify-content-between">
                            <div
                                class="d-flex align-items-center mb-3 mb-lg-0">
                                <div>
                                    <img src="../assets/images/avatar/avatar-1.jpg"
                                        alt="Avatar"
                                        class="avatar avatar-lg rounded-circle" />
                                </div>
                                <div class="ms-3">
                                    <h6 class="mb-0 h5">Jitu Chauhan</h6>
                                    <span
                                        class="small text-body-tertiary">Front
                                        End Developers @codescandy</span>
                                </div>
                            </div>
                            <div class="d-none d-md-block text-inverse">
                                <img src="../assets/images/client-logo/logoipsum-1.svg"
                                    alt="logo" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12">
                <!-- Testimonials with logo -->
                <div class="card shadow-sm">
                    <div class="card-body">
                        <p class="mb-5 lead">
                            "Cum molestias sed quam eos repudiandae
                            repellat! Sunt ex atque tempore eligendi magni
                            vel obcaecati facere. Cupiditate repellat
                            deleniti eos eum atque possimus
                            ducimus quis."
                        </p>
                        <div
                            class="d-md-flex align-items-center justify-content-between">
                            <div
                                class="d-flex align-items-center mb-3 mb-lg-0">
                                <div>
                                    <img src="../../assets/images/avatar/avatar-4.jpg"
                                        alt="Avatar"
                                        class="avatar avatar-lg rounded-circle" />
                                </div>
                                <div class="ms-3">
                                    <h6 class="mb-0 h5">Sandeep Chauhan</h6>
                                    <span
                                        class="small text-body-tertiary">Front
                                        End Developers @codescandy</span>
                                </div>
                            </div>
                            <div class="d-none d-md-block text-inverse">
                                <img src="../../assets/images/client-logo/logoipsum-2.svg"
                                    alt="logo" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Customer stories end-->

Testimonial #4

Preview
Code

TESTIMONIAL

I am proud of my results

I bring solutions to make life easier for our customers.

236

Awards Won

200+

Completed Projects

10Y

Customer Satisfaction

“Laborum quis quam. Dolorum et ut quod quia. Voluptas numquam delectus nihil. Aut enim doloremque et ipsam.”

Jitu Chauhan

Creative Director - Design agency

“Dolorum et ut quod quia laborum quis quam oluptas numquam delectus nihil ultrices diam ut enim doloremque et ipsam.”

Anita Parmar

Sales Specialist

“Suspendisse facilisis leo at sapien finibus rutrum. Vivamus consectetur viverra erat. Nullam pretium mauris quis ultricies ultrices.”

Sandeep Chauhan

Marketing Specialist

“Phasellus dapibus nibh eu libero pharetra, interdum accu msan nunc purus ferm entum sagittis vestibulum nanatibus et magnis.”

Manasvi Suthar

Creative Art Director

<!--Testimonial start-->
<section class="py-lg-9 py-5 bg-primary-blend-gradient text-dark">
    <div class="container">
        <div class="row align-items-center mb-lg-7 mb-5">
            <div class="col-xl-6 col-lg-5 col-md-12">
                <div class="mb-4 mb-lg-0 text-center text-lg-start">
                    <small class="text-uppercase ls-md fw-semibold">TESTIMONIAL</small>
                    <h2 class="mt-4">
                        I am proud of
                        <span class="text-primary">my results</span>
                    </h2>
                    <p class="mb-0">I bring solutions to make life easier for our customers.</p>
                </div>
            </div>
            <div class="col-xl-6 col-lg-7 col-md-12">
                <div class="row gy-4">
                    <div class="col-md-4">
                        <div class="text-center text-lg-start">
                            <h2 class="mb-1">236</h2>
                            <span>Awards Won</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center text-lg-start">
                            <h2 class="mb-1">200+</h2>
                            <span>Completed Projects</span>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-center text-lg-start">
                            <h2 class="mb-1">10Y</h2>
                            <span>Customer Satisfaction</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
                <div class="card shadow-sm h-100 border-0">
                    <div class="card-body">
                        <p class="mb-4">“Laborum quis quam. Dolorum et ut quod quia. Voluptas numquam delectus nihil. Aut enim doloremque et ipsam.”</p>
                        <h5 class="mb-0">Jitu Chauhan</h5>
                        <small>Creative Director - Design agency</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
                <div class="card shadow-sm h-100 border-0">
                    <div class="card-body">
                        <p class="mb-4">“Dolorum et ut quod quia laborum quis quam oluptas numquam delectus nihil ultrices diam ut enim doloremque et ipsam.”</p>
                        <h5 class="mb-0">Anita Parmar</h5>
                        <small>Sales Specialist</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
                <div class="card shadow-sm h-100 border-0">
                    <div class="card-body">
                        <p class="mb-4">“Suspendisse facilisis leo at sapien finibus rutrum. Vivamus consectetur viverra erat. Nullam pretium mauris quis ultricies ultrices.”</p>
                        <h5 class="mb-0">Sandeep Chauhan</h5>
                        <small>Marketing Specialist</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
                <div class="card shadow-sm h-100 border-0">
                    <div class="card-body">
                        <p class="mb-4">“Phasellus dapibus nibh eu libero pharetra, interdum accu msan nunc purus ferm entum sagittis vestibulum nanatibus et magnis.”</p>
                        <h5 class="mb-0">Manasvi Suthar</h5>
                        <small>Creative Art Director</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Testimonial end-->

Testimonial #5

Preview
Code

Testimonial

What our clients say

See what our clients have to say about their experience working with us and our team.

Our website redesign surpassed our expectations. Codescandy attention to detail and creativity resulted in a visually stunning and user-friendly site that immediately boosted our online presence.

Leon Campbell

Creative Director - Design agency

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia temporibus nobis esse, accusamus repellendus labore maiores dicta inventore optio perspiciatis Corrupti.

Christilla Lias

Co-Founder - Design agency

Ducimus repellendus dolores rerum, nihil magni veritatis deleniti adipisci alias vero, id similique ab debitis dolorem doloribus! Consectetur.

Leon Campbell

Web Designer - Design agency

Id maxime odio laborum aspernatur nisi illum dicta? Dolorum in saepe fugit. Aliquam, sit, rerum nihil labore ullam ducimus dolor odit vel rem voluptatibus dolores! Qui, obcaecati!

Mian Netwon

Lead Developer - Design agency

<!--Our clients says start-->
<section class="my-lg-7 py-6">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 offset-lg-3 col-md-12">
                <div class="text-center mb-5 mb-lg-7">
                    <small class="border rounded-pill border-primary-subtle text-primary text-uppercase px-3 py-2 fw-semibold">Testimonial</small>
                    <h2 class="mt-4">What our clients say</h2>
                    <p class="mb-0">See what our clients have to say about their experience working with us and our team.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8 offset-lg-2 col-md-12">
                <div class="tab-content mb-5" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-vercel" role="tabpanel" aria-labelledby="pills-vercel-tab" tabindex="0">
                        <div class="card shadow-sm">
                            <div class="card-body p-lg-6">
                                <div class="mb-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-quote text-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>
                                </div>
                                <p class="lead mb-7 text-dark">
                                    Our website redesign surpassed our expectations. Codescandy attention to detail and creativity resulted in a visually stunning and user-friendly site
                                    that immediately boosted our online presence.
                                </p>
                                <div class="d-flex align-items-center">
                                    <figure>
                                        <img src="../assets/images/avatar/avatar-1.jpg" alt="avatar" class="rounded-circle avatar avatar-lg" />
                                    </figure>
                                    <div class="ms-3">
                                        <h4 class="h5 mb-0">Leon Campbell</h4>
                                        <small>Creative Director - Design agency</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-netlify" role="tabpanel" aria-labelledby="pills-netlify-tab" tabindex="0">
                        <div class="card shadow-sm">
                            <div class="card-body p-lg-6">
                                <div class="mb-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-quote text-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>
                                </div>
                                <p class="lead mb-7 text-dark">
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia temporibus nobis esse, accusamus repellendus labore maiores dicta inventore optio
                                    perspiciatis Corrupti.
                                </p>
                                <div class="d-flex align-items-center">
                                    <figure>
                                        <img src="../assets/images/avatar/avatar-2.jpg" alt="avatar" class="rounded-circle avatar avatar-lg" />
                                    </figure>
                                    <div class="ms-3">
                                        <h4 class="h5 mb-0">Christilla Lias</h4>
                                        <small>Co-Founder - Design agency</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-contentful" role="tabpanel" aria-labelledby="pills-contentful-tab" tabindex="0">
                        <div class="card shadow-sm">
                            <div class="card-body p-lg-6">
                                <div class="mb-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-quote text-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>
                                </div>
                                <p class="lead mb-7 text-dark">
                                    Ducimus repellendus dolores rerum, nihil magni veritatis deleniti adipisci alias vero, id similique ab debitis dolorem doloribus! Consectetur.
                                </p>
                                <div class="d-flex align-items-center">
                                    <figure>
                                        <img src="../assets/images/avatar/avatar-3.jpg" alt="avatar" class="rounded-circle avatar avatar-lg" />
                                    </figure>
                                    <div class="ms-3 mb-0">
                                        <h4 class="h5 mb-0">Leon Campbell</h4>
                                        <small>Web Designer - Design agency</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-svelte" role="tabpanel" aria-labelledby="pills-svelte-tab" tabindex="0">
                        <div class="card shadow-sm">
                            <div class="card-body p-lg-6">
                                <div class="mb-4">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-quote text-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>
                                </div>
                                <p class="lead mb-7 text-dark">
                                    Id maxime odio laborum aspernatur nisi illum dicta? Dolorum in saepe fugit. Aliquam, sit, rerum nihil labore ullam ducimus dolor odit vel rem
                                    voluptatibus dolores! Qui, obcaecati!
                                </p>
                                <div class="d-flex align-items-center">
                                    <figure>
                                        <img src="../assets/images/avatar/avatar-4.jpg" alt="avatar" class="rounded-circle avatar avatar-lg" />
                                    </figure>
                                    <div class="ms-3">
                                        <h4 class="h5 mb-0">Mian Netwon</h4>
                                        <small>Lead Developer - Design agency</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <ul class="nav justify-content-center nav-logo" id="pills-tabOne" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a
                            href="#!"
                            class="nav-link active"
                            id="pills-vercel-tab"
                            data-bs-toggle="pill"
                            data-bs-target="#pills-vercel"
                            role="tab"
                            aria-controls="pills-vercel"
                            aria-selected="true">
                            <figure>
                                <img src="../assets/images/brand-logo/brand-logo-1.svg" alt="img" />
                            </figure>
                        </a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a
                            href="#!"
                            class="nav-link"
                            id="pills-netlify-tab"
                            data-bs-toggle="pill"
                            data-bs-target="#pills-netlify"
                            role="tab"
                            aria-controls="pills-netlify"
                            aria-selected="false">
                            <figure>
                                <img src="../assets/images/brand-logo/brand-logo-3.svg" alt="img" />
                            </figure>
                        </a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a
                            href="#!"
                            class="nav-link"
                            id="pills-contentful-tab"
                            data-bs-toggle="pill"
                            data-bs-target="#pills-contentful"
                            role="tab"
                            aria-controls="pills-contentful"
                            aria-selected="false">
                            <figure>
                                <img src="../assets/images/brand-logo/brand-logo-5.svg" alt="img" />
                            </figure>
                        </a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a
                            href="#!"
                            class="nav-link"
                            id="pills-svelte-tab"
                            data-bs-toggle="pill"
                            data-bs-target="#pills-svelte"
                            role="tab"
                            aria-controls="pills-svelte"
                            aria-selected="false">
                            <figure>
                                <img src="../assets/images/brand-logo/brand-logo-7.svg" alt="img" />
                            </figure>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!--Our clients says end-->

Testimonial #6

Preview
Code

“I've had the pleasure of working with Block for many years on many projects. He is always willing to take on any challenge and will stop at nothing until he meets your expectations. He has a keen eye for detail and is someone I would recommend to anyone looking for design and development services.”

Jitu Chauhan

Front End Developers @codescandy

<!--testmonial-->
<div class="offset-xl-1 col-xl-10 col-lg-12 col-md-12 col-12">
    <div class="text-center mx-xl-7 my-5">
        <div class="mb-5">
            <img src="../assets/images/avatar/avatar-4.jpg" alt="Avatar" class="avatar avatar-xxl rounded-circle" />
        </div>
        <p class="lead mb-4">
            “I've had the pleasure of working with Block for many years on many projects. He is always willing to take on any challenge and will stop at nothing until he meets
            your expectations. He has a keen eye for detail and is someone I would recommend to anyone looking for design and development services.”
        </p>
        <div class="d-md-flex align-items-center justify-content-center">
            <h4 class="mb-0">Jitu Chauhan</h4>
            <small class="ms-2">Front End Developers @codescandy</small>
        </div>
    </div>
</div>
<!--testmonial-->

Testimonial #7

Preview
Code

“They’re disrupting a broken agency sit amet, consectetur adipiscing elit. In tincidunt, lectus non finibus poetus ipsum sed elit.”

Jitu Chauhan

Front End Developers @codescandy

<!--testmonial start-->
<section class="bg-light py-7">
    <div class="container">
        <div class="col-xxl-8 offset-xxl-2 col-md-12">
            <div class="row align-items-center">
                <div class="col-md-4">
                    <div class="mb-5 mb-lg-0">
                        <img src="../assets/images/service/testimonial-service-img.jpg" alt="textmonial" class="img-fluid rounded-3" />
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="mb-4">
                        <p class="lead text-dark me-xl-6">
                            “They’re disrupting a broken agency sit amet, consectetur adipiscing elit. In tincidunt, lectus non finibus poetus ipsum sed elit.”
                        </p>
                    </div>
                    <div class="d-flex justify-content-between">
                        <div>
                            <h5 class="mb-0">Jitu Chauhan</h5>
                            <small>Front End Developers @codescandy</small>
                        </div>
                        <div>
                            <figure>
                                <img src="../assets/images/brand-logo/brand-logo-1.svg" alt="brand" />
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--testmonial end-->

Testimonial #8

Preview
Code

Client Testimonials

Beyond industry awards, our greatest recognition comes from the satisfaction of our clients.

"Our journey with [Your Company Name] has been nothing short of exceptional. Their team's expertise and commitment to delivering results have significantly contributed to our business growth. "

Jitu Chauhan

CTO, Codescandy

"As a startup, we were looking for a technology partner who could understand our unique needs and propel us forward. [Your Company Name] not only met but surpassed our expectations. "

Sandip Chauhan

Web Designer, Codescandy

"[Your Company Name] is not just a service provider; they are true partners. Their team's ability to translate our ideas into innovative solutions has been crucial to our digital transformation. "

Anita parmar

Lead Developer , Codescandy

 <div class="col-lg-6 col-12">
<div class="d-flex flex-column gap-3 mb-6">
   <div>
      <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path
            d="M12.5 7.97559H5C4.46957 7.97559 3.96086 8.1863 3.58579 8.56137C3.21071 8.93644 3 9.44515 3 9.97559V17.9756C3 18.506 3.21071 19.0147 3.58579 19.3898C3.96086 19.7649 4.46957 19.9756 5 19.9756H12.5V20.9756C12.5 22.0365 12.0786 23.0539 11.3284 23.804C10.5783 24.5542 9.56087 24.9756 8.5 24.9756C8.23478 24.9756 7.98043 25.0809 7.79289 25.2685C7.60536 25.456 7.5 25.7104 7.5 25.9756C7.5 26.2408 7.60536 26.4952 7.79289 26.6827C7.98043 26.8702 8.23478 26.9756 8.5 26.9756C10.0908 26.9739 11.616 26.3413 12.7408 25.2164C13.8657 24.0915 14.4983 22.5664 14.5 20.9756V9.97559C14.5 9.44515 14.2893 8.93644 13.9142 8.56137C13.5391 8.1863 13.0304 7.97559 12.5 7.97559ZM12.5 17.9756H5V9.97559H12.5V17.9756ZM27 7.97559H19.5C18.9696 7.97559 18.4609 8.1863 18.0858 8.56137C17.7107 8.93644 17.5 9.44515 17.5 9.97559V17.9756C17.5 18.506 17.7107 19.0147 18.0858 19.3898C18.4609 19.7649 18.9696 19.9756 19.5 19.9756H27V20.9756C27 22.0365 26.5786 23.0539 25.8284 23.804C25.0783 24.5542 24.0609 24.9756 23 24.9756C22.7348 24.9756 22.4804 25.0809 22.2929 25.2685C22.1054 25.456 22 25.7104 22 25.9756C22 26.2408 22.1054 26.4952 22.2929 26.6827C22.4804 26.8702 22.7348 26.9756 23 26.9756C24.5908 26.9739 26.116 26.3413 27.2408 25.2164C28.3657 24.0915 28.9983 22.5664 29 20.9756V9.97559C29 9.44515 28.7893 8.93644 28.4142 8.56137C28.0391 8.1863 27.5304 7.97559 27 7.97559ZM27 17.9756H19.5V9.97559H27V17.9756Z"
            fill="#8B3DFF" />
      </svg>
   </div>
   <div>
      <h2>Client Testimonials</h2>
      <p class="mb-0">Beyond industry awards, our greatest recognition comes from the satisfaction of our clients.</p>
   </div>
</div>
<div class="swiper sliderSwiper">
   <div class="swiper-wrapper pb-8 mx-auto">
      <div class="swiper-slide">
         <div class="card shadow-sm">
            <div class="card-body">
               <div class="d-flex flex-column gap-4">
                  <div>
                     <p class="mb-0 fst-italic lead text-dark">
                        "Our journey with [Your Company Name] has been nothing short of exceptional. Their team's expertise and commitment to delivering results
                        have significantly contributed to our business growth. "
                     </p>
                  </div>
                  <div class="d-flex align-items-center gap-3">
                     <div>
                        <img src="../assets/images/avatar/avatar-1.jpg" alt="avatar" class="avatar avtar-xs rounded-circle" />
                     </div>
                     <div>
                        <h5 class="mb-0">Jitu Chauhan</h5>
                        <small>CTO, Codescandy</small>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="swiper-slide">
         <div class="card shadow-sm">
            <div class="card-body">
               <div class="d-flex flex-column gap-4">
                  <div>
                     <p class="mb-0 fst-italic lead text-dark">
                        "As a startup, we were looking for a technology partner who could understand our unique needs and propel us forward. [Your Company Name]
                        not only met but surpassed our expectations. "
                     </p>
                  </div>
                  <div class="d-flex align-items-center gap-3">
                     <div>
                        <img src="../assets/images/avatar/avatar-2.jpg" alt="avatar" class="avatar avtar-xs rounded-circle" />
                     </div>
                     <div>
                        <h5 class="mb-0">Sandip Chauhan</h5>
                        <small>Web Designer, Codescandy</small>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="swiper-slide">
         <div class="card shadow-sm">
            <div class="card-body">
               <div class="d-flex flex-column gap-4">
                  <div>
                     <p class="mb-0 fst-italic lead text-dark">
                        "[Your Company Name] is not just a service provider; they are true partners. Their team's ability to translate our ideas into innovative
                        solutions has been crucial to our digital transformation. "
                     </p>
                  </div>
                  <div class="d-flex align-items-center gap-3">
                     <div>
                        <img src="../assets/images/avatar/avatar-4.jpg" alt="avatar" class="avatar avtar-xs rounded-circle" />
                     </div>
                     <div>
                        <h5 class="mb-0">Anita parmar</h5>
                        <small>Lead Developer , Codescandy</small>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="swiper-pagination"></div>
</div>
</div>

Documentations

Changelog

Documentations

Changelog

Testimonials Sections

Testimonial #1

Read the real-life success stories of the companies and industries.

Anita parmar

Jitu Chauhan

Sandip Chauhan

Testimonial #2

Our happy customer love us

Katherine Moss

Katherine Moss

Katherine Moss

Testimonial #3

Customer success stories

Jitu Chauhan

Sandeep Chauhan

Testimonial #4

I am proud of my results

236

200+

10Y

Jitu Chauhan

Anita Parmar

Sandeep Chauhan

Manasvi Suthar

Testimonial #5

What our clients say

Leon Campbell

Christilla Lias

Leon Campbell

Mian Netwon

Testimonial #6

Jitu Chauhan

Testimonial #7

Jitu Chauhan

Testimonial #8

Client Testimonials

Jitu Chauhan

Sandip Chauhan

Anita parmar