Card Stacked Using Tailwind UI
A card-stacked created with Tailwind presents content in a visually appealing stacked layout, ideal for showcasing information in an organized and elegant manner.
stack
Loading component...
19 lines
<div class="max-w-sm py-8 mx-auto">
<div class="p-8 bg-gray-900 rounded">
<div class="relative pb-3 transition duration-300 ease-out cursor-pointer group">
<div>
<img src="https://sofi.health/wp-content/themes/Sofi/assets/images/micro-website-images/Passiflora.png"
alt="">
</div>
<div class="mt-5 text-white ">
<h2 class="mt-4 text-3xl font-bold">Power Plants</h2>
<p class="mt-2 opacity-60 group-hover:opacity-70">We have two types of natural formulations. plant remedies
you spray to swallow , where impact is felt within 10 days. and functional fragrances that you spray like a
perfume, activating instantly to boost your mood.</p>
</div>
</div>
</div>
<div class="w-11/12 h-2 mx-auto bg-gray-900 rounded-b opacity-75"></div>
<div class="w-10/12 h-2 mx-auto bg-gray-900 rounded-b opacity-50"></div>
<div class="w-9/12 h-2 mx-auto bg-gray-900 rounded-b opacity-25"></div>
</div>