mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
24 lines
No EOL
798 B
HTML
24 lines
No EOL
798 B
HTML
<!-- From Uiverse.io by Javierrocadev - Tags: simple, card, hover button -->
|
|
<div
|
|
class="w-72 h-40 flex flex-col justify-center gap-2 bg-neutral-50 rounded-lg shadow p-2"
|
|
>
|
|
<div class="flex gap-2">
|
|
<img class="bg-neutral-500 w-24 h-24 shrink-0 rounded-lg" alt="" />
|
|
<div class="flex flex-col">
|
|
<span class="font-bold text-neutral-700 italic">Card title</span>
|
|
<p class="line-clamp-3">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non
|
|
dolor augue. Nunc dictum erat sit amet iaculis interdum. Ut neque
|
|
tellus, congue vel lectus aliquam, dignissim porttitor velit.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="hover:bg-indigo-700 bg-indigo-500 font-bold text-neutral-50 rounded p-2"
|
|
>
|
|
See more
|
|
</button>
|
|
</div>
|
|
|
|
|
|
|