mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
43 lines
No EOL
1.2 KiB
HTML
43 lines
No EOL
1.2 KiB
HTML
<!-- From Uiverse.io by seyed-mohsen-mousavi - Tags: card, box, box-shadow, subscribe -->
|
|
<div
|
|
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"
|
|
>
|
|
<p class="text-lg font-bold font-sans">Premium</p>
|
|
<div class="py-3">
|
|
<p class="text-gray-400 text-sm">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni natus rerum
|
|
deleniti eaque ...
|
|
</p>
|
|
</div>
|
|
<div class="flex justify-between">
|
|
<svg
|
|
class="w-6 h-6"
|
|
stroke="currentColor"
|
|
stroke-width="1.5"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"
|
|
stroke-linejoin="round"
|
|
stroke-linecap="round"
|
|
></path>
|
|
</svg>
|
|
<div class="text-sm flex gap-2">
|
|
<button
|
|
class="bg-slate-200 px-2 rounded-xl hover:bg-slate-400 transition-colors ease-in-out"
|
|
>
|
|
glee
|
|
</button>
|
|
<button
|
|
class="bg-slate-200 px-2 rounded-xl hover:bg-slate-400 transition-colors ease-in-out"
|
|
>
|
|
download
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|