Logos Three

Partnered with Industry Leaders

@import url("/template/basic-library/section/logos/logos-three/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"
  >
    <h2
      class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-8 lg:text-3xl"
    >
      Partnered with Industry Leaders
    </h2>
    <div
      class="grid grid-cols-2 sm:content-evenly md:grid-cols-4 gap-6 rounded-lg bg-gray-100 pt-6 pr-6 pb-6 pl-6 sm:h-40"
    >
      <div class="flex justify-center text-indigo-500">
        <img
          class="max-w-full w-44 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/type/acme.png"
        />
      </div>
      <div class="flex justify-center text-indigo-500">
        <img
          class="max-w-full w-44 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/type/aven.png"
        />
      </div>
      <div class="flex justify-center text-indigo-500">
        <img
          class="max-w-full w-44 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/type/code-lab.png"
        />
      </div>
      <div class="flex justify-center text-indigo-500">
        <img
          class="max-w-full w-44 h-max object-center"
          src="https://pub-e63b17b4d990438a83af58c15949f8a2.r2.dev/type/hexa.png"
        />
      </div>
    </div>
  </div>
</div>