-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcheck-status.html
150 lines (142 loc) · 7.46 KB
/
check-status.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Portal</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<link href="style.css" rel="stylesheet">
<link href="user-portal.css" rel="stylesheet">
</head>
<body>
<!-- nav bar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark py-3 sticky-top">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="img/logo-d.jpg" width="30" height="30"
class="d-inline-block align-top" alt=""> Grama Check</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
User Portal
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="user-portal.html">Apply for Grama Certificate</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" onclick="userAuth.signOut()">Log Out</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- status check -->
<section class="bg-dark text-light p-5" id="status-check">
<div class="container py-5">
<div class="d-md-flex justify-content-between align-items-center">
<h3 class="mb-3 mb-md-0">Check Your Status</h3>
<div class="input-group news-input">
<input id="nicField" type="text" class="form-control" placeholder="Enter NIC" name="">
<button class="btn btn-primary btn-lg" onclick=submit()>Submit</button>
</div>
</div>
</div>
<ul class="container py-5" id="status-bar">
<li class="step-wizard-item" id="status-1">
<span class="progress-count">1</span>
<span class="progress-label">Submitted</span>
</li>
<li class="step-wizard-item current-item" id="status-2">
<span class="progress-count">2</span>
<span class="progress-label">Pending Police Check</span>
</li>
<li class="step-wizard-item" id="status-3">
<span class="progress-count">3</span>
<span class="progress-label">At Grama Sevaka</span>
</li>
<li class="step-wizard-item" id="status-4">
<span class="progress-count">4</span>
<span class="progress-label">Completed</span>
</li>
<!-- <li class="step-wizard-item current-item"> -->
</ul>
</section>
<!-- footer -->
<footer id="footer" class="page-footer p-5 text-md-left" style="background-color: #F9F9F9;">
<div class="container py-5">
<div class="row g-4">
<div class="col-lg-3 col-md-6">
<h5 class="text-uppercase font-weight-bold mb-4"><img src="img/logo-w.jpg" width="30" height="30"
class="d-inline-block align-top" alt="">
Grama Check
</h5>
<p>
Grama Check is a Service Created by WSO2 Interns as Part of the GCP Team for the Choreo Project.
This Project is built only for Educational Purposes.
</p>
<a href="https://github.com/NimBuzz01/Grama-Check-Front-End-2.0.git"><i
class="bi bi-github text-dark mx-1 lead"></i></a>
<a href="#"><i class="bi bi-slack text-dark mx-1 lead"></i></a>
</div>
<div class="col-lg-2 col-md-2 mx-auto">
<h5 class="text-uppercase font-weight-bold mb-4">Services</h5>
<ul class="list-unstyled">
<li class="mb-1">Apply Grama Certificate</li>
<li class="mb-1">Certificate Status Check</li>
<li class="mb-1">Officer Dashboard</li>
</ul>
</div>
<div class="col-lg-2 col-md-2 mx-auto">
<h5 class="text-uppercase font-weight-bold mb-4">Page Links</h5>
<ul class="list-unstyled">
<li class="mb-1"><a href="#home"><i class="bi bi-chevron-right" style="color: #ff7300;"></i>
Home</a></li>
<li class="mb-1"><a href="#user-page"><i class="bi bi-chevron-right"
style="color: #ff7300;"></i> User Portal</a></li>
<li class="mb-1"><a href="#officer-page"><i class="bi bi-chevron-right"
style="color: #ff7300;"></i> Officer Portal</a></li>
<li class="mb-1"><a href="help.html"><i class="bi bi-chevron-right" style="color: #ff7300;"></i>
Help Page</a></li>
</ul>
</div>
<div class="col-lg-3 col-xs-12 location">
<h5 class="text-uppercase font-weight-bold mb-4">Location</h5>
<p class="d-flex align-items-center">
<i class="bi bi-geo-alt text-dark mx-2 lead"></i>20, Palm Grove, Colombo 3
</p>
<p class="d-flex align-items-center">
<i class="bi bi-telephone text-dark mx-2 lead"></i>+94 11 214 5345 / +94 11 743 5800
</p>
<p class="d-flex align-items-center">
<i class="bi bi-envelope text-dark mx-2 lead"></i>info@gramacheck.com
</p>
</div>
</div>
</div>
</footer>
<!-- end footer -->
<footer class="p-3 bg-dark text-white text-center position-relative">
<div class="container">
<p class="mb-0">
Copyright © 2022 GCP Grama Check. Designed with ❤️ by Niamat Marjan
</p>
<a href="#" class="position-fixed bottom-0 end-0 p-5"><i class="bi bi-arrow-up-square-fill h1"
style="color: #ff7300;"></i></a>
</div>
</footer>
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="scripts/check-status.js"></script>
</html>