-
Notifications
You must be signed in to change notification settings - Fork 12
/
careers.html
382 lines (356 loc) · 17.8 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
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
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
<!DOCTYPE html>
<html lang="en">
<head>
<title>Careers</title>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no">
<!-- <style>body{opacity: 0;}</style> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css?_v=20230327195509" />
<link rel="stylesheet" href="css/style.min.css?_v=20230327195509">
<link rel="shortcut icon" href="favicon.ico">
<!-- <meta name="robots" content="noindex, nofollow"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="wrapper wrapper_careers">
<header class="header">
<div class="header__container">
<div class="header__wrapper">
<a class="header__logo" href="index.html"><picture><source srcset="img/logo.webp" type="image/webp"><img src="img/logo.png" alt="kron logo"></picture></a>
<nav class="header__menu menu">
<ul class="menu__items">
<li class="menu__item"><a href="index.html">about us.</a></li>
<li class="menu__item"><a href="careers.html">careers.</a></li>
<li class="menu__item"><a href="contacts.html">contacts.</a></li>
<li class="menu__item menu__item_gradient"><a href="kronstories.html">#kronstories</a></li>
</ul>
</nav>
</div>
</div>
</header>
<main class="careers">
<div class="careers__container">
<div class="careers__wrapper">
<div class="contacts__title title title_big">
careers<span class="text-accent_orange">/</span>
</div>
<!-- //======= TYPING TEXT ======================================================================= -->
<section class="contacts__typing-text typing-text block-cross-out">
<!-- <div class="typing-text block-cross-out"> -->
<div class="typing-text__wrapper">
<span class="typing-text__text">join us</span>
<!-- Stings for text typing -->
<div id="typed-strings">
<span>join us and become<br>a part of a great IT community</span>
<span>join us because we<br>are the heart of IT<br>business</span>
<span>join us to discover your new level</span>
<span>join us because we<br>are hiring best of the best</span>
<span>join us to create your success together</span>
</div>
</div>
<!-- </div> -->
</section>
<!-- //=== choose-kron = section ================================================================== -->
<section class="choose-kron">
<div class="choose-kron__title title">why choose <span class="text_grey">KRON</span><span class="text-accent_orange">/</span>
</div>
<div class="choose-kron__content">
<div class="choose-kron__card choose-card block-cross-out">
<div class="choose-card__title">Wellness Program</div>
<div class="choose-card__text">Take care of your body and mind, get fit, relax and have fun with our
wellness activities.</div>
</div>
<div class="choose-kron__card choose-card block-cross-out">
<div class="choose-card__title">Dedicated Team</div>
<div class="choose-card__text">Join a family-like team, work together towards success and enjoy a
friendly work environment.</div>
</div>
<div class="choose-kron__card choose-card block-cross-out">
<div class="choose-card__title">Health Insurance</div>
<div class="choose-card__text">Stay healthy and worry-free with our comprehensive health coverage.
</div>
</div>
<div class="choose-kron__card choose-card block-cross-out">
<div class="choose-card__title">Corporate Education</div>
<div class="choose-card__text">Boost your skills, stay up-to-date with the latest trends and get
promoted!</div>
</div>
</div>
</section>
<!-- //=== job-listing = section ================================================================== -->
<section class="job-listing">
<div class="job-listing__title title">job <span class="text_grey">listings</span><span class="text-accent_orange">/</span>
</div>
<div class="job-listing__positions">
<div class="job-listing__position position-job" data-popup="#jobs-popup" data-quantity="3" data-first-title="Backend" data-second-title="Developers">
<div class="position-job__wrapper block-cross-in">
<div class="position-job__title">Backend Developers</div>
<div class="position-job__description">3 positions</div>
</div>
</div>
<div class="job-listing__position position-job" data-popup="#jobs-popup" data-quantity="2" data-first-title="Frontend" data-second-title="Developers">
<div class="position-job__wrapper block-cross-in">
<div class="position-job__title">Frontend Developers</div>
<div class="position-job__description">2 positions</div>
</div>
</div>
<div class="job-listing__position position-job" data-popup="#jobs-popup" data-quantity="1" data-first-title="QA">
<div class="position-job__wrapper block-cross-in">
<div class="position-job__title">QA</div>
<div class="position-job__description">1 position</div>
</div>
</div>
<div class="job-listing__position position-job" data-popup="#jobs-popup" data-quantity="0" data-first-title="UX/UI" data-second-title="Designers">
<div class="position-job__wrapper block-cross-in">
<div class="position-job__title">UX/UI Designers</div>
<div class="position-job__description">0 positions. but you can send us a resume</div>
</div>
</div>
<div class="job-listing__position position-job" data-popup="#jobs-popup" data-quantity="1" data-first-title="HR">
<div class="position-job__wrapper block-cross-in">
<div class="position-job__title">HR</div>
<div class="position-job__description">1 position</div>
</div>
</div>
<div class="job-listing__position position-job" data-popup="#jobs-popup" data-quantity="0" data-first-title="Data" data-second-title="Analysts">
<div class="position-job__wrapper block-cross-in">
<div class="position-job__title">Data Analysts</div>
<div class="position-job__description">0 positions. but you can send us a resume</div>
</div>
</div>
</div>
</section>
<!-- //=== cv-form = section ================================================================== -->
<section class="cv-form form">
</section>
<!-- //=== CASCADE = section (tips for interview)================================================================== -->
<section class="cascade">
<div class="cascade__title title">tips for acing the <span class="text_grey">interview</span><span class="text-accent_orange">/</span>
</div>
<div class="cascade__slider cascade-slider">
<div class="cascade-slider__item cascade-item block-cross-out">
<div class="cascade-item__wrapper">
<div class="cascade-item__row">
<div class="cascade-item__numbers text_grey">
<div class="numbers-column"></div>
</div>
<div class="cascade-item__text text-cascade-item">
<div class="text-cascade-item__title text-accent_aqua"># First things first.</div>
<div class="text-cascade-item__main">
<p>Apply for a job or just send us your CV. Our HR managers will contact you shortly.</p>
</div>
<div class="text-cascade-item__tips text_grey">
<p>---<br>
**Tip** If you attach a cover letter, your chances of landing an interview rise
significantly!<br>
---</p>
</div>
</div>
</div>
</div>
</div>
<div class="cascade-slider__item cascade-item block-cross-out">
<div class="cascade-item__wrapper">
<div class="cascade-item__row">
<div class="cascade-item__numbers text_grey">
<div class="numbers-column"></div>
</div>
<div class="cascade-item__text text-cascade-item">
<div class="text-cascade-item__title text-accent_aqua"># Tech interview with the team</div>
<div class="text-cascade-item__main">
<p>It'll be awesome if you look at the job offer once again and prepare some questions for us
before the interview. You can also refresh (if necessary) your knowledge about our tech stack.
We don't expect you to tell us definitions of tech terms. Instead, we hope to see your
understanding and expertise.
</p>
</div>
<div class="text-cascade-item__tips text_grey">
<p>---<br>**Tip**: It's more valuable to see an example of a theoretical issue put into practice
rather than the ability to provide definitions. Prepare effective use cases from your tech
experience.<br>
---</p>
</div>
</div>
</div>
</div>
</div>
<div class="cascade-slider__item cascade-item block-cross-out">
<div class="cascade-item__wrapper">
<div class="cascade-item__row">
<div class="cascade-item__numbers text_grey">
<div class="numbers-column"></div>
</div>
<div class="cascade-item__text text-cascade-item">
<div class="text-cascade-item__title text-accent_aqua"># Final round: an interview with project
managers and CTO</div>
<div class="text-cascade-item__main">
<p>Once the second round is done, we will have an approximate understanding of your level of
expertise, the type of tasks we can assign to you, and more. The aim of the final interview is
to get to know you better, see whether you and the team would make a perfect match, and
discover your strong
points. That's the stage where you get a chance to demonstrate your expertise and desire to
advance
professionally working on our product.</p>
<p>We are going to discuss working conditions and future tasks and answer your questions about
the team, the product, our workflow, etc.</p>
</div>
<div class="text-cascade-item__tips text_grey">
<p>---<br>**Tip** Just relax and be yourself! We value honesty and open-mindedness.<br>---</p>
</div>
</div>
</div>
</div>
</div>
<div class="cascade-slider__item cascade-item block-cross-out">
<div class="cascade-item__wrapper">
<div class="cascade-item__row">
<div class="cascade-item__numbers text_grey">
<div class="numbers-column"></div>
</div>
<div class="cascade-item__text text-cascade-item">
<div class="text-cascade-item__main">
<p>We prepare an offer and set a date for your first day at work.</p>
</div>
<div class="text-cascade-item__title text-accent_aqua">**Welcome to the Kron team!**</div>
<div class="text-cascade-item__ascii text-cascade-item__ascii_desktop">
<pre>
@@@@@@@
@@@@@@@
@@@@@@@ -------- ------- .-===-. .:-===++++===-: ------- -==-.
@@@@@@@ .#@@@@@@%- @@@@@@@ =%@@@@@@@#. -*@@@@@@@@@@@@@@@@@%+ @@@@@@@-+%@@@@@@@@*.
@@@@@@@ -@@@@@@@* @@@@@@@@@@@@@@@@@@@ %@@@@@@@@%#**#@@@@@@@@@+ @@@@@@@@@@@@@@@@@@@@
@@@@@@@%@@@@@@%: @@@@@@@%: +@@@@@@@ *@@@@@@@@- #@@@@@@@@: @@@@@@@%-```-@@@@@@@@
@@@@@@@@@@@@@@@+ @@@@@@@ .####### %@@@@@@@@ +@@@@@@@@- @@@@@@@ @@@@@@@
@@@@@@@ +@@@@@@@% @@@@@@@ =@@@@@@@@#-. .:+@@@@@@@@@ @@@@@@@ @@@@@@@
@@@@@@@ :@@@@@@@@ @@@@@@@ =%@@@@@@@@@@@@@@@@@@@@# @@@@@@@ @@@@@@@
@@@@@@@ #@@@@@@@ @@@@@@@ :+*%@@@@@@@@@@@@#*= @@@@@@@ @@@@@@@
</pre>
</div>
<div class="text-cascade-item__ascii text-cascade-item__ascii_tablet">
<pre>
## ### ### ## ## ## ### ##
## ## ## ## ## ## ## ##
## ## ## ## ## ## # ## #
## ## ## ## ## ## ## ##
## ### ## ## ## ## ## ##
## ## ## ## ## ## ## ##
## ### #### ## ## ## ### ##</pre>
</div>
<div class="text-cascade-item__ascii text-cascade-item__ascii_mobile">
<pre>
## ### ### ##
## ## ## ##
## ## ## ##
## ## ## ##
## ### ## ##
## ## ## ##
## ### #### ##
## ## ### ##
## ## ## ##
## ## # ## #
## ## ## ##
## ## ## ##
## ## ## ##
## ## ### ##</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //======= relocate = section ================================================================== -->
<section class="relocate">
<div class="relocate__title title">relocate <span class="text_grey">with us</span><span class="text-accent_orange">/</span>
</div>
<div class="relocate__text text-relocate">
<div class="text-relocate__main text-accent_aqua">We can help you move to Dubai</div>
<div class="text-relocate__hashes">#TravelAssistance #LogisticsSupport #AccommodationSupport
#LegalAssistance #FamilyRelocationSupport #SettlingIn #LeisureActivities #LanguageStudies</div>
</div>
<div class="relocate__segment relocate__segment_three-columns">
<div class="relocate__unit column-unit">
<div class="column-unit__title">Come see Dubai with us</div>
<div class="column-unit__image">
<picture><source srcset="img/stories/photo-4.webp" type="image/webp"><img src="img/stories/photo-4.jpg" alt="Night City Lights"></picture>
</div>
</div>
<div class="relocate__unit column-unit">
<div class="column-unit__image">
<picture><source srcset="img/stories/photo-3.webp" type="image/webp"><img src="img/stories/photo-3.jpg" alt="The East is a delicate matter"></picture>
</div>
</div>
<div class="relocate__unit column-unit">
<div class="column-unit__image">
<picture><source srcset="img/stories/photo-6.webp" type="image/webp"><img src="img/stories/photo-6.jpg" alt="It is the tallest one!"></picture>
</div>
<div class="column-unit__title column-unit__title_last">Explore all this beautiful land!</div>
</div>
</div>
<div class="relocate__segment relocate__segment_two-columns">
<div class="relocate__unit column-unit">
<div class="column-unit__image">
<picture><source srcset="img/stories/photo-8.webp" type="image/webp"><img src="img/stories/photo-8.jpg" alt="Just a flowerbed in the yard"></picture>
</div>
</div>
<div class="relocate__unit column-unit">
<div class="column-unit__image">
<picture><source srcset="img/stories/photo-5.webp" type="image/webp"><img src="img/stories/photo-5.jpg" alt="Sunset"></picture>
</div>
</div>
</div>
</section>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__wrapper">
<nav class="footer__menu menu-footer">
<ul class="menu-footer__items">
<li class="menu-footer__item"><a href="index.html">about us.</a></li>
<li class="menu-footer__item"><a href="careers.html">careers.</a></li>
<li class="menu-footer__item"><a href="contacts.html">contacts.</a></li>
<li class="menu-footer__item menu-footer__item_gradient"><a href="kronstories.html">#kronstories</a></li>
</ul>
</nav>
<div class="footer__copyright">© 2023 Kron Development</div>
</div>
</div>
</footer>
</div>
<div id="jobs-popup" aria-hidden="true" class="popup jobs-popup">
<div class="popup__wrapper">
<div class="popup__container">
<div class="popup__content">
<div class="button-wrapper">
<button data-close type="button" class="popup__close">back</button>
<div class="animated-line"></div>
</div>
<div class="popup__title">Backend <span class="text_grey">Developers</span><span class="text-accent_orange">/</span></div>
<div class="popup__text-wrapper block-cross-out">
<div class="popup__text text-popup">
<div class="text-popup__description">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ex corrupti
incidunt modi ipsa totam culpa numquam fuga nisi nihil quam voluptas, doloremque reprehenderit odio qui.
</div>
<ul class="text-popup__features triangeled-list">
<li class="triangeled-list__item">The team uses: <br>Lorem, ipsum, dolor, sit amet.</li>
<li class="triangeled-list__item">Primary responsibilities: <br>Lorem, amet, dolor sit.</li>
</ul>
</div>
</div>
<!-- <a href="#" class="position-button">
<div class="position-button__title">Backend Developer (Node.js)</div>
<div class="position-button__link">view</div>
<picture><source srcset="img/careers/team-bg.webp" type="image/webp"><img class="position-button__bg" src="img/careers/team-bg.jpg" alt=""></picture>
</a> -->
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js?_v=20230327195509"></script>
<script src="https://cdn.jsdelivr.net/gh/dixonandmoe/rellax@master/rellax.min.js?_v=20230327195509"></script>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12?_v=20230327195509"></script>
<script src="js/app.min.js?_v=20230327195509"></script>
</body>
</html>