-
Notifications
You must be signed in to change notification settings - Fork 1
/
login.html
94 lines (80 loc) · 4.23 KB
/
login.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<title>Portal - Bootstrap 5 Admin Dashboard Template For Developers</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Portal - Bootstrap 5 Admin Dashboard Template For Developers">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<!-- FontAwesome JS-->
<script defer src="assets/plugins/fontawesome/js/all.min.js"></script>
<!-- App CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/portal.css">
</head>
<body class="app app-login p-0">
<div class="row g-0 app-auth-wrapper">
<div class="col-12 col-md-7 col-lg-6 auth-main-col text-center p-5">
<div class="d-flex flex-column align-content-end">
<div class="app-auth-body mx-auto">
<div class="app-auth-branding mb-4"><a class="app-logo" href="index.html"><img class="logo-icon me-2" src="assets/images/app-logo.svg" alt="logo"></a></div>
<h2 class="auth-heading text-center mb-5">Log in to Portal</h2>
<div class="auth-form-container text-start">
<form class="auth-form login-form">
<div class="email mb-3">
<label class="sr-only" for="signin-email">Email</label>
<input id="signin-email" name="signin-email" type="email" class="form-control signin-email" placeholder="Email address" required="required">
</div><!--//form-group-->
<div class="password mb-3">
<label class="sr-only" for="signin-password">Password</label>
<input id="signin-password" name="signin-password" type="password" class="form-control signin-password" placeholder="Password" required="required">
<div class="extra mt-3 row justify-content-between">
<div class="col-6">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="RememberPassword">
<label class="form-check-label" for="RememberPassword">
Remember me
</label>
</div>
</div><!--//col-6-->
<div class="col-6">
<div class="forgot-password text-end">
<a href="reset-password.html">Forgot password?</a>
</div>
</div><!--//col-6-->
</div><!--//extra-->
</div><!--//form-group-->
<div class="text-center">
<button type="submit" class="btn app-btn-primary w-100 theme-btn mx-auto">Log In</button>
</div>
</form>
<div class="auth-option text-center pt-5">No Account? Sign up <a class="text-link" href="signup.html" >here</a>.</div>
</div><!--//auth-form-container-->
</div><!--//auth-body-->
<footer class="app-auth-footer">
<div class="container text-center py-3">
<!--/* This template is free as long as you keep the footer attribution link. If you'd like to use the template without the attribution link, you can buy the commercial license via our website: themes.3rdwavemedia.com Thank you for your support. :) */-->
<small class="copyright">Designed with <span class="sr-only">love</span><i class="fas fa-heart" style="color: #fb866a;"></i> by <a class="app-link" href="http://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a> for developers</small>
</div>
</footer><!--//app-auth-footer-->
</div><!--//flex-column-->
</div><!--//auth-main-col-->
<div class="col-12 col-md-5 col-lg-6 h-100 auth-background-col">
<div class="auth-background-holder">
</div>
<div class="auth-background-mask"></div>
<div class="auth-background-overlay p-3 p-lg-5">
<div class="d-flex flex-column align-content-end h-100">
<div class="h-100"></div>
<div class="overlay-content p-3 p-lg-4 rounded">
<h5 class="mb-3 overlay-title">Explore Portal Admin Template</h5>
<div>Portal is a free Bootstrap 5 admin dashboard template. </div>
</div>
</div>
</div><!--//auth-background-overlay-->
</div><!--//auth-background-col-->
</div><!--//row-->
</body>
</html>