Testimonials
testimonial 客户感言
Testimonial #1
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-xl mx-auto">
<h5 class="text-lg text-gray-700 font-medium text-center">Dora Kelly</h5>
<p class="text-base text-gray-600 text-center">Marketing Manager, Sbalbew</p>
</div>
<div class="max-w-screen-md mx-auto mt-8">
<p class="text-lg lg:text-xl text-gray-600 text-center ">
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary
</p>
</div>
<div class="max-w-screen-xl mx-auto px-6 lg:px-8 xl:px-4 grid grid-cols-2 sm:grid-cols-3 space-y-5 sm:space-y-3 xl:grid-cols-6 col-gap-6 mt-8 lg:mt-10">
<img class="h-12 p-1 self-end justify-self-center opacity-30" src="http://demo-assets.uibak.com/themesdev/boxify-logo.svg"alt="logo placeholder">
<img class="h-10 p-1 self-end justify-self-center opacity-30" src="http://demo-assets.uibak.com/themesdev/edge-logo.svg"alt="logo placeholder">
<img class="h-10 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/sbalbew-logo.svg"alt="logo placeholder">
<img class="h-10 p-1 self-end justify-self-center opacity-30" src="http://demo-assets.uibak.com/themesdev/drops-logo.svg"alt="logo placeholder">
<img class="h-12 p-1 self-end justify-self-center opacity-30" src="http://demo-assets.uibak.com/themesdev/pathway-logo.svg"alt="logo placeholder">
<img class="h-12 p-1 self-end justify-self-center opacity-30" src="http://demo-assets.uibak.com/themesdev/feedback-logo.svg"alt="logo placeholder">
</div>
</div>
Testimonial #2
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-lg mx-auto">
<h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">What our customers say</h2>
<p class="text-xl lg:text-2xl text-gray-600 text-center mt-2">The quick, brown fox jumps over a lazy dog.</p>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-12 lg:gap-x-8 xl:gap-x-16 mt-6 lg:mt-8 xl:mt-12">
<div>
<p class="text-lg italic">"One morning, when Gregor Samsa woke from troubled dreams, he found himself It showed transformed in his bed
into a horrible vermin. Bad, for quick jigs vex! Fox nymphs."</p>
<div class="flex flex-row items-center space-x-4 mt-6 lg:mt-8 ">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16">
<div class="space-y-1">
<span class="text-lg font-semibold text-gray-700 block">Alan Gregory</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Facebook</span>
</div>
</div>
</div>
<div>
<p class="text-lg italic">"Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave ghost pled. Five quacking zephyrs jolt my wax bed."</p>
<div class="flex flex-row items-center space-x-4 mt-6 lg:mt-8 ">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16">
<div class="space-y-1">
<span class="text-lg font-semibold text-gray-700 block">Tanya Gilbert</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Google</span>
</div>
</div>
</div>
<div>
<p class="text-lg italic">"Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for luck "</p>
<div class="flex flex-row items-center space-x-4 mt-6 lg:mt-8 ">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16">
<div class="space-y-1">
<span class="text-lg font-semibold text-gray-700 block">Joanne Gregory</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Instagram</span>
</div>
</div>
</div>
</div>
</div>
</div>
Testimonial #3
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-lg mx-auto flex flex-col md:flex-row items-start space-y-6 md:space-y-0 md:space-x-6 lg:space-x-10">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-32 relative -top-2">
<div>
<p class="text-lg lg:text-xl font-sem italic">"Quick brown dogs jump over the lazy fox. The jay, pig, fox,
zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for
luck. A wizard’s job is to vex chumps quickly in fog. Watch "Jeopardy! ", Alex Trebek's fun TV quiz game.
Woven silk pyjamas exchanged for blue quartz. Brawny gods just"</p>
<div class="space-y-1 mt-4 lg:mt-6">
<span class="text-lg font-semibold text-gray-700 block">Alan Gregory</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Facebook</span>
</div>
</div>
</div>
</div>
Testimonial #4
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-xl mx-auto">
<h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Happy themes.dev customers</h2>
<p class="text-xl lg:text-2xl text-gray-600 text-center mt-2">Far from the countries Vokalia and Consonantia</p>
</div>
<div class="max-w-screen-xl mx-auto px-6 lg:px-8 xl:px-4 grid grid-cols-1 sm:grid-cols-2 space-y-5 sm:space-y-3 xl:grid-cols-5 col-gap-6 xl:gap-12 mt-8 lg:mt-10">
<img class="h-12 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/boxify-logo.svg"alt="logo placeholder">
<img class="h-10 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/edge-logo.svg"alt="logo placeholder">
<img class="h-10 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/sbalbew-logo.svg"alt="logo placeholder">
<img class="h-12 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/windlog-logo.svg"alt="logo placeholder">
<img class="h-12 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/feedback-logo.svg"alt="logo placeholder">
<img class="h-12 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/jobboard-logo.svg"alt="logo placeholder">
<img class="h-12 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/pathway-logo.svg"alt="logo placeholder">
<img class="h-10 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/airstream-logo.svg"alt="logo placeholder">
<img class="h-10 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/drops-logo.svg"alt="logo placeholder">
<img class="h-12 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/fastdelivery-logo.svg"alt="logo placeholder">
</div>
</div>
Testimonial #5
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-xl mx-auto">
<div class="flex justify-center">
<svg viewBox="0 0 37 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-12 md:w-24">
<path d="M28.3438 23.0625C27.1562 23.0625 26.0729 22.8854 25.0938 22.5312C24.1146 22.1562 23.2812 21.6458 22.5938 21C21.9062 20.3333 21.3646 19.5312 20.9688 18.5938C20.5938 17.6562 20.4062 16.6146 20.4062 15.4688C20.4062 14.2812 20.6146 13.0417 21.0312 11.75C21.4688 10.4583 22.0938 9.15625 22.9062 7.84375C23.7188 6.53125 24.6979 5.23958 25.8438 3.96875C27.0104 2.67708 28.3333 1.4375 29.8125 0.25L33.4062 3.0625C32.7188 3.77083 32.0938 4.44792 31.5312 5.09375C30.9896 5.73958 30.4896 6.38542 30.0312 7.03125C29.5729 7.67708 29.1458 8.34375 28.75 9.03125C28.375 9.71875 28.0312 10.4479 27.7188 11.2188L36.2188 15.4688C36.2188 16.5938 36 17.625 35.5625 18.5625C35.1458 19.5 34.5833 20.3021 33.875 20.9688C33.1667 21.6354 32.3333 22.1562 31.375 22.5312C30.4167 22.8854 29.4062 23.0625 28.3438 23.0625ZM7.9375 23.0625C6.75 23.0625 5.66667 22.8854 4.6875 22.5312C3.70833 22.1562 2.875 21.6458 2.1875 21C1.5 20.3333 0.958333 19.5312 0.5625 18.5938C0.1875 17.6562 0 16.6146 0 15.4688C0 14.2812 0.208333 13.0417 0.625 11.75C1.0625 10.4583 1.6875 9.15625 2.5 7.84375C3.3125 6.53125 4.29167 5.23958 5.4375 3.96875C6.60417 2.67708 7.92708 1.4375 9.40625 0.25L13 3.0625C12.3125 3.77083 11.6875 4.44792 11.125 5.09375C10.5833 5.73958 10.0833 6.38542 9.625 7.03125C9.16667 7.67708 8.73958 8.34375 8.34375 9.03125C7.96875 9.71875 7.625 10.4479 7.3125 11.2188L15.8125 15.4688C15.8125 16.5938 15.5938 17.625 15.1562 18.5625C14.7396 19.5 14.1771 20.3021 13.4688 20.9688C12.7604 21.6354 11.9271 22.1562 10.9688 22.5312C10.0104 22.8854 9 23.0625 7.9375 23.0625Z" fill="#4A5568"/>
</svg>
</div>
</div>
<div class="max-w-screen-md mx-auto mt-8">
<p class="text-lg lg:text-xl text-gray-600 text-center ">
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary
</p>
</div>
<div class="max-w-screen-xl mx-auto flex justify-center space-x-8 lg:space-x-20 mt-8 lg:mt-10 xl:mt-16">
<div class="text-center opacity-75">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16 md:w-32 mb-5 mx-auto">
<span class="text-base md:text-lg font-semibold text-gray-700 block">Tanya Gilbert</span>
<span class="text-sm md:text-base font-semibold text-gray-500 block">CEO - Google</span>
</div>
<div class="text-center">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16 md:w-32 mb-5 mx-auto">
<span class="text-base md:text-lg font-semibold text-gray-700 block">Alan Gregory</span>
<span class="text-sm md:text-base font-semibold text-gray-500 block">CEO - Facebook</span>
</div>
<div class="text-center opacity-75">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16 md:w-32 mb-5 mx-auto">
<span class="text-base md:text-lg font-semibold text-gray-700 block">Joanne Gregory</span>
<span class="text-sm md:text-base font-semibold text-gray-500 block">CEO - Instagram</span>
</div>
</div>
</div>
Testimonial #6
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-lg mx-auto">
<h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">What our customers say</h2>
<p class="text-xl lg:text-2xl text-gray-600 text-center mt-2">The quick, brown fox jumps over a lazy dog.</p>
<div class="grid md:grid-cols-2 gap-12 lg:gap-x-8 xl:gap-x-16 mt-6 lg:mt-8 xl:mt-12">
<div>
<div class="bg-gray-200 flex items-start space-x-4 p-8">
<svg viewBox="0 0 37 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-12">
<path d="M28.3438 23.0625C27.1562 23.0625 26.0729 22.8854 25.0938 22.5312C24.1146 22.1562 23.2812 21.6458 22.5938 21C21.9062 20.3333 21.3646 19.5312 20.9688 18.5938C20.5938 17.6562 20.4062 16.6146 20.4062 15.4688C20.4062 14.2812 20.6146 13.0417 21.0312 11.75C21.4688 10.4583 22.0938 9.15625 22.9062 7.84375C23.7188 6.53125 24.6979 5.23958 25.8438 3.96875C27.0104 2.67708 28.3333 1.4375 29.8125 0.25L33.4062 3.0625C32.7188 3.77083 32.0938 4.44792 31.5312 5.09375C30.9896 5.73958 30.4896 6.38542 30.0312 7.03125C29.5729 7.67708 29.1458 8.34375 28.75 9.03125C28.375 9.71875 28.0312 10.4479 27.7188 11.2188L36.2188 15.4688C36.2188 16.5938 36 17.625 35.5625 18.5625C35.1458 19.5 34.5833 20.3021 33.875 20.9688C33.1667 21.6354 32.3333 22.1562 31.375 22.5312C30.4167 22.8854 29.4062 23.0625 28.3438 23.0625ZM7.9375 23.0625C6.75 23.0625 5.66667 22.8854 4.6875 22.5312C3.70833 22.1562 2.875 21.6458 2.1875 21C1.5 20.3333 0.958333 19.5312 0.5625 18.5938C0.1875 17.6562 0 16.6146 0 15.4688C0 14.2812 0.208333 13.0417 0.625 11.75C1.0625 10.4583 1.6875 9.15625 2.5 7.84375C3.3125 6.53125 4.29167 5.23958 5.4375 3.96875C6.60417 2.67708 7.92708 1.4375 9.40625 0.25L13 3.0625C12.3125 3.77083 11.6875 4.44792 11.125 5.09375C10.5833 5.73958 10.0833 6.38542 9.625 7.03125C9.16667 7.67708 8.73958 8.34375 8.34375 9.03125C7.96875 9.71875 7.625 10.4479 7.3125 11.2188L15.8125 15.4688C15.8125 16.5938 15.5938 17.625 15.1562 18.5625C14.7396 19.5 14.1771 20.3021 13.4688 20.9688C12.7604 21.6354 11.9271 22.1562 10.9688 22.5312C10.0104 22.8854 9 23.0625 7.9375 23.0625Z" fill="#4A5568"/>
</svg>
<p class="text-lg italic flex-1">"One morning, when Gregor Samsa woke from tr, he found himself It showed transformed in his bed
into a horrible vermin. Bad, for quick jigs vex! Fox nymphs."</p>
</div>
<div class="flex flex-row items-center space-x-4 mt-6 lg:mt-8 ">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16">
<div class="space-y-1">
<span class="text-lg font-semibold text-gray-700 block">Alan Gregory</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Facebook</span>
</div>
</div>
</div>
<div>
<div class="bg-gray-200 flex items-start space-x-4 p-8">
<svg viewBox="0 0 37 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-12">
<path d="M28.3438 23.0625C27.1562 23.0625 26.0729 22.8854 25.0938 22.5312C24.1146 22.1562 23.2812 21.6458 22.5938 21C21.9062 20.3333 21.3646 19.5312 20.9688 18.5938C20.5938 17.6562 20.4062 16.6146 20.4062 15.4688C20.4062 14.2812 20.6146 13.0417 21.0312 11.75C21.4688 10.4583 22.0938 9.15625 22.9062 7.84375C23.7188 6.53125 24.6979 5.23958 25.8438 3.96875C27.0104 2.67708 28.3333 1.4375 29.8125 0.25L33.4062 3.0625C32.7188 3.77083 32.0938 4.44792 31.5312 5.09375C30.9896 5.73958 30.4896 6.38542 30.0312 7.03125C29.5729 7.67708 29.1458 8.34375 28.75 9.03125C28.375 9.71875 28.0312 10.4479 27.7188 11.2188L36.2188 15.4688C36.2188 16.5938 36 17.625 35.5625 18.5625C35.1458 19.5 34.5833 20.3021 33.875 20.9688C33.1667 21.6354 32.3333 22.1562 31.375 22.5312C30.4167 22.8854 29.4062 23.0625 28.3438 23.0625ZM7.9375 23.0625C6.75 23.0625 5.66667 22.8854 4.6875 22.5312C3.70833 22.1562 2.875 21.6458 2.1875 21C1.5 20.3333 0.958333 19.5312 0.5625 18.5938C0.1875 17.6562 0 16.6146 0 15.4688C0 14.2812 0.208333 13.0417 0.625 11.75C1.0625 10.4583 1.6875 9.15625 2.5 7.84375C3.3125 6.53125 4.29167 5.23958 5.4375 3.96875C6.60417 2.67708 7.92708 1.4375 9.40625 0.25L13 3.0625C12.3125 3.77083 11.6875 4.44792 11.125 5.09375C10.5833 5.73958 10.0833 6.38542 9.625 7.03125C9.16667 7.67708 8.73958 8.34375 8.34375 9.03125C7.96875 9.71875 7.625 10.4479 7.3125 11.2188L15.8125 15.4688C15.8125 16.5938 15.5938 17.625 15.1562 18.5625C14.7396 19.5 14.1771 20.3021 13.4688 20.9688C12.7604 21.6354 11.9271 22.1562 10.9688 22.5312C10.0104 22.8854 9 23.0625 7.9375 23.0625Z" fill="#4A5568"/>
</svg>
<p class="text-lg italic flex-1">"Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave ghost pled. Five quacking zephyrs jolt my wax bed."</p>
</div>
<div class="flex flex-row items-center space-x-4 mt-6 lg:mt-8 ">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16">
<div class="space-y-1">
<span class="text-lg font-semibold text-gray-700 block">Tanya Gilbert</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Google</span>
</div>
</div>
</div>
</div>
</div>
</div>
Testimonial #7
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8">
<div class="max-w-screen-lg mx-auto flex flex-col md:flex-row items-stretch">
<div class="px-8 pt-8 pb-12 order-2 md:order-1">
<svg viewBox="0 0 37 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-12">
<path d="M28.3438 23.0625C27.1562 23.0625 26.0729 22.8854 25.0938 22.5312C24.1146 22.1562 23.2812 21.6458 22.5938 21C21.9062 20.3333 21.3646 19.5312 20.9688 18.5938C20.5938 17.6562 20.4062 16.6146 20.4062 15.4688C20.4062 14.2812 20.6146 13.0417 21.0312 11.75C21.4688 10.4583 22.0938 9.15625 22.9062 7.84375C23.7188 6.53125 24.6979 5.23958 25.8438 3.96875C27.0104 2.67708 28.3333 1.4375 29.8125 0.25L33.4062 3.0625C32.7188 3.77083 32.0938 4.44792 31.5312 5.09375C30.9896 5.73958 30.4896 6.38542 30.0312 7.03125C29.5729 7.67708 29.1458 8.34375 28.75 9.03125C28.375 9.71875 28.0312 10.4479 27.7188 11.2188L36.2188 15.4688C36.2188 16.5938 36 17.625 35.5625 18.5625C35.1458 19.5 34.5833 20.3021 33.875 20.9688C33.1667 21.6354 32.3333 22.1562 31.375 22.5312C30.4167 22.8854 29.4062 23.0625 28.3438 23.0625ZM7.9375 23.0625C6.75 23.0625 5.66667 22.8854 4.6875 22.5312C3.70833 22.1562 2.875 21.6458 2.1875 21C1.5 20.3333 0.958333 19.5312 0.5625 18.5938C0.1875 17.6562 0 16.6146 0 15.4688C0 14.2812 0.208333 13.0417 0.625 11.75C1.0625 10.4583 1.6875 9.15625 2.5 7.84375C3.3125 6.53125 4.29167 5.23958 5.4375 3.96875C6.60417 2.67708 7.92708 1.4375 9.40625 0.25L13 3.0625C12.3125 3.77083 11.6875 4.44792 11.125 5.09375C10.5833 5.73958 10.0833 6.38542 9.625 7.03125C9.16667 7.67708 8.73958 8.34375 8.34375 9.03125C7.96875 9.71875 7.625 10.4479 7.3125 11.2188L15.8125 15.4688C15.8125 16.5938 15.5938 17.625 15.1562 18.5625C14.7396 19.5 14.1771 20.3021 13.4688 20.9688C12.7604 21.6354 11.9271 22.1562 10.9688 22.5312C10.0104 22.8854 9 23.0625 7.9375 23.0625Z" fill="#4A5568"/>
</svg>
<div class="flex-1 mt-6">
<p class="text-lg lg:text-xl font-sem italic">"Quick brown dogs jump over the lazy fox. The jay, pig, fox,
zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for
luck. A wizard’s job is to vex chumps quickly in fog. </p>
<div class="space-y-1 mt-4 lg:mt-6">
<span class="text-lg font-semibold text-gray-700 block">Alan Gregory</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Facebook</span>
</div>
</div>
</div>
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="mt-6 md:mt-0 md:min-full md:object-cover order-1 md:order-2 max-w-sm mx-auto">
</div>
</div>
Testimonial #8
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-lg mx-auto">
<h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">What our customers say</h2>
<p class="text-xl lg:text-2xl text-gray-600 text-center mt-2">The quick, brown fox jumps over a lazy dog.</p>
<div class="flex justify-between items-center space-x-6 mt-6 lg:mt-8 xl:mt-12">
<button class="bg-gray-200 w-8 md:w-12 h-8 md:h-12 rounded-full flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 md:w-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
</svg>
</button>
<div class="grid grid-cols-2 flex-1 max-w-3xl mx-auto">
<div class="col-span-2 md:col-span-1">
<img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"alt="image placeholder" class="object-cover min-h-full">
</div>
<div class="bg-gray-200 p-8 flex items-center justify-center col-span-2 md:col-span-1">
<div>
<div class="flex flex-row items-center space-x-4">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16">
<div class="space-y-1">
<span class="text-lg font-semibold text-gray-700 block">Alan Gregory</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Facebook</span>
</div>
</div>
<p class="text-lg italic flex-1 mt-8">"One morning, when Gregor Samsa woke from tr, he found himself It showed transformed in his bed
into a horrible vermin. Bad, for quick jigs vex! Fox."</p>
<div class="flex mt-6">
<svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg><svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg><svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg><svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg><svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg>
</div>
</div>
</div>
</div>
<button class="bg-gray-200 w-8 md:w-12 h-8 md:h-12 rounded-full flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 md:w-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</button>
</div>
</div>
</div>
Testimonial #9
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-lg mx-auto">
<h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">What our customers say</h2>
<p class="text-xl lg:text-2xl text-gray-600 text-center mt-2">The quick, brown fox jumps over a lazy dog.</p>
<div class="flex justify-between items-center space-x-6 mt-8 xl:mt-12">
<button class="bg-gray-200 w-8 md:w-12 h-8 md:h-12 rounded-full flex items-center justify-center -top-12 relative">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 md:w-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
</svg>
</button>
<div class="max-w-screen-md mx-auto flex-1">
<div class="flex justify-center">
<svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg><svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg><svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg><svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg><svg class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg>
</div>
<p class="text-lg lg:text-xl text-gray-600 text-center mt-6">
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary
</p>
<h5 class="text-lg text-gray-700 font-medium text-center mt-6">Dora Kelly</h5>
<p class="text-base text-gray-600 text-center">Marketing Manager, Sbalbew</p>
</div>
<button class="bg-gray-200 w-8 md:w-12 h-8 md:h-12 rounded-full flex items-center justify-center -top-12 relative">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 md:w-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</button>
</div>
</div>
</div>
Testimonial #10
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-16">
<div class="max-w-screen-md mx-auto text-center">
<img class="h-12 p-1 opacity-80 mx-auto" src="http://demo-assets.uibak.com/themesdev/pathway-logo.svg"alt="logo placeholder">
<p class="text-lg lg:text-xl text-gray-600 mt-4">
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary
</p>
<div class="mt-8">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16 mx-auto">
<h5 class="text-lg text-gray-700 font-medium mt-3">Dora Kelly</h5>
<p class="text-base text-gray-600">Marketing Manager, pathway</p>
</div>
</div>
</div>
Testimonial #11
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-xl mx-auto px-6 lg:px-8 xl:px-4 grid grid-cols-1 sm:grid-cols-2 space-y-5 sm:space-y-3 xl:grid-cols-5 col-gap-6 xl:gap-12">
<img class="h-12 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/jobboard-logo.svg"alt="logo placeholder">
<img class="h-12 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/pathway-logo.svg"alt="logo placeholder">
<img class="h-10 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/airstream-logo.svg"alt="logo placeholder">
<img class="h-10 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/drops-logo.svg"alt="logo placeholder">
<img class="h-12 p-1 self-end justify-self-center opacity-75" src="http://demo-assets.uibak.com/themesdev/fastdelivery-logo.svg"alt="logo placeholder">
</div>
</div>
Testimonial #12
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-lg mx-auto flex flex-col md:flex-row items-start space-y-6 md:space-y-0 md:space-x-6 lg:space-x-10">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-32 relative -top-2">
<div class="border-l-4 border-gray-300 pl-4 md:pl-8">
<p class="text-lg lg:text-xl font-sem italic">"Quick brown dogs jump over the lazy fox. The jay, pig, fox,
zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for
luck. A wizard’s job is to vex chumps quickly in fog.</p>
<div class="flex space-x-2 space-y-1 mt-4">
<span class="text-lg font-semibold text-gray-700 block">Alan Gregory</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Facebook</span>
</div>
</div>
</div>
</div>
Testimonial #13
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-lg mx-auto">
<div class="grid md:grid-cols-2 gap-12 lg:gap-x-8">
<div class="self-center">
<p class="text-lg text-gray-600">
Far far away, behind the word mountains, far from the Consonantia, blind texts. Separated they live in Bookmarksgrove right at the coast Low of the Semantics, a named Duden flows by their place and supplies it with
</p>
<a href="#" class="inline-block bg-gray-600 font-semibold rounded-lg py-4 px-5 lg:px-8 text-white mt-6">Order now</a>
</div>
<div class="border-t-2 lg:border-t-0 lg:border-l-2 border-gray-200 lg:pl-8 pt-6 lg:pt-0">
<img class="h-12 p-1 opacity-75 mb-5" src="http://demo-assets.uibak.com/themesdev/fastdelivery-logo.svg"alt="logo placeholder">
<p class="text-lg italic">"Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave ghost pled. Five quacking zephyrs jolt my wax bed."</p>
<div class="flex flex-row items-center space-x-4 mt-6 lg:mt-8 ">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-12">
<div class="space-y-1">
<span class="text-base font-semibold text-gray-700 block">Tanya Gilbert</span>
<span class="text-sm font-semibold text-gray-500 block">CEO - Google</span>
</div>
</div>
</div>
</div>
</div>
</div>
Testimonial #14
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-xl mx-auto">
<h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium text-center">Client reviews</h2>
</div>
<div class="max-w-screen-xl mx-auto px-6 lg:px-8 xl:px-4 mt-8 lg:mt-10 flex space-x-4 lg:space-x-12 items-center justify-center">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16 opacity-50">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16 opacity-100">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16 opacity-50">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16 opacity-50">
</div>
<div class="max-w-screen-md mx-auto mt-8 lg:mt-12">
<p class="text-lg lg:text-xl text-gray-600 text-center ">
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary
</p>
</div>
<div class="max-w-screen-xl mx-auto mt-6 lg:mt-10">
<h5 class="text-lg text-gray-700 font-medium text-center">Dora Kelly</h5>
<p class="text-base text-gray-600 text-center">Marketing Manager, Sbalbew</p>
</div>
</div>
Testimonial #15
=
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
<div class="max-w-screen-lg mx-auto">
<div class="grid md:grid-cols-2 gap-12 lg:gap-x-8 xl:gap-x-16">
<div class="bg-white border border-gray-200 p-8">
<div class="flex flex-row items-center space-x-4 mb-6">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16">
<div class="space-y-1">
<span class="text-lg font-semibold text-gray-700 block">Alan Gregory</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Facebook</span>
</div>
</div>
<p class="text-lg flex-1">"One morning, when Gregor Samsa woke from tr, he found himself It showed transformed in his bed vermin. Bad, for quick jigs vex! Fox nymphs."</p>
</div>
<div class="bg-white border border-gray-200 p-8">
<div class="flex flex-row items-center space-x-4 mb-6">
<img src="http://demo-assets.uibak.com/themesdev/user-placeholder.svg"alt="User placeholder" class="rounded-full w-16">
<div class="space-y-1">
<span class="text-lg font-semibold text-gray-700 block">Tanya Gilbert</span>
<span class="text-base font-semibold text-gray-500 block">CEO - Google</span>
</div>
</div>
<p class="text-lg flex-1">"Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack!" pled. Five quacking zephyrs jolt my wax bed."</p>
</div>
</div>
</div>
</div>
总共 15 条记录