mirror of
https://github.com/tabler/tabler.git
synced 2026-07-29 14:34:37 +04:00
codecalm
43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<form class="card card-md" action="{{ site.base }}" method="get">
|
|
<div class="card-body">
|
|
<h2 class="mb-5 text-center">Login to your account</h2>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Email address</label>
|
|
<input type="email" class="form-control" placeholder="Enter email" autocomplete="off">
|
|
</div>
|
|
<div class="mb-2">
|
|
<label class="form-label">
|
|
Password
|
|
<span class="form-label-description">
|
|
<a href="{{ site.base }}/forgot-password.html">I forgot password</a>
|
|
</span>
|
|
</label>
|
|
{% include ui/form/input-group.html type="password" append-button="eye:Show password" flat=true placeholder="Password" %}
|
|
</div>
|
|
<div class="mb-2">
|
|
<label class="form-check">
|
|
<input type="checkbox" class="form-check-input"/>
|
|
<span class="form-check-label">Remember me on this device</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="form-footer">
|
|
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
|
|
</div>
|
|
</div>
|
|
|
|
{% include ui/hr.html text="or" %}
|
|
|
|
<div class="card-body">
|
|
<div class="btn-list">
|
|
{% include ui/button.html color="secondary" block=true icon="brand/github" icon-color="github" text="Login with Github" %}
|
|
{% include ui/button.html color="secondary" block=true icon="brand/twitter" icon-color="twitter" text="Login with Twitter" %}
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="text-center text-muted">
|
|
Don't have account yet? <a href="{{ site.base }}/sign-up.html" tabindex="-1">Sign up</a>
|
|
</div>
|