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>