Add sign in & sign up pages

This commit is contained in:
Paul Laros
2020-11-07 19:21:13 +01:00
parent f13102fac7
commit 61f9debce4
20 changed files with 330 additions and 0 deletions
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+78
View File
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Responsive Admin &amp; Dashboard Template based on Bootstrap 5">
<meta name="author" content="AdminKit">
<meta name="keywords" content="adminkit, bootstrap, bootstrap 5, admin, dashboard, template, responsive, css, sass, html, theme, front-end, ui kit, web">
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
<title>Sign In | AdminKit Demo</title>
<link href="css/app.css" rel="stylesheet">
</head>
<body>
<main class="d-flex w-100">
<div class="container d-flex flex-column">
<div class="row vh-100">
<div class="col-sm-10 col-md-8 col-lg-6 mx-auto d-table h-100">
<div class="d-table-cell align-middle">
<div class="text-center mt-4">
<h1 class="h2">Welcome back, Charles</h1>
<p class="lead">
Sign in to your account to continue
</p>
</div>
<div class="card">
<div class="card-body">
<div class="m-sm-4">
<div class="text-center">
<img src="img/avatars/avatar.jpg" alt="Charles Hall" class="img-fluid rounded-circle" width="132" height="132" />
</div>
<form>
<div class="mb-3">
<label class="form-label">Email</label>
<input class="form-control form-control-lg" type="email" name="email" placeholder="Enter your email" />
</div>
<div class="mb-3">
<label class="form-label">Password</label>
<input class="form-control form-control-lg" type="password" name="password" placeholder="Enter your password" />
<small>
<a href="pages-reset-password.html">Forgot password?</a>
</small>
</div>
<div>
<label class="form-check">
<input class="form-check-input" type="checkbox" value="remember-me" name="remember-me" checked>
<span class="form-check-label">
Remember me next time
</span>
</label>
</div>
<div class="text-center mt-3">
<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>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="js/app.js"></script>
</body>
</html>
+72
View File
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Responsive Admin &amp; Dashboard Template based on Bootstrap 5">
<meta name="author" content="AdminKit">
<meta name="keywords" content="adminkit, bootstrap, bootstrap 5, admin, dashboard, template, responsive, css, sass, html, theme, front-end, ui kit, web">
<link rel="shortcut icon" href="img/icons/icon-48x48.png" />
<title>Sign Up | AdminKit Demo</title>
<link href="css/app.css" rel="stylesheet">
</head>
<body>
<main class="d-flex w-100">
<div class="container d-flex flex-column">
<div class="row vh-100">
<div class="col-sm-10 col-md-8 col-lg-6 mx-auto d-table h-100">
<div class="d-table-cell align-middle">
<div class="text-center mt-4">
<h1 class="h2">Get started</h1>
<p class="lead">
Start creating the best possible user experience for you customers.
</p>
</div>
<div class="card">
<div class="card-body">
<div class="m-sm-4">
<form>
<div class="mb-3">
<label class="form-label">Name</label>
<input class="form-control form-control-lg" type="text" name="name" placeholder="Enter your name" />
</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">
<label class="form-label">Email</label>
<input class="form-control form-control-lg" type="email" name="email" placeholder="Enter your email" />
</div>
<div class="mb-3">
<label class="form-label">Password</label>
<input class="form-control form-control-lg" type="password" name="password" placeholder="Enter password" />
</div>
<div class="text-center mt-3">
<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>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="js/app.js"></script>
</body>
</html>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>
+10
View File
@@ -59,6 +59,16 @@
</a>
</li>
<li class="sidebar-item">
<a href="#auth" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="users"></i> <span class="align-middle">Auth</span>
</a>
<ul id="auth" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-in.html">Sign In</a></li>
<li class="sidebar-item"><a class="sidebar-link" href="pages-sign-up.html">Sign Up</a></li>
</ul>
</li>
<li class="sidebar-header">
Tools & Components
</li>