-
Notifications
You must be signed in to change notification settings - Fork 0
/
login.html
103 lines (100 loc) · 5.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png">
<link rel="icon" type="image/png" href="./assets/img/logo.png">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>
Log In - Loophead
</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Inter:400,700,200" rel='stylesheet'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<!-- CSS Files -->
<link href="./assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="./assets/css/now-ui-kit.css?v=1.3.0" rel="stylesheet" />
<link href="./assets/css/material-kit.css" rel="stylesheet" />
</head>
<body class="login-page sidebar-collapse">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-primary fixed-top navbar-transparent " color-on-scroll="400">
<div class="container">
<div class="navbar-translate">
<img src="./assets/img/logo.png" href="index.html" height="60" width="60">
<a class="navbar-brand" href="index.html" rel="tooltip" data-placement="bottom">
Loophead
</a>
</div>
</div>
</nav>
<!-- End Navbar -->
<div class="page-header">
<div class="page-header-image" style="background-image:url(./assets/img/login.jpg)"></div>
<div class="container my-auto">
<div class="row">
<div class="col-lg-5 col-md-8 col-10 mx-auto">
<div class="card z-index-0" style="border-radius: 0; padding: 25px">
<div class="card-body">
<form role="form" class="text-start">
<div class="text-start" style="width: 100%; height: 100%; justify-content: flex-start; align-items: flex-start; gap: 4px; display: inline-flex">
<img style="width: 50px" src="./assets/img/logo.png" />
<img style="width: 50px" src="./assets/img/logo-secondary.png" />
</div>
<div style="color: #444445; font-size: 28px; font-family: Inter; font-weight: 700; word-wrap: break-word">Log In</div>
<div class="input-group input-group-outline my-3">
<label class="form-label">Username or Email</label>
<input type="text" class="form-control">
</div>
<div class="input-group input-group-outline mb-3">
<label class="form-label">Password</label>
<input type="password" class="form-control">
</div>
<br>
<div class="d-flex justify-content-between">
<div>
<a style="color: #2C2F74; font-size: 12px; font-family: Inter; font-weight: 600; word-wrap: break-word" href="forgot-password.html">Forgot Password?</a>
</div>
<div>
<a style="color: #2C2F74; font-size: 12px; font-family: Inter; font-weight: 600; word-wrap: break-word;" href="signup.html">Create an Account</a>
</div>
</div>
<a class="btn btn-neutral" href="index.html" style="border-radius: 10px; padding: 12px 50px; background-color: #2C2F74">
<p style="font-weight: 700; font-size: medium; color: #FFFFFF; margin: 0; text-transform: capitalize;">Log In</p>
</a>
</form>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class=" container ">
<div class="copyright" id="copyright">
© Loophead
<script>
document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))
</script>
</div>
</div>
</footer>
</div>
<!-- Core JS Files -->
<script src="./assets/js/core/jquery.min.js" type="text/javascript"></script>
<script src="./assets/js/core/popper.min.js" type="text/javascript"></script>
<script src="./assets/js/core/bootstrap.min.js" type="text/javascript"></script>
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="./assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
<script src="./assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
<!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="./assets/js/plugins/bootstrap-datepicker.js" type="text/javascript"></script>
<!-- Google Maps Plugin -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc -->
<script src="./assets/js/now-ui-kit.js?v=1.3.0" type="text/javascript"></script>
<script src="../assets/js/material-kit.min.js?v=3.0.4" type="text/javascript"></script>
</body>
</html>