Formulário de contacto completo

Newsletter / Contact — 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-lg mx-auto">
    <h2 class="text-2xl font-bold text-center mb-8">Fale connosco</h2>
    <form class="space-y-4">
      <div class="grid grid-cols-2 gap-4">
        <input type="text" placeholder="Nome" class="border border-gray-300 rounded-lg px-4 py-2.5 text-sm outline-none" />
        <input type="email" placeholder="Email" class="border border-gray-300 rounded-lg px-4 py-2.5 text-sm outline-none" />
      </div>
      <textarea placeholder="Mensagem" rows="4" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm outline-none"></textarea>
      <button class="w-full bg-gray-900 text-white font-semibold py-3 rounded-lg">Enviar mensagem</button>
    </form>
  </div>
</section>