Formulário de contacto com select

Forms / Auth — 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 flex items-center justify-center min-h-[440px]">
  <div class="bg-gray-50 p-8 rounded-2xl border border-gray-200 w-full max-w-md">
    <h2 class="text-xl font-bold mb-6">Pedir orçamento</h2>
    <form class="space-y-4">
      <input type="text" placeholder="Nome da empresa" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm outline-none" />
      <select class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm outline-none text-gray-500">
        <option>Serviço pretendido</option>
        <option>Marketing digital</option>
        <option>Desenvolvimento web</option>
        <option>Cibersegurança</option>
      </select>
      <textarea placeholder="Detalhes do projecto" rows="3" 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 text-sm">Pedir orçamento</button>
    </form>
  </div>
</section>