Pricing-style feature card único

Cards — bloco Tailwind pronto a copiar.

Instalação

Bloco em HTML + Tailwind — sem dependências de build. Copie e cole diretamente no seu projeto.

html

<section class="bg-white py-20 px-6">
  <div class="max-w-sm mx-auto border border-gray-200 rounded-2xl p-8 text-center shadow-sm">
    <div class="w-14 h-14 bg-orange-500 text-white rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-5">A</div>
    <h3 class="font-bold text-lg mb-2">Plano Autónomo</h3>
    <p class="text-sm text-gray-500 mb-6">Ideal para freelancers e pequenas equipas.</p>
    <a href="#" class="bg-gray-900 text-white font-semibold px-6 py-3 rounded-lg inline-block w-full">Experimentar</a>
  </div>
</section>