122 lines
5.9 KiB
HTML
122 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
|
|
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<meta content="Multipurpose, super flexible, powerful, clean modern responsive bootstrap 5 admin template"
|
|
name="description">
|
|
<meta content="admin template, ki-admin admin template, dashboard template, flat admin template, responsive admin template, web app"
|
|
name="keywords">
|
|
<meta content="la-themes" name="author">
|
|
<link href="../assets/images/logo/favicon.png" rel="icon" type="image/x-icon">
|
|
<link href="../assets/images/logo/favicon.png" rel="shortcut icon" type="image/x-icon">
|
|
|
|
<title>Lock Screen Bg | ki-admin - Premium Admin Template</title>
|
|
|
|
<!--font-awesome-css-->
|
|
<link href="../assets/vendor/fontawesome/css/all.css" rel="stylesheet">
|
|
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com" rel="preconnect">
|
|
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
|
|
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"
|
|
rel="stylesheet">
|
|
|
|
<!-- tabler icons-->
|
|
<link href="../assets/vendor/tabler-icons/tabler-icons.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Bootstrap css-->
|
|
<link href="../assets/vendor/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- App css-->
|
|
<link href="../assets/css/style.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Responsive css-->
|
|
<link href="../assets/css/responsive.css" rel="stylesheet" type="text/css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="app-wrapper d-block">
|
|
<div class="">
|
|
<!-- Body main section starts -->
|
|
<main class="w-100 p-0">
|
|
<!-- lock_screen start -->
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12 p-0">
|
|
<div class="login-form-container">
|
|
<div class="mb-4">
|
|
<a class="logo" href="index.html">
|
|
<img alt="#" src="../assets/images/logo/3.png">
|
|
</a>
|
|
</div>
|
|
<div class="form_container">
|
|
<form class="app-form p-3">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="mb-3 text-center">
|
|
<h3>Lock Screen</h3>
|
|
<p>Hello enter your password to unlock the screen</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="user-container mb-3">
|
|
<div
|
|
class="h-80 w-80 d-flex-center b-r-16 overflow-hidden text-bg-primary">
|
|
<img alt="" class="img-fluid"
|
|
src="../assets/images/avatar/6.png">
|
|
</div>
|
|
<h5 class="f-w-600">Sunny Airey</h5>
|
|
<p class="text-secondary">Enter Your Password to View your Screen
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="mb-3">
|
|
<label class="form-label" for="password">Password</label>
|
|
<input class="form-control" id="password"
|
|
placeholder="Enter Your Password" required="" type="password">
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-check mb-3">
|
|
<input class="form-check-input" id="invalidCheck" required=""
|
|
type="checkbox" value="">
|
|
<label class="form-check-label" for="invalidCheck">
|
|
Remember me
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="mb-3">
|
|
<a class="btn btn-primary w-100" href="index.html"
|
|
role="button">Unlock</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- lock_screen end -->
|
|
</main>
|
|
<!-- Body main section ends -->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- latest jquery-->
|
|
<script src="../assets/js/jquery-3.6.3.min.js"></script>
|
|
|
|
<!-- Bootstrap js-->
|
|
<script src="../assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |