Cards com bio e social

Team — 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-gray-50 py-20 px-6">
  <div class="max-w-4xl mx-auto grid md:grid-cols-2 gap-6">
    <div class="bg-white p-6 rounded-2xl border border-gray-100 flex gap-4">
      <img src="https://picsum.photos/seed/team5/100/100" class="w-16 h-16 rounded-xl object-cover" />
      <div><h3 class="font-semibold">Marta Vieira</h3><p class="text-xs text-orange-500 mb-2">Marketing Lead</p><p class="text-xs text-gray-500">10 anos em growth para SaaS B2B.</p></div>
    </div>
    <div class="bg-white p-6 rounded-2xl border border-gray-100 flex gap-4">
      <img src="https://picsum.photos/seed/team6/100/100" class="w-16 h-16 rounded-xl object-cover" />
      <div><h3 class="font-semibold">Pedro Lima</h3><p class="text-xs text-orange-500 mb-2">Engenheiro Sénior</p><p class="text-xs text-gray-500">Especialista em sistemas distribuídos.</p></div>
    </div>
  </div>
</section>