Login

Normally login is outside of the global layout context, and is only presented here for documentation purposes.
See: demo login page.

  
  
<section class="login-page p-2">
  <div class="card login-card">
    <div class="login-logo" aria-hidden="true"></div>
    <h3 class="text-dark mt-0">Welcome back!</h3>
    <h6 class="login-subtitle text-dark">
      Enter your email address and password to view your account
    </h6>
    <form>
      <div class="row my-2">
        <div class="form-outline">
          <input
            id="email"
            type="email"
            aria-label="email"
            placeholder="Email address"
            class="form-control text-dark"
          />
          <!-- <span
            class="helper-text"
            data-error="wrong"
            data-success="right"
          ></span> -->
        </div>
      </div>
      <div class="row my-2">
        <div class="form-outline">
          <input
            id="password"
            type="password"
            aria-label="Password"
            placeholder="Password"
            class="form-control"
          />
        </div>
      </div>
    </form>

    <div class="login-btn-container">
      <a href="#!">Forgot Password?</a>
      <button type="submit" class="btn btn-primary">Sign In</button>
    </div>
  </div>
</section>