Clients.

7 Blocks

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.

1

      <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-left lg: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>
                    

WICKEDTEMPLATES
"Free & premium Well designed landing pages to integrate with your next project."

Have a look to Wicked Templates.
2

           <section class="mx-auto">
            <div class="container px-5 mx-auto lg:px-16 lg:py-48">
                <div class="grid grid-cols-3 gap-16 my-16 text-center lg:grid-cols-6">
                    <div class="flex text-left">
                        <p class="mb-6 text-xl font-semibold text-blue-800 title-font">Deploy your mvp in
                           </p>
                    </div>
                    <div class="flex 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 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 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 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 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>
                  
3

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

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

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

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

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