forked from hngi/WikiPoli-frontend
-
Notifications
You must be signed in to change notification settings - Fork 0
/
careers.html
193 lines (179 loc) · 9.78 KB
/
careers.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-11/css/all.min.css">
<link rel="stylesheet" href="styles/footer.css">
<link rel="stylesheet" href="styles/careers.css">
<link rel="icon" type="img/png" href="images/favicon.png">
<title>Careers </title>
</head>
<body>
<!-- Navigation bar -->
<nav class="navbar navbar-expand-lg navbar-custom bg-custom">
<div class="container">
<a href="index.html" class="logo"><img
src="https://res.cloudinary.com/fabianuzukwu/image/upload/v1571749198/c09e9odiqy2cvkosfubl.png"
alt="logo" class="img-fluid" width="150px;"></a>
<button class="navbar-toggler float-right custom-toggler" type="button" data-toggle="collapse"
data-target="#navbar9" style="color: #213dcd;">
<span class=" show-nav navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="navbar9">
<ul class="navbar-nav ml-auto">
, <li class="navbar-item mr-5">
<a href="index.html" class="btn navbar-link" id="signUp">Home</a>
</li>
<li class="navbar-item mr-5">
<a href="about.html" class="btn navbar-link" id="signUp">About Us</a>
</li>
<li class="navbar-item mr-5">
<a href="contact.html" class="btn navbar-link" id="signUp">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="join-team w-100">
<h2>Join Our Team</h2>
<p> We are looking for talents to help build our platform and <br> improve the electoral system in Nigeria</p>
</div>
<main>
<div class="container d-flex flex-column align-items-center">
<div class="join-us row">
<p>With our mission at WikiPoli to gather information on the political system in Nigeria, you can join
us in
<br>
making this happen. At WikiPoli, we recruit talented people and give them the space, resources and
<br>
support to do the best work of their lives. We hire the most capable people, treat them with genuine
<br>
respect and give them the means to succeed.</p>
</div>
<hr>
<div class="benefits row">
<div class="benefit-item col-md-4 mb-5 col-sm-6 col-xs">
<div class="benefit-item-icon"><img src="images/salary.png" alt="salary"></div>
<p>Good Salary</p>
</div>
<div class="benefit-item col-md-4 mb-5 col-sm-6 col-xs">
<div class="benefit-item-icon"><img src="images/food.png" alt="food"></div>
<p>Free Lunch</p>
</div>
<div class="benefit-item col-md-4 mb-5 col-sm-6 col-xs">
<div class="benefit-item-icon"><img src="images/thinker.png" alt="learning"></div>
<p>Learning and Development</p>
</div>
<div class="benefit-item col-md-4 mb-5 col-sm-6 col-xs">
<div class="benefit-item-icon"><img src="images/first-aid.png" alt="health"></div>
<p>Health Insurance</p>
</div>
<div class="benefit-item col-md-4 mb-5 col-sm-6 col-xs">
<div class="benefit-item-icon"><img src="images/car-loan.png" alt="car"></div>
<p>Car Loan</p>
</div>
<div class="benefit-item col-md-4 mb-5 col-sm-6 col-xs">
<div class="benefit-item-icon"><img src="images/multiple-users.png" alt="colleagues"></div>
<p>Work with amazing people</p>
</div>
</div>
<hr>
<div class="workspace-images row justify-content-between w-100">
<img class="col-md-4 p-5 mb-5 col-sm-6 col-xs" src="images/workspace1.png" alt="workspace">
<img class="col-md-4 p-5 mb-5 col-sm-6 col-xs" src="images/workspace2.png" alt="workspace2">
<img class="col-md-4 p-5 mb-5 col-sm-6 col-xs" src="images/workspace3.png" alt="workspace3">
</div>
<hr>
<div class="jobs d-flex flex-column align-items-center">
<h2>Available Jobs</h2>
<p class="">Sorry, we don't have any open positions at this moment</p>
<div class="form-style no-display">
<form class="check d-flex flex-column align-items-center" action="#" method="post">
<h3>Apply Here</h3>
<ul class="form-style">
<li>
<label>Full Name <span class="required">*</span></label><input type="text" name="field1"
class="field-divided" placeholder="First" /> <input type="text" name="field2"
class="field-divided" placeholder="Last" />
</li>
<li>
<label>Email Address<span class="required">*</span></label>
<input type="email" name="field3" class="field-long" />
</li>
<li>
<label>Phone Number<span class="required">*</span></label>
<input type="tel" name="field4" class="field-long" />
</li>
<li>
<label for="cv"> <strong>Your CV</strong> <br> (.pdf .doc .docx .rtf | Max.: 10Mb)
</label>
<input name="field5" type="file"
accept="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/rtf">
</li>
<li>
<label>Cover Letter/ Portfolio link? <span class="required">*</span></label>
<textarea name="field6" id="field6" class="field-long field-textarea"></textarea>
</li>
<li>
<input type="checkbox" required>
<span> I have read the <a href="privacypolicy.html" target="_blank">privacy policy</a>
and
hereby I
give my consent to Wikipoli <br> to process and handle my personal data given in the
application
form <br> and in my CV for the purpose of preparing the recruitment process and/or
future
hiring
process. </span>
</li>
<li>
<input type="submit" value="APPLY" />
</li>
</ul>
</form>
</div>
</div>
</div>
</main>
<footer>
<div id="footer">
<div class="container">
<div class="row links">
<div class="col-md-4 col-sm-12 text-center">
<ul class="quick-links">
<li>Legal</li>
<li><a href="Terms-of-use.html">Terms of Use</a></li>
<li><a href="privacypolicy.html">Privacy Policy</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-12 text-center">
<ul class="quick-links">
<li>Company</li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Careers</a></li>
<li><a href="FAQ.html">FAQs</a></li>
<li><a href="donation_page.html">Donations</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-12 text-center">
<div class="text-center social-links">
<h3>Connect With Us</h3>
<a href="facebook.com"><span class="fa fa-facebook"></span></a>
<a href="twitter.com"><span class="fa fa-twitter"></span></a>
<a href="instagram.com"><span class="fa fa-instagram"></span></a>
<p>[email protected]</p>
</div>
</div>
<div class="col-lg-12 copyright text-center">
<p>© 2019 Wikipoli - All Rights Reserved</p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>