mirror of
https://github.com/tabler/tabler.git
synced 2026-07-27 21:44:39 +04:00
sign in, sign up, forgot password pages
This commit is contained in:
codecalm
@@ -0,0 +1,19 @@
|
||||
<form class="card" action="#" method="post">
|
||||
|
||||
<div class="card-body p-5">
|
||||
<div class="card-title">Forgot password</div>
|
||||
|
||||
<p class="text-muted">Enter your email address and your password will be reset and emailed to you.</p>
|
||||
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email address</label>
|
||||
<input type="email" class="form-control" placeholder="Enter email">
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary btn-block">Send me new password</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="text-center text-muted">
|
||||
Forget it, <a href="{{ site.base }}/sign-in.html">send me back</a> to the sign in screen.
|
||||
</div>
|
||||
@@ -1,18 +0,0 @@
|
||||
<form class="card" action="" method="post">
|
||||
|
||||
<div class="card-body p-5">
|
||||
<div class="card-title">Forgot password</div>
|
||||
|
||||
<p class="text-muted">Enter your email address and your password will be reset and emailed to you.</p>
|
||||
<div class="mb-2">
|
||||
<label class="form-label" for="exampleInputEmail1">Email address</label>
|
||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
|
||||
</div>
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary btn-block">Send me new password</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="text-center text-muted">
|
||||
Forget it, <a href="{{ site.base }}/login.html">send me back</a> to the sign in screen.
|
||||
</div>
|
||||
@@ -1,33 +0,0 @@
|
||||
<form class="card" action="" method="get">
|
||||
|
||||
<div class="card-body p-6">
|
||||
<div class="card-title">Login to your account</div>
|
||||
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email address</label>
|
||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
|
||||
placeholder="Enter email" autocomplete="off">
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<a href="{{ site.base }}/forgot-password.html" class="float-right small">I forgot password</a>
|
||||
<label class="form-label">
|
||||
Password
|
||||
</label>
|
||||
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" autocomplete="off">
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" {{ site.base }}/>
|
||||
<span class="custom-control-label">Remember me</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="text-center text-muted">
|
||||
Don't have account yet? <a href="{{ site.base }}/register.html">Sign up</a>
|
||||
</div>
|
||||
@@ -1,32 +0,0 @@
|
||||
<form class="card" action="" method="post">
|
||||
<div class="card-body p-6">
|
||||
<div class="card-title">Create new account</div>
|
||||
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Name</label>
|
||||
<input type="text" class="form-control" placeholder="Enter name">
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Email address</label>
|
||||
<input type="email" class="form-control" placeholder="Enter email">
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" class="form-control" placeholder="Password">
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<label class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input"{{ site.base }}/>
|
||||
<span class="custom-control-label">Agree the <a href="terms.html">terms and policy</a></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary btn-block">Create new account</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="text-center text-muted">
|
||||
Already have account? <a href="{{ site.base }}/login.html">Sign in</a>
|
||||
</div>
|
||||
@@ -0,0 +1,33 @@
|
||||
<form class="card" action="#" method="get">
|
||||
<div class="card-body p-5">
|
||||
<div class="card-title">Login to your account</div>
|
||||
|
||||
<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>
|
||||
<input type="password" class="form-control" placeholder="Password" autocomplete="off">
|
||||
</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>
|
||||
</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>
|
||||
@@ -0,0 +1,32 @@
|
||||
<form class="card" action="#" method="post">
|
||||
<div class="card-body p-5">
|
||||
<div class="card-title">Create new account</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Name</label>
|
||||
<input type="text" class="form-control" placeholder="Enter name">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Email address</label>
|
||||
<input type="email" class="form-control" placeholder="Enter email">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" class="form-control" placeholder="Password">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-check">
|
||||
<input type="checkbox" class="form-check-input"/>
|
||||
<span class="form-check-label">Agree the <a href="#" tabindex="-1">terms and policy</a>.</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary btn-block">Create new account</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="text-center text-muted">
|
||||
Already have account? <a href="{{ site.base }}/sign-in.html" tabindex="-1">Sign in</a>
|
||||
</div>
|
||||
@@ -7,7 +7,7 @@
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Checkboxes with description</label>
|
||||
|
||||
<label class="form-check mb-2">
|
||||
<label class="form-check form-check-highlight mb-2">
|
||||
<input class="form-check-input" type="checkbox">
|
||||
<div class="form-check-label">
|
||||
Default checkbox
|
||||
@@ -16,7 +16,7 @@
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</div>
|
||||
</label>
|
||||
<label class="form-check mb-2">
|
||||
<label class="form-check form-check-highlight mb-2">
|
||||
<input class="form-check-input" type="checkbox">
|
||||
<div class="form-check-label">
|
||||
Longer checkbox item that wraps on to two separate lines
|
||||
@@ -25,7 +25,7 @@
|
||||
Ab alias aut, consequuntur cumque esse eveniet incidunt laborum minus molestiae.
|
||||
</div>
|
||||
</label>
|
||||
<label class="form-check">
|
||||
<label class="form-check form-check-highlight">
|
||||
<input class="form-check-input" type="checkbox">
|
||||
<div class="form-check-label">
|
||||
Default checkbox without description
|
||||
|
||||
Reference in New Issue
Block a user