Card by RashadGhzi
#212121
HTML +TailwindCSS
1<div class="bg-white rounded-lg shadow-lg p-6 max-w-xs font-serif"> 2 <div class="relative"> 3 <svg 4 fill="currentColor" 5 viewBox="0 0 24 24" 6 class="absolute -top-6 -right-6 w-24 h-24 text-indigo-400 opacity-25" 7 > 8 <path 9 d="M12 0l3.094 9.488h9.956L15.49 15.338 18.585 24 12 18.512 5.415 24l3.094-8.662L0 9.488h9.956z" 10 ></path> 11 </svg> 12 <svg 13 fill="currentColor" 14 viewBox="0 0 24 24" 15 class="w-16 h-16 mx-auto text-indigo-600" 16 > 17 <path 18 d="M12 0l3.094 9.488h9.956L15.49 15.338 18.585 24 12 18.512 5.415 24l3.094-8.662L0 9.488h9.956z" 19 ></path> 20 </svg> 21 </div> 22 <div class="mt-4 text-center"> 23 <div class="text-2xl font-semibold text-gray-900 font-mono"> 24 Unique Card Title 25 </div> 26 <div class="mt-2 text-gray-600"> 27 This is a unique card design featuring an abstract SVG pattern. It's 28 modern, minimalist, and stands out from the usual card designs. 29 </div> 30 <button 31 class="mt-6 px-4 py-2 bg-indigo-600 text-white text-sm w-full rounded shadow-md hover:bg-indigo-700 transition ease-out duration-300 hover:scale-95" 32 > 33 Learn More 34 </button> 35 </div> 36</div> 37
33 views
33 views
MIT License