Collections Three

Aurora Lens Series

Discover clarity like never before with our precision-crafted camera lenses for every creative vision.

Learn More

Terra Gear Collection

Built for the trail and designed for life, our outdoor gear adapts to every terrain you tackle.

Learn More

Velocity Smartwatch

Stay connected and in control with our next-gen smartwatch featuring real-time health tracking.

Learn More

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

<section class="body-font text-gray-600">
  <div
    class="container pl-5 pr-5 px-5 pt-24 pb-24 py-24 ml-auto mr-auto mx-auto flex flex-wrap"
  >
    <div class="ml-auto mr-auto mx-auto lg:w-2/3">
      <div
        class="relative flex flex-wrap w-full bg-gray-100 pt-32 pb-32 py-32 pl-10 pr-10 px-10 mb-4"
      >
        <img
          alt="gallery"
          class="block w-full object-cover h-full object-center opacity-25 absolute inset-0"
          src="https://images.unsplash.com/photo-1531871165793-30177cc75a44?q=80&amp;w=2070&amp;auto=format&amp;fit=crop&amp;ixlib=rb-4.1.0&amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
        />
        <div class="relative z-10 text-center w-full">
          <h2 class="title-font text-2xl text-gray-900 font-medium mb-2">
            Aurora Lens Series
          </h2>
          <p class="leading-relaxed">
            Discover clarity like never before with our precision-crafted camera
            lenses for every creative vision.
          </p>
          <a class="inline-flex mt-3 text-indigo-500 items-center">
            <span
              data-node-handle="base-text"
              class="inline-block h-auto w-auto"
            >
              Learn More
            </span>
            <svg
              fill="none"
              stroke="currentColor"
              stroke-linecap="round"
              stroke-linejoin="round"
              stroke-width="2"
              class="w-4 h-4 ml-2"
              viewBox="0 0 24 24"
            >
              <path d="M5 12h14M12 5l7 7-7 7"></path>
            </svg>
          </a>
        </div>
      </div>
      <div class="-mx-2 flex flex-wrap">
        <div class="pl-2 pr-2 px-2 w-1/2">
          <div
            class="relative flex flex-wrap w-full bg-gray-100 pt-16 pb-16 py-16 pl-6 pr-6 px-6 sm:pt-24 sm:pb-24 sm:py-24 sm:pl-10 sm:pr-10 sm:px-10"
          >
            <img
              alt="gallery"
              class="block w-full object-cover h-full object-center opacity-25 absolute inset-0"
              src="https://images.unsplash.com/photo-1485809052957-5113b0ff51af?q=80&amp;w=1935&amp;auto=format&amp;fit=crop&amp;ixlib=rb-4.1.0&amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
            />
            <div class="relative z-10 text-center w-full">
              <h2 class="title-font text-xl text-gray-900 font-medium mb-2">
                Terra Gear Collection
              </h2>
              <p class="leading-relaxed">
                Built for the trail and designed for life, our outdoor gear
                adapts to every terrain you tackle.
              </p>
              <a class="inline-flex mt-3 text-indigo-500 items-center">
                <span
                  data-node-handle="base-text"
                  class="inline-block h-auto w-auto"
                >
                  Learn More
                </span>
                <svg
                  fill="none"
                  stroke="currentColor"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  class="w-4 h-4 ml-2"
                  viewBox="0 0 24 24"
                >
                  <path d="M5 12h14M12 5l7 7-7 7"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
        <div class="pl-2 pr-2 px-2 w-1/2">
          <div
            class="relative flex flex-wrap w-full bg-gray-100 pt-16 pb-16 py-16 pl-6 pr-6 px-6 sm:pt-24 sm:pb-24 sm:py-24 sm:pl-10 sm:pr-10 sm:px-10"
          >
            <img
              alt="gallery"
              class="block w-full object-cover h-full object-center opacity-25 absolute inset-0"
              src="https://images.unsplash.com/photo-1632794716789-42d9995fb5b6?q=80&amp;w=2070&amp;auto=format&amp;fit=crop&amp;ixlib=rb-4.1.0&amp;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
            />
            <div class="relative z-10 text-center w-full">
              <h2 class="title-font text-xl text-gray-900 font-medium mb-2">
                Velocity Smartwatch
              </h2>
              <p class="leading-relaxed">
                Stay connected and in control with our next-gen smartwatch
                featuring real-time health tracking.
              </p>
              <a class="inline-flex mt-3 text-indigo-500 items-center">
                <span
                  data-node-handle="base-text"
                  class="inline-block h-auto w-auto"
                >
                  Learn More
                </span>
                <svg
                  fill="none"
                  stroke="currentColor"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  class="w-4 h-4 ml-2"
                  viewBox="0 0 24 24"
                >
                  <path d="M5 12h14M12 5l7 7-7 7"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>