Card by themrsami
#e8e8e8
HTML +TailwindCSS
1<div class="w-full max-w-[570px] rounded-[20px] bg-gray-900 py-12 px-8 text-center md:py-[60px] md:px-[70px]"> 2 <h3 class="text-white pb-2 text-xl font-bold sm:text-2xl">Your Message Sent Successfully</h3> 3 <span class="bg-indigo-500 mx-auto mb-6 inline-block h-1 w-[90px] rounded"></span> 4 <p class="text-gray-400 mb-10 text-base leading-relaxed">Lorem Ipsum is simply dummy text of the printing and 5 typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> 6 <div class="flex flex-wrap gap-3"> 7 <button class="text-white block w-full rounded-lg border border-gray-700 p-3 text-center text-base font-medium transition hover:border-red-600 hover:bg-red-600 hover:text-white">Cancel</button> 8 <button class="bg-indigo-500 border-indigo-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> 9 </div> 10</div> 11
393 views
393 views
MIT License