Composant CAPTCHA
Un composant CAPTCHA avec mode sombre et responsive design.
HTML Code
<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>Composants associés
Composant CAPTCHA skeuomorphe
Un composant CAPTCHA moyennement complexe et skeuomorphe conçu avec des tons bleus d’entreprise, adapté aux systèmes de réservation et de réservation. Dispose d’un design réactif et d’une prise en charge du mode sombre, imitant les éléments numériques du monde réel.
Composant Captcha minimaliste
Un composant CAPTCHA simple, réactif et minimaliste conçu pour les tableaux de bord, utilisant une palette de couleurs monochromatiques et prenant en charge le mode sombre.
Composant CAPTCHA skeuomorphe
Un composant CAPTCHA skeuomorphe conçu pour les sites Web d’événements/conférences, doté d’une palette de couleurs triadique et d’une prise en charge du mode sombre. Il imite des éléments numériques du monde réel avec des boutons interactifs.