mirror of
https://gitlab.com/nekoya/web.git
synced 2024-11-14 18:36:20 +01:00
70 lines
No EOL
3.3 KiB
Text
70 lines
No EOL
3.3 KiB
Text
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<%- include('../layouts/header.ejs', {title: '2-Factor Verification', state: 'otp'}); %>
|
|
|
|
<body>
|
|
<%- include('../layouts/navbar.ejs', {types: 'v2', title: '2-Factor Verification'}); %>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card text-white col-md-9 col-lg-6 col-xl-5">
|
|
<h1 class="card-header text-white">OTP VERIFICATION</h1>
|
|
<lottie-player autoplay background="transparent" class="icon" loop speed="1"
|
|
src="https://assets2.lottiefiles.com/packages/lf20_zztlhuue.json"></lottie-player>
|
|
<div class="py-3 text" style="padding: 0% 5%; text-align: center;">
|
|
<a>A String of OTP Code Has Been Sent to kel*****@gmail.com</a>
|
|
</div>
|
|
<br>
|
|
<div class="input-container d-flex flex-row justify-content-center mt-2">
|
|
<input class="m-1 text-center form-control rounded" id='ist' maxlength="1"
|
|
onkeyup="clickEvent(this,'sec')" type="text">
|
|
<input class="m-1 text-center form-control rounded" id="sec" maxlength="1"
|
|
onkeyup="clickEvent(this,'third')" type="text">
|
|
<input class="m-1 text-center form-control rounded" id="third" maxlength="1"
|
|
onkeyup="clickEvent(this,'fourth')" type="text">
|
|
<input class="m-1 text-center form-control rounded" id="fourth" maxlength="1"
|
|
onkeyup="clickEvent(this,'fifth')" type="text">
|
|
<input class="m-1 text-center form-control rounded" id="fifth" maxlength="1"
|
|
onkeyup="clickEvent(this,'sixth')" type="text">
|
|
<input class="m-1 text-center form-control rounded" id="sixth" maxlength="1" type="text">
|
|
</div>
|
|
<div class="text-resend">
|
|
<small>
|
|
Didn't Get An Email?
|
|
<a class="hoverforgot-1 text-center" href="forgot-password" style="color: white;">Resend Code</a>
|
|
</small>
|
|
</div>
|
|
|
|
<div class="mt-3 mb-5">
|
|
<button class="btn btn-success px-4 verify-btn" style="width: 65%;">Verify</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
function clickEvent(first, last) {
|
|
if (first.value.length) {
|
|
document.getElementById(last).focus();
|
|
}
|
|
}
|
|
</script>
|
|
<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> |