WEB CLIENT TESTIMONIALS can be very powerful for helping to establish trust and encouraging visitors to buy, sign up, fill out a form, or take whatever action you are after.
<section class="mx-auto">
<div class="container px-5 mx-auto lg:px-24 lg:py-48">
<div class="flex flex-col w-full mb-12 text-center">
<h1 class="mb-6 text-2xl font-semibold text-blue-800 title-font">
A centered
<br class="md:hidden">
headline.
</h1>
</div>
<div class="grid grid-cols-3 gap-16 my-16 text-center lg:grid-cols-6">
<div class="flex items-center justify-center ">
<img src="https://d33wubrfki0l68.cloudfront.net/e018a9cb3c198579040cd7c76efc4319d9d73065/78dee/logos/notion.svg"
alt="Todoist Logo" class="block object-contain h-16" >
</div>
<div class="flex items-center justify-center ">
<img src="https://d33wubrfki0l68.cloudfront.net/3c4dca12c4e61997e31aa2810408ec46ea6b300c/35012/logos/jb_rider.svg"
alt="logo" class="block object-contain h-16" >
</div>
<div class="flex items-center justify-center ">
<img src="https://d33wubrfki0l68.cloudfront.net/f89a5bbfd36f091aa28386a9a5d00beeac739466/a67a2/logos/marvel.svg"
alt="logo" class="block object-contain h-16" >
</div>
<div class="flex items-center justify-center ">
<img src="https://d33wubrfki0l68.cloudfront.net/00e9e5a3abb0f4a67423ee14f9822db4f0e22172/46c6b/logos/paypal.svg"
alt="logo" class="block object-contain h-16" >
</div>
<div class="flex items-center justify-center ">
<img src="https://d33wubrfki0l68.cloudfront.net/bd27dc44fc4b5c47e46941477c7d332a60d57351/09469/logos/volkswagen.svg"
alt="logo" class="block object-contain h-16" >
</div>
<div class="flex items-center justify-center ">
<img src="https://d33wubrfki0l68.cloudfront.net/7f4ce7b480fdac0e72b719c7de1c37f4e3792529/1f376/logos/stripe.svg"
alt="logo" class="block object-contain h-16" >
</div>
</div>
</div>
</section>
<section class="text-gray-700 body-font">
<div class="container px-8 pb-24 mx-auto pt-36 lg:px-4">
<div class="flex flex-wrap -m-4">
<div class="p-4 mx-auto mb-6 lg:w-1/3 lg:mb-0">
<div class="h-full text-center">
<img alt="testimonial"
class="inline-block object-cover object-center w-20 h-20 mb-8 bg-gray-100 rounded-full"
src="https://dummyimage.com/302x302/94a3b8/ffffff">
<p class="text-base font-medium leading-relaxed text-gray-700">Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble
griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose
blunt. Pressure flip Streetstyle in Tempe mute-air judo air backside fastplant yeah.</p>
<h2 class="mt-12 text-sm font-medium tracking-wider text-gray-900 title-font">Mike Vega</h2>
<p class="text-gray-500">CE0 </p>
</div>
</div>
</div>
</div>
</section>
<section class="text-gray-700 body-font">
<div class="container flex flex-col items-center px-5 py-16 mx-auto lg:px-20 lg:py-36 md:flex-row">
<div class="w-5/6 mb-10 lg:max-w-lg lg:w-full md:w-1/2 md:mb-0">
<img class="object-cover object-center rounded" alt="hero" src="https://dummyimage.com/720x400/94a3b8/ffffff">
</div>
<div
class="flex flex-col items-center text-center lg:flex-grow md:w-1/2 lg:pl-24 md:pl-16 md:items-start md:text-left">
<p class="mb-2 text-base leading-relaxed text-center text-gray-700 lg:text-left lg:text-xl">
"Tailwind CSS templates
with a wicked design.
Professionally designed and 100% responsive static templates for startups and personal use.Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble
griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose
blunt."</p>
<h2 class="my-6 text-sm font-medium tracking-wider text-gray-900 title-font">Mike Vega
<span class="text-gray-500">CE0 </span>
</h2>
<div class="flex ">
<a href="#slide1" class="w-4 h-4 mx-1 bg-gray-400 rounded-full"></a>
<a href="#slide2" class="w-4 h-4 mx-1 bg-gray-400 rounded-full"></a>
<a href="#slide3" class="w-4 h-4 mx-1 bg-gray-400 rounded-full"></a>
</div>
</div>
</div>
</section>
<section class="text-gray-700 body-font">
<div class="container px-8 pt-48 pb-24 mx-auto lg:px-4">
<div class="flex flex-wrap -m-4">
<div class="p-4 mx-auto mb-6 lg:w-1/3 lg:mb-0">
<div class="h-full text-left">
<p class="text-base font-medium leading-relaxed text-gray-700">"Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose blunt. Pressure flip Streetstyle in Tempe mute-air judo air backside fastplant yeah. ".</p>
<a class="inline-flex items-center mt-6">
<img alt="testimonial"
class="inline-block object-cover object-center w-20 h-20 mb-8 bg-gray-100 rounded-full"
src="https://dummyimage.com/302x302/94a3b8/ffffff"> <span
class="flex flex-col flex-grow pl-4">
<span class="font-medium text-gray-900 title-font">Adi Pio</span>
<span class="text-sm text-gray-500 uppercase">Corporate Position</span>
</span>
</a>
</div>
</div>
<div class="p-4 mx-auto mb-6 lg:w-1/3 lg:mb-0">
<div class="h-full text-left">
<p class="text-base font-medium leading-relaxed text-gray-700">"Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose blunt. Pressure flip Streetstyle in Tempe mute-air judo air backside fastplant yeah. ".</p>
<a class="inline-flex items-center mt-6">
<img alt="testimonial"
class="inline-block object-cover object-center w-20 h-20 mb-8 bg-gray-100 rounded-full"
src="https://dummyimage.com/302x302/94a3b8/ffffff"> <span
class="flex flex-col flex-grow pl-4">
<span class="font-medium text-gray-900 title-font">Anna Schönn</span>
<span class="text-sm text-gray-500 uppercase">Corporate Position</span>
</span>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="text-gray-700 body-font">
<div class="container px-8 pt-48 pb-24 mx-auto lg:px-4">
<div class="flex flex-wrap -m-4">
<div class="p-8 mx-auto mb-6 lg:w-1/3 lg:mb-0">
<div class="h-full text-left">
<a class="inline-flex items-center mt-6">
<img alt="testimonial"
class="inline-block object-cover object-center w-16 h-16 mb-8 bg-gray-100 rounded-full"
src="https://dummyimage.com/302x302/94a3b8/ffffff"> <span
class="flex flex-col flex-grow pl-4">
<span class="font-medium text-gray-900 title-font">Adi Pio</span>
<span class="text-sm text-gray-500 uppercase">Corporate Position</span>
</span>
</a>
<p class="text-base font-medium leading-relaxed text-gray-700">"Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose blunt. Pressure flip Streetstyle in Tempe mute-air judo air backside fastplant.".</p>
</div>
</div>
<div class="p-8 mx-auto mb-6 lg:w-1/3 lg:mb-0">
<div class="h-full text-left">
<a class="inline-flex items-center mt-6">
<img alt="testimonial"
class="inline-block object-cover object-center w-16 h-16 mb-8 bg-gray-100 rounded-full"
src="https://dummyimage.com/302x302/94a3b8/ffffff"> <span
class="flex flex-col flex-grow pl-4">
<span class="font-medium text-gray-900 title-font">Anna Schönn</span>
<span class="text-sm text-gray-500 uppercase">Corporate Position</span>
</span>
</a>
<p class="text-base font-medium leading-relaxed text-gray-700">"Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose blunt. Pressure flip Streetstyle in Tempe mute-air judo air backside fastplant.".</p>
</div>
</div>
<div class="p-8 mx-auto mb-6 lg:w-1/3 lg:mb-0">
<div class="h-full text-left">
<a class="inline-flex items-center mt-6">
<img alt="testimonial"
class="inline-block object-cover object-center w-16 h-16 mb-8 bg-gray-100 rounded-full"
src="https://dummyimage.com/302x302/94a3b8/ffffff"> <span class="flex flex-col flex-grow pl-4">
<span class="font-medium text-gray-900 title-font">Jakko Svensson</span>
<span class="text-sm text-gray-500 uppercase">Corporate Position</span>
</span>
</a>
<p class="text-base font-medium leading-relaxed text-gray-700">"Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose blunt. Pressure flip Streetstyle in Tempe mute-air judo air backside fastplant.".</p>
</div>
</div>
</div>
</div>
</section>
<section class="text-gray-700 body-font">
<div class="container px-8 pb-24 mx-auto pt-36 lg:px-4">
<div class="flex flex-wrap -m-4">
<div class="p-8 mx-auto mb-6 lg:w-1/3 lg:mb-0">
<div class="h-full p-4 text-left border rounded-xl">
<p class="text-base font-medium leading-relaxed text-gray-700">"Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose blunt. Pressure flip Streetstyle in Tempe mute-air judo air backside fastplant yeah. ".</p>
<a class="flex flex-wrap items-center mt-6">
<img alt="testimonial"
class="inline-block object-cover object-center w-16 h-16 mb-4 rounded-full bg-4gray-100"
src="https://dummyimage.com/302x302/94a3b8/ffffff">
</a>
<span class="flex flex-col flex-grow ">
<span class="font-medium text-gray-900 title-font">Jakko Svensson</span>
<span class="text-sm text-gray-500 uppercase">Corporate Position</span>
</span>
</div>
</div>
<div class="p-8 mx-auto mb-6 lg:w-1/3 lg:mb-0">
<div class="h-full p-4 text-left border rounded-xl">
<p class="text-base font-medium leading-relaxed text-gray-700">"Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose blunt. Pressure flip Streetstyle in Tempe mute-air judo air backside fastplant yeah. ".</p>
<a class="flex flex-wrap items-center mt-6">
<img alt="testimonial"
class="inline-block object-cover object-center w-16 h-16 mb-4 rounded-full bg-4gray-100"
src="https://dummyimage.com/302x302/94a3b8/ffffff">
</a>
<span class="flex flex-col flex-grow ">
<span class="font-medium text-gray-900 title-font">Mike Taissöön</span>
<span class="text-sm text-gray-500 uppercase">Corporate Position</span>
</span>
</div>
</div>
<div class="p-8 mx-auto mb-6 lg:w-1/3 lg:mb-0">
<div class="h-full p-4 text-left border rounded-xl">
<p class="text-base font-medium leading-relaxed text-gray-700">"Skate ipsum dolor sit amet, slam birdie wheels ollie darkslide egg plant. Baseplate 540 helipop flypaper feeble griptape. Nollie deck street bluntslide half-cab yeah. Casper slide ollie north 540 Bill Danforth slide cess slide nose blunt. Pressure flip Streetstyle in Tempe mute-air judo air backside fastplant yeah. ".</p>
<a class="flex flex-wrap items-center mt-6">
<img alt="testimonial"
class="inline-block object-cover object-center w-16 h-16 mb-4 rounded-full bg-4gray-100"
src="https://dummyimage.com/302x302/94a3b8/ffffff">
</a>
<span class="flex flex-col flex-grow ">
<span class="font-medium text-gray-900 title-font">Sanna Ristola</span>
<span class="text-sm text-gray-500 uppercase">Corporate Position</span>
</span>
</div>
</div>
</div>
</div>
</section>
