Componente CAPTCHA

Un componente CAPTCHA con modalità oscura e design reattivo.

Anteprima

Codice HTML

<div class="flex items-center justify-center h-screen bg-gray-900">
  <div class="bg-gray-800 p-6 rounded-md shadow-md">
    <h2 class="text-lg font-semibold text-white mb-4">CAPTCHA Challenge</h2>
    <div class="flex items-center justify-center mb-4">
      <img src="https://picsum.photos/150/60" alt="CAPTCHA Image" class="mr-4 rounded-md">
      <input type="text" class="border border-gray-700 bg-gray-900 text-white rounded-md px-3 py-2 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
    </div>
    <button class="w-full bg-blue-600 text-white py-2 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">Verify</button>
  </div>
</div>

Componenti correlati

Componente CAPTCHA

Un componente CAPTCHA ispirato al Material Design con una combinazione di colori vivaci, progettato per applicazioni di social media. Completamente reattivo con supporto per la modalità oscura.

Aperto

Componente CAPTCHA - Acquerello/Artistico

Un componente CAPTCHA semplice e reattivo con un design acquerello/artistico, combinazione di colori ad alto contrasto e supporto per la modalità scura, adatto per applicazioni manifatturiere/industriali.

Aperto

Componente CAPTCHA

Un componente CAPTCHA dal design minimalista/piatto per la presentazione del portfolio, reattivo con supporto per la modalità oscura.

Aperto