One Hat Cyber Team

View File Name : auth-lockscreen.html

<!DOCTYPE html>
<html lang="zxx">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Fully Responsive Admin & Dashboard Template"
    />
    <meta name="keyword" content="" />
    <meta name="author" content="WRAPCODERS" />
    <!--! The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags !-->

    <!--! BEGIN: Google Fonts !--><link
      rel="preconnect"
      href="https://fonts.googleapis.com"
    />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <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@100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap"
      rel="stylesheet"
    />
    <!--! END: Google Fonts !-->

    <!--! BEGIN: Favicon !-->
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="./../assets/images/favicon.ico"
    />
    <!--! END: Favicon !-->

    <!--! BEGIN: Apps Title !-->
    <title>Lock Screen | Expodash - Admin & Dashboard Template</title>
    <!--! END: Apps Title !-->

    <!--! BEGIN: Page Vendors -!-->
    <!--! END: Page Vendors -!-->

    <!--! BEGIN: MatisMenu CSS -!-->
    <link rel="stylesheet" href="./../assets/vendors/metismenu/metisMenu.min.css">
    <!--! END: MatisMenu CSS -!-->

    <!--! BEGIN: Flaticon CSS -!-->
    <link rel="stylesheet" href="./../assets/vendors/@flaticon/flaticon-uicons/css/all/all.css">
    <!--! END: Flaticon CSS -!-->

    <!--! BEGIN: Theme CSS -!-->
    <link rel="stylesheet" type="text/css" href="./../assets/css/theme.min.css">
    <!--! END: Theme CSS -!-->

    <!--! Start:: Color Modes JS -!-->
    <script src="./../assets/js/color-modes.min.js"></script>
    <!--! End:: Color Modes JS -!-->

    <!--! HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries !-->
    <!--! WARNING: Respond.js doesn"t work if you view the page via file: !-->
    <!--[if lt IE 9]>
    	<script src="https:oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    	<script src="https:oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>

  <body>
    <!--! ================================================================ !-->
    <!--! Start:: Main !-->
    <!--! ================================================================ !-->
    <div class="main-wrapper">
      <main
        class="min-vh-100 overflow-y-auto d-flex flex-column justify-content-center px-4 m-0"
        id="edash-main"
      >
        <div
          class="card max-wd-400 max-wd-sm-450 mx-auto my-5 bg-body-tertiary"
        >
          <div class="card-body p-sm-8 p-4">
            <div class="d-flex align-items-center gap-3 mb-6">
              <div class="avatar avatar-xl border border-4">
                <img
                  src="./../assets/images/avatar/1.png"
                  alt=""
                  class="img-fluid"
                />
              </div>
              <div class="mt-1">
                <h6 class="mb-1">Alexndra Della</h6>
                <span class="fs-13 text-muted">alex.della@outlook.com</span>
              </div>
            </div>
            <h4 class="mb-2 fw-semibold">Unlock your account</h4>
            <p class="fs-13 fw-medium text-muted mb-0 mb-5">
              Enter your password or pin to unlock the screen! let's access our
              the best recommendation for you.
            </p>
            <form action="./index.html">
              <div class="mb-3">
                <input
                  type="password"
                  class="form-control"
                  placeholder="Password or pin"
                  required
                />
              </div>
              <div class="d-grid">
                <button type="submit" class="btn btn-lg btn-primary w-100">
                  Unlock
                </button>
              </div>
              <div
                class="d-flex align-items-center justify-content-between mt-5"
              >
                <div class="text-muted">
                  <span>Not you ? return</span>
                  <a href="./auth-login.html" class="fw-semibold text-dark"
                    >Login</a
                  >
                </div>
                <a href="./auth-reset.html" class="fs-13 text-primary"
                  >Forget password?</a
                >
              </div>
            </form>
          </div>
        </div>
      </main>
    </div>
    <!--! ================================================================ !-->
    <!--! End:: Main !-->
    <!--! ================================================================ !-->
    <!--! ================================================================ !-->
    <!--! Footer Script !-->
    <!--! ================================================================ !-->
    <!--! BEGIN: Common Vendors !-->
    <script src="./../assets/js/vendors.min.js"></script>
    <!--! END: Common Vendors !-->

    <!--! BEGIN: Apps Common Init  !-->
    <script src="./../assets/js/common-init.min.js"></script>
    <!--! END: Apps Common Init  !-->

  </body>
</html>