Card by SmookyDev
#e8e8e8
HTML +TailwindCSS
1<div 2 class="service-card w-[300px] shadow-xl cursor-pointer snap-start shrink-0 py-8 px-6 bg-white flex flex-col items-start gap-3 transition-all duration-300 group hover:bg-[#202127]" 3> 4 <svg 5 stroke-linejoin="round" 6 stroke-linecap="round" 7 stroke-width="2" 8 stroke="#000000" 9 fill="none" 10 viewBox="0 0 24 24" 11 class="text-5xl h-12 w-12 stroke-gray-800 group-hover:stroke-gray-400" 12 xmlns="http://www.w3.org/2000/svg" 13 > 14 <rect ry="2" rx="2" height="14" width="20" y="3" x="2"></rect> 15 <line y2="21" x2="16" y1="21" x1="8"></line> 16 <line y2="21" x2="12" y1="17" x1="12"></line> 17 </svg> 18 19 <p class="font-bold text-2xl group-hover:text-white text-black/80"> 20 WEBSITE SEO 21 </p> 22 <p class="text-gray-400 text-sm"> 23 Website ravida surna eveti semen the conse tusio anivite dianne one nivam 24 acestion vue artin dictum. 25 </p> 26 <p 27 style="-webkit-text-stroke: 1px gray; 28 -webkit-text-fill-color: transparent;" 29 class="text-5xl font-bold self-end" 30 > 31 09 32 </p> 33</div> 34
677 views
677 views
MIT License