mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
16 lines
1.1 KiB
HTML
16 lines
1.1 KiB
HTML
<!-- From Uiverse.io by themrsami - Tags: simple, blue, card, tailwind, tailwindcss, themrsami -->
|
|
<div class="w-full max-w-[570px] rounded-[20px] bg-white py-12 px-8 text-center md:py-[60px] md:px-[70px]">
|
|
<h3 class="text-gray-900 pb-2 text-xl font-bold sm:text-2xl">Your Message Sent Successfully</h3>
|
|
<span class="bg-blue-500 mx-auto mb-6 inline-block h-1 w-[90px] rounded"></span>
|
|
<p class="text-gray-500 mb-10 text-base leading-relaxed">Lorem Ipsum is simply dummy text of the printing and
|
|
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
|
|
<div class="flex flex-wrap gap-4">
|
|
<div class="flex-1">
|
|
<button class="text-gray-900 block w-full rounded-lg border border-gray-200 p-3 text-center text-base font-medium transition hover:border-red-600 hover:bg-red-600 hover:text-white">Cancel</button>
|
|
</div>
|
|
<div class="flex-1">
|
|
<button class="bg-blue-500 whitespace-nowrap border-blue-500 block w-full rounded-lg border p-3 text-center text-base font-medium text-white transition hover:bg-opacity-90">View Details</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|