Componente di reimpostazione della password
Un componente reattivo per la reimpostazione della password con un'interfaccia utente in modalità scura, che utilizza una combinazione di colori analoga. Progettato per applicazioni di e-commerce.
Codice 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>Componenti correlati
Componente di reimpostazione della password
Un componente per la reimpostazione della password dal design minimalista e piatto con toni della terra, design reattivo e supporto per temi scuri, su misura per i contenuti del blog.
Componente di reimpostazione della password
Un componente di reimpostazione della password progettato con uno stile scheumorfico, che utilizza i toni della terra per un'estetica naturale e strutturato per applicazioni di dashboard. Supporta la modalità oscura ed è reattivo.
Componente di reimpostazione della password
Componente di reimpostazione della password con stile neumorfismo, combinazione di colori complementari, complessità complessa, per scopi di social media, utilizzando Tailwind CSS. Design reattivo con supporto per temi scuri.