-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (117 loc) · 5.52 KB
/
index.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
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Log in</title>
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- Custom Stylesheet -->
<link rel="stylesheet" href="assets/css/login.css">
<!-- Favicon -->
<link rel="icon" href="./assets/images/svg files/favicon.svg">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital@1&family=Open+Sans&display=swap"
rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap" rel="stylesheet">
</head>
<body>
<!-- Main Content -->
<div id="loginContent">
<div id="slideshow">
<div id="infoCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#infoCarousel" data-slide-to="0" class="active"></li>
<li data-target="#infoCarousel" data-slide-to="1"></li>
<li data-target="#infoCarousel" data-slide-to="2"></li>
<li data-target="#infoCarousel" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="svg">
<img src="./assets/images/svg files/character 8.svg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Centralized Administration</h5>
<p>Students can finalize their clearance at a single stop by either automatic approval or through further
steps.</p>
</div>
</div>
<div class="carousel-item">
<div class="svg">
<img src="./assets/images/svg files/undraw_Charts_re_5qe9.svg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Visual Representations</h5>
<p>Admins and department faculty get real-time statistics in the form of Pie Charts, Bar graphs, Progress
bars, and more.</p>
</div>
</div>
<div class="carousel-item">
<div class="svg">
<img src="./assets/images/svg files/undraw_secure_data_0rwp.svg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Secure Database</h5>
<p>Our database is maintained regularly to keep up with latest trends and to consistently provide accurate
data.</p>
</div>
</div>
<div class="carousel-item">
<div class="svg">
<img src="./assets/images/svg files/undraw_dev_productivity_umsq.svg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Quick and Efficient experience</h5>
<p>Our system tries to ensure that the clearance process is as efficient and hustle-free as it can be.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#infoCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#infoCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div id="loginForm">
<form>
<img src="./assets/images/svg files/favicon.svg" id="svgImg" alt="">
<div class="container">
<h1 class="mb-3 font-weight-light">Clearance Management System</h1>
<div class="mb-3">
<input type="text" class="form-control" name="Staff ID" id="staffId" placeholder="User ID">
</div>
<div class="mb-3 eye-div">
<input type="password" class="form-control" name="password" id="password" placeholder="Password">
<i id="show_password" class="fa fa-eye"></i>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" name="remember_me" id="remember_me">
<label class="form-check-label" for="remember_me">Stay Signed in</label>
</div>
<button type="submit" value="login" class="btn btn-primary">Log In</button>
</div>
</form>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"
integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous">
</script>
<script src="./assets/js/login.js"></script>
</body>
</html>