-
Notifications
You must be signed in to change notification settings - Fork 31
/
Copy pathunverified.html
151 lines (135 loc) · 6.67 KB
/
unverified.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skill Board | PCCOE</title>
<link rel="stylesheet" href="./css/main.css">
<link rel="icon" href="./assets/images/favicon.png" type="image/png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- FONT AWESOME -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous" />
</head>
<body>
<!--THIS IS THE PURPLE LINE YOU SEE AT THE TOP-->
<div class="headerLine">
</div>
<!---------------------------------------->
<!------------TOP BAR--------------------------------------------->
<div class="listingTopBar sticky">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="./index.html">
<img src="./assets/images/navbar_logo.png" class="navLogo">
</a>
<div class="collapse navbar-collapse hide" id="navbarSupportedContent">
<div class="listingSearchForm">
<form name="Form1" action="#" method="get" class="listingSeachForm">
<input id="name" name="name" type="text" class="listingSearch" placeholder="Search">
<button class="listingSearchBtn">
<ion-icon name="search-outline" style="transform: scale(1.5);"></ion-icon>
</button>
</form>
</div>
<div class="dropdown">
<div class="filterbtn">
<button class="btn dropdown-toggle" type="button" data-toggle="dropdown">
<ion-icon size="large" name="funnel-outline"></ion-icon>
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
</ul>
</div>
</div>
<a class="nav-link" href="#"><ion-icon size="large" name="barcode-outline"></ion-icon></a>
</div>
<span class="showOnCollapse ml-auto">
<span onclick="expandSearch()">
<ion-icon size="large" name="search-outline"></ion-icon>
</span>
<span onclick="expandOptions()">
<ion-icon size="large" name="caret-down-circle-outline"></ion-icon>
</span>
</span>
<div class="dropdown">
<button class="btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<ion-icon name="person-circle-outline" style="transform: scale(2.2); margin-bottom: 5px; margin-left: 10px;"></ion-icon>
</button>
<div id="dropDown" class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
<button onclick="logout()" class="btn btn-danger btn-block">
Log Out
</button>
<a href="./index.html" style="text-decoration: none;">
<button class="btn btn-success btn-block">
View Users
</button>
</a>
<a href="./superuserslist.html" style="text-decoration: none;">
<button class="btn btn-success btn-block">
View Super Users
</button>
</a>
</div>
</div>
</nav>
<div id="collapsedSearch" style="display: none;">
<div class="listingSearchForm">
<form name="Form1" action="#" method="get" class="listingSeachForm">
<input id="name" name="name" type="text" class="listingSearch" placeholder="Search">
<button class="listingSearchBtn">
<ion-icon name="search-outline" style="transform: scale(1.5);"></ion-icon>
</button>
</form> <br>
<span onclick="closeSearch()">
<ion-icon name="close-circle-outline" style="transform: scale(1.5); color: red;"></ion-icon>
</span>
</div>
</div>
<div id="collapsedOptions" style="display: none;">
<div class="dropdown">
<div class="filterbtn">
<button class="btn dropdown-toggle" type="button" data-toggle="dropdown">
<ion-icon size="large" name="funnel-outline"></ion-icon>
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
</ul>
</div>
</div>
<span><ion-icon size="large" name="barcode-outline"></ion-icon></span>
<span onclick="closeOptions()">
<ion-icon name="close-circle-outline" size="large" style="color: red"></ion-icon>
</span>
</div>
</div>
<!------------------END TOP-BAR--------------------------------------->
<div class="supUser" style="text-align: center; display: block; margin-top: 50px; margin-bottom: 30px;">
<a href="./index.html">
<button class="card-button btn-primary">
Listing Page
</button>
</a>
</div>
<!----------------------PROFILE CARDS--------->
<div class="profile-page" id="cards-container">
</div>
<!------------------END CARDS----------------->
<br><br><br><br><br><br>
<!--BLOB-->
<div class="blob">
<img src="./assets/images/blob.png" id="blob">
</div>
<!--END BLOB-->
<!--NECESSARY SCRIPTS-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
<script src="./js/main.js"></script>
<script src="./js/unverifed.js"></script>
<script src="./js/profileActions.js"></script>
</body>
</html>