gentelella
Version:
Gentelella v4 — free admin template. 60 pages, 20 chart variants, fully interactive inbox & kanban, live theme generator, component playground, PWA-ready. Vite 8, vanilla JS, no Bootstrap, no jQuery.
81 lines (70 loc) • 4.45 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Two-factor verification | Gentelella 2026 v4</title>
<link rel="icon" href="../images/favicon.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#1ABB9C" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#1a2332" media="(prefers-color-scheme: dark)">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon" href="/images/apple-touch-icon.svg">
<meta name="description" content="Gentelella v4 — free admin dashboard template. 60 pages, 20 chart variants, vanilla JS, no Bootstrap, no jQuery. By Colorlib.">
<meta property="og:type" content="website">
<meta property="og:title" content="Two-factor verification">
<meta property="og:description" content="Gentelella v4 — free admin dashboard template. 60 pages, 20 chart variants, vanilla JS, no Bootstrap, no jQuery. By Colorlib.">
<meta property="og:image" content="/images/android-chrome-512x512.svg">
<meta property="og:site_name" content="Gentelella v4">
<meta name="twitter:card" content="summary_large_image">
<script>(function(){try{var t=localStorage.getItem('theme');var d=window.matchMedia('(prefers-color-scheme: dark)').matches;var theme=t||(d?'dark':'light');document.documentElement.setAttribute('data-theme',theme);}catch(e){}})();</script>
<script type="module" crossorigin src="/js/verify_2fa-6rA9xY-e.js"></script>
<link rel="modulepreload" crossorigin href="/js/rolldown-runtime-DEgBLETi.js">
<link rel="modulepreload" crossorigin href="/js/toast-DgCSlJPv.js">
<link rel="modulepreload" crossorigin href="/js/menus-BVcs0GJR.js">
<link rel="modulepreload" crossorigin href="/js/modal-MTuCfURV.js">
<link rel="modulepreload" crossorigin href="/js/main-v4-BFwmMcfm.js">
<link rel="stylesheet" crossorigin href="/assets/main-v4-DDS6x4g-.css">
</head>
<body>
<div class="auth-page">
<div class="auth-card">
<div class="auth-brand">
<div class="brand-icon">G</div>
<div class="brand-name">Gentelella <small style="font-weight:400;color:var(--text-muted);font-size:13px;margin-left:2px">v4</small></div>
</div>
<div class="auth-title">Two-factor verification</div>
<div class="auth-subtitle">Enter the 6-digit code from your authenticator app to continue.</div>
<form id="otp-form">
<div class="otp-grid" role="group" aria-label="One-time password">
<input class="otp-input" aria-label="Digit 1 of 6" type="text" inputmode="numeric" pattern="[0-9]" maxlength="1" autocomplete="one-time-code" autofocus required>
<input class="otp-input" aria-label="Digit 2 of 6" type="text" inputmode="numeric" pattern="[0-9]" maxlength="1" autocomplete="off" required>
<input class="otp-input" aria-label="Digit 3 of 6" type="text" inputmode="numeric" pattern="[0-9]" maxlength="1" autocomplete="off" required>
<input class="otp-input" aria-label="Digit 4 of 6" type="text" inputmode="numeric" pattern="[0-9]" maxlength="1" autocomplete="off" required>
<input class="otp-input" aria-label="Digit 5 of 6" type="text" inputmode="numeric" pattern="[0-9]" maxlength="1" autocomplete="off" required>
<input class="otp-input" aria-label="Digit 6 of 6" type="text" inputmode="numeric" pattern="[0-9]" maxlength="1" autocomplete="off" required>
</div>
<div class="otp-meta">
<span>Didn't get a code? <a href="#" id="resend-code">Resend</a></span>
<span id="otp-timer">Expires in <strong>04:59</strong></span>
</div>
<button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;height:38px">
Verify
</button>
</form>
<div class="auth-divider">or</div>
<div style="text-align:center;font-size:12.5px">
<a href="#">Use a backup code</a>
</div>
<div class="auth-footer">
<a href="login.html">← Back to sign in</a>
</div>
</div>
</div>
</body>
</html>