114 lines
5.2 KiB
HTML
114 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Lock Screen | Hyper - Responsive Bootstrap 5 Admin Dashboard</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
|
|
<meta content="Coderthemes" name="author" />
|
|
|
|
<!-- App favicon -->
|
|
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
|
|
|
<!-- Theme Config Js -->
|
|
<script src="assets/js/hyper-config.js"></script>
|
|
|
|
<!-- Vendor css -->
|
|
<link href="assets/css/vendor.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
<!-- App css -->
|
|
<link href="assets/css/app-saas.min.css" rel="stylesheet" type="text/css" id="app-style" />
|
|
|
|
<!-- Icons css -->
|
|
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
|
|
<body class="authentication-bg pb-0">
|
|
|
|
<div class="auth-fluid">
|
|
<!--Auth fluid left content -->
|
|
<div class="auth-fluid-form-box">
|
|
<div class="card-body d-flex flex-column h-100 gap-3">
|
|
|
|
<!-- Logo -->
|
|
<div class="auth-brand text-center text-lg-start">
|
|
<a href="index.html" class="logo-dark">
|
|
<span><img src="assets/images/logo-dark.png" alt="dark logo" height="22"></span>
|
|
</a>
|
|
<a href="index.html" class="logo-light">
|
|
<span><img src="assets/images/logo.png" alt="logo" height="22"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="my-auto">
|
|
<!-- User pic with title-->
|
|
<div class="text-center w-75 m-auto">
|
|
<img src="assets/images/users/avatar-1.jpg" height="64" alt="user-image" class="rounded-circle shadow">
|
|
<h4 class="text-dark-50 text-center mt-3 fw-bold">Hi ! Michael </h4>
|
|
<p class="text-muted mb-4">Enter your password to access the admin.</p>
|
|
</div>
|
|
|
|
<!-- form -->
|
|
<form action="#">
|
|
<div class="mb-3">
|
|
<label for="password" class="form-label">Password</label>
|
|
<input class="form-control" type="password" required="" id="password" placeholder="Enter your password">
|
|
</div>
|
|
<div class="mb-0 text-center d-grid">
|
|
<button class="btn btn-primary" type="submit"><i class="mdi mdi-login"></i> Log In </button>
|
|
</div>
|
|
<!-- social-->
|
|
<div class="text-center mt-4">
|
|
<p class="text-muted font-16">Authentication in with</p>
|
|
<ul class="social-list list-inline mt-3">
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-primary text-primary"><i class="mdi mdi-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-info text-info"><i class="mdi mdi-twitter"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</form>
|
|
<!-- end form-->
|
|
</div>
|
|
|
|
<!-- Footer-->
|
|
<footer class="footer footer-alt">
|
|
<p class="text-muted">Not you? return <a href="pages-login-2.html" class="text-muted ms-1"><b>Sign In</b></a></p>
|
|
</footer>
|
|
|
|
</div> <!-- end .card-body -->
|
|
</div>
|
|
<!-- end auth-fluid-form-box-->
|
|
|
|
<!-- Auth fluid right content -->
|
|
<div class="auth-fluid-right text-center">
|
|
<div class="auth-user-testimonial">
|
|
<h2 class="mb-3">I love the color!</h2>
|
|
<p class="lead"><i class="mdi mdi-format-quote-open"></i> It's a elegent templete. I love it very much! . <i class="mdi mdi-format-quote-close"></i>
|
|
</p>
|
|
<p>
|
|
- Hyper Admin User
|
|
</p>
|
|
</div> <!-- end auth-user-testimonial-->
|
|
</div>
|
|
<!-- end Auth fluid right content -->
|
|
</div>
|
|
<!-- end auth-fluid-->
|
|
<!-- Vendor js -->
|
|
<script src="assets/js/vendor.min.js"></script>
|
|
|
|
<!-- App js -->
|
|
<script src="assets/js/app.min.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |