itniggatbb/securekey-vault
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Reset Password | SecureKey Vault</title>7<link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11 <script src="components/auth-navbar.js"></script>12</head>13<body class="bg-gray-50 min-h-screen">14 <auth-navbar></auth-navbar>15 16 <main class="container mx-auto px-4 py-12">17 <div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl">18 <div class="p-8">19 <div class="flex justify-center mb-8">20 <i data-feather="key" class="w-12 h-12 text-indigo-600"></i>21</div>22 <h1 class="text-3xl font-bold text-center text-gray-800 mb-8">Reset your password</h1>23 24 <form class="space-y-6">25 <div>26 <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>27 <input type="email" id="email" name="email" required 28 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-indigo-500 focus:border-indigo-500">29 </div>30 31 <button type="submit" 32 class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-4 rounded-lg transition duration-200">33 Send Reset Link34 </button>35 </form>36 37 <div class="mt-6 text-center">38 <p class="text-sm text-gray-600">39 Remember your password? 40 <a href="login.html" class="text-indigo-600 hover:text-indigo-800 font-medium">Sign in</a>41 </p>42 </div>43</div>44 </div>45 </main>46 47 <script>48 feather.replace();49 </script>50 <script src="script.js"></script>51</body>52</html>