Composant CAPTCHA
Un composant CAPTCHA simple conçu avec les principes de la conception matérielle et une palette de couleurs pastel pour les sites Web d’entreprise.
HTML Code
<div class="max-w-md mx-auto p-5 bg-white dark:bg-gray-800 rounded-lg shadow-md">
<h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200 text-center">CAPTCHA Verification</h2>
<div class="mt-4 flex flex-col items-center">
<img src="https://picsum.photos/200/100" alt="CAPTCHA Image" class="w-full h-auto rounded-lg shadow">
<div class="mt-3 flex items-center">
<label class="text-gray-600 dark:text-gray-400 mr-2" for="captchaInput">Please type the text above:</label>
<input type="text" id="captchaInput" class="border border-gray-300 rounded-lg p-2 dark:bg-gray-700 dark:border-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400" placeholder="Enter CAPTCHA">
</div>
<button class="mt-4 bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded-lg shadow-md transition duration-200 ease-in-out dark:bg-blue-700 dark:hover:bg-blue-600">Verify</button>
</div>
</div>Composants associés
RetroCaptchaComponent
Un composant CAPTCHA simple à thème rétro avec une palette de couleurs vert forêt, conçu pour les sites Web à but non lucratif/caritatifs. Dispose d’une réactivité et d’une prise en charge du mode sombre.
Composant CAPTCHA
Un composant CAPTCHA de style 3D conçu pour les tableaux de bord avec des couleurs vives et un design réactif, prenant en charge le mode sombre.
ArtDecoCaptchaComponent
Un composant CAPTCHA simple et réactif avec une esthétique Art Déco, utilisant des couleurs d’automne adaptées aux sites Web d’entreprise, avec prise en charge du mode sombre.