Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
848 lines (816 loc) · 82.8 KB
/
Copy pathindex.html
File metadata and controls
848 lines (816 loc) · 82.8 KB
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
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
<!DOCTYPE html>
<html lang="ru" class="page">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="theme-color" content="#111111">
<title>NATLEX</title>
<link rel="preload" href="fonts/ActayWide-Bold.woff2" as="font" type="font/woff2" crossorigin>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Montserat -->
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/main.css">
<script defer src="js/swiper-bundle.min.js"></script>
<script defer src="js/main.js"></script>
</head>
<body class="page__body">
<div class="site-container">
<header class="header">
<div class="container">
<div class="header__wrapper">
<a href="#" class="logo header__logo">
<svg width="225" height="62" viewBox="0 0 225 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_200)">
<path d="M118.553 34.7264C118.553 35.7125 118.594 36.9404 118.642 38.0707C118.21 37.0486 117.714 35.9169 117.315 35.0605L109.807 18.7012H107.707V43.0932H109.859V26.9997C109.859 26.1273 109.848 24.9034 109.818 23.7196C110.211 24.6642 110.679 25.7531 111.066 26.6336L118.64 43.0945H120.74V18.7025H118.553V34.7278V34.7264Z" fill="black" />
<path d="M136.098 18.7012L129.77 43.0932H132.047L133.577 37.0272H140.82L142.351 43.0932H144.627L138.299 18.7012H136.097H136.098ZM140.288 34.9362H134.111L136.437 25.6235C136.657 24.7257 136.879 23.769 137.076 22.9246C137.118 22.7416 137.16 22.5625 137.2 22.3875C137.243 22.5759 137.289 22.7683 137.334 22.966C137.527 23.7984 137.746 24.7404 137.964 25.6249L140.288 34.9349V34.9362Z" fill="black" />
<path d="M150.297 20.8269H155.487V43.0932H157.641V20.8269H162.897V18.7012H150.297V20.8269Z" fill="black" />
<path d="M174.442 18.7012H172.289V43.0932H183.026V40.9687H174.442V18.7012Z" fill="black" />
<path d="M194.238 31.7402H202.655V29.6479H194.238V20.7935H203.289V18.7012H192.086V43.0932H203.521V41.0021H194.238V31.7402Z" fill="black" />
<path d="M219.191 30.4589L224.705 18.7012H222.312L217.963 28.2089L213.613 18.7012H211.187L216.735 30.4589L210.926 43.0932H213.316L217.963 32.7517L222.61 43.0932H225L219.191 30.4589Z" fill="black" />
<path d="M28.1263 26.914C28.0703 26.914 28.0703 26.914 28.1263 26.914H28.0424C26.8592 26.5693 20.6091 21.4934 17.3994 15.0413C17.3155 14.9558 17.3155 14.869 17.2302 14.6966C17.2302 14.6966 17.2302 14.6111 17.1463 14.6111V14.5256V14.4401V14.3546V14.0967V13.9243V13.8388V13.7533V13.6678C16.3868 11.7745 15.9644 9.88261 15.9644 7.9025C15.9644 7.38677 15.9644 6.78418 16.0484 6.26844V6.18293C16.2176 4.89225 16.6399 3.60157 17.3155 2.39774C17.3155 2.39774 17.3155 2.31223 17.3994 2.31223C17.2302 2.39774 17.061 2.48459 16.8931 2.65694C6.41935 9.27602 0 19.6001 0 31.2162C0 42.8324 6.3354 52.8973 16.2176 59.694C17.8231 60.7269 19.5112 61.2426 21.2007 61.415C21.623 61.5005 22.1293 61.5005 22.5517 61.5005C38.0085 61.5005 57.9421 35.5172 60.8986 35.5172H60.9825C61.4888 35.6895 63.4314 37.0657 65.5432 39.1314C65.5432 39.1314 65.6272 39.1314 65.6272 39.2169L65.7111 39.3024L65.7951 39.3879L65.879 39.4734L65.963 39.5589L66.0469 39.6444L66.1309 39.7299H66.2148L66.2988 39.8154L66.3827 39.901L66.4667 39.9865L66.5506 40.072L66.6346 40.1575V40.243C66.7185 40.3285 66.8038 40.4154 66.8877 40.5009C70.1813 44.0282 73.6455 49.0185 73.6455 54.3523C73.6455 54.7825 73.6455 55.2127 73.5615 55.643V55.7285V55.814V55.9864V56.0719V56.3297C73.3923 57.5349 72.97 58.7387 72.2944 59.9439V60.0294C72.2944 60.0294 72.2944 60.1149 72.2105 60.1149C72.2665 60.0579 72.3229 60.0005 72.3797 59.9426C72.4637 59.8571 72.5489 59.8571 72.6329 59.8571C72.8021 59.7715 72.9713 59.5992 73.1392 59.5123C82.9374 52.7156 89.1023 42.5625 89.1023 31.2056C89.1023 19.8486 82.7669 9.43769 72.8008 2.64091C72.7444 2.61152 72.6879 2.58346 72.6315 2.5554C70.3505 1.17921 67.9016 0.576623 65.4527 0.576623C49.4044 0.491112 31.0763 26.9046 28.1198 26.9046L28.1263 26.914Z" fill="#E6E7E7" />
<path d="M16.4707 2.56429C16.4143 2.59368 16.3579 2.62174 16.3015 2.6498C6.3354 9.44791 0 19.6865 0 31.2158C0 42.7451 6.25014 52.8113 15.9631 59.5226C16.1323 59.6081 16.7226 60.0383 16.8918 60.1251C10.3032 48.0801 27.2803 35.4325 28.2103 35.4325C31.5891 35.4325 57.3505 69.5901 72.9765 59.6094C82.8587 52.8126 89.1941 42.574 89.1941 31.1316C89.1941 19.6892 82.7747 9.19272 72.7234 2.48145C72.5542 2.39594 72.3849 2.30909 72.2171 2.13673C79.3959 11.6004 62.4188 26.9148 61.0678 26.9148C58.1113 26.9135 39.7832 0.5 23.5656 0.5C21.2007 0.5 18.7504 1.10258 16.4707 2.56429Z" fill="#0AB8B6" />
</g>
<defs>
<clipPath id="clip0_1_200">
<rect width="225" height="61" fill="white" transform="translate(0 0.5)" />
</clipPath>
</defs>
</svg>
</a>
<nav class="nav header__nav" title="Навигация по сайту">
<ul class="list-reset nav__list">
<li class="nav__item"><a href="#" class="nav__link">Услуги</a></li>
<li class="nav__item"><a href="#" class="nav__link">Проекты</a></li>
<li class="nav__item"><a href="#" class="nav__link">Контакты</a></li>
<li class="nav__item"><a href="#" class="nav__link">О компании</a></li>
</ul>
</nav>
<div class="header__contacts">
<a href="tel:+78124674525" class="header__phone">+7 (812) 467-45-25</a>
<button class="btn-reset btn header__btn">Обсудить проект</button>
</div>
</div>
</div>
</header>
<main class="main">
<section class="hero">
<div class="container">
<div class="hero__grid">
<div class="hero__social">
<div class="hero__social-top">
<a href="#" class="hero__social-item" target="_blank">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 22.7326C8.37083 22.128 8.96383 21.8406 9.58605 21.5987C18.9203 17.9799 28.2562 14.3628 37.5905 10.744C37.9605 10.6002 38.3304 10.4692 38.738 10.5064C39.4805 10.5749 39.9599 11.1388 39.9967 11.9751C40.0301 12.7343 39.8037 13.4513 39.6517 14.1793C38.8566 17.9892 38.049 21.7974 37.2447 25.6057C36.5164 29.0545 35.7881 32.5034 35.0573 35.9523C34.9988 36.2296 34.9011 36.4951 34.7608 36.7437C34.3941 37.3956 33.8387 37.6306 33.1271 37.4311C32.7939 37.3381 32.4899 37.1901 32.2092 36.9813C29.9124 35.2742 27.6106 33.5738 25.3171 31.8625C25.1225 31.7171 25.0165 31.7078 24.8335 31.8879C23.6601 33.0394 22.4708 34.175 21.2898 35.319C20.9941 35.6056 20.6533 35.784 20.2441 35.8263C20.0854 35.8423 20.0102 35.828 20.0261 35.6149C20.1748 33.6296 20.3076 31.6435 20.4454 29.6574C20.4546 29.5314 20.4972 29.402 20.4788 29.2803C20.3594 28.472 20.8304 28.012 21.3725 27.5224C25.6003 23.7075 29.8089 19.8697 34.0225 16.0386C34.0918 15.9752 34.1619 15.9109 34.2279 15.8442C34.3332 15.7376 34.4459 15.6167 34.3624 15.4594C34.283 15.3089 34.1177 15.3157 33.9724 15.3318C33.7093 15.3614 33.4779 15.478 33.2557 15.6184C27.9497 18.981 22.6345 22.3293 17.3468 25.7215C16.6828 26.1476 16.1407 26.244 15.3891 25.9828C13.3319 25.2683 11.2414 24.6536 9.16344 24C8.68821 23.8504 8.25474 23.6432 8 23.1756L8 22.7326Z" fill="black" />
</svg>
</a>
<a href="#" class="hero__social-item" target="_blank">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M35.823 27.6176H33.6358V25.4658H38.214C38.214 27.2343 38.214 28.9811 38.214 30.728C38.214 32.4748 38.214 34.2252 38.214 36.0199H39.9984V38.141C38.8904 38.141 37.8149 38.1527 36.7403 38.1247C36.6259 38.122 36.4482 37.9038 36.4184 37.7622C36.3096 37.2509 36.251 36.7305 36.1579 36.1074C35.9635 36.3806 35.8342 36.5763 35.69 36.7621C34.4405 38.3727 32.7492 38.7777 30.8206 38.3286C28.945 37.8921 27.9207 36.6205 27.5476 34.8358C27.4462 34.3524 27.4248 33.8474 27.4202 33.3523C27.4053 31.6325 27.4146 29.9118 27.4146 28.192C27.4146 28.0198 27.4146 27.8475 27.4146 27.6221H25.46V25.4766H29.7237C29.733 25.6489 29.7507 25.8329 29.7507 26.0177C29.7526 28.3652 29.7312 30.7117 29.7646 33.0592C29.773 33.676 29.8633 34.3181 30.0661 34.8998C30.5257 36.2183 31.9054 36.7621 33.3679 36.2814C34.7931 35.8134 35.8277 34.4651 35.8686 32.8878C35.9133 31.2005 35.8798 29.5123 35.8779 27.8241C35.8779 27.779 35.8547 27.7339 35.823 27.6185V27.6176Z" fill="black" />
<path d="M38.7818 14.4234H36.5285C36.5285 13.8102 36.5518 13.2069 36.5146 12.6063C36.5034 12.4241 36.3713 12.1653 36.2159 12.0877C34.2483 11.1065 31.3996 11.2869 29.9529 13.665C28.5974 15.8952 29.2681 18.8036 31.42 20.0896C33.25 21.1826 35.68 20.793 37.2039 19.1625C37.2691 19.0931 37.3351 19.0246 37.4282 18.9263C38.0208 19.3645 38.5948 19.7884 39.1856 20.2249C38.0515 21.6831 36.5936 22.5417 34.7692 22.8032C31.2135 23.3145 27.8987 21.1727 26.9981 17.7891C25.8957 13.6479 29.177 9.52203 33.5896 9.50038C35.3637 9.49136 36.9937 9.92424 38.4311 10.9658C38.6739 11.1417 38.7995 11.3275 38.7911 11.644C38.766 12.5558 38.7818 13.4684 38.7818 14.4243V14.4234Z" fill="black" />
<path d="M19.0548 19.2775C19.4911 18.0573 19.8809 16.9724 20.2661 15.8866C20.9387 13.9928 21.6151 12.1007 22.2728 10.2015C22.3798 9.89398 22.525 9.78305 22.8711 9.79027C23.994 9.81552 25.1188 9.79928 26.2705 9.79928V11.9646C25.7188 11.9646 25.1913 11.9898 24.6675 11.9565C24.2749 11.9312 24.0889 12.0538 23.9484 12.4227C22.7036 15.7008 21.4281 18.9681 20.1824 22.2463C20.0456 22.6052 19.8874 22.7684 19.4781 22.726C19.1013 22.6873 18.7134 22.6936 18.3347 22.726C17.9747 22.7567 17.8146 22.6232 17.6946 22.2959C16.5085 19.0484 15.2944 15.81 14.1175 12.5589C13.9547 12.1098 13.7621 11.905 13.2495 11.9537C12.7257 12.0033 12.1926 11.9646 11.627 11.9646V9.80109C11.7702 9.80109 11.9265 9.80109 12.0838 9.80109C13.096 9.80109 14.1091 9.83175 15.1195 9.78756C15.5976 9.76682 15.7632 9.93817 15.9065 10.3521C16.9215 13.283 17.9663 16.204 19.0548 19.2775Z" fill="black" />
<path d="M17.0279 36.0728H22.6221V38.1091H12.5772V36.0386H14.6779V27.4324C14.076 27.4324 13.4992 27.4198 12.9242 27.4378C12.62 27.4478 12.5121 27.345 12.5232 27.0501C12.5418 26.5387 12.5288 26.0274 12.5288 25.4773H16.6298C16.6781 26.2303 16.7274 26.995 16.7889 27.9411C18.2606 25.581 20.433 25.1698 22.9207 25.4818V29.2649H20.7288V27.3828C19.5389 27.4171 18.6198 27.8906 17.9239 28.7644C17.3191 29.5238 17.0112 30.3859 17.0233 31.3581C17.04 32.7397 17.0279 34.1222 17.0279 35.5038C17.0279 35.676 17.0279 35.8483 17.0279 36.0701V36.0728Z" fill="black" />
<path d="M10.245 38.1543H8.00195V35.9954H10.245V38.1543Z" fill="black" />
</svg>
</a>
<a href="#" class="hero__social-item" target="_blank">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.2763 40C21.2625 39.885 18.4541 39.9035 15.7106 39.1734C12.1379 38.2234 9.83451 35.9773 8.83755 32.4212C7.90915 29.1119 7.95455 25.7089 8.04535 22.3226C8.09724 20.3809 8.25382 18.4205 8.60128 16.5121C9.39718 12.1415 11.9971 9.39631 16.4 8.55484C18.0548 8.23847 19.7541 8.00097 21.433 8.00004C24.4637 7.99819 27.5093 8.05571 30.5214 8.35908C33.5966 8.66895 36.2595 9.94739 37.982 12.7149C39.1272 14.5546 39.5664 16.6059 39.7609 18.7211C40.076 22.151 40.0815 25.5846 39.7665 29.0154C39.558 31.2949 39.1253 33.5095 37.7911 35.4485C36.2697 37.6602 34.1035 38.909 31.5332 39.3292C29.0723 39.731 26.567 39.8683 25.2754 40H25.2763ZM36.178 23.692C36.0335 23.628 35.7953 23.4536 35.5405 23.422C34.2082 23.2578 32.8619 23.1864 31.5369 22.9767C27.941 22.408 25.7479 20.3252 25.0585 16.7561C24.7732 15.281 24.6842 13.7669 24.5276 12.2677C24.4915 11.9235 24.4322 11.686 24.0199 11.6832C23.6437 11.6814 23.4973 11.8298 23.4649 12.2157C23.35 13.5786 23.2592 14.947 23.0489 16.2969C22.5912 19.2249 21.1717 21.4487 18.2614 22.4943C16.4046 23.1613 14.4654 23.3181 12.5168 23.4128C12.1805 23.4295 11.784 23.3571 11.7756 23.9017C11.7673 24.4481 12.124 24.4537 12.5224 24.4741C14.5358 24.5771 16.5473 24.7125 18.4532 25.4603C20.4138 26.2294 21.7712 27.5988 22.5068 29.5804C23.211 31.4768 23.3796 33.4612 23.4667 35.4577C23.4825 35.8186 23.4491 36.1656 23.9773 36.174C24.4952 36.1823 24.4804 35.852 24.523 35.4828C24.7083 33.8935 24.7991 32.2802 25.1503 30.7262C25.8619 27.5737 27.8623 25.6189 31.0616 25.0298C32.5376 24.758 34.0423 24.6383 35.5368 24.476C35.9204 24.4342 36.2475 24.4119 36.178 23.6902V23.692Z" fill="black" />
</svg>
</a>
<a href="#" class="hero__social-item" target="_blank">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 15.1621C8.18832 14.7088 8.54152 14.5164 9.0083 14.5157C10.2987 14.5134 11.5899 14.5112 12.8803 14.5157C13.4401 14.5179 13.8344 14.8109 14.0483 15.3202C14.3414 16.0196 14.5884 16.7383 14.8749 17.44C15.7989 19.7037 16.8732 21.8839 18.3761 23.8172C18.6714 24.1968 19.0268 24.5293 19.3719 24.8648C19.4958 24.9856 19.6621 25.0744 19.8233 25.1385C20.2483 25.307 20.5415 25.1482 20.625 24.6881C20.6777 24.3996 20.6909 24.0998 20.6924 23.8053C20.6983 22.1635 20.6953 20.5216 20.6953 18.8798C20.6953 17.8836 20.4301 16.9822 19.7845 16.2127C19.6563 16.0606 19.5317 15.9003 19.4357 15.7265C19.1558 15.2225 19.421 14.6461 19.9794 14.5321C20.1106 14.5052 20.2483 14.5007 20.3832 14.5007C22.1111 14.5 23.8389 14.5 25.5668 14.5C25.6504 14.5 25.7332 14.5022 25.8167 14.5089C26.3546 14.5537 26.6213 14.8176 26.6711 15.3709C26.6916 15.6028 26.6938 15.8361 26.6938 16.0695C26.6953 18.1878 26.6938 20.3069 26.696 22.4252C26.696 22.6257 26.707 22.8278 26.7334 23.0269C26.8169 23.6636 27.2478 23.9157 27.7681 23.5503C28.284 23.1879 28.7705 22.7525 29.1816 22.2708C30.568 20.6461 31.6137 18.7925 32.548 16.8718C32.7737 16.408 32.9781 15.9331 33.1914 15.4626C33.4588 14.8721 33.8992 14.5186 34.5485 14.5149C35.8704 14.5067 37.1923 14.5 38.5135 14.5336C39.1591 14.55 39.4412 14.9697 39.2976 15.611C39.2265 15.9279 39.1444 16.2544 38.9986 16.5408C38.5164 17.4877 38.0482 18.448 37.4905 19.3495C36.5988 20.7908 35.6505 22.1963 34.7053 23.6025C34.0311 24.6054 34.0582 24.8648 34.8848 25.7588C36.1606 27.139 37.429 28.5273 38.6564 29.9522C39.0902 30.4555 39.4456 31.0475 39.7475 31.6455C40.3242 32.787 39.8955 33.4775 38.641 33.4931C37.5272 33.5065 36.4134 33.4864 35.2995 33.4998C34.654 33.5073 34.122 33.2642 33.6816 32.8057C33.1364 32.2375 32.6029 31.6574 32.0702 31.0766C31.1945 30.1222 30.2742 29.2177 29.216 28.4729C28.7016 28.1113 28.1674 27.7809 27.5006 27.8048C26.9928 27.8227 26.7796 28.0016 26.7407 28.5258C26.7041 29.0217 26.6887 29.5197 26.6843 30.0171C26.6777 30.7582 26.7026 31.5001 26.6894 32.2412C26.6784 32.8668 26.4403 33.2046 25.8402 33.3194C25.262 33.4297 24.6648 33.4872 24.0764 33.4819C21.7571 33.4618 19.6863 32.6431 17.7767 31.3577C15.9448 30.1252 14.4865 28.5154 13.2342 26.6931C11.3935 24.0141 9.76526 21.218 8.66609 18.1334C8.40156 17.3915 8.21983 16.6198 8 15.8615C8 15.6281 8 15.3955 8 15.1621Z" fill="black" />
</svg>
</a>
<a href="#" class="hero__social-item" target="_blank">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.2632 35.999H8V12H12.2592V21.0316C12.2999 21.0612 12.3397 21.0908 12.3804 21.1204C12.5096 20.9622 12.6289 20.7918 12.771 20.6469C14.7604 18.6173 17.6244 18.1286 20.0402 19.3878C21.7027 20.2551 22.5087 21.7439 22.5574 23.552C22.6677 27.6469 22.6398 31.7459 22.6667 35.8429C22.6667 35.8745 22.6468 35.9051 22.6219 35.9796H18.3757C18.3757 35.7827 18.3757 35.5857 18.3757 35.3898C18.3757 32.5153 18.3846 29.6418 18.3697 26.7673C18.3657 25.9704 18.2912 25.1735 18.2475 24.3765C18.17 22.9776 17.0649 22.0531 15.4928 22.1908C13.8074 22.3388 12.6815 23.3653 12.4808 25.1051C12.3138 26.551 12.296 28.0184 12.2721 29.4776C12.2393 31.45 12.2642 33.4225 12.2642 35.3959C12.2642 35.5806 12.2642 35.7643 12.2642 36L12.2632 35.999Z" fill="black" />
<path d="M29.5919 36H25.3333V12H29.583V21.2059C29.8453 20.9222 30.0013 20.7395 30.1702 20.5711C31.8395 18.9139 33.8257 18.374 36.0693 18.8934C38.3754 19.4272 39.8182 21.1202 39.8907 23.6541C40.006 27.7146 39.9722 31.7803 40 35.8428C40 35.8745 39.9801 35.9051 39.9553 35.9786H35.6977V35.3959C35.6977 32.7089 35.7086 30.0219 35.6917 27.335C35.6857 26.3339 35.6738 25.3246 35.5556 24.3337C35.3797 22.8601 34.3285 22.058 32.8758 22.1784C30.9611 22.3356 29.7837 23.6 29.7022 25.8002C29.6039 28.4494 29.6218 31.1026 29.5929 33.7549C29.585 34.4835 29.5919 35.2132 29.5919 36Z" fill="black" />
</svg>
</a>
</div>
<a href="#" class="hero__social-next">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.9689 12.9284C16.2322 12.6038 16.3523 12.425 16.5026 12.2734C20.308 8.4597 24.1192 4.65167 27.9203 0.833639C28.6242 0.125801 29.4339 -0.167344 30.3967 0.125801C31.926 0.590543 32.4997 2.4681 31.5126 3.7322C31.3924 3.88664 31.2493 4.02392 31.1106 4.16262C26.6828 8.58983 22.2551 13.017 17.8259 17.4428C16.6471 18.6211 15.3595 18.6182 14.1721 17.4328C9.74148 13.0085 5.31658 8.57839 0.884538 4.15547C0.40242 3.67357 0.0333212 3.14734 0.0104312 2.44093C-0.0210419 1.47999 0.366655 0.73497 1.22216 0.287387C2.09341 -0.168775 2.94462 -0.0686768 3.72717 0.526193C3.91029 0.664901 4.06766 0.839358 4.23218 1.00381C7.9904 4.76464 11.7472 8.52405 15.5011 12.2892C15.6499 12.4393 15.7558 12.6324 15.9704 12.9284L15.9689 12.9284Z" fill="black" />
<path d="M16.0321 26.6421C16.2353 26.3461 16.3311 26.1445 16.4799 25.9958C20.2825 22.1792 24.0879 18.3654 27.9019 14.5588C29.1995 13.2647 31.3082 13.7981 31.7717 15.5398C32.0006 16.3978 31.7717 17.1571 31.1365 17.7906C29.7474 19.1762 28.3612 20.5662 26.9735 21.9533C23.9448 24.9805 20.9177 28.0078 17.8876 31.0336C16.6015 32.3191 15.3612 32.322 14.0808 31.0422C9.66301 26.6278 5.2467 22.2149 0.831825 17.7977C-0.205372 16.761 -0.279762 15.3582 0.634401 14.413C1.50994 13.5078 2.91337 13.4649 3.85758 14.3458C4.49706 14.9421 5.09935 15.5756 5.71738 16.1933C9.00779 19.488 12.2996 22.7812 15.5886 26.0787C15.7016 26.1917 15.7889 26.3304 16.0321 26.6421Z" fill="black" />
</svg>
</a>
</div>
<div class="hero__slider-wrapper">
<div class="swiper-pagination hero__pagination"></div>
<div class="swiper hero__slider">
<div class="swiper-wrapper">
<div class="swiper-slide hero__slide">
<div class="hero__left">
<h1 class="hero__title">
Комплексные решения для фастфуда
</h1>
<p class="hero__text">
Системы автоматизации и цифрофизации бизнеса
</p>
<!-- <div class="swiper-pagination hero__pagination"></div> -->
</div>
<div class="hero__right" style="background-image: url('img/hero-slide-bg-1.png');">
<div class="hero__btns">
<div class="swiper-button-prev hero__prev">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.6652 35.6609C31.1116 35.2087 31.1116 34.4783 30.6652 34.0261L21.7611 25.0058L30.6652 15.9855C31.1116 15.5333 31.1116 14.7913 30.6652 14.3391C30.2189 13.887 29.4864 13.887 29.0401 14.3391L19.3348 24.1826C18.8884 24.6348 18.8884 25.3652 19.3348 25.8174L29.0401 35.6609C29.4864 36.113 30.2074 36.113 30.6538 35.6609L30.6652 35.6609Z" fill="black" />
</svg>
</div>
<div class="swiper-button-next hero__next">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.3348 14.3391C18.8884 14.7913 18.8884 15.5217 19.3348 15.9739L28.2389 24.9942L19.3348 34.0145C18.8884 34.4667 18.8884 35.2087 19.3348 35.6609C19.7811 36.113 20.5136 36.113 20.9599 35.6609L30.6652 25.8174C31.1116 25.3652 31.1116 24.6348 30.6652 24.1826L20.9599 14.3391C20.5136 13.887 19.7926 13.887 19.3462 14.3391L19.3348 14.3391Z" fill="black" />
</svg>
</div>
</div>
<img src="img/hero-slide1.png" alt="" class="hero__img">
</div>
</div>
<div class="swiper-slide hero__slide">
<div class="hero__left">
<h1 class="hero__title">
Комплексные решения для фастфуда
</h1>
<p class="hero__text">
Системы автоматизации и цифрофизации бизнеса
</p>
<!-- <div class="swiper-pagination hero__pagination"></div> -->
</div>
<div class="hero__right" style="background-image: url('img/hero-slide-bg1.png');">
<div class="hero__btns">
<div class="swiper-button-prev hero__prev">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.6652 35.6609C31.1116 35.2087 31.1116 34.4783 30.6652 34.0261L21.7611 25.0058L30.6652 15.9855C31.1116 15.5333 31.1116 14.7913 30.6652 14.3391C30.2189 13.887 29.4864 13.887 29.0401 14.3391L19.3348 24.1826C18.8884 24.6348 18.8884 25.3652 19.3348 25.8174L29.0401 35.6609C29.4864 36.113 30.2074 36.113 30.6538 35.6609L30.6652 35.6609Z" fill="black" />
</svg>
</div>
<div class="swiper-button-next hero__next">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.3348 14.3391C18.8884 14.7913 18.8884 15.5217 19.3348 15.9739L28.2389 24.9942L19.3348 34.0145C18.8884 34.4667 18.8884 35.2087 19.3348 35.6609C19.7811 36.113 20.5136 36.113 20.9599 35.6609L30.6652 25.8174C31.1116 25.3652 31.1116 24.6348 30.6652 24.1826L20.9599 14.3391C20.5136 13.887 19.7926 13.887 19.3462 14.3391L19.3348 14.3391Z" fill="black" />
</svg>
</div>
</div>
<img src="img/hero-slide1.png" alt="" class="hero__img">
</div>
</div>
<div class="swiper-slide hero__slide">
<div class="hero__left">
<h1 class="hero__title">
Комплексные решения для фастфуда
</h1>
<p class="hero__text">
Системы автоматизации и цифрофизации бизнеса
</p>
<!-- <div class="swiper-pagination hero__pagination"></div> -->
</div>
<div class="hero__right" style="background-image: url('img/hero-slide-bg1.png');">
<div class="hero__btns">
<div class="swiper-button-prev hero__prev">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.6652 35.6609C31.1116 35.2087 31.1116 34.4783 30.6652 34.0261L21.7611 25.0058L30.6652 15.9855C31.1116 15.5333 31.1116 14.7913 30.6652 14.3391C30.2189 13.887 29.4864 13.887 29.0401 14.3391L19.3348 24.1826C18.8884 24.6348 18.8884 25.3652 19.3348 25.8174L29.0401 35.6609C29.4864 36.113 30.2074 36.113 30.6538 35.6609L30.6652 35.6609Z" fill="black" />
</svg>
</div>
<div class="swiper-button-next hero__next">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.3348 14.3391C18.8884 14.7913 18.8884 15.5217 19.3348 15.9739L28.2389 24.9942L19.3348 34.0145C18.8884 34.4667 18.8884 35.2087 19.3348 35.6609C19.7811 36.113 20.5136 36.113 20.9599 35.6609L30.6652 25.8174C31.1116 25.3652 31.1116 24.6348 30.6652 24.1826L20.9599 14.3391C20.5136 13.887 19.7926 13.887 19.3462 14.3391L19.3348 14.3391Z" fill="black" />
</svg>
</div>
</div>
<img src="img/hero-slide1.png" alt="" class="hero__img">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="why-us hero-why-us">
<div class="container">
<div class="why-us__slider-wrapper">
<div class="swiper why-us__slider">
<div class="swiper-wrapper">
<div class="swiper-slide why-us__slide">
<div class="why-us__icon">
<img src="img/ws1.svg" alt="">
</div>
<p class="why-us__text">
Более 8 лет опыта работы
</p>
</div>
<div class="swiper-slide why-us__slide">
<div class="why-us__icon">
<img src="img/ws2.svg" alt="">
</div>
<p class="why-us__text">
15 стран география наших проектов
</p>
</div>
<div class="swiper-slide why-us__slide">
<div class="why-us__icon">
<img src="img/ws3.svg" alt="">
</div>
<p class="why-us__text">
50+ сотрудников в команде
</p>
</div>
<div class="swiper-slide why-us__slide">
<div class="why-us__icon">
<img src="img/ws3.svg" alt="">
</div>
<p class="why-us__text">
50+ сотрудников в команде
</p>
</div>
<div class="swiper-slide why-us__slide">
<div class="why-us__icon">
<img src="img/ws3.svg" alt="">
</div>
<p class="why-us__text">
50+ сотрудников в команде
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="services">
<div class="container">
<div class="services__grid">
<div class="services__info">
<h2 class="section-title services__title">
Наши услуги
</h2>
<p class="services__offer">
Системы автоматизации и цифрофизации бизнеса
</p>
<a href="#" class="btn services__btn">Все услуги</a>
</div>
<div class="services__item" style="background-image: url('img/ser-bg.png');">
<img src="img/seri2.svg" alt="" class="services__icon">
<div class="services__content">
<h3 class="services__subtitle">IT-разработка «под ключ»</h3>
<p class="services__text">
Создаем программные продукты под ваши задачи. Настройте софт под свой бизнес, а не наоборот
</p>
<a href="#" class="services__next">
<svg width="49" height="16" viewBox="0 0 49 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48.7071 8.70711C49.0976 8.31659 49.0976 7.68342 48.7071 7.2929L42.3431 0.928936C41.9526 0.538411 41.3195 0.538411 40.9289 0.928936C40.5384 1.31946 40.5384 1.95263 40.9289 2.34315L46.5858 8L40.9289 13.6569C40.5384 14.0474 40.5384 14.6805 40.9289 15.0711C41.3195 15.4616 41.9526 15.4616 42.3431 15.0711L48.7071 8.70711ZM0 8L-8.74228e-08 9L48 9L48 8L48 7L8.74228e-08 7L0 8Z" fill="white" />
</svg>
</a>
</div>
</div>
<div class="services__item services__item--light" style="background-image: url('img/ser-bg.png');">
<img src="img/seri2.svg" alt="" class="services__icon">
<div class="services__content">
<h3 class="services__subtitle">IT-разработка «под ключ»</h3>
<p class="services__text">
Создаем программные продукты под ваши задачи. Настройте софт под свой бизнес, а не наоборот
</p>
<a href="#" class="services__next">
<svg width="49" height="16" viewBox="0 0 49 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48.7071 8.70711C49.0976 8.31659 49.0976 7.68342 48.7071 7.2929L42.3431 0.928936C41.9526 0.538411 41.3195 0.538411 40.9289 0.928936C40.5384 1.31946 40.5384 1.95263 40.9289 2.34315L46.5858 8L40.9289 13.6569C40.5384 14.0474 40.5384 14.6805 40.9289 15.0711C41.3195 15.4616 41.9526 15.4616 42.3431 15.0711L48.7071 8.70711ZM0 8L-8.74228e-08 9L48 9L48 8L48 7L8.74228e-08 7L0 8Z" fill="white" />
</svg>
</a>
</div>
</div>
<div class="services__item services__item--green" style="background-image: url('img/ser-bg.png');">
<img src="img/seri1.svg" alt="" class="services__icon">
<div class="services__content">
<h3 class="services__subtitle">IT-разработка «под ключ»</h3>
<p class="services__text">
Создаем программные продукты под ваши задачи. Настройте софт под свой бизнес, а не наоборот
</p>
<a href="#" class="services__next">
<svg width="49" height="16" viewBox="0 0 49 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48.7071 8.70711C49.0976 8.31659 49.0976 7.68342 48.7071 7.2929L42.3431 0.928936C41.9526 0.538411 41.3195 0.538411 40.9289 0.928936C40.5384 1.31946 40.5384 1.95263 40.9289 2.34315L46.5858 8L40.9289 13.6569C40.5384 14.0474 40.5384 14.6805 40.9289 15.0711C41.3195 15.4616 41.9526 15.4616 42.3431 15.0711L48.7071 8.70711ZM0 8L-8.74228e-08 9L48 9L48 8L48 7L8.74228e-08 7L0 8Z" fill="white" />
</svg>
</a>
</div>
</div>
<div class="services__item" style="background-image: url('img/ser-bg.png');">
<img src="img/seri1.svg" alt="" class="services__icon">
<div class="services__content">
<h3 class="services__subtitle">IT-разработка «под ключ»</h3>
<p class="services__text">
Создаем программные продукты под ваши задачи. Настройте софт под свой бизнес, а не наоборот
</p>
<a href="#" class="services__next">
<svg width="49" height="16" viewBox="0 0 49 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48.7071 8.70711C49.0976 8.31659 49.0976 7.68342 48.7071 7.2929L42.3431 0.928936C41.9526 0.538411 41.3195 0.538411 40.9289 0.928936C40.5384 1.31946 40.5384 1.95263 40.9289 2.34315L46.5858 8L40.9289 13.6569C40.5384 14.0474 40.5384 14.6805 40.9289 15.0711C41.3195 15.4616 41.9526 15.4616 42.3431 15.0711L48.7071 8.70711ZM0 8L-8.74228e-08 9L48 9L48 8L48 7L8.74228e-08 7L0 8Z" fill="white" />
</svg>
</a>
</div>
</div>
<div class="services__item" style="background-image: url('img/ser-bg.png');">
<img src="img/seri1.svg" alt="" class="services__icon">
<div class="services__content">
<h3 class="services__subtitle">IT-разработка «под ключ»</h3>
<p class="services__text">
Создаем программные продукты под ваши задачи. Настройте софт под свой бизнес, а не наоборот
</p>
<a href="#" class="services__next">
<svg width="49" height="16" viewBox="0 0 49 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48.7071 8.70711C49.0976 8.31659 49.0976 7.68342 48.7071 7.2929L42.3431 0.928936C41.9526 0.538411 41.3195 0.538411 40.9289 0.928936C40.5384 1.31946 40.5384 1.95263 40.9289 2.34315L46.5858 8L40.9289 13.6569C40.5384 14.0474 40.5384 14.6805 40.9289 15.0711C41.3195 15.4616 41.9526 15.4616 42.3431 15.0711L48.7071 8.70711ZM0 8L-8.74228e-08 9L48 9L48 8L48 7L8.74228e-08 7L0 8Z" fill="white" />
</svg>
</a>
</div>
</div>
<div class="services__all">
<a href="#" class="services__all-btn">
<svg width="53" height="53" viewBox="0 0 53 53" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.1579 53H24.8452C24.1982 52.9198 23.5511 52.8507 22.9055 52.7581C17.6516 52.0033 13.0033 49.9077 9.02697 46.3883C4.40357 42.2966 1.51809 37.2055 0.413396 31.1246C0.235041 30.1459 0.135494 29.152 0 28.1651C0 27.0606 0 25.9575 0 24.853C0.0317997 24.6678 0.0705124 24.4853 0.0953991 24.2987C0.21845 23.3946 0.286197 22.4795 0.464552 21.5865C1.88448 14.4758 5.56771 8.8069 11.5239 4.6917C17.3612 0.65668 23.8636 -0.768502 30.854 0.388508C37.7352 1.52617 43.3361 4.94329 47.5627 10.4823C51.987 16.2784 53.6889 22.8624 52.7502 30.0851C52.0589 35.4071 49.8688 40.089 46.2907 44.0881C42.212 48.6484 37.1476 51.4974 31.1153 52.5881C30.1364 52.765 29.1423 52.8645 28.1566 53H28.1579ZM49.6891 26.5146C49.6946 13.7529 39.3141 3.35775 26.5348 3.32873C13.761 3.2997 3.31961 13.7183 3.31408 26.5007C3.30855 39.2583 13.6932 49.6575 26.4684 49.6879C39.2408 49.7183 49.6822 39.2983 49.6891 26.5159V26.5146Z" fill="white" />
<path d="M32.4481 28.1637H31.7513C26.785 28.1637 21.8187 28.1651 16.8511 28.1595C16.5787 28.1595 16.2939 28.1429 16.0381 28.0614C15.2777 27.8195 14.8159 27.0633 14.9196 26.2892C15.0233 25.5151 15.669 24.9124 16.4584 24.8571C16.6299 24.8447 16.8027 24.853 16.9755 24.853C21.8906 24.853 26.8058 24.853 31.7195 24.853H32.4122C32.2297 24.6567 32.1149 24.5268 31.9933 24.4037C30.348 22.7574 28.6971 21.1166 27.0574 19.4647C26.3094 18.7113 26.3218 17.6524 27.0629 16.9944C27.7501 16.3821 28.7041 16.4415 29.4258 17.1603C31.1858 18.9117 32.9389 20.6687 34.6948 22.4242C35.6212 23.3504 36.5503 24.2752 37.4739 25.2055C38.3034 26.0404 38.3159 26.9693 37.496 27.7904C34.8165 30.4749 32.1329 33.1566 29.4479 35.8356C28.6736 36.6069 27.6561 36.6429 26.9731 35.9379C26.3025 35.2467 26.3523 34.2584 27.1085 33.5009C28.8492 31.7563 30.5954 30.016 32.4481 28.1651V28.1637Z" fill="white" />
</svg>
</a>
<p class="services__all-text">
Все услуги
</p>
</div>
</div>
</div>
</section>
<section class="projects">
<div class="container">
<div class="projects__wrapper" style="background-image: url('img/projects-section-bg.png');">
<div class="projects__left">
<h2 class="section-title projects__title">
Проекты
</h2>
<h3 class="projects__subtitle">Пакет решений для администрирования пиццерии</h3>
<p class="projects__text">Системы автоматизации и цифрофизации бизнеса </p>
<a href="#" class="btn projects__btn">Подробнее</a>
</div>
<div class="projects__slider-wrapper">
<div class="swiper projects__slider">
<div class="swiper-wrapper">
<div class="swiper-slide projects__slide">
<img src="img/projects1.png" alt="" class="projects__img">
</div>
<div class="swiper-slide projects__slide">
<img src="img/projects1.png" alt="" class="projects__img">
</div>
</div>
</div>
<div class="projects__btns">
<div class="swiper-button-prev projects__prev">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30.6652 35.6609C31.1116 35.2087 31.1116 34.4783 30.6652 34.0261L21.7611 25.0058L30.6652 15.9855C31.1116 15.5333 31.1116 14.7913 30.6652 14.3391C30.2189 13.887 29.4864 13.887 29.0401 14.3391L19.3348 24.1826C18.8884 24.6348 18.8884 25.3652 19.3348 25.8174L29.0401 35.6609C29.4864 36.113 30.2074 36.113 30.6538 35.6609L30.6652 35.6609Z" fill="black" />
</svg>
</div>
<div class="swiper-button-next projects__next">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.3348 14.3391C18.8884 14.7913 18.8884 15.5217 19.3348 15.9739L28.2389 24.9942L19.3348 34.0145C18.8884 34.4667 18.8884 35.2087 19.3348 35.6609C19.7811 36.113 20.5136 36.113 20.9599 35.6609L30.6652 25.8174C31.1116 25.3652 31.1116 24.6348 30.6652 24.1826L20.9599 14.3391C20.5136 13.887 19.7926 13.887 19.3462 14.3391L19.3348 14.3391Z" fill="black" />
</svg>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="callback">
<div class="container">
<div class="callback__wrapper">
<div class="callback__left" style="background-image: url('img/form-bg.svg');">
<h2 class="callback__title">
Получите бесплатный расчет стоимости и сроков вашего проекта
</h2>
<span class="callback__icon">
<svg width="56" height="61" viewBox="0 0 56 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2030_1800)">
<path d="M27.0453 30.5069C26.5826 30.1437 26.3092 29.9678 26.0848 29.7457C17.756 21.5034 9.43184 13.2542 1.09832 5.01661C0.226647 4.15351 -0.238404 3.20248 0.130832 1.98304C0.698708 0.108753 2.9445 -0.606255 4.50558 0.59005C4.78134 0.800617 5.0197 1.05747 5.26742 1.30275C14.274 10.2207 23.2805 19.1409 32.2871 28.0611C34.0538 29.8104 34.0491 31.1849 32.2731 32.9435C23.2268 41.9031 14.1852 50.8673 5.11552 59.806C4.60373 60.3081 3.90265 60.7293 3.21559 60.9236C2.14294 61.2268 0.965121 60.5927 0.390235 59.6348C-0.189326 58.6676 -0.123891 57.4412 0.579526 56.5434C0.792188 56.2703 1.05159 56.032 1.29697 55.7867C9.53934 47.6208 17.7817 39.4572 26.0311 31.2983C26.2765 31.0553 26.5779 30.8679 27.0453 30.5069Z" fill="white" />
<path d="M49.4426 30.5556C48.9332 30.1252 48.6504 29.9169 48.4027 29.6717C40.1159 21.4711 31.8245 13.2728 23.5634 5.04443C23.0563 4.54 22.6193 3.83425 22.4604 3.15395C22.1986 2.01781 22.7244 1.06446 23.7246 0.425819C24.6851 -0.187374 25.9237 -0.129524 26.8444 0.550773C27.1225 0.756714 27.3679 1.01124 27.6133 1.2542C36.6409 10.1929 45.6685 19.1317 54.6937 28.0704C56.4301 29.7897 56.4347 31.1896 54.7171 32.8927C45.6287 41.8939 36.5381 50.8928 27.4567 59.9009C26.5874 60.764 25.6269 61.2245 24.393 60.8612C22.5001 60.3012 21.778 58.0752 22.9838 56.5295C23.1965 56.2565 23.4582 56.0205 23.7036 55.7752C31.967 47.5908 40.2304 39.4041 48.4985 31.2266C48.7228 31.0068 49.015 30.8541 49.4403 30.5556L49.4426 30.5556Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_2030_1800">
<rect width="61" height="56" fill="white" transform="translate(0 61) rotate(-90)" />
</clipPath>
</defs>
</svg>
</span>
</div>
<form action="" class="form callback-form">
<div class="callback-form__wrapper">
<h3 class="form__title callback-form__title">Заполните форму ниже и наш специалист свяжется с вами для уточнения деталей:</h3>
<div class="callback-form__row">
<input type="text" class="input-reset form__input" placeholder="ФИО*">
<input type="text" class="input-reset form__input" placeholder="Телефон*">
<input type="text" class="input-reset form__input" placeholder="E-mail*">
<input type="text" class="input-reset form__input" placeholder="Название орагнизации*">
</div>
<textarea class="input-reset form__textarea callback-form__textarea" placeholder="Опишите ваш проект"></textarea>
<label class="custom-checkbox">
<input type="checkbox" />
<span class="checkmark"></span>
<div class="custom-checkbox__text">
Я согласен с <a href="">Политикой конфиденциальности</a> и даю <a href="">согласие</a> на обработку персональных данных
</div>
</label>
</div>
<button class="btn-reset callback-form__btn">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 29.7851C0.198898 28.9706 0.367825 28.2532 0.550375 27.5393C1.29147 24.6484 2.03711 21.7593 2.78094 18.8692C2.94805 18.2197 3.0643 18.1156 3.76816 18.0397C7.42643 17.6435 11.0856 17.2499 14.7439 16.8555C14.9128 16.837 15.0817 16.8167 15.2497 16.7964C15.7256 16.7372 16.0408 16.4134 16.0326 15.9916C16.0254 15.583 15.7157 15.268 15.2552 15.2168C13.8375 15.0597 12.4189 14.9079 11.0002 14.7553C8.51265 14.4879 6.02415 14.2223 3.53657 13.9531C3.1415 13.9107 2.93987 13.7254 2.83089 13.3045C2.01532 10.148 1.20156 6.99147 0.391438 3.83495C0.28427 3.41931 0.173468 3.0028 0.103536 2.58099C-0.0136231 1.87238 0.19799 1.26437 0.807398 0.834621C1.4159 0.404868 2.06345 0.411045 2.73099 0.727844C7.3683 2.92779 12.0074 5.12332 16.6457 7.32062C21.3039 9.52851 25.9639 11.7337 30.6194 13.9478C32.2142 14.7058 32.4803 16.6772 31.1398 17.745C30.9581 17.8897 30.7456 18.0053 30.534 18.1059C21.2993 22.4846 12.0637 26.8607 2.82726 31.2359C1.86909 31.6903 0.979958 31.5606 0.457738 30.8291C0.229777 30.5096 0.134415 30.1019 0 29.7851Z" fill="white" />
</svg>
</button>
</form>
</div>
</div>
</section>
<section class="technologies">
<div class="container">
<h2 class="technologies__title">Технологический стек</h2>
<div class="technologies__grid">
<div class="technologies__item">
<div class="technologies__icon">
<img src="img/tech1.svg" alt="">
</div>
<h3 class="technologies__subtitle">Backend</h3>
<ul class="list-reset technologies__list">
<li class="technologies__list-item">Java</li>
<li class="technologies__list-item">Node.js</li>
<li class="technologies__list-item">PostgreSQL</li>
<li class="technologies__list-item">MongoDB</li>
<li class="technologies__list-item">RabbitMQ</li>
<li class="technologies__list-item">Redis</li>
</ul>
</div>
<div class="technologies__item">
<div class="technologies__icon">
<img src="img/tech2.svg" alt="">
</div>
<h3 class="technologies__subtitle">Frontend</h3>
<ul class="list-reset technologies__list">
<li class="technologies__list-item">Angular</li>
<li class="technologies__list-item">React</li>
<li class="technologies__list-item">Vue</li>
<li class="technologies__list-item">Javascript</li>
<li class="technologies__list-item">Typescript</li>
<li class="technologies__list-item">HTML</li>
<li class="technologies__list-item">CSS</li>
</ul>
</div>
<div class="technologies__item">
<div class="technologies__icon">
<img src="img/tech3.svg" alt="">
</div>
<h3 class="technologies__subtitle">Mobile</h3>
<ul class="list-reset technologies__list">
<li class="technologies__list-item">IOS: Swift</li>
<li class="technologies__list-item">Android: Kotlin, Jetpack Compose</li>
</ul>
</div>
<div class="technologies__item">
<div class="technologies__icon">
<img src="img/tech4.svg" alt="">
</div>
<h3 class="technologies__subtitle">DevOps</h3>
<ul class="list-reset technologies__list">
<li class="technologies__list-item">Docker</li>
<li class="technologies__list-item">Kubernetes</li>
<li class="technologies__list-item">GitLab</li>
<li class="technologies__list-item">Google Cloud</li>
<li class="technologies__list-item">Yandex Cloud</li>
</ul>
</div>
<div class="technologies__item">
<div class="technologies__icon">
<img src="img/tech5.svg" alt="">
</div>
<h3 class="technologies__subtitle">QA</h3>
<ul class="list-reset technologies__list">
<li class="technologies__list-item">Java</li>
<li class="technologies__list-item">Groovy</li>
<li class="technologies__list-item">Selenium</li>
<li class="technologies__list-item">JUnit5</li>
<li class="technologies__list-item">Allure Report</li>
</ul>
</div>
<div class="technologies__item">
<div class="technologies__icon">
<img src="img/tech6.svg" alt="">
</div>
<h3 class="technologies__subtitle">BIM</h3>
<ul class="list-reset technologies__list">
<li class="technologies__list-item">Autodesk Forge</li>
</ul>
</div>
</div>
</div>
</section>
<section class="about">
<div class="container">
<div class="about__wrapper">
<div class="about__left">
<h2 class="section-title about__title">О нас</h2>
<h3 class="about__subtitle">О компании Натлекс или почему нам стоит доверить разработку?</h3>
<p class="about__text">
Натлекс — аккредитованная IT-компания, которая специализируется на разработке программного обеспечения для строительства, производства, промышленности, HoReCa и других коммерческих сфер. Мы помогаем автоматизировать бизнес-процессы, увеличить рост производительности и финансовых показателей бизнеса. Специалисты Натлекс накопили уникальный технологический опыт разработки и внедрения высоконагруженных систем, создания сайтов и мобильных приложений.
</p>
</div>
<div class="about__right">
<img src="img/about1.png" alt="" class="about__img about__img--full">
<img src="img/about2.png" alt="" class="about__img">
<img src="img/about3.png" alt="" class="about__img">
</div>
</div>
</div>
</section>
<section class="form-section">
<div class="container">
<div class="form-section__wrapper">
<form action="" class="form form-section__form">
<div class="form-section__top" style="background-image: url('img/form-section-bg.svg');">
<h2 class="form-section__title">Оставьте заявку и мы предложим решение для автоматизации ваших бизнес-процессов</h2>
<div class="form-section__arrow">
<svg width="61" height="56" viewBox="0 0 61 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2030_1974)">
<path d="M30.4931 27.0453C30.8563 26.5826 31.0322 26.3092 31.2543 26.0848C39.4966 17.756 47.7458 9.43184 55.9834 1.09833C56.8465 0.226649 57.7975 -0.238401 59.017 0.130835C60.8912 0.69871 61.6063 2.94451 60.41 4.50558C60.1994 4.78134 59.9425 5.01971 59.6973 5.26742C50.7793 14.274 41.8591 23.2805 32.9389 32.2871C31.1896 34.0538 29.8151 34.0491 28.0565 32.2731C19.0969 23.2268 10.1327 14.1852 1.19399 5.11552C0.691868 4.60373 0.270731 3.90265 0.0763607 3.21559C-0.226765 2.14294 0.407254 0.965121 1.36522 0.390235C2.33245 -0.189325 3.55884 -0.123891 4.45664 0.579527C4.72969 0.792188 4.96802 1.05159 5.2133 1.29697C13.3792 9.53934 21.5428 17.7817 29.7017 26.0311C29.9447 26.2765 30.1321 26.5779 30.4931 27.0453Z" fill="white" />
<path d="M30.4444 49.4426C30.8748 48.9332 31.0831 48.6504 31.3283 48.4027C39.5289 40.1159 47.7272 31.8245 55.9556 23.5634C56.46 23.0563 57.1658 22.6193 57.8461 22.4604C58.9822 22.1986 59.9355 22.7244 60.5742 23.7246C61.1874 24.6851 61.1295 25.9237 60.4492 26.8445C60.2433 27.1225 59.9888 27.3679 59.7458 27.6133C50.8071 36.6409 41.8683 45.6685 32.9296 54.6937C31.2103 56.4301 29.8104 56.4347 28.1073 54.7171C19.1061 45.6287 10.1072 36.5381 1.09906 27.4567C0.235965 26.5874 -0.224509 25.6269 0.138779 24.393C0.698752 22.5001 2.92476 21.778 4.47047 22.9838C4.74351 23.1965 4.97953 23.4582 5.22481 23.7036C13.4092 31.967 21.5959 40.2304 29.7734 48.4985C29.9932 48.7228 30.1459 49.015 30.4444 49.4403V49.4426Z" fill="white" />
</g>
<defs>
<clipPath id="clip0_2030_1974">
<rect width="61" height="56" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div class="form-section__content">
<h3 class="form__title">
Заполните форму ниже и наш специалист свяжется с вами для уточнения деталей:
</h3>
<div class="form-section__row">
<input type="text" class="input-reset form__input" placeholder="ФИО*">
<input type="text" class="input-reset form__input" placeholder="Телефон*">
</div>
<div class="form-section__row">
<input type="text" class="input-reset form__input" placeholder="E-mail*">
<input type="text" class="input-reset form__input" placeholder="Название организации*">
</div>
<textarea class="input-reset form__textarea form-section__textarea" placeholder="Опишите ваш проект"></textarea>
<label class="custom-checkbox">
<input type="checkbox" />
<span class="checkmark"></span>
<div class="custom-checkbox__text">
Я согласен с <a href="">Политикой конфиденциальности</a> и даю <a href="">согласие</a> на обработку персональных данных
</div>
</label>
</div>
<button class="btn-reset form-section__btn">
Отправить
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 22.6724C0.649173 22.0418 0.775869 21.4863 0.912781 20.9336C1.46861 18.6955 2.02784 16.4588 2.5857 14.2213C2.71104 13.7185 2.79822 13.6379 3.32612 13.5791C6.06982 13.2724 8.8142 12.9677 11.5579 12.6623C11.6846 12.648 11.8113 12.6322 11.9373 12.6165C12.2942 12.5708 12.5306 12.32 12.5245 11.9935C12.519 11.6772 12.2867 11.4333 11.9414 11.3936C10.8781 11.272 9.81414 11.1545 8.75017 11.0363C6.88448 10.8293 5.01811 10.6237 3.15243 10.4153C2.85612 10.3825 2.70491 10.239 2.62317 9.91317C2.01149 7.46941 1.40117 5.02565 0.793579 2.5819C0.713202 2.26011 0.630101 1.93765 0.577652 1.61109C0.489783 1.06249 0.648492 0.591773 1.10555 0.259061C1.56192 -0.0736505 2.04759 -0.0688682 2.54824 0.176396C6.02623 1.87958 9.50558 3.57935 12.9842 5.28048C16.4779 6.98981 19.9729 8.6971 23.4645 10.4112C24.6606 10.9981 24.8602 12.5243 23.8548 13.351C23.7186 13.463 23.5592 13.5525 23.4005 13.6304C16.4745 17.0204 9.54781 20.4083 2.62044 23.7955C1.90182 24.1474 1.23497 24.0469 0.843303 23.4806C0.672333 23.2333 0.600811 22.9176 0.5 22.6724Z" fill="white" />
</svg>
</button>
</form>
<img src="img/form-section.png" alt="" class="form-section__img">
</div>
</div>
</section>
<section class="faq">
<div class="container">
<div class="faq__wrapper">
<div class="faq__left">
<div class="faq__icon">
<img src="img/faq.svg" alt="">
</div>
<h2 class="section-title faq__title">Вопросы и ответы </h2>
</div>
<div class="accordion">
<div class="accordion__item">
<div class="accordion__top">
<h3 class="accordion__question">
Какие услуги вы предоставляете?
</h3>
<div class="accordion__btn">
<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00162 8C7.75255 8 7.50349 7.91636 7.31588 7.74619L0.283837 1.47598C-0.0946123 1.13853 -0.0946123 0.590536 0.283837 0.253087C0.662286 -0.0843623 1.27686 -0.0843623 1.65531 0.253087L8.00162 5.91185L14.3447 0.253087C14.7231 -0.0843623 15.3377 -0.0843623 15.7162 0.253087C16.0946 0.590536 16.0946 1.13853 15.7162 1.47598L8.68735 7.74619C8.49651 7.91636 8.25068 8 8.00162 8Z" fill="black" />
</svg>
</div>
</div>
<p class="accordion__answer">
Можем предложить два типа — Fixed Price или Time & Material. Fixed Price используется для проектов с четким Техническим заданием, по которому составляется смета. Проект разбивается на этапы. Заказчик вносит предоплату перед началом каждого этапа. Все доработки не включенные в ТЗ оформляются через дополнительное соглашение и оплачиваются отдельно.
Модель Time & Material фиксирует часовую ставку разработчиков. В конце месяца стоимость работ рассчитывается в соответствии с фактически затраченным временем.
</p>
</div>
<div class="accordion__item">
<div class="accordion__top">
<h3 class="accordion__question">
Как происходит процесс разработки ПО?
</h3>
<div class="accordion__btn">
<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00162 8C7.75255 8 7.50349 7.91636 7.31588 7.74619L0.283837 1.47598C-0.0946123 1.13853 -0.0946123 0.590536 0.283837 0.253087C0.662286 -0.0843623 1.27686 -0.0843623 1.65531 0.253087L8.00162 5.91185L14.3447 0.253087C14.7231 -0.0843623 15.3377 -0.0843623 15.7162 0.253087C16.0946 0.590536 16.0946 1.13853 15.7162 1.47598L8.68735 7.74619C8.49651 7.91636 8.25068 8 8.00162 8Z" fill="black" />
</svg>
</div>
</div>
<p class="accordion__answer">
Можем предложить два типа — Fixed Price или Time & Material. Fixed Price используется для проектов с четким Техническим заданием, по которому составляется смета. Проект разбивается на этапы. Заказчик вносит предоплату перед началом каждого этапа. Все доработки не включенные в ТЗ оформляются через дополнительное соглашение и оплачиваются отдельно.
Модель Time & Material фиксирует часовую ставку разработчиков. В конце месяца стоимость работ рассчитывается в соответствии с фактически затраченным временем.
</p>
</div>
<div class="accordion__item">
<div class="accordion__top">
<h3 class="accordion__question">
Кому принадлежат исключительные права на ПО?
</h3>
<div class="accordion__btn">
<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00162 8C7.75255 8 7.50349 7.91636 7.31588 7.74619L0.283837 1.47598C-0.0946123 1.13853 -0.0946123 0.590536 0.283837 0.253087C0.662286 -0.0843623 1.27686 -0.0843623 1.65531 0.253087L8.00162 5.91185L14.3447 0.253087C14.7231 -0.0843623 15.3377 -0.0843623 15.7162 0.253087C16.0946 0.590536 16.0946 1.13853 15.7162 1.47598L8.68735 7.74619C8.49651 7.91636 8.25068 8 8.00162 8Z" fill="black" />
</svg>
</div>
</div>
<p class="accordion__answer">
Можем предложить два типа — Fixed Price или Time & Material. Fixed Price используется для проектов с четким Техническим заданием, по которому составляется смета. Проект разбивается на этапы. Заказчик вносит предоплату перед началом каждого этапа. Все доработки не включенные в ТЗ оформляются через дополнительное соглашение и оплачиваются отдельно.
Модель Time & Material фиксирует часовую ставку разработчиков. В конце месяца стоимость работ рассчитывается в соответствии с фактически затраченным временем.
</p>
</div>
<div class="accordion__item">
<div class="accordion__top">
<h3 class="accordion__question">
Как организовано взаимодействие с клиентом?
</h3>
<div class="accordion__btn">
<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00162 8C7.75255 8 7.50349 7.91636 7.31588 7.74619L0.283837 1.47598C-0.0946123 1.13853 -0.0946123 0.590536 0.283837 0.253087C0.662286 -0.0843623 1.27686 -0.0843623 1.65531 0.253087L8.00162 5.91185L14.3447 0.253087C14.7231 -0.0843623 15.3377 -0.0843623 15.7162 0.253087C16.0946 0.590536 16.0946 1.13853 15.7162 1.47598L8.68735 7.74619C8.49651 7.91636 8.25068 8 8.00162 8Z" fill="black" />
</svg>
</div>
</div>
<p class="accordion__answer">
Можем предложить два типа — Fixed Price или Time & Material. Fixed Price используется для проектов с четким Техническим заданием, по которому составляется смета. Проект разбивается на этапы. Заказчик вносит предоплату перед началом каждого этапа. Все доработки не включенные в ТЗ оформляются через дополнительное соглашение и оплачиваются отдельно.
Модель Time & Material фиксирует часовую ставку разработчиков. В конце месяца стоимость работ рассчитывается в соответствии с фактически затраченным временем.
</p>
</div>
<div class="accordion__item">
<div class="accordion__top">
<h3 class="accordion__question">
Можете ли вы работать с нашей внутренней командой?
</h3>
<div class="accordion__btn">
<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00162 8C7.75255 8 7.50349 7.91636 7.31588 7.74619L0.283837 1.47598C-0.0946123 1.13853 -0.0946123 0.590536 0.283837 0.253087C0.662286 -0.0843623 1.27686 -0.0843623 1.65531 0.253087L8.00162 5.91185L14.3447 0.253087C14.7231 -0.0843623 15.3377 -0.0843623 15.7162 0.253087C16.0946 0.590536 16.0946 1.13853 15.7162 1.47598L8.68735 7.74619C8.49651 7.91636 8.25068 8 8.00162 8Z" fill="black" />
</svg>
</div>
</div>
<p class="accordion__answer">
Можем предложить два типа — Fixed Price или Time & Material. Fixed Price используется для проектов с четким Техническим заданием, по которому составляется смета. Проект разбивается на этапы. Заказчик вносит предоплату перед началом каждого этапа. Все доработки не включенные в ТЗ оформляются через дополнительное соглашение и оплачиваются отдельно.
Модель Time & Material фиксирует часовую ставку разработчиков. В конце месяца стоимость работ рассчитывается в соответствии с фактически затраченным временем.
</p>
</div>
<div class="accordion__item">
<div class="accordion__top">
<h3 class="accordion__question">
Подписываете ли вы NDA?
</h3>
<div class="accordion__btn">
<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00162 8C7.75255 8 7.50349 7.91636 7.31588 7.74619L0.283837 1.47598C-0.0946123 1.13853 -0.0946123 0.590536 0.283837 0.253087C0.662286 -0.0843623 1.27686 -0.0843623 1.65531 0.253087L8.00162 5.91185L14.3447 0.253087C14.7231 -0.0843623 15.3377 -0.0843623 15.7162 0.253087C16.0946 0.590536 16.0946 1.13853 15.7162 1.47598L8.68735 7.74619C8.49651 7.91636 8.25068 8 8.00162 8Z" fill="black" />
</svg>
</div>
</div>
<p class="accordion__answer">
Можем предложить два типа — Fixed Price или Time & Material. Fixed Price используется для проектов с четким Техническим заданием, по которому составляется смета. Проект разбивается на этапы. Заказчик вносит предоплату перед началом каждого этапа. Все доработки не включенные в ТЗ оформляются через дополнительное соглашение и оплачиваются отдельно.
Модель Time & Material фиксирует часовую ставку разработчиков. В конце месяца стоимость работ рассчитывается в соответствии с фактически затраченным временем.
</p>
</div>
<div class="accordion__item">
<div class="accordion__top">
<h3 class="accordion__question">
По какой модели оплаты вы работаете?
</h3>
<div class="accordion__btn">
<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00162 8C7.75255 8 7.50349 7.91636 7.31588 7.74619L0.283837 1.47598C-0.0946123 1.13853 -0.0946123 0.590536 0.283837 0.253087C0.662286 -0.0843623 1.27686 -0.0843623 1.65531 0.253087L8.00162 5.91185L14.3447 0.253087C14.7231 -0.0843623 15.3377 -0.0843623 15.7162 0.253087C16.0946 0.590536 16.0946 1.13853 15.7162 1.47598L8.68735 7.74619C8.49651 7.91636 8.25068 8 8.00162 8Z" fill="black" />
</svg>
</div>
</div>
<p class="accordion__answer">
Можем предложить два типа — Fixed Price или Time & Material. Fixed Price используется для проектов с четким Техническим заданием, по которому составляется смета. Проект разбивается на этапы. Заказчик вносит предоплату перед началом каждого этапа. Все доработки не включенные в ТЗ оформляются через дополнительное соглашение и оплачиваются отдельно.
Модель Time & Material фиксирует часовую ставку разработчиков. В конце месяца стоимость работ рассчитывается в соответствии с фактически затраченным временем.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="substitution">
<div class="container">
<div class="substitution__grid">
<div class="substitution__left" style="background-image: url('img/substitution1.svg');">
<h2 class="section-title substitution__title">Импортозамещение</h2>
<h3 class="substitution__subtitle">Помогаем соответствовать политике импортозамещения</h3>
<p class="substitution__text">
Создадим для вас надежное и эффективное решение, адаптированные под специфические нужды бизнеса. Наша команда разработает проект любого масштаба «под ключ», от идеи до полного внедрения и поддержки. При необходимости мы поможем зарегистрировать ваше программное обеспечение в реестре Минцифры, обеспечивая соответствие всем требованиям законодательства.
</p>
</div>
<div class="substitution-work" style="background-image: url('img/substitution2.svg');">
<h2 class="section-title substitution-work__title">
Работа у нас
</h2>
<p class="substitution-work__text">
Вакансии, которые могут вас заинтересовать размещены на ресурсе HeadHunter. Отправьте отклик на вакансию и мы обязательно свяжемся с вами!
</p>
<a href="#" class="btn substitution-work__btn">Посмотреть вакансии</a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer__top">
<div class="footer__column">
<a href="#" class="footer__logo">
<svg width="225" height="61" viewBox="0 0 225 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2030_1925)">
<path d="M118.553 34.2264C118.553 35.2125 118.594 36.4404 118.642 37.5707C118.21 36.5486 117.714 35.4169 117.315 34.5605L109.807 18.2012H107.707V42.5932H109.859V26.4997C109.859 25.6273 109.848 24.4034 109.818 23.2196C110.211 24.1642 110.679 25.2531 111.066 26.1336L118.64 42.5945H120.74V18.2025H118.553V34.2278V34.2264Z" fill="white" />
<path d="M136.098 18.2012L129.77 42.5932H132.047L133.577 36.5272H140.82L142.351 42.5932H144.627L138.299 18.2012H136.097H136.098ZM140.288 34.4362H134.111L136.437 25.1235C136.657 24.2257 136.879 23.269 137.076 22.4246C137.118 22.2416 137.16 22.0625 137.2 21.8875C137.243 22.0759 137.289 22.2683 137.334 22.466C137.527 23.2984 137.746 24.2404 137.964 25.1249L140.288 34.4349V34.4362Z" fill="white" />
<path d="M150.297 20.3269H155.487V42.5932H157.641V20.3269H162.897V18.2012H150.297V20.3269Z" fill="white" />
<path d="M174.442 18.2012H172.289V42.5932H183.026V40.4687H174.442V18.2012Z" fill="white" />
<path d="M194.238 31.2402H202.655V29.1479H194.238V20.2935H203.289V18.2012H192.086V42.5932H203.521V40.5021H194.238V31.2402Z" fill="white" />
<path d="M219.191 29.9589L224.705 18.2012H222.312L217.963 27.7089L213.613 18.2012H211.187L216.735 29.9589L210.926 42.5932H213.316L217.963 32.2517L222.61 42.5932H225L219.191 29.9589Z" fill="white" />
<path d="M28.1263 26.4137C28.0703 26.4137 28.0703 26.4137 28.1263 26.4137H28.0424C26.8592 26.069 20.6091 20.9931 17.3994 14.5411C17.3155 14.4556 17.3155 14.3687 17.2302 14.1964C17.2302 14.1964 17.2302 14.1109 17.1463 14.1109V14.0253V13.9398V13.8543V13.5965V13.4241V13.3386V13.2531V13.1676C16.3868 11.2743 15.9644 9.38237 15.9644 7.40226C15.9644 6.88652 15.9644 6.28394 16.0484 5.7682V5.68269C16.2176 4.39201 16.6399 3.10133 17.3155 1.89749C17.3155 1.89749 17.3155 1.81198 17.3994 1.81198C17.2302 1.89749 17.061 1.98434 16.8931 2.1567C6.41935 8.77578 0 19.0999 0 30.716C0 42.3321 6.3354 52.397 16.2176 59.1938C17.8231 60.2266 19.5112 60.7424 21.2007 60.9147C21.623 61.0002 22.1293 61.0002 22.5517 61.0002C38.0085 61.0002 57.9421 35.0169 60.8986 35.0169H60.9825C61.4888 35.1893 63.4314 36.5655 65.5432 38.6311C65.5432 38.6311 65.6272 38.6311 65.6272 38.7166L65.7111 38.8021L65.7951 38.8876L65.879 38.9732L65.963 39.0587L66.0469 39.1442L66.1309 39.2297H66.2148L66.2988 39.3152L66.3827 39.4007L66.4667 39.4862L66.5506 39.5717L66.6346 39.6572V39.7428C66.7185 39.8283 66.8038 39.9151 66.8877 40.0006C70.1813 43.5279 73.6455 48.5183 73.6455 53.852C73.6455 54.2823 73.6455 54.7125 73.5615 55.1427V55.2282V55.3137V55.4861V55.5716V55.8295C73.3923 57.0347 72.97 58.2385 72.2944 59.4437V59.5292C72.2944 59.5292 72.2944 59.6147 72.2105 59.6147C72.2665 59.5577 72.3229 59.5002 72.3797 59.4423C72.4637 59.3568 72.5489 59.3568 72.6329 59.3568C72.8021 59.2713 72.9713 59.0989 73.1392 59.0121C82.9374 52.2153 89.1023 42.0622 89.1023 30.7053C89.1023 19.3484 82.7669 8.93745 72.8008 2.14067C72.7444 2.11127 72.6879 2.08321 72.6315 2.05515C70.3505 0.678964 67.9016 0.0763791 65.4527 0.0763791C49.4044 -0.00913185 31.0763 26.4044 28.1198 26.4044L28.1263 26.4137Z" fill="#E6E7E7" />
<path d="M16.4707 2.06429C16.4143 2.09368 16.3579 2.12174 16.3015 2.1498C6.3354 8.94791 0 19.1865 0 30.7158C0 42.2451 6.25014 52.3113 15.9631 59.0226C16.1323 59.1081 16.7226 59.5383 16.8918 59.6251C10.3032 47.5801 27.2803 34.9325 28.2103 34.9325C31.5891 34.9325 57.3505 69.0901 72.9765 59.1094C82.8587 52.3126 89.1941 42.074 89.1941 30.6316C89.1941 19.1892 82.7747 8.69272 72.7234 1.98145C72.5542 1.89594 72.3849 1.80909 72.2171 1.63673C79.3959 11.1004 62.4188 26.4148 61.0678 26.4148C58.1113 26.4135 39.7832 0 23.5656 0C21.2007 0 18.7504 0.602585 16.4707 2.06429Z" fill="#0AB8B6" />
</g>
<defs>
<clipPath id="clip0_2030_1925">
<rect width="225" height="61" fill="white" />
</clipPath>
</defs>
</svg>
</a>
<div class="footer__social">
<p class="footer__social-text"></p>
<a href="#" class="footer__social-link" target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 15.0591C4.27812 14.6102 4.72287 14.3968 5.18954 14.2172C12.1902 11.5303 19.1922 8.84464 26.1928 6.15772C26.4703 6.051 26.7478 5.95369 27.0535 5.98131C27.6104 6.03216 27.9699 6.4509 27.9975 7.07178C28.0226 7.63553 27.8528 8.16789 27.7388 8.70841C27.1425 11.5372 26.5367 14.3648 25.9335 17.1923C25.3873 19.753 24.8411 22.3138 24.293 24.8745C24.2491 25.0804 24.1758 25.2776 24.0706 25.4621C23.7956 25.9461 23.379 26.1207 22.8453 25.9725C22.5954 25.9035 22.3674 25.7936 22.1569 25.6385C20.4343 24.371 18.7079 23.1086 16.9878 21.8379C16.8419 21.7299 16.7623 21.723 16.6252 21.8568C15.7451 22.7118 14.8531 23.5549 13.9673 24.4043C13.7456 24.6171 13.49 24.7496 13.1831 24.781C13.0641 24.7929 13.0077 24.7822 13.0196 24.624C13.1311 23.15 13.2307 21.6753 13.334 20.2007C13.3409 20.1071 13.3729 20.0111 13.3591 19.9207C13.2695 19.3205 13.6228 18.979 14.0293 18.6155C17.2002 15.7829 20.3566 12.9334 23.5168 10.0889C23.5688 10.0418 23.6215 9.99412 23.6709 9.94452C23.7499 9.86542 23.8344 9.77565 23.7718 9.65888C23.7123 9.54713 23.5883 9.55216 23.4793 9.56408C23.2819 9.58606 23.1084 9.67269 22.9418 9.7769C18.9623 12.2736 14.9758 14.7596 11.0101 17.2783C10.5121 17.5947 10.1056 17.6663 9.54179 17.4723C7.99896 16.9418 6.43107 16.4854 4.87258 16.0001C4.51616 15.889 4.19105 15.7352 4 15.388L4 15.0591Z" fill="white" />
</svg>
</a>
<a href="#" class="footer__social-link" target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_2035_8503" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="5" width="24" height="22">
<path d="M28 5.09082H4V26.909H28V5.09082Z" fill="white" />
</mask>
<g mask="url(#mask0_2035_8503)">
<path d="M24.8659 18.7214H23.2255V17.1025H26.6593C26.6593 18.4331 26.6593 19.7473 26.6593 21.0615C26.6593 22.3758 26.6593 23.6927 26.6593 25.0429H27.9976V26.6387C27.1665 26.6387 26.3599 26.6475 25.554 26.6265C25.4682 26.6245 25.3348 26.4603 25.3125 26.3537C25.2309 25.969 25.187 25.5775 25.1172 25.1087C24.9714 25.3143 24.8744 25.4615 24.7663 25.6013C23.8292 26.8131 22.5607 27.1177 21.1142 26.7798C19.7075 26.4514 18.9393 25.4948 18.6595 24.152C18.5835 23.7884 18.5674 23.4084 18.5639 23.0359C18.5528 21.742 18.5597 20.4475 18.5597 19.1536C18.5597 19.024 18.5597 18.8944 18.5597 18.7248H17.0938V17.1107H20.2915C20.2984 17.2403 20.3118 17.3787 20.3118 17.5178C20.3132 19.2839 20.2971 21.0493 20.3223 22.8154C20.3285 23.2795 20.3962 23.7626 20.5483 24.2002C20.893 25.1922 21.9278 25.6013 23.0247 25.2397C24.0936 24.8875 24.8695 23.8732 24.9002 22.6865C24.9337 21.4171 24.9086 20.1469 24.9072 18.8768C24.9072 18.8429 24.8897 18.8082 24.8659 18.7214Z" fill="white" />
<path d="M27.0849 8.7948H25.3949C25.3949 8.33342 25.4124 7.87951 25.3845 7.42764C25.3761 7.29059 25.277 7.09586 25.1605 7.03751C23.6847 6.29931 21.5482 6.43501 20.4632 8.22419C19.4466 9.90209 19.9496 12.0902 21.5635 13.0577C22.936 13.8801 24.7586 13.587 25.9015 12.3603C25.9503 12.308 25.9999 12.2564 26.0697 12.1825C26.5141 12.5122 26.9446 12.8311 27.3877 13.1595C26.5372 14.2566 25.4438 14.9026 24.0755 15.0993C21.4086 15.484 18.9225 13.8726 18.2471 11.3269C17.4203 8.2113 19.8813 5.10721 23.1907 5.09092C24.5213 5.08414 25.7438 5.40981 26.8218 6.19347C27.0039 6.32577 27.0981 6.46554 27.0919 6.70369C27.073 7.38965 27.0849 8.0756 27.0849 8.7948Z" fill="white" />
<path d="M12.2896 12.4467C12.6169 11.5287 12.9092 10.7124 13.1981 9.89555C13.7026 8.47072 14.2099 7.04725 14.7032 5.61835C14.7834 5.38698 14.8923 5.30353 15.1518 5.30896C15.994 5.32796 16.8376 5.31574 17.7014 5.31574V6.9448C17.2877 6.9448 16.892 6.96379 16.4992 6.93869C16.2047 6.91969 16.0652 7.01197 15.9598 7.28947C15.0262 9.75578 14.0696 12.2139 13.1353 14.6803C13.0327 14.9503 12.9141 15.0731 12.6071 15.0412C12.3245 15.012 12.0336 15.0168 11.7496 15.0412C11.4795 15.0643 11.3595 14.9639 11.2695 14.7176C10.3799 12.2743 9.4693 9.83787 8.58664 7.39192C8.46453 7.05403 8.3201 6.90001 7.93564 6.93665C7.5428 6.97397 7.14299 6.9448 6.71875 6.9448V5.3171C6.8262 5.3171 6.94343 5.3171 7.06135 5.3171C7.82051 5.3171 8.58036 5.34017 9.33812 5.30692C9.69677 5.29132 9.82097 5.42023 9.92843 5.73166C10.6897 7.93675 11.4733 10.1344 12.2896 12.4467Z" fill="white" />
<path d="M10.7697 25.0827H14.9653V26.6147H7.43168V25.0569H9.00721V18.5821C8.55576 18.5821 8.12315 18.5726 7.69194 18.5861C7.46377 18.5936 7.38283 18.5162 7.39121 18.2944C7.40516 17.9097 7.39539 17.525 7.39539 17.1111H10.4711C10.5074 17.6776 10.5444 18.253 10.5904 18.9647C11.6943 17.1891 13.3235 16.8797 15.1893 17.1145V19.9607H13.5454V18.5447C12.653 18.5705 11.9636 18.9267 11.4417 19.5842C10.9881 20.1555 10.7572 20.8041 10.7663 21.5355C10.7788 22.575 10.7697 23.6151 10.7697 24.6545C10.7697 24.7841 10.7697 24.9137 10.7697 25.0806V25.0827Z" fill="white" />
<path d="M5.68229 26.6487H4V25.0244H5.68229V26.6487Z" fill="white" />
</g>
</svg>
</a>
<a href="#" class="footer__social-link" target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.9572 27.9844C13.9469 27.8982 11.8406 27.9121 9.78298 27.3652C7.10342 26.6537 5.37588 24.9713 4.62816 22.3077C3.93186 19.829 3.96591 17.2801 4.03401 14.7436C4.07293 13.2892 4.19037 11.8209 4.45096 10.3914C5.04788 7.11772 6.99779 5.06149 10.3 4.43121C11.5411 4.19425 12.8156 4.01635 14.0747 4.01566C16.3478 4.01427 18.6319 4.05735 20.8911 4.28459C23.1975 4.51669 25.1946 5.47427 26.4865 7.54718C27.3454 8.92518 27.6748 10.4616 27.8207 12.046C28.057 14.6151 28.0611 17.1869 27.8249 19.7567C27.6685 21.4641 27.344 23.1228 26.3433 24.5752C25.2023 26.2319 23.5776 27.1672 21.6499 27.482C19.8042 27.7829 17.9252 27.8857 16.9565 27.9844H16.9572ZM25.1335 15.7693C25.0251 15.7214 24.8465 15.5907 24.6554 15.5671C23.6561 15.4441 22.6464 15.3906 21.6527 15.2336C18.9558 14.8076 17.3109 13.2475 16.7939 10.5742C16.5799 9.46929 16.5132 8.3352 16.3957 7.21223C16.3686 6.95442 16.3241 6.77653 16.0149 6.77444C15.7328 6.77305 15.623 6.88424 15.5987 7.17332C15.5125 8.19414 15.4444 9.21912 15.2867 10.2302C14.9434 12.4233 13.8788 14.089 11.6961 14.8722C10.3035 15.3718 8.84903 15.4893 7.38764 15.5602C7.13539 15.5727 6.83797 15.5185 6.83171 15.9264C6.82546 16.3357 7.093 16.3398 7.39181 16.3551C8.90184 16.4323 10.4105 16.5337 11.8399 17.0938C13.3103 17.6699 14.3284 18.6956 14.8801 20.1799C15.4083 21.6003 15.5347 23.0867 15.6001 24.5821C15.6119 24.8525 15.5869 25.1124 15.983 25.1186C16.3714 25.1249 16.3603 24.8775 16.3923 24.6009C16.5312 23.4105 16.5993 22.2021 16.8627 21.0381C17.3964 18.6768 18.8967 17.2126 21.2962 16.7714C22.4032 16.5678 23.5317 16.4781 24.6526 16.3565C24.9403 16.3252 25.1856 16.3086 25.1335 15.7679V15.7693Z" fill="white" />
</svg>
</a>
<a href="#" class="footer__social-link" target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 9.48608C4.14124 9.15193 4.40614 9.01014 4.75622 9.00959C5.72404 9.00794 6.6924 9.00629 7.66021 9.00959C8.08009 9.01124 8.37577 9.22722 8.53625 9.60259C8.75608 10.1181 8.94129 10.6479 9.15617 11.165C9.8492 12.8336 10.6549 14.4406 11.7821 15.8656C12.0036 16.1454 12.2701 16.3905 12.529 16.6378C12.6218 16.7268 12.7466 16.7922 12.8675 16.8395C13.1863 16.9637 13.4061 16.8466 13.4687 16.5075C13.5083 16.2948 13.5182 16.0739 13.5193 15.8568C13.5237 14.6466 13.5215 13.4365 13.5215 12.2263C13.5215 11.492 13.3226 10.8276 12.8384 10.2604C12.7422 10.1483 12.6488 10.0302 12.5768 9.90211C12.3668 9.53059 12.5658 9.10576 12.9846 9.02168C13.0829 9.00189 13.1863 8.9986 13.2874 8.9986C14.5833 8.99805 15.8792 8.99805 17.1751 8.99805C17.2378 8.99805 17.2999 8.9997 17.3625 9.00464C17.7659 9.03762 17.966 9.23217 18.0033 9.63996C18.0187 9.81088 18.0204 9.9829 18.0204 10.1549C18.0215 11.7163 18.0204 13.2782 18.022 14.8395C18.022 14.9874 18.0303 15.1363 18.0501 15.2831C18.1127 15.7524 18.4359 15.9382 18.8261 15.6689C19.213 15.4018 19.5779 15.0808 19.8862 14.7258C20.926 13.5282 21.7103 12.162 22.411 10.7463C22.5803 10.4044 22.7336 10.0543 22.8935 9.70756C23.0941 9.27229 23.4244 9.01179 23.9113 9.00904C24.9028 9.00299 25.8942 8.99805 26.8851 9.02278C27.3693 9.03487 27.5809 9.34428 27.4732 9.81692C27.4199 10.0505 27.3583 10.2912 27.2489 10.5023C26.8873 11.2002 26.5361 11.9081 26.1179 12.5725C25.4491 13.6349 24.7379 14.6708 24.0289 15.7073C23.5233 16.4465 23.5437 16.6378 24.1636 17.2967C25.1204 18.314 26.0717 19.3373 26.9923 20.3876C27.3176 20.7585 27.5842 21.1949 27.8106 21.6357C28.2431 22.4771 27.9216 22.986 26.9808 22.9975C26.1454 23.0074 25.31 22.9926 24.4747 23.0025C23.9905 23.008 23.5915 22.8288 23.2612 22.4908C22.8523 22.072 22.4522 21.6445 22.0527 21.2163C21.3959 20.5129 20.7056 19.8462 19.912 19.2972C19.5262 19.0307 19.1256 18.7872 18.6255 18.8048C18.2446 18.818 18.0847 18.9499 18.0555 19.3362C18.0281 19.7017 18.0165 20.0688 18.0132 20.4354C18.0083 20.9817 18.027 21.5285 18.0171 22.0748C18.0088 22.5359 17.8302 22.7849 17.3801 22.8695C16.9465 22.9508 16.4986 22.9931 16.0573 22.9893C14.3178 22.9745 12.7647 22.371 11.3325 21.4235C9.95856 20.5151 8.8649 19.3285 7.92566 17.9854C6.54511 16.0107 5.32394 13.9498 4.49957 11.6762C4.30117 11.1293 4.16487 10.5605 4 10.0016C4 9.82956 4 9.65809 4 9.48608Z" fill="white" />
</svg>
</a>
<a href="#" class="footer__social-link" target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.19737 24.9992H4V7H7.19439V13.7737C7.22495 13.7959 7.25476 13.8181 7.28532 13.8403C7.38221 13.7217 7.47164 13.5939 7.57822 13.4852C9.07033 11.963 11.2183 11.5964 13.0302 12.5408C14.2771 13.1913 14.8815 14.3079 14.918 15.664C15.0007 18.7352 14.9799 21.8094 15 24.8821C15 24.9059 14.9851 24.9288 14.9665 24.9847H11.7818C11.7818 24.837 11.7818 24.6893 11.7818 24.5423C11.7818 22.3865 11.7885 20.2314 11.7773 18.0755C11.7743 17.4778 11.7184 16.8801 11.6856 16.2824C11.6275 15.2332 10.7987 14.5398 9.61962 14.6431C8.35558 14.7541 7.51115 15.524 7.36059 16.8288C7.23538 17.9133 7.22197 19.0138 7.20408 20.1082C7.17948 21.5875 7.19812 23.0668 7.19812 24.5469C7.19812 24.6855 7.19812 24.8232 7.19812 25L7.19737 24.9992Z" fill="white" />
<path d="M20.194 25H17V7H20.1873V13.9044C20.384 13.6916 20.501 13.5546 20.6277 13.4284C21.8796 12.1854 23.3693 11.7805 25.052 12.1701C26.7816 12.5704 27.8636 13.8401 27.918 15.7405C28.0045 18.786 27.9791 21.8352 28 24.8821C28 24.9059 27.9851 24.9288 27.9665 24.9839H24.7733V24.5469C24.7733 22.5317 24.7814 20.5165 24.7688 18.5012C24.7643 17.7504 24.7554 16.9935 24.6667 16.2503C24.5348 15.1451 23.7464 14.5435 22.6569 14.6338C21.2209 14.7517 20.3378 15.7 20.2767 17.3501C20.2029 19.337 20.2163 21.327 20.1947 23.3162C20.1887 23.8627 20.194 24.4099 20.194 25Z" fill="white" />
</svg>
</a>
</div>
</div>
<nav class="footer__nav">
<a href="#" class="footer__nav-item">Услуги</a>
<a href="#" class="footer__nav-item">Проекты</a>
<a href="#" class="footer__nav-item">Контакты</a>
<a href="#" class="footer__nav-item">О компании</a>
</nav>
<div class="footer__column">
<a href="#" class="btn">Обсудить проект</a>
<a href="tel:+78124674525" class="footer__phone">+7 (812) 467-45-25</a>
</div>
</div>
<div class="footer__bottom">
<p class="footer__text">
ООО «Натлекс» имеет аккредитацию организации, осуществляющей деятельность в области информационных технологий № 12196 от 14 сентября 2020 года.
</p>
<p class="footer__text">
ООО «Натлекс» ИНН: 1001314072 ОГРН: 1161001060330
</p>
<p class="footer__text">
© Natlex 2025 Все права защищены
</p>
<a href="#" class="footer__politic">
Политика конфиденциальности
</a>
</div>
</div>
</footer>
</div>
</body>
</html>