Testimonials Components in Asitrastudio library

Testimonials from asitrastudio

<section x-data="{ activeSlide: 1, slideCount: 3 }">
  <div class="py-18 md:py-24 px-5 bg-coolGray-100 rounded-5xl">
    <div class="container mx-auto px-4">
      <div class="max-w-6xl mx-auto text-center">
        <div class="overflow-hidden">
            <div :style="'transform: translateX(-' + (activeSlide - 1) * 100.5 + '%)'" class="whitespace-nowrap transition-transform duration-500 ease-in-out">
                <div class="inline-block w-full whitespace-normal">
                    <span class="inline-block mb-10 py-2 px-3 text-sm leading-none border-1.5 border-black group-hover:bg-black group-hover:text-white rounded-full transition duration-200">Apartament</span>
                    <p class="text-xl md:text-2xl lg:text-3xl mb-10">
                      <span class="leading-snug">“KW70 Fix is a leading real estate investment firm in the Americas, headquartered in New York with offices in</span>
                      <span class="italic leading-snug text-coolGray-600">London, Chicago, Barcelona, Vienna, Rome, Las Vegas.</span>
                      <span class="leading-snug">KW70 Fix initiative seeks out regions and markets with robust underlying catalysts, such as burgeoning technology sectors, a diverse workforce, and a strong entrepreneurial culture.</span>
                    </p>
                    <div class="flex mb-16 items-center text-left justify-center">
                      <img class="h-15 w-15 mr-4 rounded-full" src="asitrastudio-assets/testimonials/avatar-men.png" alt="">
                      <div>
                        <span class="block">Wade Warren</span>
                        <span class="block text-sm text-coolGray-600">CEO, Since Industry</span>
                      </div>
                    </div>
                </div>
                <div class="inline-block w-full whitespace-normal">
                    <span class="inline-block mb-10 py-2 px-3 text-sm leading-none border-1.5 border-black group-hover:bg-black group-hover:text-white rounded-full transition duration-200">Apartament</span>
                    <p class="text-xl md:text-2xl lg:text-3xl mb-10">
                      <span class="leading-snug">“With a Dubai base and global offices in</span>
                      <span class="italic leading-snug text-coolGray-600">Singapore, London, New York, Shanghai, and Mumbai.</span>
                      <span class="leading-snug">Global Trend Capital targets innovative markets. CEO Jessica Kim leads our forward-looking strategy for sustainable growth.</span>
                    </p>
                    <div class="flex mb-16 items-center text-left justify-center">
                      <img class="h-15 w-15 mr-4 rounded-full" src="asitrastudio-assets/testimonials/avatar-men.png" alt="">
                      <div>
                        <span class="block">Jennifer Hayes</span>
                        <span class="block text-sm text-coolGray-600">CTO, Tech Industry</span>
                      </div>
                    </div>
                </div>
                <div class="inline-block w-full whitespace-normal">
                    <span class="inline-block mb-10 py-2 px-3 text-sm leading-none border-1.5 border-black group-hover:bg-black group-hover:text-white rounded-full transition duration-200">Apartament</span>
                    <p class="text-xl md:text-2xl lg:text-3xl mb-10">
                      <span class="leading-snug">“With roots in</span>
                      <span class="italic leading-snug text-coolGray-600">San Francisco and offices in Sydney, Hong Kong, Amsterdam, Toronto, and São Paulo, </span>
                      <span class="leading-snug">Stratify Capital pioneers investments in transformative markets. CEO Alex Rodriguez leads our commitment to delivering superior returns while making positive contributions to communities and the environment.</span>
                    </p>
                    <div class="flex mb-16 items-center text-left justify-center">
                      <img class="h-15 w-15 mr-4 rounded-full" src="asitrastudio-assets/testimonials/avatar-men.png" alt="">
                      <div>
                        <span class="block">Samantha Roberts</span>
                        <span class="block text-sm text-coolGray-600">CEO, Finance Industry</span>
                      </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
          <button class="inline-flex h-16 sm:h-18 w-16 sm:w-18 mr-6 sm:mr-9 items-center justify-center text-black hover:text-white hover:bg-black border border-black rounded-full transition duration-200" x-on:click="activeSlide = activeSlide > 1 ? activeSlide - 1 : slideCount">
            <svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M10.7051 7.12817L4.15732 13.6759L10.7051 20.2237" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M22.4941 13.6759H4.33949" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </button>
          <button class="inline-flex h-16 sm:h-18 w-16 sm:w-18 items-center justify-center text-black hover:text-white hover:bg-black border border-black rounded-full transition duration-200" x-on:click="activeSlide = activeSlide < slideCount ? activeSlide + 1 : 1">
            <svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M16.2949 7.12817L22.8427 13.6759L16.2949 20.2237" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M4.50586 13.6759H22.6605" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </button>
        </div>
      </div>
    </div>
  </div>
</section>

Testimonials from asitrastudio

Bulma

asitrastudio

<section class="is-relative section has-background-white-ter" x-data="{ activeSlide: 1, slideCount: 3 }">
  <div class="container">
    <div class="has-mw-5xl mx-auto has-text-centered">
        <div class="is-clipped">
            <div :style="'transform: translateX(-' + (activeSlide - 1) * 100.5 + '%); transition: transform 0.5s ease-in-out; white-space: nowrap;'">
                <div class="is-inline-block" style="width: 100%; white-space: normal;">
                    <span class="tag is-dark mb-10">Apartament</span>
                    <p class="is-size-5-mobile is-size-4-tablet mb-10 has-text-dark">
                      <span>&ldquo;KW70 Fix is a leading real estate investment firm in the World, headquartered in New York with offices in</span>
                      <span></span>
                      <span class="text-secondary-light">London, Chicago, Barcelona, Vienna, Rome, Las Vegas.</span>
                      <span>KW70 Fix looks for markets and locations that have strong fundamental drivers such as job and income growth, better quality of life and a business-friendly environment. In those carefully selected&rdquo;</span>
                    </p>
                    <div class="is-flex mb-16 is-align-items-center has-text-left is-justify-content-center">
                      <img class="image mr-4" src="asitrastudio-assets/testimonials/avatar-men.png" alt="">
                      <div>
                        <span class="is-block has-text-weight-medium has-text-dark">Wade Warren</span>
                        <span class="is-block fs-9 text-secondary-light has-text-dark">CEO, Since Industry</span>
                      </div>
                    </div>
                </div>
                <div class="is-inline-block" style="width: 100%; white-space: normal;">
                    <span class="tag is-dark mb-10">Apartament</span>
                    <p class="is-size-5-mobile is-size-4-tablet mb-10 has-text-dark">
                      <span>“With a Dubai base and global offices in</span>
                      <span></span>
                      <span class="text-secondary-light">Singapore, London, New York, Shanghai, and Mumbai.</span>
                      <span>Global Trend Capital targets innovative markets. CEO Jessica Kim leads our forward-looking strategy for sustainable growth.</span>
                    </p>
                    <div class="is-flex mb-16 is-align-items-center has-text-left is-justify-content-center">
                      <img class="image mr-4" src="asitrastudio-assets/testimonials/avatar-men.png" alt="">
                      <div>
                        <span class="is-block has-text-weight-medium has-text-dark">Jennifer Hayes</span>
                        <span class="is-block fs-9 text-secondary-light has-text-dark">CTO, Tech Industry</span>
                      </div>
                    </div>
                </div>
                <div class="is-inline-block" style="width: 100%; white-space: normal;">
                    <span class="tag is-dark mb-10">Apartament</span>
                    <p class="is-size-5-mobile is-size-4-tablet mb-10 has-text-dark">
                      <span>“With roots in</span>
                      <span></span>
                      <span class="text-secondary-light">San Francisco and offices in Sydney, Hong Kong, Amsterdam, Toronto, and São Paulo,</span>
                      <span>Stratify Capital pioneers investments in transformative markets. CEO Alex Rodriguez leads our commitment to delivering superior returns while making positive contributions to communities and the environment.</span>
                    </p>
                    <div class="is-flex mb-16 is-align-items-center has-text-left is-justify-content-center">
                      <img class="image mr-4" src="asitrastudio-assets/testimonials/avatar-men.png" alt="">
                      <div>
                        <span class="is-block has-text-weight-medium has-text-dark">Samantha Roberts</span>
                        <span class="is-block fs-9 text-secondary-light has-text-dark">CEO, Finance Industry</span>
                      </div>
                    </div>
                </div>
            </div>
        </div>
      <div class="buttons is-centered">
        <button x-on:click="activeSlide = activeSlide > 1 ? activeSlide - 1 : slideCount" class="button p-0 is-rounded is-dark is-outlined mr-9 is-flex is-align-items-center is-justify-content-center btn-outline-dark rounded-pill" style="width: 74px; height: 74px;">
          <svg width="27" height="27" viewbox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M10.7051 7.12817L4.15732 13.6759L10.7051 20.2237" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M22.4941 13.6759H4.33949" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </button>
        <button x-on:click="activeSlide = activeSlide < slideCount ? activeSlide + 1 : 1" class="button p-0 is-rounded is-dark is-outlined is-flex is-align-items-center is-justify-content-center btn-outline-dark rounded-pill" style="width: 74px; height: 74px;">
          <svg width="27" height="27" viewbox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M16.2949 7.12817L22.8427 13.6759L16.2949 20.2237" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M4.50586 13.6759H22.6605" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </button>
      </div>
    </div>
  </div>
</section>

Testimonials from asitrastudio

Bootstrap

asitrastudio

<section class="position-relative py-12 py-md-24 bg-light overflow-hidden">
  <div class="container">
    <div class="mw-6xl mx-auto text-center"><span class="badge mb-10 border border-2 border-dark" >Apartament</span>
      <p class="fw-medium fs-4 mb-10"><span >&ldquo;KW70 Fix is a leading real estate investment firm in the World, headquartered in New York with offices in</span><span class="text-secondary-light" >London, Chicago, Barcelona, Vienna, Rome, Las Vegas.</span><span >
          KW70 Fix looks for markets and locations that have strong fundamental drivers such as job and income growth, better quality of life and a
          business-friendly environment. In those carefully selected&rdquo;</span></p>
      <div class="d-flex mb-16 align-items-center text-start justify-content-center"><img class="img-fluid me-4" src="asitrastudio-assets/testimonials/avatar-men.png" alt=""/>
        <div><span class="d-block fw-medium" >Wade Warren</span><span class="d-block fs-9 text-secondary-light" >CEO, Since Industry</span></div>
      </div>
      <div><a class="btn me-9 d-inline-flex align-items-center justify-content-center p-0 btn-outline-dark rounded-pill" href="#" style="width: 74px; height: 74px;">
          <svg width="27" height="27" viewbox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M10.7051 7.12817L4.15732 13.6759L10.7051 20.2237" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M22.4941 13.6759H4.33949" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg></a><a class="btn d-inline-flex align-items-center justify-content-center p-0 btn-outline-dark rounded-pill" href="#" style="width: 74px; height: 74px;">
          <svg width="27" height="27" viewbox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M16.2949 7.12817L22.8427 13.6759L16.2949 20.2237" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M4.50586 13.6759H22.6605" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg></a></div>
    </div>
  </div>
</section>

Testimonials Components by Shuffle

Choose from 15 variations of Testimonials UI components. Presented here are variants available in Asitrastudio library.

You will also find many other types of components in Shuffle Editor that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.

Get access to all Testimonials UI components, code and our visual editor. Try the demo for free!

Try for Free →

Redirecting to PayPal

Supporting tools

Plans

Testimonials Components in Asitrastudio library

Framework

UI Library

Components

Testimonials from asitrastudio

Testimonials from asitrastudio

Testimonials from asitrastudio

Testimonials Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to live website in minutes.

Why the Lifetime License price is changing

New in your Lifetime License

AI Agent

Multi-AI Designer

Make it yours with AI

Sign in to create with AI

Add images & videos

How it works

Products

UI Components

Extensions

Support

Company

Redirecting to PayPal

Shuffle's Editors

Supporting tools

Plans

Shuffle’s design systems

Most popular ui libraries

Flex

Zanrly

Saturn

Flaro

Gradia

Basko

Artemis

Vendia

Testimonials Components in Asitrastudio library

Framework

UI Library

Components

Testimonials from asitrastudio

Testimonials from asitrastudio

Testimonials from asitrastudio

Testimonials Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to live website in minutes.

Products

UI Components

Extensions

Support

Company