E-commerce 01

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 pt-12 pb-20">
  <div class="max-w-screen-xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12">
    <a href="#" class="border-2 border-gray-300">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-4">
      <div class="p-6">
        <span class="uppercase text-sm font-semibold mb-2 inline-block">Tailwind CSS</span>
        <h3 class="text-xl font-semibold text-gray-700 block">WindyBlocks - Prototyping kit</h3>
        <p class="mt-3">Doing business like this takes much more effort than doing your own business at home, and on top of that there's the curse of travelling.</p>
        <div class="flex justify-between mt-4">
          <div class="flex space-x-3 font-semibold">
            <span class="line-through">€99</span>
            <span>€79</span>
          </div>
          <span class="font-semibold">More information »</span>
        </div>
      </div>
    </a>
    <a href="#" class="border-2 border-gray-300">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-horizontal-large.svg"alt="" class="mb-4">
      <div class="p-6">
        <span class="uppercase text-sm font-semibold mb-2 inline-block">Tailwind CSS</span>
        <h3 class="text-xl font-semibold text-gray-700 block">SaaS landing page</h3>
        <p class="mt-3">Doing business like this takes much more effort than doing your own business at home, and on top of that there's the curse of travelling.</p>
        <div class="flex justify-between mt-4">
          <div class="flex space-x-3 font-semibold">
            <span class="line-through">€929</span>
            <span>€19</span>
          </div>
          <span class="font-semibold">More information »</span>
        </div>
      </div>
    </a>
  </div>
</div>