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 en mode sombre
Un composant CAPTCHA conçu pour l’interface utilisateur en mode sombre avec des effets réactifs et la prise en charge du thème sombre.
Glassmorphism CAPTCHA Component
Un composant CAPTCHA simple avec un style de design glassmorphism. Idéal pour les sites Web de commerce électronique, avec un effet translucide semblable à du verre givré, la prise en charge du mode sombre et une palette de couleurs en niveaux de gris.
Composant CAPTCHA de conception matérielle
Un composant CAPTCHA réactif conçu selon les principes de Material Design, y compris la prise en charge des thèmes sombres.