One Hat Cyber Team

Edit File: auth-register.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" />

<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"
    />

<link
      rel="shortcut icon"
      type="image/x-icon"
      href="./../assets/images/favicon.ico"
    />

<title>Register | Expodash - Admin & Dashboard Template</title>

<link rel="stylesheet" href="./../assets/vendors/metismenu/metisMenu.min.css">

<link rel="stylesheet" href="./../assets/vendors/@flaticon/flaticon-uicons/css/all/all.css">

<link rel="stylesheet" type="text/css" href="./../assets/css/theme.min.css">

<script src="./../assets/js/color-modes.min.js"></script>

</head>

<body>
    
    
    
    <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">
            <h4 class="mb-2 fw-semibold">Create an account</h4>
            <p class="fs-13 fw-medium text-muted mb-6">
              Let's get you all setup, so you can verify your personal account
              and begine setting up your profile.
            </p>
            <form action="./auth-login.html">
              <div class="mb-4">
                <input
                  type="text"
                  class="form-control"
                  placeholder="Name"
                  required
                />
              </div>
              <div class="mb-4">
                <input
                  type="email"
                  class="form-control"
                  placeholder="Email"
                  required
                />
              </div>
              <div class="mb-4">
                <input
                  id="username"
                  type="text"
                  class="form-control"
                  placeholder="Username"
                  required
                />
              </div>
              <div class="mb-4">
                <div class="input-group field">
                  <input
                    type="password"
                    class="form-control password"
                    id="newPassword"
                    placeholder="Password"
                    required
                  />
                  <div
                    class="input-group-text cursor-pointer gen-pass"
                    data-bs-toggle="tooltip"
                    data-bs-trigger="hover"
                    title="Generate Password"
                  >
                    <i class="fi fi-rr-magic-wand"></i>
                  </div>
                  <div
                    class="input-group-text border-start cursor-pointer show-pass"
                    data-bs-toggle="tooltip"
                    data-bs-trigger="hover"
                    title="Show/Hide Password"
                  >
                    <span><i class="fi fi-rr-eye"></i></span>
                  </div>
                </div>
                <div
                  class="progress-bar mt-2 d-flex align-items-center justify-content-between flex-row gap-2"
                >
                  <div
                    class="ht-4 rounded-pill bg-body-secondary border-2"
                    style="width: -webkit-fill-available"
                  ></div>
                  <div
                    class="ht-4 rounded-pill bg-body-secondary border-2"
                    style="width: -webkit-fill-available"
                  ></div>
                  <div
                    class="ht-4 rounded-pill bg-body-secondary border-2"
                    style="width: -webkit-fill-available"
                  ></div>
                  <div
                    class="ht-4 rounded-pill bg-body-secondary border-2"
                    style="width: -webkit-fill-available"
                  ></div>
                </div>
              </div>
              <div class="mb-4">
                <input
                  type="password"
                  class="form-control"
                  placeholder="Password"
                  required
                />
              </div>
              <div class="mt-4">
                <div class="form-check mb-3">
                  <input
                    class="form-check-input cursor-pointer"
                    type="checkbox"
                    id="receiveMial"
                    required
                  />
                  <label class="form-check-label text-muted" for="receiveMial"
                    >Yes, I wnat to receive nexel community emails</label
                  >
                </div>
                <div class="form-check">
                  <input
                    class="form-check-input cursor-pointer"
                    type="checkbox"
                    id="termsCondition"
                    required
                  />
                  <label
                    class="form-check-label text-muted"
                    for="termsCondition"
                    >I agree to all the
                    <a href="javascript:void(0);">Terms &amp; Conditions</a> and
                    <a href="javascript:void(0);">Fees</a>.</label
                  >
                </div>
              </div>
              <div class="d-grid mt-5">
                <button type="submit" class="btn btn-lg btn-primary w-100">
                  Create Account
                </button>
              </div>
            </form>
            <div class="mt-5 text-muted">
              <span>Already have an account?</span>
              <a href="./auth-login.html" class="fw-semibold text-dark"
                >Login</a
              >
            </div>
          </div>
        </div>
      </main>
    </div>
    
    
    
    
    
    
    
    <script src="./../assets/js/vendors.min.js"></script>

<script src="./../assets/js/common-init.min.js"></script>

<script src="./../assets/js/misc/lslstrength.min.js"></script>
    
  </body>
</html>