blink/frontend/vanilla/html/forgot-password.html

49 lines
2.1 KiB
HTML

<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>
</head>
<body>
<div class="alert alert-success" role="alert" style="display: none;">
An e-mail has been sent to reset your password
</div>
<div class="alert alert-danger" role="alert" style="display: none;">
This is a danger alert—check it out!
</div>
<div class="container d-flex flex-column">
<div class="row align-items-center justify-content-center
min-vh-100 g-0">
<div class="col-12 col-md-8 col-lg-4 border-top border-3 border-primary">
<div class="card shadow-sm">
<div class="card-body">
<div class="mb-4">
<h5>Forgot Password?</h5>
<p class="mb-2">Enter your registered email to reset the password
</p>
</div>
<form>
<div class="mb-3">
<input type="email" id="email" class="form-control" name="email"
placeholder="Enter Your Email" required="">
</div>
<div class="mb-3 d-grid">
<button type="submit" class="btn btn-primary">
Continue
</button>
</div>
<span>Don't have an account? <a href="login.html">sign in</a></span>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>