173 lines
7.5 KiB
HTML
173 lines
7.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<!--begin::Head-->
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>AdminLTE 4 | Login Page v2</title>
|
|
<!--begin::Accessibility Meta Tags-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
|
<meta name="color-scheme" content="light dark" />
|
|
<meta name="theme-color" content="#007bff" media="(prefers-color-scheme: light)" />
|
|
<meta name="theme-color" content="#1a1a1a" media="(prefers-color-scheme: dark)" />
|
|
<!--end::Accessibility Meta Tags-->
|
|
<!--begin::Primary Meta Tags-->
|
|
<meta name="title" content="AdminLTE 4 | Login Page v2" />
|
|
<meta name="author" content="ColorlibHQ" />
|
|
<meta
|
|
name="description"
|
|
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS. Fully accessible with WCAG 2.1 AA compliance."
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard, accessible admin panel, WCAG compliant"
|
|
/>
|
|
<!--end::Primary Meta Tags-->
|
|
<!--begin::Accessibility Features-->
|
|
<!-- Skip links will be dynamically added by accessibility.js -->
|
|
<meta name="supported-color-schemes" content="light dark" />
|
|
<link rel="preload" href="../../../dist/css/adminlte.css" as="style" />
|
|
<!--end::Accessibility Features-->
|
|
<!--begin::Fonts-->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
|
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
|
crossorigin="anonymous"
|
|
media="print"
|
|
onload="this.media='all'"
|
|
/>
|
|
<!--end::Fonts-->
|
|
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
|
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
|
crossorigin="anonymous"
|
|
/>
|
|
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
|
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
|
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
|
crossorigin="anonymous"
|
|
/>
|
|
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
|
<!--begin::Required Plugin(AdminLTE)-->
|
|
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
|
<!--end::Required Plugin(AdminLTE)-->
|
|
</head>
|
|
<!--end::Head-->
|
|
<!--begin::Body-->
|
|
<body class="login-page bg-body-secondary">
|
|
<div class="login-box">
|
|
<div class="card card-outline card-primary">
|
|
<div class="card-header">
|
|
<a
|
|
href="../index2.html"
|
|
class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover"
|
|
>
|
|
<h1 class="mb-0"><b>Admin</b>LTE</h1>
|
|
</a>
|
|
</div>
|
|
<div class="card-body login-card-body">
|
|
<p class="login-box-msg">Sign in to start your session</p>
|
|
<form action="../index3.html" method="post">
|
|
<div class="input-group mb-1">
|
|
<div class="form-floating">
|
|
<input id="loginEmail" type="email" class="form-control" value="" placeholder="" />
|
|
<label for="loginEmail">Email</label>
|
|
</div>
|
|
<div class="input-group-text"><span class="bi bi-envelope"></span></div>
|
|
</div>
|
|
<div class="input-group mb-1">
|
|
<div class="form-floating">
|
|
<input id="loginPassword" type="password" class="form-control" placeholder="" />
|
|
<label for="loginPassword">Password</label>
|
|
</div>
|
|
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
|
</div>
|
|
<!--begin::Row-->
|
|
<div class="row">
|
|
<div class="col-8 d-inline-flex align-items-center">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
|
|
<label class="form-check-label" for="flexCheckDefault"> Remember Me </label>
|
|
</div>
|
|
</div>
|
|
<!-- /.col -->
|
|
<div class="col-4">
|
|
<div class="d-grid gap-2">
|
|
<button type="submit" class="btn btn-primary">Sign In</button>
|
|
</div>
|
|
</div>
|
|
<!-- /.col -->
|
|
</div>
|
|
<!--end::Row-->
|
|
</form>
|
|
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
|
<p>- OR -</p>
|
|
<a href="#" class="btn btn-primary">
|
|
<i class="bi bi-facebook me-2"></i> Sign in using Facebook
|
|
</a>
|
|
<a href="#" class="btn btn-danger">
|
|
<i class="bi bi-google me-2"></i> Sign in using Google+
|
|
</a>
|
|
</div>
|
|
<!-- /.social-auth-links -->
|
|
<p class="mb-1"><a href="forgot-password.html">I forgot my password</a></p>
|
|
<p class="mb-0">
|
|
<a href="register.html" class="text-center"> Register a new membership </a>
|
|
</p>
|
|
</div>
|
|
<!-- /.login-card-body -->
|
|
</div>
|
|
</div>
|
|
<!-- /.login-box -->
|
|
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
|
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
|
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
|
<script
|
|
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
|
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
|
<script src="../../../dist/js/adminlte.js"></script>
|
|
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
|
<script>
|
|
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
|
const Default = {
|
|
scrollbarTheme: 'os-theme-light',
|
|
scrollbarAutoHide: 'leave',
|
|
scrollbarClickScroll: true,
|
|
};
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
|
if (sidebarWrapper && OverlayScrollbarsGlobal?.OverlayScrollbars !== undefined) {
|
|
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
|
scrollbars: {
|
|
theme: Default.scrollbarTheme,
|
|
autoHide: Default.scrollbarAutoHide,
|
|
clickScroll: Default.scrollbarClickScroll,
|
|
},
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
<!--end::OverlayScrollbars Configure-->
|
|
<!--end::Script-->
|
|
</body>
|
|
<!--end::Body-->
|
|
</html>
|