Composant CAPTCHA vintage rétro
Un composant CAPTCHA simple conçu avec une esthétique rétro nostalgique, une palette de couleurs vives, adapté aux sites Web d’entreprise et d’entreprise, avec prise en charge du mode sombre.
HTML Code
<div class="bg-white dark:bg-gray-800 border border-violet-500 rounded-lg p-6 max-w-sm mx-auto shadow-lg">
<h2 class="text-center text-2xl font-bold text-violet-600 dark:text-violet-300 mb-4">Prove You Are Human</h2>
<p class="text-center text-gray-700 dark:text-gray-200 mb-4">Please complete the CAPTCHA below.</p>
<div class="flex justify-center mb-4">
<img src="https://picsum.photos/200/100" alt="CAPTCHA Image" class="border border-pink-400 rounded-lg">
</div>
<div class="flex items-center justify-between">
<input type="text" placeholder="Enter the text" class="border border-gray-300 dark:border-gray-600 rounded-lg p-2 w-full bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100">
<button class="ml-2 bg-violet-600 dark:bg-violet-400 hover:bg-violet-500 dark:hover:bg-violet-300 text-white font-bold py-2 px-4 rounded-lg">Verify</button>
</div>
<div class="mt-4 text-center">
<p class="text-gray-500 dark:text-gray-400 text-sm">Not readable? <a href="#" class="text-violet-600 hover:underline">Try another</a></p>
</div>
</div>Composants associés
Composant CAPTCHA
Un composant CAPTCHA conçu selon les principes de Material Design et de Tailwind CSS, adapté aux sites Web de commerce électronique, avec prise en charge du thème sombre et conception réactive.
Composant CAPTCHA
Composant CAPTCHA réactif avec micro-interactions, prise en charge du thème sombre et images d’espace réservé aléatoires.
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.