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.
HTML Code
<div class="bg-gray-800 text-white p-6 rounded-lg shadow-lg max-w-md mx-auto">
<h2 class="text-lg font-semibold mb-4">Verify You're Human</h2>
<div class="flex items-center mb-4">
<img src="https://picsum.photos/50/50" alt="Random Image" class="w-12 h-12 rounded-full mr-3" />
<span class="flex-1 text-sm">Please identify the image below:</span>
</div>
<div class="mb-4">
<img src="https://picsum.photos/250/150" alt="CAPTCHA Image" class="w-full h-auto rounded-md" />
</div>
<div class="flex space-x-4">
<button class="bg-blue-600 hover:bg-blue-500 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Verify</button>
<button class="bg-gray-500 hover:bg-gray-400 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Refresh</button>
</div>
</div>Composants associés
Composant CAPTCHA
Un composant CAPTCHA complexe, inspiré du code, avec une palette de couleurs bonbon/doux, conçu pour les interfaces de médias sociaux. Dispose d’une mise en page réactive, d’une prise en charge du mode sombre et d’éléments interactifs.
Retro CAPTCHA
Un composant CAPTCHA réactif avec des tons de terre, une complexité modérée et un style rétro/vintage pour les sites Web d’entreprise, avec prise en charge du mode sombre à l’aide de Tailwind CSS. Pas de JavaScript.
Luxury_Premium_CAPTCHA_Weather_Component
Un composant CAPTCHA complexe sur le thème du luxe pour les applications météorologiques/climatiques, avec des couleurs neutres froides, une typographie sophistiquée et un design réactif avec prise en charge du mode sombre. Il comprend des éléments tels qu’un défi visuel, un affichage « Météo actuelle » et une section « Données climatiques ».