Card by LeryLey
#e8e8e8
HTML +TailwindCSS
1<article 2 class="w-72 bg-gray-700 shadow p-4 space-y-2 rounded-md hover:-translate-y-2 duration-300" 3> 4 <svg 5 viewBox="0 0 24 24" 6 fill="none" 7 height="24" 8 width="24" 9 xmlns="http://www.w3.org/2000/svg" 10 aria-hidden="true" 11 class="w-10 h-10 text-gray-300 bg-gray-600 rounded-full p-1" 12 > 13 <path 14 d="m8.032 12 1.984 1.984 4.96-4.96m4.55 5.272.893-.893a1.984 1.984 0 0 0 0-2.806l-.893-.893a1.984 1.984 0 0 1-.581-1.403V7.04a1.984 1.984 0 0 0-1.984-1.984h-1.262a1.983 1.983 0 0 1-1.403-.581l-.893-.893a1.984 1.984 0 0 0-2.806 0l-.893.893a1.984 1.984 0 0 1-1.403.581H7.04A1.984 1.984 0 0 0 5.055 7.04v1.262c0 .527-.209 1.031-.581 1.403l-.893.893a1.984 1.984 0 0 0 0 2.806l.893.893c.372.372.581.876.581 1.403v1.262a1.984 1.984 0 0 0 1.984 1.984h1.262c.527 0 1.031.209 1.403.581l.893.893a1.984 1.984 0 0 0 2.806 0l.893-.893a1.985 1.985 0 0 1 1.403-.581h1.262a1.984 1.984 0 0 0 1.984-1.984V15.7c0-.527.209-1.031.581-1.403Z" 15 stroke-width="2" 16 stroke-linejoin="round" 17 stroke-linecap="round" 18 stroke="currentColor" 19 ></path> 20 </svg> 21 <p class="text-sm w-full text-gray-400"> 22 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget massa 23 interdum, rhoncus ex dignissim, ultricies tellus. Proin convallis mauris ut 24 est pulvinar aliquet. Nulla facilisi. 25 </p> 26</article> 27
390 views
390 views
MIT License