Testimonials Five

“Partnering with this team has been a transformative experience. Their ability to align strategy with creativity has truly elevated our brand. Every aspect of the project was approached with passion and precision, delivering exceptional results.”

John McCulling

CEO / Datadrift

@import url("/template/basic-library/section/testimonials/testimonials-five/raw/styles.css");

<div
  class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
  <div
    class="ml-auto mr-auto mx-auto max-w-screen-2xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
  >
    <div class="flex flex-col items-center gap-4 md:gap-6">
      <img
        class="max-w-full w-40 h-max object-center"
        src="https://tailsections.com/logo.png"
      />
      <div class="max-w-md text-center text-gray-600 lg:text-lg">
        &#x201c;Partnering with this team has been a transformative experience.
        Their ability to align strategy with creativity has truly elevated our
        brand. Every aspect of the project was approached with passion and
        precision, delivering exceptional results.&#x201d;
      </div>
      <div class="flex flex-col items-center gap-2 sm:flex-row md:gap-3">
        <div
          class="overflow-hidden h-12 w-12 rounded-full bg-gray-100 shadow-lg md:h-14 md:w-14"
        >
          <img
            src="https://images.unsplash.com/photo-1567515004624-219c11d31f2e??auto=format&amp;q=75&amp;fit=crop&amp;w=112"
            loading="lazy"
            alt="Photo by Radu Florin"
            class="h-full w-full object-cover object-center"
          />
        </div>
        <div class>
          <div
            class="text-center text-sm font-bold text-indigo-500 sm:text-left md:text-base"
          >
            John McCulling
          </div>
          <p class="text-center text-sm text-gray-500 sm:text-left md:text-sm">
            CEO / Datadrift
          </p>
        </div>
      </div>
    </div>
  </div>
</div>