Card by ahmedyasserdev
#e8e8e8
HTML +TailwindCSS
1<div 2 class="max-w-xs overflow-hidden bg-gradient-to-br from-purple-400 via-pink-500 to-red-500 rounded-xl shadow-md transform transition-transform duration-300 hover:shadow-lg hover:scale-105 hover:rotate-2" 3> 4 <div class="p-6"> 5 <p class="text-xl font-semibold text-white">Classic Blue Jeans</p> 6 <p class="mt-2 text-gray-200"> 7 Our classic blue jeans are a timeless addition to your wardrobe. Crafted 8 from premium denim, they offer both style and comfort. Perfect for any 9 casual occasion. 10 </p> 11 <div class="flex items-center mt-4 text-gray-200"> 12 <svg 13 viewBox="0 0 24 24" 14 xmlns="http://www.w3.org/2000/svg" 15 class="w-6 h-6 fill-current" 16 > 17 <path d="M0 0h24v24H0z" fill="none"></path> 18 <path 19 d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" 20 ></path> 21 <path d="M0 0h24v24H0z" fill="none"></path> 22 </svg> 23 <span class="ml-2">4.8 (24 reviews)</span> 24 </div> 25 </div> 26</div> 27
57 views
57 views
MIT License