-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
109 lines (97 loc) · 5.17 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Metro 4 -->
<link rel="stylesheet" href="vendors/metro4/css/metro-all.css">
<link rel="stylesheet" href="css/aistant.css">
<title>AiSTANT - Login to Aistant</title>
</head>
<body class="m4-cloak">
<div class="container-fluid bg-brand fg-white pos-fixed fixed-top z-top">
<header data-role="appbar" class="container pos-relative bg-brand fg-white" data-expand-point="md">
<a href="index.html" class="brand no-hover">AiSTANT</a>
<ul class="app-bar-menu ml-auto">
<li><a href="#">Tutorials</a></li>
<li><a href="subscriptions.html">Subscriptions</a></li>
<li><a href="signup.html">SignUp</a></li>
<li><a href="#" class="text-bold fg-yellow"><span class="d-block ani-vertical">Get started</span></a></li>
</ul>
</header>
</div>
<main>
<div class="container-fluid p-4 p-20-md d-flex flex-justify-center bg-brand">
<div class="container">
<div class="row">
<div class="cell-md-5 d-flex flex-column flex-justify-center flex-align-center">
<img src="images/aistant-logo-white.png"/>
<p class="text-leader text-center fg-white">
A knowledge base made<br>with intelligence<br>to provide better support<br>for your users!
</p>
</div>
<div class="cell-md-2 d-flex flex-justify-center">
<div style="width: 1px;" class="d-none d-block-md bg-brand-hr h-100"></div>
</div>
<div class="cell-md-5">
<div class="text-center">
<span class="mif-users mif-10x fg-white"></span>
</div>
<br>
<form data-role="validator" data-clear-invalid="3000" class="login-form">
<div class="form-group">
<input class="input-large" placeholder="Enter your email" type="text" data-role="input" data-prepend="<span class='mif-envelop mif-3x va-middle fg-brand pt-1'>" data-validate="required email">
<span class="invalid_feedback">Email required</span>
</div>
<div class="form-group">
<input class="input-large" placeholder="******" type="password" data-role="input" data-prepend="<span class='mif-lock mif-3x va-middle fg-brand pt-1'>" data-validate="required minlength=8">
<span class="invalid_feedback">Password required</span>
</div>
<div class="mt-10 form-actions d-flex flex-column flex-justify-center flex-align-center">
<button class="button large bg-brand fg-white outline">Sign In to Aistant</button>
<br>
<div class="mt-2 text-center">
Don't have an account? <a href="signup.html" class="fg-white">Register it now</a>
</div>
<div class="mt-1 text-center">
Forgot your password? <a href="#" class="fg-white">Reset it</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container pt-10 pb-10">
<div class="text-center">
<ul class="inline-list reduce-1" id="social-menu">
<li><a href="#"><span class="mif-facebook"></span></a></li>
<li><a href="#"><span class="mif-twitter"></span></a></li>
<li><a href="#"><span class="mif-youtube"></span></a></li>
<li><a href="#"><span class="mif-github"></span></a></li>
</ul>
</div>
<div class="text-center mt-10">
<ul class="inline-list reduce-1" id="footer-menu">
<li><a href="#">Tutorials</a></li>
<li><a href="subscriptions.html">Subscriptions</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="terms.html">Terms & Conditions</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div class="text-center mt-10 reduce-1">
© 2018-2019 by <a href="#" class="no-wrap">AiSTANT.COM</a>
<br>
<small>Version <span class="text-bold">2019.1</span></small>
<br>
Created with <a href="https://metroui.org.ua">Metro 4</a>
</div>
</div>
</footer>
<script src="vendors/metro4/js/metro.js"></script>
</body>
</html>