xfarrow
/
blink
mirror of https://github.com/xfarrow/blink
0
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

create forgot password page

This commit is contained in:
xfarrow 2024-03-23 19:20:17 +01:00
parent 79d9cc06a6
commit af0811567c
2 changed files with 50 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/vanilla/html/forgot-password.html Normal file
View File

@ -0,0 +1,49 @@
<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>

2
frontend/vanilla/html/login.html
View File

@ -76,7 +76,7 @@
Remember me Remember me
</label> </label>
</div> </div>
<a href="#!" class="text-body">Forgot password?</a> <a href="forgot-password.html" class="text-body">Forgot password?</a>
</div> </div>
<div class="text-center text-lg-start mt-4 pt-2"> <div class="text-center text-lg-start mt-4 pt-2">