galaxy/Cards/VashonG_giant-mouse-17.html

15 lines
1.3 KiB
HTML

<!-- From Uiverse.io by VashonG - Tags: card, line, line loader, fintech, loan, interest -->
<div class="CountersNumericV4WProgress w-96 h-44 relative">
<div class="Bg w-96 h-44 left-0 top-0 absolute rounded-xl border border-neutral-300 border-opacity-70"></div>
<div class="AmountR left-[332px] top-[110px] absolute text-right text-black text-sm font-bold leading-tight">379</div>
<div class="AmountL left-[24px] top-[110px] absolute text-black text-sm font-bold leading-tight">20.06.2024</div>
<div class="ElementProgressBarsMedium w-96 h-1 left-[24px] top-[86px] absolute">
<div class="Bg w-80 h-1 left-0 top-0 static bg-white bg-opacity-90 rounded-sm"></div>
<div class="Progress w-48 h-1 left-0 top-0 absolute bg-amber-300 rounded-sm"></div>
</div>
<div class="SubtitleR left-[307px] top-[133px] absolute text-right text-zinc-500 text-xs font-medium leading-none">Days left</div>
<div class="SubtitleL left-[24px] top-[133px] absolute text-zinc-500 text-xs font-medium leading-none">Expiration date</div>
<div class="Amount left-[24px] top-[41px] absolute text-black text-lg font-extrabold leading-normal">$6,900.00</div>
<div class="Title left-[24px] top-[15px] absolute text-zinc-500 text-sm font-normal leading-tight">Accured interest</div>
</div>