From rafae, 2 Months ago, written in HTML5.
Embed
  1. <div class="bg-gray-100 min-h-screen py-32 px-10 ">
  2.   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 md:gap-x-10 xl-grid-cols-4 gap-y-10 gap-x-6 ">
  3.  
  4.   <div class="container mx-auto shadow-lg rounded-lg max-w-md hover:shadow-2xl transition duration-300">
  5.     <img src="" alt="" class="rounded-t-lg w-full">
  6.   <div class="p-6">
  7.     <h1 class="md:text-1xl text-xl hover:text-indigo-600 transition duration-200  font-bold text-gray-900 ">This is Amazing for people to visit.</h1>
  8.   <p class="text-gray-700 my-2 hover-text-900 ">Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium quis.</p>
  9.   </div>
  10.     </div>
  11.   <div class="container mx-auto shadow-lg rounded-lg max-w-md hover:shadow-2xl transition duration-300">
  12.     <img src="" alt="" class="rounded-t-lg w-full">
  13.   <div class="p-6">
  14.     <h1 class="md:text-1xl text-xl hover:text-indigo-600 transition duration-200  font-bold text-gray-900 ">This is Amazing for people to visit.</h1>
  15.   <p class="text-gray-700 my-2 hover-text-900 ">Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium quis.</p>
  16.   </div>
  17.     </div>
  18.   <div class="container mx-auto shadow-lg rounded-lg max-w-md hover:shadow-2xl transition duration-300">
  19.     <img src="" alt="" class="rounded-t-lg w-full">
  20.   <div class="p-6">
  21.     <h1 class="md:text-1xl text-xl hover:text-indigo-600 transition duration-200  font-bold text-gray-900 ">This is Amazing for people to visit.</h1>
  22.   <p class="text-gray-700 my-2 hover-text-900 ">Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium quis.</p>
  23.   </div>
  24.     </div>
  25.   <div class="container mx-auto shadow-lg rounded-lg max-w-md hover:shadow-2xl transition duration-300">
  26.     <img src="" alt="" class="rounded-t-lg w-full">
  27.   <div class="p-6">
  28.     <h1 class="md:text-1xl text-xl hover:text-indigo-600 transition duration-200  font-bold text-gray-900 ">This is Amazing for people to visit.</h1>
  29.   <p class="text-gray-700 my-2 hover-text-900 ">Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium quis.</p>
  30.   </div>
  31.     </div>
  32.   <div class="container mx-auto shadow-lg rounded-lg max-w-md hover:shadow-2xl transition duration-300">
  33.     <img src="" alt="" class="rounded-t-lg w-full">
  34.   <div class="p-6">
  35.     <h1 class="md:text-1xl text-xl hover:text-indigo-600 transition duration-200  font-bold text-gray-900 ">This is Amazing for people to visit.</h1>
  36.   <p class="text-gray-700 my-2 hover-text-900 ">Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium quis.</p>
  37.   </div>
  38.     </div>
  39.   <div class="container mx-auto shadow-lg rounded-lg max-w-md hover:shadow-2xl transition duration-300">
  40.     <img src="" alt="" class="rounded-t-lg w-full">
  41.   <div class="p-6">
  42.     <h1 class="md:text-1xl text-xl hover:text-indigo-600 transition duration-200  font-bold text-gray-900 ">This is Amazing for people to visit.</h1>
  43.   <p class="text-gray-700 my-2 hover-text-900 ">Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium quis.</p>
  44.   </div>
  45.     </div>
  46.  
  47.     </div>
  48. </div>