mirror of
https://github.com/adminkit/adminkit.git
synced 2026-03-31 19:57:44 +01:00
Update sign in & sign up page
This commit is contained in:
+11
-18
@@ -24,11 +24,11 @@
|
|||||||
<main class="d-flex w-100">
|
<main class="d-flex w-100">
|
||||||
<div class="container d-flex flex-column">
|
<div class="container d-flex flex-column">
|
||||||
<div class="row vh-100">
|
<div class="row vh-100">
|
||||||
<div class="col-sm-10 col-md-8 col-lg-6 mx-auto d-table h-100">
|
<div class="col-sm-10 col-md-8 col-lg-6 col-xl-5 mx-auto d-table h-100">
|
||||||
<div class="d-table-cell align-middle">
|
<div class="d-table-cell align-middle">
|
||||||
|
|
||||||
<div class="text-center mt-4">
|
<div class="text-center mt-4">
|
||||||
<h1 class="h2">Welcome back, Charles</h1>
|
<h1 class="h2">Welcome back!</h1>
|
||||||
<p class="lead">
|
<p class="lead">
|
||||||
Sign in to your account to continue
|
Sign in to your account to continue
|
||||||
</p>
|
</p>
|
||||||
@@ -36,10 +36,7 @@
|
|||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div class="m-sm-4">
|
<div class="m-sm-3">
|
||||||
<div class="text-center">
|
|
||||||
<img src="img/avatars/avatar.jpg" alt="Charles Hall" class="img-fluid rounded-circle" width="132" height="132" />
|
|
||||||
</div>
|
|
||||||
<form>
|
<form>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label class="form-label">Email</label>
|
<label class="form-label">Email</label>
|
||||||
@@ -48,27 +45,23 @@
|
|||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label class="form-label">Password</label>
|
<label class="form-label">Password</label>
|
||||||
<input class="form-control form-control-lg" type="password" name="password" placeholder="Enter your password" />
|
<input class="form-control form-control-lg" type="password" name="password" placeholder="Enter your password" />
|
||||||
<small>
|
|
||||||
<a href="index.html">Forgot password?</a>
|
|
||||||
</small>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label class="form-check">
|
<div class="form-check align-items-center">
|
||||||
<input class="form-check-input" type="checkbox" value="remember-me" name="remember-me" checked>
|
<input id="customControlInline" type="checkbox" class="form-check-input" value="remember-me" name="remember-me" checked>
|
||||||
<span class="form-check-label">
|
<label class="form-check-label text-small" for="customControlInline">Remember me</label>
|
||||||
Remember me next time
|
</div>
|
||||||
</span>
|
|
||||||
</label>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="text-center mt-3">
|
<div class="d-grid gap-2 mt-3">
|
||||||
<a href="index.html" class="btn btn-lg btn-primary">Sign in</a>
|
<a href="index.html" class="btn btn-lg btn-primary">Sign in</a>
|
||||||
<!-- <button type="submit" class="btn btn-lg btn-primary">Sign in</button> -->
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="text-center mb-3">
|
||||||
|
Don't have an account? <a href="pages-sign-up.html">Sign up</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
<main class="d-flex w-100">
|
<main class="d-flex w-100">
|
||||||
<div class="container d-flex flex-column">
|
<div class="container d-flex flex-column">
|
||||||
<div class="row vh-100">
|
<div class="row vh-100">
|
||||||
<div class="col-sm-10 col-md-8 col-lg-6 mx-auto d-table h-100">
|
<div class="col-sm-10 col-md-8 col-lg-6 col-xl-5 mx-auto d-table h-100">
|
||||||
<div class="d-table-cell align-middle">
|
<div class="d-table-cell align-middle">
|
||||||
|
|
||||||
<div class="text-center mt-4">
|
<div class="text-center mt-4">
|
||||||
@@ -36,16 +36,12 @@
|
|||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div class="m-sm-4">
|
<div class="m-sm-3">
|
||||||
<form>
|
<form>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label class="form-label">Name</label>
|
<label class="form-label">Full name</label>
|
||||||
<input class="form-control form-control-lg" type="text" name="name" placeholder="Enter your name" />
|
<input class="form-control form-control-lg" type="text" name="name" placeholder="Enter your name" />
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-3">
|
|
||||||
<label class="form-label">Company</label>
|
|
||||||
<input class="form-control form-control-lg" type="text" name="company" placeholder="Enter your company name" />
|
|
||||||
</div>
|
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label class="form-label">Email</label>
|
<label class="form-label">Email</label>
|
||||||
<input class="form-control form-control-lg" type="email" name="email" placeholder="Enter your email" />
|
<input class="form-control form-control-lg" type="email" name="email" placeholder="Enter your email" />
|
||||||
@@ -54,15 +50,16 @@
|
|||||||
<label class="form-label">Password</label>
|
<label class="form-label">Password</label>
|
||||||
<input class="form-control form-control-lg" type="password" name="password" placeholder="Enter password" />
|
<input class="form-control form-control-lg" type="password" name="password" placeholder="Enter password" />
|
||||||
</div>
|
</div>
|
||||||
<div class="text-center mt-3">
|
<div class="d-grid gap-2 mt-3">
|
||||||
<a href="index.html" class="btn btn-lg btn-primary">Sign up</a>
|
<a href="index.html" class="btn btn-lg btn-primary">Sign up</a>
|
||||||
<!-- <button type="submit" class="btn btn-lg btn-primary">Sign up</button> -->
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="text-center mb-3">
|
||||||
|
Already have account? <a href="pages-sign-in.html">Log In</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user