Card by seyed-mohsen-mousavi
#e8e8e8
HTML +TailwindCSS
1<div 2 class="w-72 bg-white rounded-b-lg border-t-8 border-green-400 px-4 py-5 flex flex-col justify-around shadow-md" 3> 4 <p class="text-lg font-bold font-sans">Premium</p> 5 <div class="py-3"> 6 <p class="text-gray-400 text-sm"> 7 Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni natus rerum 8 deleniti eaque ... 9 </p> 10 </div> 11 <div class="flex justify-between"> 12 <svg 13 class="w-6 h-6" 14 stroke="currentColor" 15 stroke-width="1.5" 16 viewBox="0 0 24 24" 17 fill="none" 18 xmlns="http://www.w3.org/2000/svg" 19 > 20 <path 21 d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" 22 stroke-linejoin="round" 23 stroke-linecap="round" 24 ></path> 25 </svg> 26 <div class="text-sm flex gap-2"> 27 <button 28 class="bg-slate-200 px-2 rounded-xl hover:bg-slate-400 transition-colors ease-in-out" 29 > 30 glee 31 </button> 32 <button 33 class="bg-slate-200 px-2 rounded-xl hover:bg-slate-400 transition-colors ease-in-out" 34 > 35 download 36 </button> 37 </div> 38 </div> 39</div> 40
841 views
841 views
MIT License