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>