web/views/pages/forgot-password.ejs

53 lines
No EOL
2.5 KiB
Text

<!doctype html>
<html lang="en">
<%- include('../layouts/header.ejs', {title: 'Forgot Password', state: 'forgot-password'}); %>
<body>
<%- include('../layouts/navbar.ejs', {types: 'v2', title: 'Forgot Password'}); %>
<div class="container">
<div class="row">
<div class="col">
<div class="card text-white col-md-8 col-lg-6 col-xl-5">
<h1 class="card-header text-white">Forgot Password</h1>
<lottie-player autoplay background="transparent" class="icon" loop speed="1"
src="https://assets9.lottiefiles.com/packages/lf20_xvrofzfk.json"></lottie-player>
<div class="py-3 text" style="padding: 0% 5%; text-align: center;">
<a>Enter your email to receive instructions on how to reset your password.</a>
</div>
<div class="card-body">
<form class="px-4 py-3">
<div class="form-group" style="text-align: left;">
<a data-feather="mail" href="" style="font-size: 40px;"></a>
<label for="exampleDropdownFormEmail1">Email</label>
<input class="form-control input-sm text-center" id="exampleDropdownFormEmail1"
placeholder="Email address" type="email">
</div>
<a href="otp"><input class="btn btn-resetpassword btn-primary" style="width: 100%;"
type="button" value="Reset Password"></a>
<br><br>
<div class="hoverforgot-1 text-center">
<a href="login">Or Return to Login</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
feather.replace()
</script>
<script crossorigin="anonymous" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
src="https://code.jquery.com/jquery-3.5.1.slim.min.js">
</script>
<script crossorigin="anonymous" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns"
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js">
</script>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
</body>
</html>