-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
589 lines (553 loc) · 39.1 KB
/
index.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
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
<!DOCTYPE html>
<html lang="en">
<head>
<title>KRON dev</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="preload-bg"></div>
<div class="wrapper">
<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="home">
<div class="home__container">
<div class="home__wrapper">
<!-- //=== welcome = section ================================================================================================== -->
<section class="welcome">
<div id="preload-text-position-holder" class="welcome__title"><span class="text_thin">welcome to
</span><span class="text-accent_violet">Kron </span>Development</div>
<div id="preload-text-original" class="welcome__title"><span class="text_thin">welcome to </span><span class="text-accent_violet">Kron </span>Development</div>
<div class="welcome__content media-block media-block_animated">
<div class="media-block__row">
<div class="media-block__text text_grey _text-anim-origin">Software</div>
<div class="media-block__text text_grey _animate-appear media-block__animate-text media-block__animate-text_r-l">
Software</div>
<div class="media-block__media _animate-appear _img-anim-hidden">
<picture><source srcset="img/home/welcome/media-1.webp" type="image/webp"><img src="img/home/welcome/media-1.webp" alt="skyscrapers"></picture>
</div>
</div>
<div class="media-block__row">
<div class="media-block__media _animate-appear _img-anim-hidden">
<picture><source srcset="img/home/welcome/media-2.webp" type="image/webp"><img src="img/home/welcome/media-2.webp" alt="kron office number"></picture>
</div>
<div class="media-block__text text_grey _text-anim-origin">Development</div>
<div class="media-block__text text_grey _animate-appear media-block__animate-text media-block__animate-text_l-r">
Development</div>
</div>
<div class="media-block__row">
<div class="media-block__text text_grey _text-anim-origin">COMPANY</div>
<div class="media-block__text text_grey _animate-appear media-block__animate-text media-block__animate-text_r-l">
COMPANY
</div>
<div class="media-block__media _animate-appear _img-anim-hidden">
<video src="img/home/welcome/media-3.mp4" autoplay muted loop playsinline alt="video of buildings"></video>
</div>
</div>
</div>
<div class="welcome__goals goals block-cross-out _glass-blured">
<div class="goals__title text_grey">We make your goals a reality with our <span class="text-accent_aqua">software
systems</span></div>
<div class="goals__description">KRON provides technology solutions to optimize your business<span class="text-accent_orange">/</span></div>
</div>
</section>
<!-- //=== moving-text = section ============================================================================================ -->
<section class="moving-text">
<svg class="moving-text_l-to-r" viewBox="0 0 5755 260" xmlns:svg="http://www.w3.org/2000/svg">
<path d="M 877.04688 10 C 724.09357 10 702.33203 78.393617 702.33203 124.71484 L 702.33203 134.04102 C 702.33203 179.74048 724.09357 250 877.04688 250 L 891.96875 250 C 1045.2329 250 1066.9941 179.74048 1066.9941 134.04102 L 1066.9941 124.71484 C 1066.9941 78.393617 1045.2329 10 891.96875 10 L 877.04688 10 z M 2318.9121 10 C 2165.9588 10 2144.1973 78.393617 2144.1973 124.71484 L 2144.1973 134.04102 C 2144.1973 179.74048 2165.9588 250 2318.9121 250 L 2333.834 250 C 2487.0981 250 2508.8613 179.74048 2508.8613 134.04102 L 2508.8613 124.71484 C 2508.8613 78.393617 2487.0981 10 2333.834 10 L 2318.9121 10 z M 3760.7773 10 C 3607.8241 10 3586.0625 78.393617 3586.0625 124.71484 L 3586.0625 134.04102 C 3586.0625 179.74048 3607.8241 250 3760.7773 250 L 3775.7012 250 C 3928.9654 250 3950.7266 179.74048 3950.7266 134.04102 L 3950.7266 124.71484 C 3950.7266 78.393617 3928.9654 10 3775.7012 10 L 3760.7773 10 z M 5202.6426 10 C 5049.6892 10 5027.9277 78.393617 5027.9277 124.71484 L 5027.9277 134.04102 C 5027.9277 179.74048 5049.6892 250 5202.6426 250 L 5217.5664 250 C 5370.8306 250 5392.5918 179.74048 5392.5918 134.04102 L 5392.5918 124.71484 C 5392.5918 78.393617 5370.8306 10 5217.5664 10 L 5202.6426 10 z M 10 14.351562 L 10 245.64844 L 114.76758 245.64844 L 114.76758 148.03125 L 217.66797 245.64844 L 354.45703 245.64844 L 216.11328 118.80859 L 352.2793 14.351562 L 223.57617 14.351562 L 114.76758 100.4668 L 114.76758 14.351562 L 10 14.351562 z M 361.29492 14.351562 L 361.29492 245.64844 L 466.0625 245.64844 L 466.0625 169.17188 L 540.36328 169.17188 C 574.24928 169.17188 586.0625 183.78189 586.0625 208.65234 L 586.0625 236.32227 C 586.0625 240.98548 586.68387 244.09404 588.23828 245.64844 L 695.80273 245.64844 L 695.80273 243.7832 C 693.31569 239.74175 691.45117 234.14554 691.45117 220.4668 L 691.45117 185.64844 C 691.45117 155.80389 672.79872 135.59685 640.15625 129.06836 C 659.43085 124.09427 690.51758 111.03543 690.51758 76.216797 L 690.51758 73.109375 C 690.51758 30.8296 654.7675 14.351563 596.63281 14.351562 L 361.29492 14.351562 z M 1085.0254 14.351562 L 1085.0254 245.64844 L 1189.4824 245.64844 L 1189.4824 119.11914 L 1321.6074 245.64844 L 1427.6172 245.64844 L 1427.6172 14.351562 L 1323.1602 14.351562 L 1323.1602 131.24414 L 1202.8496 14.351562 L 1085.0254 14.351562 z M 1451.8652 14.351562 L 1451.8652 245.64844 L 1556.6328 245.64844 L 1556.6328 148.03125 L 1659.5352 245.64844 L 1796.3223 245.64844 L 1657.9805 118.80859 L 1794.1465 14.351562 L 1665.4414 14.351562 L 1556.6328 100.4668 L 1556.6328 14.351562 L 1451.8652 14.351562 z M 1803.1602 14.351562 L 1803.1602 245.64844 L 1907.9277 245.64844 L 1907.9277 169.17188 L 1982.2285 169.17188 C 2016.1145 169.17188 2027.9277 183.78189 2027.9277 208.65234 L 2027.9277 236.32227 C 2027.9277 240.98548 2028.5491 244.09404 2030.1035 245.64844 L 2137.6699 245.64844 L 2137.6699 243.7832 C 2135.1828 239.74175 2133.3164 234.14554 2133.3164 220.4668 L 2133.3164 185.64844 C 2133.3164 155.80389 2114.664 135.59685 2082.0215 129.06836 C 2101.2961 124.09427 2132.3848 111.03543 2132.3848 76.216797 L 2132.3848 73.109375 C 2132.3848 30.8296 2096.6328 14.351563 2038.498 14.351562 L 1803.1602 14.351562 z M 2526.8926 14.351562 L 2526.8926 245.64844 L 2631.3477 245.64844 L 2631.3477 119.11914 L 2763.4727 245.64844 L 2869.4824 245.64844 L 2869.4824 14.351562 L 2765.0273 14.351562 L 2765.0273 131.24414 L 2644.7148 14.351562 L 2526.8926 14.351562 z M 2893.7305 14.351562 L 2893.7305 245.64844 L 2998.498 245.64844 L 2998.498 148.03125 L 3101.4004 245.64844 L 3238.1875 245.64844 L 3099.8457 118.80859 L 3236.0117 14.351562 L 3107.3066 14.351562 L 2998.498 100.4668 L 2998.498 14.351562 L 2893.7305 14.351562 z M 3245.0273 14.351562 L 3245.0273 245.64844 L 3349.793 245.64844 L 3349.793 169.17188 L 3424.0938 169.17188 C 3457.9797 169.17188 3469.793 183.78189 3469.793 208.65234 L 3469.793 236.32227 C 3469.793 240.98548 3470.4163 244.09404 3471.9707 245.64844 L 3579.5352 245.64844 L 3579.5352 243.7832 C 3577.0482 239.74175 3575.1816 234.14554 3575.1816 220.4668 L 3575.1816 185.64844 C 3575.1816 155.80389 3556.5292 135.59685 3523.8867 129.06836 C 3543.1613 124.09427 3574.25 111.03543 3574.25 76.216797 L 3574.25 73.109375 C 3574.25 30.8296 3538.4979 14.351563 3480.3633 14.351562 L 3245.0273 14.351562 z M 3968.7578 14.351562 L 3968.7578 245.64844 L 4073.2129 245.64844 L 4073.2129 119.11914 L 4205.3379 245.64844 L 4311.3477 245.64844 L 4311.3477 14.351562 L 4206.8926 14.351562 L 4206.8926 131.24414 L 4086.582 14.351562 L 3968.7578 14.351562 z M 4335.5977 14.351562 L 4335.5977 245.64844 L 4440.3633 245.64844 L 4440.3633 148.03125 L 4543.2656 245.64844 L 4680.0527 245.64844 L 4541.7109 118.80859 L 4677.877 14.351562 L 4549.1719 14.351562 L 4440.3633 100.4668 L 4440.3633 14.351562 L 4335.5977 14.351562 z M 4686.8926 14.351562 L 4686.8926 245.64844 L 4791.6602 245.64844 L 4791.6602 169.17188 L 4865.9609 169.17188 C 4899.847 169.17188 4911.6602 183.78189 4911.6602 208.65234 L 4911.6602 236.32227 C 4911.6602 240.98548 4912.2815 244.09404 4913.8359 245.64844 L 5021.4004 245.64844 L 5021.4004 243.7832 C 5018.9134 239.74175 5017.0488 234.14554 5017.0488 220.4668 L 5017.0488 185.64844 C 5017.0488 155.80389 4998.3945 135.59685 4965.752 129.06836 C 4985.0266 124.09427 5016.1152 111.03543 5016.1152 76.216797 L 5016.1152 73.109375 C 5016.1152 30.8296 4980.3652 14.351563 4922.2305 14.351562 L 4686.8926 14.351562 z M 5410.623 14.351562 L 5410.623 245.64844 L 5515.0781 245.64844 L 5515.0781 119.11914 L 5647.2031 245.64844 L 5753.2148 245.64844 L 5753.2148 14.351562 L 5648.7578 14.351562 L 5648.7578 131.24414 L 5528.4473 14.351562 L 5410.623 14.351562 z M 466.0625 74.351562 L 559.01562 74.351562 C 576.42495 74.351562 582.64258 81.503324 582.64258 91.140625 L 582.64258 91.451172 C 582.64258 101.08847 576.42495 108.23828 559.01562 108.23828 L 466.0625 108.23828 L 466.0625 74.351562 z M 1907.9277 74.351562 L 2000.8809 74.351562 C 2018.2902 74.351562 2024.5078 81.503324 2024.5078 91.140625 L 2024.5078 91.451172 C 2024.5078 101.08847 2018.2902 108.23828 2000.8809 108.23828 L 1907.9277 108.23828 L 1907.9277 74.351562 z M 3349.793 74.351562 L 3442.748 74.351562 C 3460.1573 74.351562 3466.375 81.503324 3466.375 91.140625 L 3466.375 91.451172 C 3466.375 101.08847 3460.1573 108.23828 3442.748 108.23828 L 3349.793 108.23828 L 3349.793 74.351562 z M 4791.6602 74.351562 L 4884.6133 74.351562 C 4902.0226 74.351562 4908.2402 81.503324 4908.2402 91.140625 L 4908.2402 91.451172 C 4908.2402 101.08847 4902.0226 108.23828 4884.6133 108.23828 L 4791.6602 108.23828 L 4791.6602 74.351562 z M 884.50781 78.394531 C 942.6425 78.394531 958.49805 104.19667 958.49805 126.58008 L 958.49805 130.93359 C 958.49805 153.62788 942.6425 180.98437 884.50781 180.98438 C 826.37312 180.98438 810.51758 153.00483 810.51758 130.31055 L 810.51758 126.58008 C 810.51758 104.19667 824.81872 78.394531 884.50781 78.394531 z M 2326.373 78.394531 C 2384.5078 78.394531 2400.3633 104.19667 2400.3633 126.58008 L 2400.3633 130.93359 C 2400.3633 153.62788 2384.5078 180.98437 2326.373 180.98438 C 2268.2384 180.98438 2252.3848 153.00483 2252.3848 130.31055 L 2252.3848 126.58008 C 2252.3848 104.19667 2266.684 78.394531 2326.373 78.394531 z M 3768.2383 78.394531 C 3826.3729 78.394531 3842.2285 104.19667 3842.2285 126.58008 L 3842.2285 130.93359 C 3842.2285 153.62788 3826.3729 180.98437 3768.2383 180.98438 C 3710.1035 180.98438 3694.25 153.00483 3694.25 130.31055 L 3694.25 126.58008 C 3694.25 104.19667 3708.5491 78.394531 3768.2383 78.394531 z M 5210.1055 78.394531 C 5268.2402 78.394531 5284.0938 104.19667 5284.0938 126.58008 L 5284.0938 130.93359 C 5284.0938 153.62788 5268.2402 180.98437 5210.1055 180.98438 C 5151.9708 180.98438 5136.1152 153.00483 5136.1152 130.31055 L 5136.1152 126.58008 C 5136.1152 104.19667 5150.4164 78.394531 5210.1055 78.394531 z" />
/>
</svg>
<svg class="moving-text_r-to-l" viewBox="0 0 4737 206" xmlns:svg="http://www.w3.org/2000/svg">
<path d="M 5,5 V 66.380859 H 89.564453 V 201 H 178.60742 V 66.380859 h 84.56446 V 5 Z M 279.24219,5 V 201 H 508.17188 V 148.57617 H 366.70508 V 127.23633 H 504.74805 V 76.128906 H 366.70508 V 56.898438 H 506.85547 V 5 Z m 327.7207,0 -94.3125,196 h 89.83399 l 12.11914,-27.13477 H 719.18945 L 731.57031,201 h 98.52735 L 729.72656,5 Z m 229.19336,0 v 196 h 87.46289 V 92.726562 L 983.15625,201 H 1026.625 L 1086.4258,92.726562 V 201 h 88.2519 V 5 H 1061.1348 L 1007.3926,102.20898 954.96875,5 Z M 1190.748,5 v 61.380859 h 84.5645 V 201 h 89.043 V 66.380859 h 84.5644 V 5 Z m 274.2422,0 v 196 h 228.9297 v -52.42383 h -141.4668 v -21.33984 h 138.043 V 76.128906 h -138.043 V 56.898438 h 140.1504 V 5 Z m 327.7207,0 -94.3125,196 h 89.834 l 12.1192,-27.13477 h 104.5859 L 1917.3184,201 h 98.5273 L 1915.4746,5 Z m 229.1934,0 v 196 h 87.4629 V 92.726562 L 2168.9043,201 h 43.4687 L 2272.1738,92.726562 V 201 h 88.252 V 5 h -113.543 L 2193.1406,102.20898 2140.7168,5 Z m 354.5918,0 v 61.380859 h 84.5644 V 201 h 89.043 V 66.380859 h 84.5645 V 5 Z m 274.2422,0 v 196 h 228.9316 v -52.42383 h -141.4687 v -21.33984 h 138.0429 V 76.128906 H 2738.2012 V 56.898438 h 140.1504 V 5 Z m 327.7207,0 -94.3106,196 h 89.8321 l 12.1191,-27.13477 h 104.5859 L 3103.0664,201 h 98.5274 L 3101.2227,5 Z m 229.1933,0 v 196 h 87.4629 V 92.726562 L 3354.6543,201 h 43.4668 L 3457.9219,92.726562 V 201 h 88.2539 V 5 h -113.543 L 3378.8906,102.20898 3326.4648,5 Z m 354.5918,0 v 61.380859 h 84.5664 V 201 h 89.043 V 66.380859 h 84.5645 V 5 Z m 274.2422,0 v 196 h 228.9317 v -52.42383 h -141.4688 v -21.33984 h 138.043 V 76.128906 h -138.043 V 56.898438 h 140.1504 V 5 Z m 327.7207,0 -94.3105,196 h 89.832 l 12.1192,-27.13477 h 104.5859 L 4288.8164,201 h 98.5254 L 4286.9707,5 Z m 229.1934,0 v 196 h 87.4629 V 92.726562 L 4540.4023,201 h 43.4668 L 4643.6699,92.726562 V 201 h 88.2539 V 5 H 4618.3809 L 4564.6387,102.20898 4512.2129,5 Z M 666.23633,59.533203 694.16211,119.85938 h -55.32227 z m 1185.74997,0 27.9239,60.326177 h -55.3223 z m 1185.7481,0 27.9238,60.326177 h -55.3223 z m 1185.748,0 27.9238,60.326177 h -55.3222 z" />
/>
</svg>
</section>
<!-- //=== what-we-do = section ============================================================================================ -->
<section class="what-we-do">
<div class="what-we-do__title title">what <span class="text_grey">we do</span><span class="text-accent_orange">/</span>
</div>
<div class="what-we-do__content">
<div class="what-we-do__years-block years-block block-cross-out">
<div class="years-block__quantity">7</div>
<div class="years-block__text text-accent_aqua">years</div>
</div>
<p class="what-we-do__text"><span class="text-accent_violet">KRON</span> brings over 7 years of experience
in the FinTech sector, a solid track record, and enduring integration background
in enterprise-grade projects to our client's disposal</p>
</div>
</section>
<div class="astronaut__container">
<div class="astronaut rellax" data-rellax-speed="-8">
<picture><source srcset="img/home/astronaut.webp" type="image/webp"><img src="img/home/astronaut.png" alt="astronaut"></picture>
</div>
</div>
<!-- //=== what-we-offer = section ============================================================================================ -->
<section class="what-we-offer">
<div class="what-we-offer__title title">what we <span class="text_grey">offer</span><span class="text-accent_orange">/</span>
</div>
<div class="what-we-offer__content">
<div class="what-we-offer__column">
<div class="what-we-offer__card offer-cadr block-cross-out">
<div class="offer-cadr__title">Enterprise Software Development</div>
<div class="offer-cadr__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptate at
minima explicabo aliquid esse, placeat, ab eum dolorem porro modi praesentium. Praesentium error
laborum deserunt distinctio, vero sint necessitatibus eius!</div>
</div>
<div class="what-we-offer__card offer-cadr block-cross-out">
<div class="offer-cadr__title">Support Anytime & Anywhere</div>
<div class="offer-cadr__text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid illo
eius culpa! Accusamus dicta repellat officiis deleniti beatae reiciendis ipsam, in ea, tenetur quos
id?</div>
</div>
</div>
<div class="what-we-offer__column">
<div class="what-we-offer__card offer-cadr block-cross-out">
<div class="offer-cadr__title">Development & Analytics</div>
<div class="offer-cadr__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique quis
consequuntur, odit quae quod repellendus facere ab id reprehenderit quo!</div>
</div>
<div class="what-we-offer__card offer-cadr block-cross-out">
<div class="offer-cadr__title">Promotion & Partnerships</div>
<div class="offer-cadr__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi
aperiam sit culpa eligendi natus ipsa fugit consequatur ut. Sequi delectus iure repudiandae
perferendis tempora? Debitis ab, inventore in minus sapiente, incidunt nihil eum officia soluta cum,
ipsa dolores provident beatae?</div>
</div>
</div>
</div>
</section>
<!-- //=== partners = section ============================================================================================ -->
<section class="partners">
<div class="partners__title title">who we <span class="text_grey">partner with</span><span class="text-accent_orange">/</span>
</div>
<div class="partners__cards">
<a class="partners__card card-partner" href="https://changelly.com/" target="_blank">
<div class="card-partner__wrapper block-cross-in-link">
<span class="block-cross-in-link__left-elements"></span>
<span class="block-cross-in-link__right-elements"></span>
<picture><source srcset="img/home/partners/partner_logo_1.webp" type="image/webp"><img src="img/home/partners/partner_logo_1.png" alt="" class="card-partner__logo"></picture>
</div>
</a>
<a class="partners__card card-partner" href="https://www.moonpay.com/" target="_blank">
<div class="card-partner__wrapper block-cross-in-link">
<span class="block-cross-in-link__left-elements"></span>
<span class="block-cross-in-link__right-elements"></span>
<picture><source srcset="img/home/partners/partner_logo_2.webp" type="image/webp"><img src="img/home/partners/partner_logo_2.png" alt="" class="card-partner__logo"></picture>
</div>
</a>
<a class="partners__card card-partner" href="https://www.simplex.com/" target="_blank">
<div class="card-partner__wrapper block-cross-in-link">
<span class="block-cross-in-link__left-elements"></span>
<span class="block-cross-in-link__right-elements"></span>
<picture><source srcset="img/home/partners/partner_logo_3.webp" type="image/webp"><img src="img/home/partners/partner_logo_3.png" alt="" class="card-partner__logo"></picture>
</div>
</a>
</div>
</section>
<!--//========== how-we-work = section =========================-->
<section class="how-we-work">
<div class="how-we-work__title title">how we <span class="text_grey">work</span><span class="text-accent_orange">/</span>
</div>
<div class="how-we-work__list-wrapper block-cross-out">
<ul class="how-we-work__list triangeled-list">
<li class="triangeled-list__item">You gain control over your workflow, not the other way around</li>
<li class="triangeled-list__item">You bring your skills to exciting, challenging tasks and develop
yourself professionally</li>
<li class="triangeled-list__item">You choose whether to work flexible hours, a hybrid schedule, or a
completely remote</li>
</ul>
</div>
<div class="how-we-work__content media-block">
<div class="media-block__emoji">
<picture><source srcset="img/home/how-we-work/ok.webp" type="image/webp"><img src="img/home/how-we-work/ok.png" alt="OK emoji"></picture>
</div>
<div class="media-block__row">
<div class="media-block__text">Design with</div>
<div class="media-block__media media-block__media">
<picture><source srcset="img/home/how-we-work/meeting.webp" type="image/webp"><img src="img/home/how-we-work/meeting.jpg" alt="meeting"></picture>
</div>
</div>
<div class="media-block__row">
<div class="media-block__media media-block__media_tall">
<picture><source srcset="img/home/how-we-work/team.webp" type="image/webp"><img src="img/home/how-we-work/team.jpg" alt="team"></picture>
</div>
<div class="media-block__text">
<div class="media-block__row">
<div class="media-block__text text_grey">intelligence,</div>
</div>
<div class="media-block__row">
<div class="media-block__text text_grey">deliver   with</div>
</div>
<div class="media-block__row">
<div class="media-block__text text_grey">love</div>
<div class="media-block__media media-block__media">
<video src="img/home/how-we-work/new-year.mp4" autoplay muted loop playsinline alt="New year selebrating"></video>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //=== where-we-based = section ============================================================================================ -->
<section class="where-we-based">
<div class="where-we-based__title title">where we're <span class="text_grey">based</span><span class="text-accent_orange">/</span>
</div>
<div class="where-we-based__segment where-we-based__segment_three-columns">
<div class="where-we-based__unit column-unit column-unit_two-third">
<div class="column-unit__title">Executive Towers – a prime location in the heart of Dubai, UAE</div>
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/city-view.webp" type="image/webp"><img src="img/home/where-based/city-view.jpg" alt="City view"></picture>
</div>
</div>
<div class="where-we-based__unit column-unit">
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/sunrise.webp" type="image/webp"><img src="img/home/where-based/sunrise.webp" alt="Sunrise"></picture>
</div>
</div>
</div>
<div class="where-we-based__segment where-we-based__segment_three-columns">
<div class="where-we-based__unit column-unit">
<div class="column-unit__title">Homey Vibes – a workplace that feels like home</div>
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/office-interior-1.webp" type="image/webp"><img src="img/home/where-based/office-interior-1.webp" alt="office interior"></picture>
</div>
</div>
<div class="where-we-based__unit column-unit">
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/office-interior-2.webp" type="image/webp"><img src="img/home/where-based/office-interior-2.webp" alt="office interior"></picture>
</div>
</div>
<div class="where-we-based__unit column-unit">
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/office-interior-3.webp" type="image/webp"><img src="img/home/where-based/office-interior-3.webp" alt="office interior"></picture>
</div>
</div>
<div class="where-we-based__unit column-unit column-unit_whole">
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/office-interior-4.webp" type="image/webp"><img src="img/home/where-based/office-interior-4.webp" alt="office interior"></picture>
</div>
</div>
</div>
<div class="where-we-based__segment">
<div class="where-we-based__unit column-unit">
<div class="column-unit__title">Eco & Green - healthy environment & healthy snacks
</div>
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/snacks.webp" type="image/webp"><img src="img/home/where-based/snacks.webp" alt="City view"></picture>
</div>
</div>
</div>
<div class="where-we-based__segment where-we-based__segment_two-columns">
<div class="where-we-based__unit column-unit">
<div class="column-unit__title">Bring Your Pet to Work - join us in the office with your furry companion
</div>
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/office-pets-1.webp" type="image/webp"><img src="img/home/where-based/office-pets-1.jpg" alt="Office pets"></picture>
</div>
</div>
<div class="where-we-based__unit column-unit">
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/office-pets-2.webp" type="image/webp"><img src="img/home/where-based/office-pets-2.jpg" alt="Office pets"></picture>
</div>
</div>
<div class="where-we-based__unit column-unit column-unit_whole">
<div class="column-unit__image">
<picture><source srcset="img/home/where-based/office-pets-3.webp" type="image/webp"><img src="img/home/where-based/office-pets-3.jpg" alt="Office pets"></picture>
</div>
</div>
</div>
</section>
<!--//========== who-we-are = section =========================-->
<section class="who-we-are">
<div class="who-we-are__title title">who <span class="text_grey">we are</span><span class="text-accent_orange">/</span>
</div>
<div class="who-we-are__content media-block">
<div class="media-block__row">
<div class="media-block__text">DUBAI-BASED</div>
<div class="media-block__media">
<picture><source srcset="img/home/who-we-are/team-1.webp" type="image/webp"><img src="img/home/who-we-are/team-1.jpg" alt="team"></picture>
</div>
</div>
<div class="media-block__row">
<div class="media-block__media">
<picture><source srcset="img/home/who-we-are/team-2.webp" type="image/webp"><img src="img/home/who-we-are/team-2.jpg" alt="team"></picture>
</div>
<div class="media-block__text">MULTINATIONAL</div>
</div>
<div class="media-block__row">
<div class="media-block__text text_grey">COMPANY</div>
<div class="media-block__media">
<picture><source srcset="img/home/who-we-are/team-3.webp" type="image/webp"><img src="img/home/who-we-are/team-3.jpg" alt="team"></picture>
</div>
</div>
</div>
<div class="who-we-are__list-wrapper block-cross-out">
<ul class="who-we-are__list triangeled-list">
<li class="triangeled-list__item">Technical: Platform, Web, Mobile, QA, Devops, Project Managers</li>
<li class="triangeled-list__item">Operations: Customer, Finance & Technical Support, AML/KYC</li>
<li class="triangeled-list__item">Marketing: PR & SMM, Community, SEO/ASO, Affiliate, CRM</li>
<li class="triangeled-list__item">Product: Product Managers, UI/UX Designers, Analytics</li>
<li class="triangeled-list__item">Business Development: Sales & Key Account Managers</li>
</ul>
</div>
</section>
<!--//========== what-we-say = section =========================-->
<section class="what-we-say">
<div class="what-we-say__title title">what <span class="text_grey">we say</span><span class="text-accent_orange">/</span>
</div>
<div class="comments">
<div class="comments__wrapper block-cross-out">
<!-- slider wrapper -->
<div class="comments__slider swiper">
<!-- moving slider part -->
<div class="swiper-wrapper">
<!-- slide -->
<div class="comments__slide slide-comm swiper-slide">
<div class="slide-comm__row">
<div class="slide-comm__aside">
<div class="slide-comm__photo">
<picture><source srcset="img/home/what-we-say/John.webp" type="image/webp"><img src="img/home/what-we-say/John.jpg" alt="John Doe"></picture>
</div>
<div class="slide-comm__name">
<span>John Doe</span>,
<span>SEO</span>
</div>
<div class="swiper__navigation">
<div class="swiper__buttons">
<button type="button" class="swiper-button-prev">
</button>
<button type="button" class="swiper-button-next">
</button>
</div>
<div class="slide-comm__line"></div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="slide-comm__text-wrapper">
<div class="slide-comm__text needShowMore">
<p>As an SEO specialist, I can say that our IT company is one of the best in the industry.
Our
team's strong technical skills and extensive knowledge of digital marketing make us
well-equipped to handle any project. I'm consistently impressed by our leadership's
proactive approach to identifying new opportunities for growth and our team's ability to
innovate and execute.
</p>
<p>
The main thing which makes KRON special is a very strong and motivated team, management
who
clearly states the product, team & processes development strategy.
</p>
</div>
<button type="button" class="slide-comm__button">
<span class="slide-comm__button_full">view full text</span>
<span class="slide-comm__button_short">view short text</span>
</button>
</div>
</div>
</div>
<div class="comments__slide slide-comm swiper-slide">
<div class="slide-comm__row">
<div class="slide-comm__aside">
<div class="slide-comm__photo">
<picture><source srcset="img/home/what-we-say/Eva.webp" type="image/webp"><img src="img/home/what-we-say/Eva.jpg" alt="Eva Spring"></picture>
</div>
<div class="slide-comm__name">
<span>Eva Spring</span>,
<span>HR Manager</span>
</div>
<div class="swiper__navigation">
<div class="swiper__buttons">
<button type="button" class="swiper-button-prev">
</button>
<button type="button" class="swiper-button-next">
</button>
</div>
<div class="slide-comm__line"></div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="slide-comm__text-wrapper">
<div class="slide-comm__text needShowMore">
<p>Our IT company is truly exceptional. The team's collaborative spirit and forward-thinking
approach make it an exciting place to work. The leadership team is open to new ideas, and
the work environment is inclusive, supportive, and respectful. Our company's core values
and
commitment to employee well-being make it a great place to work.
</p>
<p>
Most of all I like atmosphere in the team.❤️
</p>
</div>
<button type="button" class="slide-comm__button">
<span class="slide-comm__button_full">view full text</span>
<span class="slide-comm__button_short">view short text</span>
</button>
</div>
</div>
</div>
<div class="comments__slide slide-comm swiper-slide">
<div class="slide-comm__row">
<div class="slide-comm__aside">
<div class="slide-comm__photo">
<picture><source srcset="img/home/what-we-say/Clark.webp" type="image/webp"><img src="img/home/what-we-say/Clark.jpg" alt="Clark Kent"></picture>
</div>
<div class="slide-comm__name">
<span>Clark Kent</span>,
<span>Web Developers Team Lead</span>
</div>
<div class="swiper__navigation">
<div class="swiper__buttons">
<button type="button" class="swiper-button-prev">
</button>
<button type="button" class="swiper-button-next">
</button>
</div>
<div class="slide-comm__line"></div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="slide-comm__text-wrapper">
<div class="slide-comm__text needShowMore">
<p>There is an exceptional place to work as a web developer. The leadership team is
supportive, approachable, and always willing to listen to new ideas. Our team's expertise
and passion for development are second to none, and we are constantly pushing the
boundaries
of what's possible. I'm proud to lead such a talented and motivated team.
</p>
</div>
<button type="button" class="slide-comm__button">
<span class="slide-comm__button_full">view full text</span>
<span class="slide-comm__button_short">view short text</span>
</button>
</div>
</div>
</div>
<div class="comments__slide slide-comm swiper-slide">
<div class="slide-comm__row">
<div class="slide-comm__aside">
<div class="slide-comm__photo">
<picture><source srcset="img/home/what-we-say/Sarah.webp" type="image/webp"><img src="img/home/what-we-say/Sarah.jpg" alt="Sarah Wood"></picture>
</div>
<div class="slide-comm__name">
<span>Sarah Wood</span>,
<span>Technical Writer</span>
</div>
<div class="swiper__navigation">
<div class="swiper__buttons">
<button type="button" class="swiper-button-prev">
</button>
<button type="button" class="swiper-button-next">
</button>
</div>
<div class="slide-comm__line"></div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="slide-comm__text-wrapper">
<div class="slide-comm__text needShowMore">
<p>I am thrilled to work as a technical writer in this IT company. Our team's dedication to
producing high-quality documentation is unparalleled. Our management is supportive and
collaborative, and we have all the resources we need to do our jobs well. The technical
writing team's work is integral to the company's success, and our contributions are valued
by both our colleagues and our clients.
</p>
</div>
<button type="button" class="slide-comm__button">
<span class="slide-comm__button_full">view full text</span>
<span class="slide-comm__button_short">view short text</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--//========== our-jobs-link = section =========================-->
<section class="our-jobs-link">
<a href="careers.html" class="animated-link">
<!-- <a href="/careers/" class="animated-link"> -->
<div class="animated-link__wrapper animated-link__wrapper_rotate">
<span class="animated-link__text animated-link__text_outlined">see our job listings</span>
<span class="animated-link__append animated-link__append_outlined text-accent_violet">></span>
</div>
<div class="animated-link__wrapper">
<span class="animated-link__text">see our job listings</span>
<span class="animated-link__append text-accent_violet">></span>
</div>
</a>
</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>