Clients.

6 Blocks

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>
                            

wickedtemplates

Spring Offer! 30% discount on all products. Use the Code wicked30

Tired of designing?

Don't lose precious days designing the landing page and testing a site. Instead, integrate one with your favourite framework.


                  <section class="text-gray-700">
                    <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">
                    <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">
                    <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">
                    <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">
                    <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>