-
Notifications
You must be signed in to change notification settings - Fork 0
/
aply.php
359 lines (325 loc) · 20.9 KB
/
aply.php
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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<link rel="icon" href="images/logo1.png" type="image/icon tye">
<title>How Apply</title>
<link rel="stylesheet" type="text/css" href="css/aply.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="fontswesome/css/all.css">
<!------------- Bootstarp Links --------------->
<link rel="stylesheet" type="text/css" href="libraries1/bootstrap.min.css">
<script type="text/javascript" src="libraries1/popper.min.js"></script>
<script type="text/javascript" src="libraries1/bootstrap.min.js"></script>
</head>
<body>
<div class="back-image">
<!-------------------- Header start ------------------->
<?php include "common/headers.php" ?>
<!-------------------- Header END ------------------->
<!-------------------- Banner start ------------------->
<div class="banner-text">
Here's How To Apply
</div>
<div class="banner-text01">
<p>Answer a few questions, click a few buttons and pretty soon you'll be applying for jobs all over this place.</p>
</div>
</div>
<!-------------------- Banner END ------------------->
<!-------------------- apply-form start ------------------->
<!-------------------- name + grnder start ------------------->
<div class="main-form">
<div class="form-heading">
Registration Form.
<p>Please, fill the form in the following information in ALL CAPS (Capital letters)</p>
</div>
<form>
<!-------------------- name + grnder STart ------------------->
<div class="row">
<div class="col-md-6">
<label for="fname">* What is your name?</label>
<input placeholder="e.g JHON DOE" type="text" tabindex="2" required>
<label class="bottom-lab" for="fname">Please, type in your full name.</label>
</div>
<div class="col-md-6">
<div class="select-category">
<label for="select">What is your gender?</label>
<select id="country" class="from-control" name="country">
<option value="ca">Category</option>
<option value="usa">MAN</option>
<option value="usa">WOMAN</option>
<option value="usa">NON-BINARY</option>
</select>
<p style="color:teal">We need to know your gender to make our services more convenient for you.</p>
</div>
</div>
</div>
<!-------------------- name + grnder END ------------------->
<!-------------------- mobile + whatsno start ------------------->
<div class="row">
<div class="col-md-6">
<label for="fname">* What is your phone number?</label>
<input placeholder="e.g 0300-1234567" type="text" tabindex="2" required>
</div>
<div class="col-md-6">
<label for="fname">* What is your WhatsApp Number?</label>
<input placeholder="e.g 0300-1234567" type="text" tabindex="2" required>
<label class="bottom-lab1" for="fname">Please, fill this only if your WhatsApp number is different from your Canadian number.
Most of our job postings are communicated through WhatsApp. </label>
</div>
</div>
<!-------------------- mobile + whatsno END ------------------->
<!-------------------- birth + address start ------------------->
<div class="row">
<div class="col-md-6">
<label for="birthday">* What is your date of birth?</label>
<input type="date" id="birthday" name="birthday">
</div>
<div class="col-md-6">
<label >* What is your address?</label>
<input type="text" placeholder="UNIT NO.,STREET">
</div>
</div>
<!-------------------- birth + address start ------------------->
<!-------------------- city + instruction start ------------------->
<div class="row mt-2">
<div class="col-md-6">
<label for="fname">* What city do you live in?</label>
<input type="text" placeholder="e.g. LAHORE">
</div>
<div class="col-md-6">
<label for="fname">* What is the major intersection?</label>
<input type="text" placeholder="STEEL AND MAVIS">
<label class="bottom-lab" for="fname">*This information will help us find you a job near you.</label>
</div>
</div>
<!-------------------- city + instruction End ------------------->
<!-------------------- province + zipcode start ------------------->
<div class="row">
<div class="col-md-6">
<label for="fname">* Province</label>
<input type="text" placeholder="e.g. PUNJAB">
</div>
<div class="col-md-6">
<label for="fname">* Zip Code</label>
<input type="text" placeholder="e.g. 4200">
</div>
</div>
<!-------------------- province + zipcode END ------------------->
<!-------------------- jobs Check-box start ------------------->
<div class="row mt-3">
<div class="col-md-12">
<div class="kind">
<p>What kind of jobs are you looking for?</p>
</div>
<ul class="ks-cboxtags">
<div class="custom-control custom-checkbox">
<li><input type="checkbox" class="custom-control-input" id="checkboxOne" value="Cotton Candy">
<label for="checkboxOne">GENERAL LABOURER</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkboxTwo" value="Cotton Candy">
<label for="checkboxTwo">FORKLIFT OPERATOR</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkboxThree" value="Cotton Candy">
<label for="checkboxThree">G DRIVER</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkboxFour" value="Cotton Candy">
<label for="checkboxFour">AZ DRIVER</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkboxFive" value="Cotton Candy">
<label for="checkboxFive">DZ DRIVER</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkboxSix" value="Cotton Candy">
<label for="checkboxSix">BATCH MIXER</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkboxSeven" value="Cotton Candy">
<label for="checkboxSeven">MACHINE OPERATOR</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkboxEight" value="Cotton Candy">
<label for="checkboxEight">WELDER</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkboxNine" value="Cotton Candy">
<label for="checkboxNine">ACCOUNTANT</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkboxTen" value="Cotton Candy">
<label for="checkboxTen">OFFICE ADMIN</label></li>
</div>
</ul>
<div class="general">
*This will help us determine the kind of job positions your are looking for. You select multiple categories if applicable.
P.S. Selecting the GENERAL LABOURER category opens up the most number of job opportunities.
</div>
</div>
</div>
<!-------------------- Check-box END ------------------->
<!-------------------- time + shift start ------------------->
<div class="row mt-2">
<div class="col-md-6">
<label for="select">* Are you available</label>
<select id="country" class="from-control" name="country">
<option value="ca">Category</option>
<option value="usa">PART-TIME</option>
<option value="usa">FULL-TIME</option>
</select>
</div>
<div class="col-md-6">
<label for="select">* Are you available</label>
<select id="country" class="from-control" name="country">
<option value="ca">shift</option>
<option value="usa">Morning Shift</option>
<option value="usa">Afternoon Shift</option>
<option value="usa">Night Shift</option>
<option value="ca">MORNING & AFTERNOON SHIFTS</option>
<option value="usa">MORNING & NIGHT SHIFTS</option>
<option value="usa">AFTERNOON & NIGHTSHIFTS</option>
<option value="usa">MORNING, AFTERNOON & NIGHT SHIFTS</option>
</select>
</div>
</div>
<!-------------------- time + shift END ------------------->
<!-------------------- car start ------------------->
<div class="row mt-2">
<div class="col-md-6">
<label for="select">* Do you have a car?</label>
<select id="country" class="from-control" name="country">
<option value="ca">Select</option>
<option value="usa">YES</option>
<option value="usa">NO</option>
</select>
</div>
<div class="col-md-6">
<label for="select">If YES, then you provide 'RIDES' to your co-workers in exchange for extra bonus?</label>
<select id="country" class="from-control" name="country">
<option value="ca">Select</option>
<option value="ca">Yes</option>
<option value="usa">NO</option>
</select>
<label class="bottom-lab" for="fname">We provide extra incentive to people who are willing to give commute to their colleagues.</label>
</div>
</div>
<!-------------------- car END ------------------->
<!-------------------- people-fit-in-car + Days start ------------------->
<div class="row mt-2">
<div class="col-md-6">
<label for="select">How many people can typcally fit in your car including you?</label>
<select id="country" class="from-control" name="country">
<option value="ca">Select</option>
<option value="usa">4</option>
<option value="usa">5</option>
<option value="usa">6</option>
<option value="usa">7</option>
<option value="usa">7 Plus</option>
</select>
<label class="bottom-lab" for="fname"> This will help us determine how many people we can send with you to work.
More people you take, more the daily bonus will be.</label>
</div>
<div class="col-md-6">
<ul class="ks-cboxtags">
<div class="custom-control custom-checkbox">
<li><input type="checkbox" class="custom-control-input" id="checkbox1" value="Cotton Candy">
<label for="checkbox1">MONDAY</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkbox2" value="Cotton Candy">
<label for="checkbox2">TUESDAY</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkbox3" value="Cotton Candy">
<label for="checkbox3">WEDNESDAY</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkbox4" value="Cotton Candy">
<label for="checkbox4">THURSDAY</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkbox5" value="Cotton Candy">
<label for="checkbox5">FRIDAY</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkbox6" value="Cotton Candy">
<label for="checkbox6">SATURDAY</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkbox7" value="Cotton Candy">
<label for="checkbox7">SUNDAY</label></li>
<li><input type="checkbox" class="custom-control-input" id="checkbox8" value="Cotton Candy">
<label for="checkbox8">WHOLE WEEK</label></li>
<label class="bottom-lab" for="fname">Choose the days you are available to work. Choose the last option (WHOLE WEEK) if you are available to work every day of the week.</label>
</div>
</ul>
</div>
</div>
<!-------------------- people-fit-in-car + Days END ------------------->
<!-------------------- status + months start ------------------->
<div class="row">
<div class="col-md-6">
<label for="select">* What is your status in Canada?</label>
<select id="country" class="from-control" name="country">
<option value="ca">Select</option>
<option value="usa">INTERNATIONAL STUDENT</option>
<option value="usa">WORK PERMIT HOLDER</option>
<option value="usa">VISITOR</option>
<option value="usa">WORK PERMIT HOLDER</option>
<option value="usa">PERMANENT RESIDENT</option>
<option value="usa">REFUGEE</option>
<option value="usa">CITIZEN</option>
</select>
</div>
<div class="col-md-6">
<label for="select">How many months are you available to work?</label>
<select id="country" class="from-control" name="country">
<option value="ca">Select</option>
<option value="ca">1 TO 2 MONTHS</option>
<option value="usa">2 TO 3 MONTHS</option>
<option value="ca">3 TO 4 MONTHS</option>
<option value="ca">5 TO 6 MONTHS</option>
<option value="ca">6 TO 12 MONTHS</option>
</select>
</div>
</div>
<!-------------------- status + months END ------------------->
<!-------------------- semester + semester-brake Start------------------->
<div class="row mt-2">
<div class="col-md-6">
<label for="select">Are you on a semester break?</label>
<select id="country" class="from-control" name="country">
<option value="ca">Select</option>
<option value="usa">YES</option>
<option value="usa">NO</option>
</select>
<label class="bottom-lab" for="fname">* This question is for International Students only. </label>
</div>
<div class="col-md-6">
<label for="birthday"> If YES, When did your semester break start?</label>
<input type="date" id="birthday" name="birthday">
<label class="bottom-lab" for="fname">*This question is for International Students only. </label>
</div>
</div>
<!-------------------- semester + semester-brake END------------------->
<!-------------------- SIN + emergency Start------------------->
<div class="row mt-2">
<div class="col-md-6">
<label for="fname">* Please, type 1st initial of your First and Last Name, Birth Month and Birth Day (2 digits), and last 4 digits of your SIN or any
other government ID (for example Passport or Driver's License).</label>
<input placeholder="e.g AB-12-12-1234" type="text" tabindex="2" required>
<label class="bottom-lab1" for="fname"> *This will help us to create a unique candidate ID for you in our database and will prevent any confusion between
applicants who have common names.</label>
</div>
<div class="col-md-6 mt-5">
<label for="fname">Who should we contact in case of an emergency?</label>
<input placeholder="e.g JHON DOE" type="text" tabindex="2" required>
<label class="bottom-lab1" for="fname">Please, fill in the full name of the person we should contact in case of any emergency. </label>
</div>
</div>
<!-------------------- SIN + emergency END------------------->
<!-------------------- Relation Start------------------->
<div class="row mt-2">
<div class="col-md-6">
<label for="select">What is your relationship with the emergency contact person?</label>
<select id="country" class="from-control" name="country">
<option value="ca">Select</option>
<option value="ca">FRIEND</option>
<option value="usa">PARENT</option>
<option value="ca">ROOMMATE</option>
<option value="ca">PARTNER</option>
<option value="ca">SPOUSE</option>
<option value="ca">SIBLING</option>
<option value="ca">RELATIVE</option>
</select>
</div>
</div>
<!-------------------- Relation END------------------->
<div class="row mt-2">
<div class="col-md-12">
<p>Thank you for filling up this form, we will soon assign you a job according to your requirements. Please, tell your friends & family about us as we are always searching for responsible,
reliable and dedicated employees. Thank you! Western Staffing Services.</p>
<button class="btn btn4">Submit</button>
</div>
</div>
</form>
<!-------------------- apply-form END ------------------->
</div>
<!-------------------- Footer start ------------------->
<?php include "common/footer.php" ?>
<!-------------------- Footer END ------------------->
</body>
</html>