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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
|
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>JobReader - Setting</title>
<!-- css -->
<?php include 'inc/headlinks.php'; ?>
<!-- js -->
<?php include 'inc/link-js.php'; ?>
</head>
<body>
<!-- header -->
<?php include 'inc/header.php'; ?>
<!-- end of header-->
<?php include 'inc/setting_nav.php'; ?>
<section class="wrapper">
<div class="container">
<div class="d-flex align-items-center mb-4">
<div class="h1">
Account Setting
</div>
</div>
<div class="row">
<div class="col-md-3">
<p class="unbold h3 mb-2">Account</p>
</div>
<div class="col-md-9">
<div class="d-flex">
<div>
<p class="garyLightFont mb-2">Email (use for Login ID and communication)
</p>
<p class="mb-4">vanny@gmail.com</p>
<p class="mb-2 garyLightFont">Password</p>
<a class="mb-4 link" href="#" title="change Password" data-toggle="modal"
data-target=".changePassword">Change password…
</a>
</div>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-md-3">
<p class="unbold h3 mb-2">Notifications
</p>
</div>
<div class="col-md-9">
<p class="fieldWord mb-4">Receive the following from Jobs Reader.</p>
<div class="custom-control custom-checkbox mb-4">
<input type="checkbox" class="custom-control-input" id="JobsCheck1">
<label class="custom-control-label" for="JobsCheck1"> Job Reader eNews.
</label>
</div>
<div class="custom-control custom-checkbox mb-4">
<input type="checkbox" class="custom-control-input" id="CandidatesCheck1">
<label class="custom-control-label" for="CandidatesCheck1">
Special promotions from Jobs Reader and advertisers.
</span>
</label>
</div>
<div class="custom-control custom-checkbox mb-4">
<input type="checkbox" class="custom-control-input" id="BuyCheck1">
<label class="custom-control-label" for="BuyCheck1">
Job recommendation<br>
<span class="garyLightFont font09">Get personalized notifications for relevant jobs from
Jobs Reader.</span>
</label>
</div>
</div>
</div>
</div>
</section>
<!-- end #section -->
<!-- Modal -->
<div class="modal fade changePassword" tabindex="-1" role="dialog" aria-labelledby="eventDateModal"
aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<p class="h3 mb-4">Change Password</p>
<div class="form-group passwordInput err">
<label for="currentPassword" class="blackDeepWord">Current password</label>
<input type="password" class="form-control reveal password" id="currentPassword"
aria-describedby="currentPassword" placeholder="">
<p class="redWord validate mt-1 mb-0">Please enter this information.
</p>
<p class="redWord validate mt-1 mb-0">
Sorry, your password doesn’t match.
</p>
</div>
<div class="form-group passwordInput err">
<label for="resetNewPassword" class="blackDeepWord">New password</label>
<input type="password" class="form-control reveal password" id="resetNewPassword"
aria-describedby="resetNewPassword" placeholder="">
<p class="redWord validate mt-1 mb-0">Please enter this information.
</p>
<p class="redWord validate mt-1 mb-0">Your password should contain 8 to 20 characters with
uppercase, lowercase and at least one number.
</p>
</div>
<div class="form-group passwordInput err">
<label for="confirmPassword" class="blackDeepWord">Confirm password </label>
<input type="password" class="form-control reveal password mb-2" id="confirmPassword"
aria-describedby="confirmPasswords" placeholder="">
<p class="redWord validate mt-1 mb-0">Please enter this information.
</p>
<p class="redWord validate mt-1 mb-0">Sorry, your password doesn't match.
</p>
<small class="fieldWord"> Your password must have:</small>
<ul class="clickList inlinelist fieldWord small">
<li class="greenWord">8 or more characters
</li>
<li>upper & lowercase letter
</li>
<li>at least one number
</li>
</ul>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary">Save Changes</button>
</div>
</div>
</div>
</div>
<!-- footer -->
<?php include 'inc/footer_n.php'; ?>
<!-- end of footer -->
<!-- custom JS -->
</body>
<script>
</script>
</html>
|