Ecommerce One

HEADPHONES

Pulse Audio ZX7

$89.99

SMARTWATCHES

ChronoFit Edge

$199.00

FOOTWEAR

TrekX Urban Runner

$74.50

BACKPACKS

Ridge Trail 28L

$62.75

SUNGLASSES

ArcticLens Aviators

$47.20

CAMERAS

Lumix Street Pro

$449.00

GAMING

NovaStrike Controller

$58.30

DRINKWARE

SteelCore Flask 750ml

$29.95

@import url("/template/basic-library/section/ecommerce/ecommerce-one/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 max-w-screen-2xl"
  >
    <div class="-m-4 flex flex-wrap">
      <div class="pt-4 pr-4 pb-4 pl-4 w-full md:w-1/2 lg:w-1/4">
        <a class="block relative overflow-hidden h-48 rounded">
          <img
            alt="ecommerce"
            class="block object-cover object-center w-full h-full"
            src="https://images.unsplash.com/photo-1599190937390-56c748e6fde7?fm=jpg&amp;q=60&amp;w=700"
          />
        </a>
        <div class="mt-4">
          <h3 class="tracking-widest title-font text-gray-500 text-xs mb-1">
            HEADPHONES
          </h3>
          <h2 class="title-font text-gray-900 text-lg font-medium">
            Pulse Audio ZX7
          </h2>
          <p class="mt-1">&#x24;89.99</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full md:w-1/2 lg:w-1/4">
        <a class="block relative overflow-hidden h-48 rounded">
          <img
            alt="ecommerce"
            class="block object-cover object-center w-full h-full"
            src="https://images.unsplash.com/photo-1618667177435-3ded25f48b8a?q=80&amp;w=700"
          />
        </a>
        <div class="mt-4">
          <h3 class="tracking-widest title-font text-gray-500 text-xs mb-1">
            SMARTWATCHES
          </h3>
          <h2 class="title-font text-gray-900 text-lg font-medium">
            ChronoFit Edge
          </h2>
          <p class="mt-1">&#x24;199.00</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full md:w-1/2 lg:w-1/4">
        <a class="block relative overflow-hidden h-48 rounded">
          <img
            alt="ecommerce"
            class="block object-cover object-center w-full h-full"
            src="https://images.unsplash.com/photo-1542291026-7eec264c27ff"
          />
        </a>
        <div class="mt-4">
          <h3 class="tracking-widest title-font text-gray-500 text-xs mb-1">
            FOOTWEAR
          </h3>
          <h2 class="title-font text-gray-900 text-lg font-medium">
            TrekX Urban Runner
          </h2>
          <p class="mt-1">&#x24;74.50</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full md:w-1/2 lg:w-1/4">
        <a class="block relative overflow-hidden h-48 rounded">
          <img
            alt="ecommerce"
            class="block object-cover object-center w-full h-full"
            src="https://images.unsplash.com/photo-1547949003-9792a18a2601?q=80&amp;w=700"
          />
        </a>
        <div class="mt-4">
          <h3 class="tracking-widest title-font text-gray-500 text-xs mb-1">
            BACKPACKS
          </h3>
          <h2 class="title-font text-gray-900 text-lg font-medium">
            Ridge Trail 28L
          </h2>
          <p class="mt-1">&#x24;62.75</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full md:w-1/2 lg:w-1/4">
        <a class="block relative overflow-hidden h-48 rounded">
          <img
            alt="ecommerce"
            class="block object-cover object-center w-full h-full"
            src="https://images.unsplash.com/photo-1502767089025-6572583495f9?q=80&amp;w=700"
          />
        </a>
        <div class="mt-4">
          <h3 class="tracking-widest title-font text-gray-500 text-xs mb-1">
            SUNGLASSES
          </h3>
          <h2 class="title-font text-gray-900 text-lg font-medium">
            ArcticLens Aviators
          </h2>
          <p class="mt-1">&#x24;47.20</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full md:w-1/2 lg:w-1/4">
        <a class="block relative overflow-hidden h-48 rounded">
          <img
            alt="ecommerce"
            class="block object-cover object-center w-full h-full"
            src="https://images.unsplash.com/photo-1618384887929-16ec33fab9ef?q=80&amp;w=700"
          />
        </a>
        <div class="mt-4">
          <h3 class="tracking-widest title-font text-gray-500 text-xs mb-1">
            CAMERAS
          </h3>
          <h2 class="title-font text-gray-900 text-lg font-medium">
            Lumix Street Pro
          </h2>
          <p class="mt-1">&#x24;449.00</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full md:w-1/2 lg:w-1/4">
        <a class="block relative overflow-hidden h-48 rounded">
          <img
            alt="ecommerce"
            class="block object-cover object-center w-full h-full"
            src="https://images.unsplash.com/photo-1592840496694-26d035b52b48?q=80&amp;w=700"
          />
        </a>
        <div class="mt-4">
          <h3 class="tracking-widest title-font text-gray-500 text-xs mb-1">
            GAMING
          </h3>
          <h2 class="title-font text-gray-900 text-lg font-medium">
            NovaStrike Controller
          </h2>
          <p class="mt-1">&#x24;58.30</p>
        </div>
      </div>
      <div class="pt-4 pr-4 pb-4 pl-4 w-full md:w-1/2 lg:w-1/4">
        <a class="block relative overflow-hidden h-48 rounded">
          <img
            alt="ecommerce"
            class="block object-cover object-center w-full h-full"
            src="https://plus.unsplash.com/premium_photo-1681284938505-62efa3494bf2?q=80&amp;w=700"
          />
        </a>
        <div class="mt-4">
          <h3 class="tracking-widest title-font text-gray-500 text-xs mb-1">
            DRINKWARE
          </h3>
          <h2 class="title-font text-gray-900 text-lg font-medium">
            SteelCore Flask 750ml
          </h2>
          <p class="mt-1">&#x24;29.95</p>
        </div>
      </div>
    </div>
  </div>
</section>