Card by VashonG
#e8e8e8
HTML +TailwindCSS
1<div class="CountersNumericV4WProgress w-96 h-44 relative"> 2 <div class="Bg w-96 h-44 left-0 top-0 absolute rounded-xl border border-neutral-300 border-opacity-70"></div> 3 <div class="AmountR left-[332px] top-[110px] absolute text-right text-black text-sm font-bold leading-tight">379</div> 4 <div class="AmountL left-[24px] top-[110px] absolute text-black text-sm font-bold leading-tight">20.06.2024</div> 5 <div class="ElementProgressBarsMedium w-96 h-1 left-[24px] top-[86px] absolute"> 6 <div class="Bg w-80 h-1 left-0 top-0 static bg-white bg-opacity-90 rounded-sm"></div> 7 <div class="Progress w-48 h-1 left-0 top-0 absolute bg-amber-300 rounded-sm"></div> 8 </div> 9 <div class="SubtitleR left-[307px] top-[133px] absolute text-right text-zinc-500 text-xs font-medium leading-none">Days left</div> 10 <div class="SubtitleL left-[24px] top-[133px] absolute text-zinc-500 text-xs font-medium leading-none">Expiration date</div> 11 <div class="Amount left-[24px] top-[41px] absolute text-black text-lg font-extrabold leading-normal">$6,900.00</div> 12 <div class="Title left-[24px] top-[15px] absolute text-zinc-500 text-sm font-normal leading-tight">Accured interest</div> 13</div>
671 views
671 views
MIT License