-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
126 lines (121 loc) · 4.66 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<!-- Basic Page Info -->
<meta charset="utf-8">
<title>DeskApp - Bootstrap Admin Dashboard HTML Template</title>
<!-- Site favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="vendors/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="vendors/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="vendors/images/favicon-16x16.png">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="vendors/styles/core.css">
<link rel="stylesheet" type="text/css" href="vendors/styles/icon-font.min.css">
<link rel="stylesheet" type="text/css" href="vendors/styles/style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119386393-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-119386393-1');
</script>
</head>
<body class="login-page">
<div class="login-header box-shadow">
<div class="container-fluid d-flex justify-content-between align-items-center">
<div class="brand-logo">
<a href="login.html">
<img src="vendors/images/deskapp-logo.svg" alt="">
</a>
</div>
<div class="login-menu">
<ul>
<li><a href="register.html">Register</a></li>
</ul>
</div>
</div>
</div>
<div class="login-wrap d-flex align-items-center flex-wrap justify-content-center">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-lg-7">
<img src="vendors/images/login-page-img.png" alt="">
</div>
<div class="col-md-6 col-lg-5">
<div class="login-box bg-white box-shadow border-radius-10">
<div class="login-title">
<h2 class="text-center text-primary">Login To DeskApp</h2>
</div>
<form>
<div class="select-role">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn active">
<input type="radio" name="options" id="admin">
<div class="icon"><img src="vendors/images/briefcase.svg" class="svg" alt=""></div>
<span>I'm</span>
Manager
</label>
<label class="btn">
<input type="radio" name="options" id="user">
<div class="icon"><img src="vendors/images/person.svg" class="svg" alt=""></div>
<span>I'm</span>
Employee
</label>
</div>
</div>
<div class="input-group custom">
<input type="text" class="form-control form-control-lg" placeholder="Username">
<div class="input-group-append custom">
<span class="input-group-text"><i class="icon-copy dw dw-user1"></i></span>
</div>
</div>
<div class="input-group custom">
<input type="password" class="form-control form-control-lg" placeholder="**********">
<div class="input-group-append custom">
<span class="input-group-text"><i class="dw dw-padlock1"></i></span>
</div>
</div>
<div class="row pb-30">
<div class="col-6">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck1">
<label class="custom-control-label" for="customCheck1">Remember</label>
</div>
</div>
<div class="col-6">
<div class="forgot-password"><a href="forgot-password.html">Forgot Password</a></div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="input-group mb-0">
<!--
use code for form submit
<input class="btn btn-primary btn-lg btn-block" type="submit" value="Sign In">
-->
<a class="btn btn-primary btn-lg btn-block" href="index.html">Sign In</a>
</div>
<div class="font-16 weight-600 pt-10 pb-10 text-center" data-color="#707373">OR</div>
<div class="input-group mb-0">
<a class="btn btn-outline-primary btn-lg btn-block" href="register.html">Register To Create Account</a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- js -->
<script src="vendors/scripts/core.js"></script>
<script src="vendors/scripts/script.min.js"></script>
<script src="vendors/scripts/process.js"></script>
<script src="vendors/scripts/layout-settings.js"></script>
</body>
</html>