E-commerce 10

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-6 pb-20">
  <div class="max-w-screen-xl mx-auto">
    <h2 class="text-xl lg:text-2xl text-gray-600 mb-4 lg:mb-6 font-semibold">Popular Brands</h2>
  </div>
  <div class="max-w-screen-xl mx-auto grid grid-cols-1 md:grid-cols-3 lg:grid-cols-6 gap-8 lg:gap-6">
    <a href="#" class="text-center shadow-lg bg-white pb-4 rounded-b-lg">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="image placeholder" class="mb-4">
      <span class="text-base font-semibold text-gray-700">Apple</span>
    </a>
    <a href="#" class="text-center shadow-lg bg-white pb-4 rounded-b-lg">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="image placeholder" class="mb-4">
      <span class="text-base font-semibold text-gray-700">HP</span>
    </a>
    <a href="#" class="text-center shadow-lg bg-white pb-4 rounded-b-lg">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="image placeholder" class="mb-4">
      <span class="text-base font-semibold text-gray-700">SamSung</span>
    </a>
    <a href="#" class="text-center shadow-lg bg-white pb-4 rounded-b-lg">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="image placeholder" class="mb-4">
      <span class="text-base font-semibold text-gray-700">Acer</span>
    </a>
    <a href="#" class="text-center shadow-lg bg-white pb-4 rounded-b-lg">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="image placeholder" class="mb-4">
      <span class="text-base font-semibold text-gray-700">Lenovo</span>
    </a>
    <a href="#" class="text-center shadow-lg bg-white pb-4 rounded-b-lg">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="image placeholder" class="mb-4">
      <span class="text-base font-semibold text-gray-700">Asus</span>
    </a>
  </div>
</div>