-
Notifications
You must be signed in to change notification settings - Fork 0
/
talent.html
232 lines (215 loc) · 10.2 KB
/
talent.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
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
<!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">
<script src="https://kit.fontawesome.com/31f8034a80.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles.css">
<title>talent.zuri.team</title>
</head>
<body>
<header class="talent-header">
<nav class="navbar fixed-top py-0">
<div class="container">
<a class="navbar-brand" href="#">
<img src="logo2.svg" class="img-fluid" alt="logo">
</a>
<ul class="nav justify-content-end">
<li class="nav-item">
<a class="nav-link active" href="#main">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#impact">Impact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#why-us">Why Us</a>
</li>
<li class="nav-item">
<a class="nav-link"><button class="show-Modal-B" data-bs-toggle="modal" data-bs-target="#exampleModal">Hire Talents</button></a>
</li>
</ul>
</div>
</nav>
</header>
<main class="talent-main" id="main">
<div class="container">
<div class="row">
<div class="col">
<h2>Vested and Trusted
<span>talents
<img src="thick2.svg" class="img-fluid" alt="line">
</span>
</h2>
<p>At Zuri Team, we train, test and place talent in various industries. We have access to the best
pool of skills in the
tech Industry.</p>
<div class="talent-btns">
<a><button class="talent-btn1 show-Modal-B" data-bs-toggle="modal" data-bs-target="#exampleModal">Hire Talents</button></a>
<a><button class="show-Modal-C" data-bs-toggle="modal" data-bs-target="#joinModal">Join Talent pool</button></a>
</div>
</div>
<div class="col">
<div class="talent-img1"><img src="section1.png" class="img-fluid" alt="talent-main-pic">
</div>
<div class="talent-img2"><img src="line1.svg" class="img-fluid" alt="line"></div>
</div>
</div>
</div>
</main>
<section id="impact" class="talent-section2">
<div class="container">
<div class="row">
<div class="col">
<div class="talent-section2-text">
<h2>We have impacted the lives of <span>thousands</span> around the world</h2>
<h5>6,000 trained in 14 months</h5>
<p>Talent Placed in 5 countries</p>
</div>
<div class="country-images">
<img src="GER.svg" class="img-fluid" alt="GER">
<img src="ENG.svg" class="img-fluid" alt="ENG">
<img src="ind.svg" class="img-fluid" alt="IND">
<img src="NIG.svg" class="img-fluid" alt="NIG">
<img src="ussa.svg" class="img-fluid" alt="USA">
</div>
</div>
<div class="col">
<div class="talent-section2-M-image text-center">
<img src="section2.png" class="img-fluid" alt="talent-section2-pic">
</div>
</div>
</div>
</div>
</section>
<section class="talent-section3">
<div class="container">
<h2>Skills of our <span>talents</span> that you will need</h2>
<div class="row">
<div class="skill-box">
<p>UI/UX Designers</p>
<p>Backend Developers</p>
<p>DevOps Engineers</p>
<p>Frontend Developers</p>
<img src="line1.svg" class="img-fluid" alt="line">
</div>
</div>
<h2>Where our talents work</h2>
<div class="row">
<div class="talent-box">
<p>GitHub</p>
<p>Microsoft</p>
<p>Reskill Americans</p>
<p>Flutterwave</p>
<p>Google</p>
<p>Career Transitioners</p>
</div>
</div>
</div>
</section>
<section id="why-us" class="talent-section4">
<div class="container">
<h2>Why Hire our <span>Talents</span></h2>
<div class="row">
<div class="col">
<img src="people.svg" class="img-fluid" alt="">
<p>Zuri Team has a highly skilled set of talents that are built on referral and successful
partnerships.</p>
</div>
<div class="col">
<img src="mech.svg" class="img-fluid" alt="">
<p>Our recruiters are exceptionally skilled in identifying top talent around the globe and matching
them with the client's
needs.</p>
</div>
<div class="col">
<img src="hand (1).svg" class="img-fluid" alt="">
<p>We have an 85% fill ratio for every open position we partner for.</p>
</div>
<div class="col">
<img src="write.svg" class="img-fluid" alt="">
<p>Contract renewal rate for our consultant is 90 percent.</p>
</div>
<div class="col">
<img src="many.svg" class="img-fluid" alt="">
<p>60% of our consultants are converted to full-time employees.</p>
</div>
</div>
<div class="talent-rope-I">
<img src="rope.svg" class="img-fluid" alt="rope">
</div>
<div class="talent-btns">
<a><button class="talent-btn1 show-Modal-B" data-bs-toggle="modal" data-bs-target="#exampleModal">Hire Talents</button></a>
<a><button class="show-Modal-C" data-bs-toggle="modal" data-bs-target="#joinModal">Join Talent pool</button></a>
</div>
</div>
</section>
<footer class="talent-footer">
<div class="container">
<div>
<img src="logo3.svg" class="img-fluid" alt="logo">
</div>
<div class="talent-F-icons">
<a href="https://www.facebook.com/thezuriteam/"><img src="facebook.svg" class="img-fluid"
alt="facebook"></a>
<a href="https://www.linkedin.com/company/zuri-team"><img src="linkd.svg" class="img-fluid"
alt="linkedin"></a>
<a href="https://twitter.com/thezuriteam"><img src="twit.png" class="img-fluid"
alt="twitter"></a>
<a href="https://www.youtube.com/thezuriteam"><img src="youtube.svg" class="img-fluid"
alt="youtube"></a>
</div>
<div class="talent-F-copy">
<p>© Copyright 2022 ZURI TEAM. All rights Reserved</p>
</div>
<div class="talent-F-mail">
<p>talent@zuri.team</p>
</div>
</div>
</footer>
<!-- Button trigger modal -->
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
Launch demo modal
</button> -->
<!--HIRE Modal -->
<div class="modal fade talent-modal-A" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content container hire-modal">
<div class="modal-header">
<h2 class="modal-title" id="exampleModalLabel">Talent Recruitment</h2>
</div>
<div class="modal-body container hire-modal">
<p>We will love to discuss your business and your talent needs.</p>
<a href="https://forms.gle/QFsTDVg2EhpY32Pd9"><button>Fill this form</button></a>
<h5>OR</h5>
<a href="https://calendly.com/zuri-team/consult-with-seyi?month=2022-04"><button>Book a
Consultation</button></a>
</div>
</div>
</div>
</div>
<!-- Button trigger modal -->
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#joinModal">
Launch demo modal
</button> -->
<!-- JOIN Modal -->
<div class="modal fade talent-modal-B" id="joinModal" tabindex="-1" aria-labelledby="joinModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content container join-modal">
<div class="modal-header">
<h2 class="modal-title" id="joinModalLabel">Join Talent Pool</h2>
</div>
<div class="modal-body container join-modal">
<p>Interested in joining our Talent Pool?</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSenlbLaRmpPCRzby9DJ71pyChTBurIhcCFOyiZxEX1IMwxXtg/viewform"><button>Click
here to sign up</button></a>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
<script src="script.js"></script>
</body>
</html>