Componente de restablecimiento de contraseña
Un componente de restablecimiento de contraseña interactivo con una interfaz de usuario de modo oscuro, que utiliza una combinación de colores análoga. Diseñado para aplicaciones de comercio electrónico.
Código HTML
<div class="min-h-screen flex items-center justify-center bg-gray-900">
<div class="bg-gray-800 p-8 rounded-lg shadow-xl w-96">
<h2 class="text-3xl font-bold text-teal-400 mb-6 text-center">Reset Password</h2>
<form>
<div class="mb-4">
<label for="email" class="block text-gray-300 text-sm font-semibold mb-2">Email Address</label>
<input type="email" id="email" class="w-full px-4 py-2 bg-gray-700 rounded-lg text-gray-100 focus:outline-none focus:ring-2 focus:ring-teal-500" placeholder="Enter your email">
</div>
<div class="mb-6">
<label for="password" class="block text-gray-300 text-sm font-semibold mb-2">New Password</label>
<input type="password" id="password" class="w-full px-4 py-2 bg-gray-700 rounded-lg text-gray-100 focus:outline-none focus:ring-2 focus:ring-teal-500" placeholder="Enter new password">
</div>
<div class="mb-6">
<label for="confirm-password" class="block text-gray-300 text-sm font-semibold mb-2">Confirm New Password</label>
<input type="password" id="confirm-password" class="w-full px-4 py-2 bg-gray-700 rounded-lg text-gray-100 focus:outline-none focus:ring-2 focus:ring-teal-500" placeholder="Confirm new password">
</div>
<button type="submit" class="w-full bg-teal-600 text-white py-3 rounded-lg font-semibold hover:bg-teal-700 transition duration-300">Reset Password</button>
</form>
</div>
</div>Componentes relacionados
Retro_Crypto_Password_Reset_Component
Un componente complejo de restablecimiento de contraseña de temática retro/vintage diseñado para aplicaciones de criptomonedas y blockchain, con interacción de varios pasos, diseño receptivo y compatibilidad con el modo oscuro.
Componente de restablecimiento de contraseña
Un componente de restablecimiento de contraseña complejo y receptivo con un diseño 'Orgánico/inspirado en la naturaleza', combinación de colores 'Atardecer/Tonos cálidos', adecuado para herramientas de CRM/Business. Incluye soporte para modo oscuro.
Componente de restablecimiento de contraseña
Un componente de restablecimiento de contraseña complejo y receptivo con un estilo de diseño monoespaciado/desarrollador, con un esquema de color en blanco y negro con un acento brillante. Diseñado para sitios de documentación/wiki, incluye soporte para modo oscuro y HTML semántico.