Login Page

Example login page:

<div class="page page-login">
  <div class="page-viewport">
    <main class="page-main">
      <div class="page-content">
        <div class="login-form fade-in">
          <form class="form-inline">
            <div class="form-group login-form-email">
              <input type="email" class="form-control" placeholder="Email Address" autofocus>
            </div>
            <div class="form-group login-form-password">
              <input type="password" class="form-control" placeholder="Password">
            </div>
            <button type="submit" class="btn btn-primary">Sign in</button>
          </form>
          <button class="login-form-password-reset-btn btn btn-link">Forgot password?</button>
        </div>
      </div>
    </main>
  </div>
</div>

Password Reset Page

Example login password reset page:

<div class="page page-login">
  <div class="page-viewport">
    <main class="page-main">
      <div class="page-content">
        <div class="login-form login-form--password-reset">
          <form class="fade-in">
            <div class="form-group login-form-email">
              <input type="email" class="form-control" placeholder="Email Address" autofocus>
            </div>
            <div class="form-group">
              <button type="submit" class="btn btn-primary">Send new password</button>
            </div>
          </form>
          <a href="login.html" class="btn btn-link">Back to login</a>
        </div>
      </div>
    </main>
  </div>
</div>

This documentation was generated using Hologram