mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
40 lines
No EOL
1.3 KiB
HTML
40 lines
No EOL
1.3 KiB
HTML
<!-- From Uiverse.io by RashadGhzi - Tags: simple, card, modern, futuristic, creative, card template, tailwindcss -->
|
|
<div class="bg-white rounded-lg shadow-lg p-6 max-w-xs font-serif">
|
|
<div class="relative">
|
|
<svg
|
|
fill="currentColor"
|
|
viewBox="0 0 24 24"
|
|
class="absolute -top-6 -right-6 w-24 h-24 text-indigo-400 opacity-25"
|
|
>
|
|
<path
|
|
d="M12 0l3.094 9.488h9.956L15.49 15.338 18.585 24 12 18.512 5.415 24l3.094-8.662L0 9.488h9.956z"
|
|
></path>
|
|
</svg>
|
|
<svg
|
|
fill="currentColor"
|
|
viewBox="0 0 24 24"
|
|
class="w-16 h-16 mx-auto text-indigo-600"
|
|
>
|
|
<path
|
|
d="M12 0l3.094 9.488h9.956L15.49 15.338 18.585 24 12 18.512 5.415 24l3.094-8.662L0 9.488h9.956z"
|
|
></path>
|
|
</svg>
|
|
</div>
|
|
<div class="mt-4 text-center">
|
|
<div class="text-2xl font-semibold text-gray-900 font-mono">
|
|
Unique Card Title
|
|
</div>
|
|
<div class="mt-2 text-gray-600">
|
|
This is a unique card design featuring an abstract SVG pattern. It's
|
|
modern, minimalist, and stands out from the usual card designs.
|
|
</div>
|
|
<button
|
|
class="mt-6 px-4 py-2 bg-indigo-600 text-white text-sm w-full rounded shadow-md hover:bg-indigo-700 transition ease-out duration-300 hover:scale-95"
|
|
>
|
|
Learn More
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|