Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
1193 lines (1178 loc) · 96.7 KB
/
Copy pathindex.html
File metadata and controls
1193 lines (1178 loc) · 96.7 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
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
<!-- Preconnect to external domains for faster resource loading -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://cdn.jsdelivr.net" />
<link rel="preconnect" href="https://cdnjs.cloudflare.com" />
<!-- DNS prefetch for external resources -->
<link rel="dns-prefetch" href="https://api.web3forms.com" />
<!-- Preload critical CSS -->
<link rel="preload" href="css/main.css" as="style" />
<!-- Optimized font loading with font-display swap -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kameron:wght@700&family=Alegreya+Sans:wght@300;400;500&display=swap" media="print" onload="this.media='all'" />
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Kameron:wght@700&family=Alegreya+Sans:wght@300;400;500&display=swap" /></noscript>
<link rel="stylesheet" href="css/main.css" />
<title>RumpWebstudio - Студия разработки сайтов и веб-приложений</title>
<meta
name="description"
content="Разработка современных сайтов под ключ. Правки и доработка сайтов.Продвижение сайта в интернете. SEO оптимизация. Портфолио web-студии rump"
/>
<meta
name="keywords"
content="веб-разработка, создание сайтов, разработка веб-приложений, лендинги, дизайн сайтов, SEO оптимизация, веб-студия, RumpWebstudio"
/>
<meta name="author" content="RumpWebstudio" />
<meta name="robots" content="index, follow" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://rumpwebstudio.com/" />
<meta property="og:title" content="RumpWebstudio - Студия разработки сайтов и веб-приложений" />
<meta
property="og:description"
content="Разработка современных сайтов под ключ. Правки и доработка сайтов. Продвижение сайта в интернете. SEO оптимизация. Портфолио web-студии rump"
/>
<meta property="og:image" content="https://rumpwebstudio.com/images/icons/logo-small.png" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:site_name" content="RumpWebstudio" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://rumpwebstudio.com/" />
<meta property="twitter:title" content="RumpWebstudio - Студия разработки сайтов и веб-приложений" />
<meta
property="twitter:description"
content="Разработка современных сайтов под ключ. Правки и доработка сайтов. Продвижение сайта в интернете. SEO оптимизация."
/>
<meta property="twitter:image" content="https://rumpwebstudio.com/images/icons/logo-small.png" />
<!-- Canonical URL -->
<link rel="canonical" href="https://rumpwebstudio.com/" />
<!-- Schema.org JSON-LD разметка -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "RumpWebstudio",
"alternateName": "Rump Studio",
"url": "https://rumpwebstudio.com",
"logo": "https://rumpwebstudio.com/images/icons/logo-small.png",
"description": "Студия разработки сайтов и веб-приложений. Разработка современных сайтов под ключ, правки и доработка сайтов, продвижение сайта в интернете, SEO оптимизация.",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+7-987-175-29-73",
"contactType": "customer service",
"email": "rumpwebstudio@gmail.com",
"availableLanguage": ["Russian", "English"]
},
"sameAs": [
"https://t.me/rootg00se",
"https://www.tiktok.com/@rumpwebstudio",
"https://www.youtube.com/channel/UCT34dxG7pvZirWAD2l2W-Uw"
],
"address": {
"@type": "PostalAddress",
"addressCountry": "RU"
},
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
"opens": "07:00",
"closes": "22:00"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": ["Saturday", "Sunday"],
"opens": "09:00",
"closes": "21:00"
}
],
"areaServed": {
"@type": "Country",
"name": "Russia"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "RumpWebstudio",
"url": "https://rumpwebstudio.com",
"description": "Студия разработки сайтов и веб-приложений. Разработка современных сайтов под ключ, правки и доработка сайтов, продвижение сайта в интернете, SEO оптимизация.",
"potentialAction": {
"@type": "SearchAction",
"target": "https://rumpwebstudio.com/?s={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"serviceType": "Web Development",
"provider": {
"@type": "Organization",
"name": "RumpWebstudio"
},
"areaServed": {
"@type": "Country",
"name": "Russia"
},
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Услуги веб-разработки",
"itemListElement": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Web Apps",
"description": "Создание веб приложений под ключ"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Landings",
"description": "Создание лендингов и сайтов-визиток"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Design",
"description": "Разработка уникальных дизайнов"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Backend",
"description": "Создание серверной логики"
}
}
]
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"name": "Портфолио проектов",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@type": "CreativeWork",
"name": "TeaToDo",
"description": "Веб-приложение для создания групп вкладок с различными задачами, мыслями, расписанными задачами и цитатами",
"applicationCategory": "WebApplication",
"operatingSystem": "Web"
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@type": "WebSite",
"name": "Welbex",
"description": "Веб-сайт для крупного интегратора amoCRM. Крупный лендинг состоящий из 14 блоков, хорошо оптимизированный под любые устройства",
"url": "https://frogiiinotfound.github.io/Welbex/"
}
},
{
"@type": "ListItem",
"position": 3,
"item": {
"@type": "CreativeWork",
"name": "Path Muni",
"description": "Дизайн для сайта посвященному онлайн обучению крипто валюте",
"creativeWorkStatus": "Design"
}
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Главная",
"item": "https://rumpwebstudio.com/#home"
},
{
"@type": "ListItem",
"position": 2,
"name": "О нас",
"item": "https://rumpwebstudio.com/#about"
},
{
"@type": "ListItem",
"position": 3,
"name": "Проекты",
"item": "https://rumpwebstudio.com/#portfolio"
},
{
"@type": "ListItem",
"position": 4,
"name": "Услуги",
"item": "https://rumpwebstudio.com/#services"
},
{
"@type": "ListItem",
"position": 5,
"name": "Контакты",
"item": "https://rumpwebstudio.com/#contacts"
}
]
}
</script>
</head>
<body>
<div class="wrap">
<header class="header">
<div class="header__container _container">
<div class="header__contacts">
<a href="https://t.me/rootg00se">
<div class="header__contact">
<svg
class="header__icon"
width="24"
height="22"
viewBox="0 0 24 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M23.5468 0.294343C23.1374 -0.0460991 22.4944 -0.094809 21.8296 0.166948H21.8285C21.1292 0.442077 2.03537 8.47333 1.25808 8.8014C1.11671 8.84958 -0.118014 9.30134 0.00917604 10.3077C0.122706 11.215 1.11507 11.5907 1.23625 11.6341L6.09048 13.264C6.41258 14.3153 7.59978 18.1938 7.86228 19.0224C8.02608 19.5389 8.29298 20.2176 8.76078 20.3574C9.17128 20.5126 9.57958 20.3707 9.84378 20.1673L12.8116 17.468L17.6025 21.1319L17.7166 21.1988C18.0419 21.3402 18.3536 21.4108 18.6511 21.4108C18.8809 21.4108 19.1014 21.3686 19.3121 21.2839C20.0299 20.9949 20.317 20.3242 20.347 20.2482L23.9256 2.00774C24.144 1.03355 23.8405 0.537891 23.5468 0.294343ZM10.3716 13.916L8.73408 18.1981L7.09648 12.8454L19.6511 3.74578L10.3716 13.916Z"
fill="black"
/>
</svg>
</div>
</a>
<a href="https://wa.me/79871752973">
<div class="header__contact">
<svg
class="header__icon"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M23.0605 6.90492C22.4539 5.55738 21.5832 4.34754 20.4776 3.30492C19.372 2.27213 18.0903 1.45574 16.6619 0.885246C15.1845 0.295082 13.6191 0 12.0048 0C10.3905 0 8.82503 0.295082 7.34767 0.885246C5.91923 1.45574 4.63755 2.26229 3.53197 3.30492C2.4264 4.34754 1.55565 5.55738 0.94905 6.90492C0.322886 8.30164 0 9.79672 0 11.3311C0 14.0164 0.99794 16.5934 2.82752 18.6393L1.84914 24L7.05416 21.6688C8.60979 22.3377 10.2633 22.6721 11.995 22.6721C13.6093 22.6721 15.1748 22.377 16.6521 21.7869C18.0806 21.2164 19.3622 20.4098 20.4678 19.3672C21.5734 18.3246 22.4441 17.1148 23.0507 15.7672C23.6769 14.3705 23.9998 12.8754 23.9998 11.341C24.0096 9.79672 23.6867 8.31148 23.0605 6.90492Z"
fill="black"
/>
<path
class="header__icon-addition"
d="M16.877 13.5934C16.3683 13.3377 15.9965 13.1803 15.7324 13.082C15.566 13.0229 15.1747 12.8459 15.0377 12.9541C14.6072 13.3082 14.1474 14.3115 13.6582 14.4983C12.445 14.2623 11.3198 13.4262 10.4393 12.5705C10.0479 12.1967 9.3239 11.1344 9.16736 10.8492C9.13801 10.5541 9.66636 10.1606 9.78376 9.93441C10.3904 9.24589 9.93046 8.8131 9.85226 8.52786C9.71526 8.23278 9.48045 7.70163 9.27499 7.26884C9.09888 6.9836 9.05971 6.56064 8.74663 6.40327C7.41602 5.71474 6.65292 7.09179 6.33984 7.80982C4.45156 12.3836 15.8008 21.0885 18.1098 15.0885C18.2272 14.5672 18.1783 14.3705 18.0022 14.1344C17.65 13.8885 17.239 13.7803 16.877 13.5934Z"
fill="#F4F4F4"
/>
</svg>
</div>
</a>
<a href="tel:+79871752973" onclick="copyPhone()">
<div class="header__contact">
<svg
class="header__icon"
width="23"
height="22"
viewBox="0 0 23 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2.30192 2.19969C0.401919 4.29969 0.301919 4.79969 1.40192 7.49969C3.10192 11.3997 11.4019 19.5997 15.0019 20.8997C17.4019 21.6997 18.1019 21.4997 20.0019 19.4997L22.1019 17.1997L19.0019 14.9997C16.7019 13.2997 15.6019 12.9997 14.7019 13.8997C13.1019 15.4997 6.60192 9.19969 8.10192 7.39969C8.90192 6.39969 8.60192 5.29969 7.00192 2.99969C5.80192 1.39969 4.70192 -0.000311597 4.60192 -0.000311597C4.50192 -0.000311597 3.40192 0.999688 2.30192 2.19969Z"
fill="black"
/>
</svg>
</div>
</a>
</div>
</div>
</header>
<main class="main">
<section class="home">
<div class="home__container _container">
<div class="home__content">
<div class="home__texts">
<div class="home__title-wrapper">
<h1 class="home__title animated-text">Turn your ideas into reality</h1>
<div class="home__title-gif">
<img src="images/home/shine.gif" alt="shine" loading="lazy" />
</div>
<div class="home__title-circles">
<div class="home__circle-1"></div>
<div class="home__circle-2"></div>
<div class="home__circle-3"></div>
</div>
</div>
<div class="home__button menu-link">
<p class="home__button-text">Начнем!</p>
</div>
</div>
<div class="home__images">
<div class="home__main-image">
<img src="images/home/Goose.png" alt="Goose" loading="eager" fetchpriority="high" />
</div>
<div class="home__frame-1">
<img src="images/home/frame-1.png" alt="frame-1" loading="lazy" />
</div>
<div class="home__frame-2">
<img src="images/home/frame-2.png" alt="frame-2" loading="lazy" />
</div>
<div class="home__bg">
<img src="images/home/bg.png" alt="bg" loading="lazy" />
</div>
<div class="home__sparkles">
<img src="images/home/sparkles.png" alt="sparkles" loading="lazy" />
</div>
</div>
</div>
<nav class="home__menu">
<ul class="home__list">
<li class="home__item home__item1 animated-text home__link"><p>Главная</p></li>
<li class="home__item"><p>/</p></li>
<li class="home__item home__item2 animated-text home__link"><p>О нас</p></li>
<li class="home__item"><p>/</p></li>
<li class="home__item home__item3 animated-text home__link"><p>Проекты</p></li>
<li class="home__item"><p>/</p></li>
<li class="home__item home__item4 animated-text home__link"><p>Услуги</p></li>
<li class="home__item"><p>/</p></li>
<li class="home__item home__item5 animated-text home__link"><p>Контакты</p></li>
</ul>
</nav>
</div>
</section>
<section class="about">
<div class="about__container _container">
<div class="about__info">
<div class="about__texts">
<p class="about__text">
Мы — команда разработчиков и дизайнеров. Наша специализация — создание
веб-приложений, лендингов и дизайна. Дополнительно мы занимаемся натяжкой сайтов на
Wordpress, SEO-оптимизацией и доработкой готовых проектов.
</p>
<p class="about__text">
Наш подход охватывает все этапы: создание и согласование макета, продумывание логики
работы и обеспечивание стабильной работы на стороне сервера. Мы ценим ваше время,
поэтому оперативно вносим все необходимые правки и всегда на связи.
</p>
</div>
<div class="about__content">
<div class="about__item">
<div class="about__line"></div>
<div class="about__count">
<div class="about__number">100</div>
<div class="about__subtext">Проектов</div>
</div>
</div>
<div class="about__item">
<div class="about__line"></div>
<div class="about__count">
<div class="about__number">65+</div>
<div class="about__subtext">Клиентов</div>
</div>
</div>
<div class="about__item">
<div class="about__line"></div>
<div class="about__count">
<div class="about__number">2</div>
<div class="about__subtext">Года работы</div>
</div>
</div>
<div class="about__item">
<div class="about__line"></div>
<div class="about__count">
<div class="about__number">5</div>
<div class="about__subtext">Разработчиков</div>
</div>
</div>
</div>
<div class="about__button-wrapper menu-link">
<div class="about__button">
<a href="" class="about__link">Заказать сайт</a>
</div>
</div>
</div>
<div class="about__image">
<img src="./images/about/about-image.png" alt="" loading="lazy" />
</div>
</div>
</section>
<section class="portfolio">
<div class="portfolio__container _container">
<div class="portfolio__title-wrapper title">
<div class="portfolio__title-decor title__line"></div>
<h2 class="portfolio__title-text animated-text title__text">Проекты</h2>
</div>
<div class="portfolio__content">
<div class="portfolio__cards">
<div class="portfolio__card-wrapper">
<div class="portfolio__card portfolio__card1">
<p class="portfolio__overhead">Landing</p>
<h3 class="portfolio__card-title">Unnibox</h3>
<p class="portfolio__text">
Сайт популярного бренда корейской косметики. Реализовано с множеством
слайдеров для презентации продуктов, акций и бьюти-боксов, плавные анимации
и интерактивные элементы без нагрузки на производительность.
</p>
<a href="https://frogiiinotfound.github.io/Unnibox/">
<div class="portfolio__btn">
<p class="portfolio__btn-text">Посмотреть проект</p>
<div class="portfolio__btn-img">
<svg
class="portfolio__arrow"
width="8"
height="17"
viewBox="0 0 8 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.68192 9.14012L1.53616 16.4525L-2.29844e-06 14.6247L5.37767 8.22624L-2.87254e-07 1.82777L1.53617 2.98815e-07L7.68192 7.31236C7.88559 7.55476 8 7.88348 8 8.22624C8 8.569 7.88559 8.89772 7.68192 9.14012Z"
fill="#171717"
/>
</svg>
</div>
</div>
</a>
<div class="portfolio__card-decor">
<div class="portfolio__card-decor1">
<img src="images/projects/card-upper-decor.svg" alt="decor" loading="lazy" />
</div>
<div class="portfolio__card-decor2">
<img src="images/projects/card-lower-decor.svg" alt="decor" loading="lazy" />
</div>
</div>
</div>
</div>
<div class="portfolio__card-left portfolio__card2">
<p class="portfolio__overhead portfolio__text-black">FullStack</p>
<h3 class="portfolio__card-title portfolio__text-black">TeaToDo</h3>
<p class="portfolio__text portfolio__text-black">
TeaToDo - это веб-приложение, в котором вы можете создавать свои группы вкладок,
с различными задачами, мысляли, расписанными задачами, а также цитатами. В
TeaToDo вы можете распределить все свои задачи, пометить их, а также
кастомизировать сами группы с задачами, для вашего удобства.
</p>
<a href="https://github.com/rootg00se/TeaToDo_v2">
<div class="portfolio__btn portfolio__btn-black">
<p class="portfolio__btn-text portfolio__text-white">Посмотреть проект</p>
<div class="portfolio__btn-img">
<svg
class="portfolio__arrow-white"
width="8"
height="17"
viewBox="0 0 8 17"
fill=""
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.68192 9.14012L1.53616 16.4525L-2.29844e-06 14.6247L5.37767 8.22624L-2.87254e-07 1.82777L1.53617 2.98815e-07L7.68192 7.31236C7.88559 7.55476 8 7.88348 8 8.22624C8 8.569 7.88559 8.89772 7.68192 9.14012Z"
fill="#FFFFFF"
/>
</svg>
</div>
</div>
</a>
<div class="portfolio__card-decor">
<div class="portfolio__card-decor1-black">
<img src="images/projects/card-upper-decor-black.svg" alt="decor" loading="lazy" />
</div>
<div class="portfolio__card-decor2-black">
<img src="images/projects/card-lower-decor-black.svg" alt="decor" loading="lazy" />
</div>
</div>
</div>
<div class="portfolio__card portfolio__card3">
<p class="portfolio__overhead">Design</p>
<h3 class="portfolio__card-title">Path Muni</h3>
<p class="portfolio__text">
Дизайн для сайта посвященному онлайн обучению крипто валюте. В макете
используется многообразное количество дизайнерских решений. Дизайн продуман для
удобной верстки в дальшейшем.
</p>
<a
href="https://www.figma.com/design/BqmsEoAv7wkKA7S0R7xMgA/Parth-Muni--3-?m=auto&t=4CEjiyXsXjn2x9Vm-6"
>
<div class="portfolio__btn">
<p class="portfolio__btn-text">Посмотреть проект</p>
<div class="portfolio__btn-img">
<svg
class="portfolio__arrow"
width="8"
height="17"
viewBox="0 0 8 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.68192 9.14012L1.53616 16.4525L-2.29844e-06 14.6247L5.37767 8.22624L-2.87254e-07 1.82777L1.53617 2.98815e-07L7.68192 7.31236C7.88559 7.55476 8 7.88348 8 8.22624C8 8.569 7.88559 8.89772 7.68192 9.14012Z"
fill="#171717"
/>
</svg>
</div>
</div>
</a>
<div class="portfolio__card-decor">
<div class="portfolio__card-decor1">
<img src="images/projects/card-upper-decor.svg" alt="decor" />
</div>
<div class="portfolio__card-decor2">
<img src="images/projects/card-lower-decor.svg" alt="decor" />
</div>
</div>
</div>
<div class="portfolio__card-left portfolio__card4">
<p class="portfolio__overhead portfolio__text-black">???</p>
<h3 class="portfolio__card-title portfolio__text-black">Ваш проект</h3>
<p class="portfolio__text portfolio__text-black">
Работаем с разными типами задач от обычных лендингов до многостраничников и
веб-приложений. <br />
С нами вы получите качественный продающий продукт для вашего бизнеса.
</p>
<div class="portfolio__btn portfolio__btn-black menu-link">
<p class="portfolio__btn-text portfolio__text-white">Написать нам</p>
<div class="portfolio__btn-img">
<svg
class="portfolio__arrow-white"
width="8"
height="17"
viewBox="0 0 8 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.68192 9.14012L1.53616 16.4525L-2.29844e-06 14.6247L5.37767 8.22624L-2.87254e-07 1.82777L1.53617 2.98815e-07L7.68192 7.31236C7.88559 7.55476 8 7.88348 8 8.22624C8 8.569 7.88559 8.89772 7.68192 9.14012Z"
fill="#FFFFFF"
/>
</svg>
</div>
</div>
<div class="portfolio__card-decor">
<div class="portfolio__card-decor1-black">
<img src="images/projects/card-upper-decor-black.svg" alt="decor" loading="lazy" />
</div>
<div class="portfolio__card-decor2-black">
<img src="images/projects/card-lower-decor-black.svg" alt="decor" loading="lazy" />
</div>
</div>
</div>
<div class="portfolio__scene scene-active1" data-delay="500">
<div class="viewer" id="three-js-container"></div>
</div>
</div>
</div>
</div>
</section>
<section class="services">
<div class="services__container _container">
<div class="services__title title">
<div class="title__line"></div>
<div class="title__text animated-text">Услуги</div>
</div>
<div class="services__content">
<a href="https://t.me/rootg00se" class="services__item active-item item-service" id="item-1">
<div class="item-service__icon">
<img src="./images/icons/arrow-white.svg" alt="" />
</div>
<div class="item-service__title">Web Apps</div>
<p class="item-service__text">Создание веб приложений под ключ</p>
<div class="item-service__button menu-link">
<div class="item-service__button-text">Заказать сайт</div>
<div class="item-service__arrow">
<img src="./images/icons/button-black-arrow.svg" alt="arrow" />
</div>
</div>
</a>
<a href="https://t.me/rootg00se" class="services__item item-service item-service-white" id="item-2">
<div class="item-service__icon">
<img src="./images/icons/arrow-black.svg" alt="" />
</div>
<div class="item-service__title">Landings</div>
<p class="item-service__text">Создание лендингов и сайтов-визиток</p>
<div class="item-service__button menu-link">
<div class="item-service__button-text">Заказать сайт</div>
<div class="item-service__arrow">
<img src="./images/icons/button-white-arrow.svg" alt="arrow" />
</div>
</div>
</a>
<a href="https://t.me/rootg00se" class="services__item item-service" id="item-3">
<div class="item-service__icon">
<img src="./images/icons/arrow-white.svg" alt="" />
</div>
<div class="item-service__title">Design</div>
<p class="item-service__text">Разработка уникальных дизайнов</p>
<div class="item-service__button menu-link">
<div class="item-service__button-text">Заказать сайт</div>
<div class="item-service__arrow">
<img src="./images/icons/button-black-arrow.svg" alt="arrow" />
</div>
</div>
</a>
<a href="https://t.me/rootg00se" class="services__item item-service item-service-white" id="item-4">
<div class="item-service__icon">
<img src="./images/icons/arrow-black.svg" alt="" />
</div>
<div class="item-service__title">Backend</div>
<p class="item-service__text">Создание серверной логики</p>
<div class="item-service__button menu-link">
<div class="item-service__button-text">Заказать сайт</div>
<div class="item-service__arrow">
<img src="./images/icons/button-white-arrow.svg" alt="arrow" />
</div>
</div>
</a>
</div>
</div>
</section>
<section class="contacts">
<div id="three-js-container" class="contacts__scene"></div>
<div class="contacts__container _container">
<div class="contacts__title-wrapper title">
<div class="title__line"></div>
<h2 class="animated-text title__text animated-text">Контакты</h2>
</div>
<div class="contacts__content">
<div class="contacts__message">
<h3 class="contacts__message-title">Написать на прямую</h3>
<p class="contacts__message-text">
Напишите нам - и мы бесплатно подберем лучшее решение для вашей задачи.
</p>
<div class="contacts__info">
<h3 class="contacts__info-title">Контактная информация:</h3>
<div class="contacts__items">
<div class="contacts__column">
<a href="https://t.me/rootg00se">
<div class="contacts__item">
<div class="contacts__item-icon">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M44.6727 6.70312C44.1882 6.29618 43.6021 6.02883 42.9773 5.92973C42.3524 5.83063 41.7124 5.90354 41.1258 6.14062L5.32891 20.4687C4.80709 20.6855 4.36119 21.052 4.04751 21.522C3.73382 21.9919 3.56641 22.5443 3.56641 23.1094C3.56641 23.6744 3.73382 24.2268 4.04751 24.6968C4.36119 25.1667 4.80709 25.5332 5.32891 25.75L7.64141 26.7031C8.02269 26.8644 8.4524 26.8678 8.83618 26.7125C9.21995 26.5573 9.52642 26.256 9.68829 25.875C9.76769 25.6852 9.80885 25.4817 9.8094 25.276C9.80995 25.0703 9.76988 24.8665 9.69149 24.6763C9.6131 24.4862 9.49793 24.3133 9.35258 24.1678C9.20724 24.0222 9.03459 23.9068 8.84454 23.8281L7.12579 23.125L42.2977 9.0625C42.3517 9.02934 42.4139 9.01179 42.4773 9.01179C42.5408 9.01179 42.603 9.02934 42.657 9.0625C42.708 9.1058 42.7465 9.16196 42.7685 9.22515C42.7905 9.28834 42.7952 9.35626 42.782 9.42187L36.3602 39.3906C36.3391 39.4973 36.2905 39.5967 36.2193 39.6789C36.148 39.7612 36.0566 39.8234 35.9539 39.8594C35.8532 39.8993 35.7436 39.9117 35.6365 39.8952C35.5294 39.8788 35.4286 39.834 35.3445 39.7656L22.8445 30.0156L35.0789 17.6562C35.3403 17.3851 35.4949 17.0287 35.5143 16.6526C35.5338 16.2765 35.4167 15.906 35.1847 15.6094C34.9527 15.3127 34.6214 15.1098 34.2517 15.038C33.882 14.9663 33.4988 15.0304 33.1727 15.2187L15.2352 25.8437C15.0359 25.9338 14.8578 26.0646 14.7123 26.2278C14.5668 26.391 14.4572 26.5829 14.3906 26.7912C14.3239 26.9994 14.3017 27.2193 14.3253 27.4366C14.349 27.654 14.418 27.8639 14.5279 28.0529C14.6378 28.2419 14.7861 28.4058 14.9633 28.5339C15.1404 28.6619 15.3425 28.7514 15.5565 28.7965C15.7704 28.8416 15.9914 28.8413 16.2052 28.7956C16.419 28.7499 16.6208 28.6598 16.7977 28.5312L24.3445 24.0781L20.6727 27.8125C20.3367 28.1281 20.0748 28.5141 19.9056 28.9429C19.7364 29.3716 19.6642 29.8325 19.6941 30.2924C19.7239 30.7524 19.8552 31.2 20.0784 31.6033C20.3016 32.0066 20.6113 32.3555 20.9852 32.625L33.4852 42.2344C34.1431 42.7421 34.951 43.0169 35.782 43.0156C36.2246 43.0124 36.6633 42.9331 37.0789 42.7812C37.6758 42.567 38.2076 42.203 38.6235 41.7242C39.0394 41.2454 39.3253 40.6679 39.4539 40.0469L45.8289 10.1094C45.9642 9.49013 45.9281 8.84571 45.7243 8.2455C45.5206 7.64529 45.157 7.11202 44.6727 6.70312Z"
fill="#171717"
/>
</svg>
</div>
<div class="contacts__item-content">
<p class="contacts__item-title">Телеграм</p>
<p class="contacts__item-text">@rootg00se</p>
</div>
</div>
</a>
<a href="https://t.me/rumpwebstudio">
<div class="contacts__item">
<div class="contacts__item-icon">
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3.50094 4.5C3.39838 4.5 3.29762 4.50772 3.19922 4.52261C3.57975 3.6276 4.46705 3 5.50094 3H14.5009C15.8816 3 17.0009 4.11929 17.0009 5.5V9.59971C16.6841 9.43777 16.3495 9.30564 16.0009 9.20703V5.5C16.0009 4.67157 15.3293 4 14.5009 4H5.50094C4.98773 4 4.53472 4.25774 4.26428 4.65083C4.02906 4.55363 3.77126 4.5 3.50094 4.5Z"
fill="#212121"
/>
<path
d="M9.20703 15.9995C9.30564 16.3481 9.43777 16.6827 9.59971 16.9995H5.5C4.11929 16.9995 3 15.8802 3 14.4995V8.43652C3.15981 8.47765 3.32735 8.49953 3.5 8.49953C3.67265 8.49953 3.84019 8.47765 4 8.43652V14.4995C4 15.3279 4.67157 15.9995 5.5 15.9995H9.20703Z"
fill="#212121"
/>
<path
d="M9.59971 12C9.78261 11.6422 10.0035 11.3071 10.2572 11H7.5C7.22386 11 7 11.2239 7 11.5C7 11.7761 7.22386 12 7.5 12H9.59971Z"
fill="#212121"
/>
<path
d="M3.5 5.5C3.31786 5.5 3.14709 5.5487 3 5.63378C2.7011 5.80669 2.5 6.12986 2.5 6.5C2.5 6.87014 2.7011 7.19331 3 7.36622C3.14709 7.4513 3.31786 7.5 3.5 7.5C3.68214 7.5 3.85291 7.4513 4 7.36622C4.2989 7.19331 4.5 6.87014 4.5 6.5C4.5 6.12986 4.2989 5.80669 4 5.63378C3.85291 5.5487 3.68214 5.5 3.5 5.5Z"
fill="#212121"
/>
<path
d="M7.5 8C7.22386 8 7 8.22386 7 8.5C7 8.77614 7.22386 9 7.5 9H12.5C12.7761 9 13 8.77614 13 8.5C13 8.22386 12.7761 8 12.5 8H7.5Z"
fill="#212121"
/>
<path
d="M19 14.5C19 16.9853 16.9853 19 14.5 19C12.0147 19 10 16.9853 10 14.5C10 12.0147 12.0147 10 14.5 10C16.9853 10 19 12.0147 19 14.5ZM16.5 13C16.5 11.8954 15.6046 11 14.5 11C13.3954 11 12.5 11.8954 12.5 13V14.7929L12.1465 15.1464C12.0035 15.2894 11.9607 15.5045 12.0381 15.6913C12.1155 15.8782 12.2978 16 12.5 16H16.5C16.7022 16 16.8846 15.8782 16.962 15.6913C17.0393 15.5045 16.9966 15.2894 16.8536 15.1464L16.5 14.7929V13ZM13.0854 17C13.2913 17.5826 13.8469 18 14.5 18C15.1531 18 15.7087 17.5826 15.9146 17H13.0854Z"
fill="#212121"
/>
</svg>
</div>
<div class="contacts__item-content">
<p class="contacts__item-title">Телеграм канал</p>
<p class="contacts__item-text">Rump Studio</p>
</div>
</div>
</a>
</div>
<div class="contacts__column">
<a class="phone-link" href="tel:+79871752973" onclick="copyPhone()">
<div class="contacts__item">
<div class="contacts__item-icon icon-phone">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_283_53)">
<path
d="M31.1328 7.8125C33.7831 8.52378 36.1997 9.91963 38.14 11.86C40.0804 13.8003 41.4762 16.2169 42.1875 18.8672"
stroke="#171717"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M29.5117 13.8477C31.1057 14.271 32.5594 15.1082 33.7256 16.2744C34.8918 17.4405 35.729 18.8943 36.1523 20.4883"
stroke="#171717"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M18.0664 24.3749C19.6743 27.6952 22.3591 30.3732 25.6836 31.9725C25.9288 32.0886 26.2001 32.1389 26.4706 32.1184C26.7412 32.0978 27.0017 32.0072 27.2266 31.8553L32.1094 28.5936C32.3251 28.4473 32.5744 28.358 32.834 28.3341C33.0935 28.3102 33.3549 28.3525 33.5938 28.4569L42.7344 32.3827C43.0468 32.5127 43.3078 32.7418 43.4772 33.0348C43.6466 33.3277 43.715 33.6682 43.6719 34.0038C43.3822 36.265 42.2785 38.3432 40.5673 39.8494C38.8561 41.3557 36.6547 42.1869 34.375 42.1874C27.3302 42.1874 20.5739 39.3888 15.5925 34.4074C10.611 29.426 7.8125 22.6697 7.8125 15.6249C7.81301 13.3452 8.64417 11.1438 10.1504 9.43261C11.6567 7.72142 13.7349 6.61772 15.9961 6.32801C16.3317 6.28489 16.6722 6.35331 16.9651 6.52271C17.258 6.69211 17.4872 6.9531 17.6172 7.26551L21.543 16.4257C21.6451 16.6607 21.6878 16.9173 21.6673 17.1727C21.6469 17.4282 21.5639 17.6747 21.4258 17.8905L18.1641 22.8514C18.0188 23.0758 17.9336 23.3337 17.9165 23.6004C17.8994 23.8671 17.951 24.1338 18.0664 24.3749Z"
stroke="#171717"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_283_53">
<rect width="50" height="50" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<div class="contacts__item-content">
<p class="contacts__item-title phone-text">Номер</p>
<p class="contacts__item-text">+7 (987) 175 29 73</p>
</div>
</div>
</a>
<a
class="email-link"
href="mailto:rumpwebstudio@gmail.com"
onclick="copyEmail()"
>
<div class="contacts__item">
<div class="contacts__item-icon">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M43.75 20.3125C43.3356 20.3125 42.9382 20.4771 42.6451 20.7701C42.3521 21.0632 42.1875 21.4606 42.1875 21.875V34.375C42.1875 34.7894 42.0229 35.1868 41.7299 35.4799C41.4368 35.7729 41.0394 35.9375 40.625 35.9375H9.375C8.9606 35.9375 8.56317 35.7729 8.27015 35.4799C7.97712 35.1868 7.8125 34.7894 7.8125 34.375V21.875C7.8125 21.4606 7.64788 21.0632 7.35485 20.7701C7.06183 20.4771 6.6644 20.3125 6.25 20.3125C5.8356 20.3125 5.43817 20.4771 5.14515 20.7701C4.85212 21.0632 4.6875 21.4606 4.6875 21.875V34.375C4.68859 35.6178 5.18317 36.8093 6.0625 37.6875C6.94073 38.5668 8.13222 39.0614 9.375 39.0625H40.625C41.8678 39.0614 43.0593 38.5668 43.9375 37.6875C44.8168 36.8093 45.3114 35.6178 45.3125 34.375V21.875C45.3125 21.4606 45.1479 21.0632 44.8549 20.7701C44.5618 20.4771 44.1644 20.3125 43.75 20.3125Z"
fill="#171717"
/>
<path
d="M24.0632 29.375C24.3336 29.5778 24.6626 29.6875 25.0007 29.6875C25.3387 29.6875 25.6677 29.5778 25.9382 29.375L44.3913 15.5312C44.6792 15.3142 44.8831 15.0042 44.9685 14.6539C45.054 14.3037 45.0156 13.9346 44.86 13.6094C44.6273 13.1286 44.3157 12.6903 43.9382 12.3125C43.0599 11.4332 41.8684 10.9386 40.6257 10.9375H9.37566C8.13287 10.9386 6.94139 11.4332 6.06316 12.3125C5.68559 12.6903 5.37398 13.1286 5.14128 13.6094C4.98568 13.9346 4.94735 14.3037 5.03278 14.6539C5.11822 15.0042 5.32216 15.3142 5.61003 15.5312L24.0632 29.375ZM9.37566 14.0625H40.6257C40.7706 14.0397 40.9182 14.0397 41.0632 14.0625L25.0007 26.1719L8.93815 14.0625C9.0831 14.0397 9.23071 14.0397 9.37566 14.0625Z"
fill="#171717"
/>
</svg>
</div>
<div class="contacts__item-content">
<p class="contacts__item-title email-text">Почта</p>
<p class="contacts__item-text">rumpwebstudio@gmail.com</p>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="contacts__message-button-wrapper">
<div class="contacts__message-button">
<div class="contacts__message-button-img">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M43.75 20.3125C43.3356 20.3125 42.9382 20.4771 42.6451 20.7701C42.3521 21.0632 42.1875 21.4606 42.1875 21.875V34.375C42.1875 34.7894 42.0229 35.1868 41.7299 35.4799C41.4368 35.7729 41.0394 35.9375 40.625 35.9375H9.375C8.9606 35.9375 8.56317 35.7729 8.27015 35.4799C7.97712 35.1868 7.8125 34.7894 7.8125 34.375V21.875C7.8125 21.4606 7.64788 21.0632 7.35485 20.7701C7.06183 20.4771 6.6644 20.3125 6.25 20.3125C5.8356 20.3125 5.43817 20.4771 5.14515 20.7701C4.85212 21.0632 4.6875 21.4606 4.6875 21.875V34.375C4.68859 35.6178 5.18317 36.8093 6.0625 37.6875C6.94073 38.5668 8.13222 39.0614 9.375 39.0625H40.625C41.8678 39.0614 43.0593 38.5668 43.9375 37.6875C44.8168 36.8093 45.3114 35.6178 45.3125 34.375V21.875C45.3125 21.4606 45.1479 21.0632 44.8549 20.7701C44.5618 20.4771 44.1644 20.3125 43.75 20.3125Z"
fill="white"
/>
<path
d="M24.0632 29.375C24.3336 29.5778 24.6626 29.6875 25.0007 29.6875C25.3387 29.6875 25.6677 29.5778 25.9382 29.375L44.3913 15.5312C44.6792 15.3142 44.8831 15.0042 44.9685 14.6539C45.054 14.3037 45.0156 13.9346 44.86 13.6094C44.6273 13.1286 44.3157 12.6903 43.9382 12.3125C43.0599 11.4332 41.8684 10.9386 40.6257 10.9375H9.37566C8.13287 10.9386 6.94139 11.4332 6.06316 12.3125C5.68559 12.6903 5.37398 13.1286 5.14128 13.6094C4.98568 13.9346 4.94735 14.3037 5.03278 14.6539C5.11822 15.0042 5.32216 15.3142 5.61003 15.5312L24.0632 29.375ZM9.37566 14.0625H40.6257C40.7706 14.0397 40.9182 14.0397 41.0632 14.0625L25.0007 26.1719L8.93815 14.0625C9.0831 14.0397 9.23071 14.0397 9.37566 14.0625Z"
fill="white"
/>
</svg>
</div>
<a href="https://t.me/rootg00se"
><p class="contacts__message-button-text">Написать в телеграм</p></a
>
</div>
</div>
</div>
<form action="https://api.web3forms.com/submit" method="POST" class="contacts__form">
<input type="hidden" name="access_key" value="6e225e3c-e82e-47b5-ba20-71ae050ab2a2" />
<div class="contacts__input-wrapper">
<label for="name" class="contacts__label">Ваше имя</label>
<input
name="name"
type="text"
class="contacts__input name-input"
placeholder="Александ Александров"
required
/>
<div class="input__error name-error"></div>
</div>
<div class="contacts__input-wrapper">
<label for="mail" class="contacts__label">Почта</label>
<input
name="mail"
type="email"
class="contacts__input email-input"
placeholder="yourmail@example.com"
required
/>
<div class="input__error email-error"></div>
</div>
<div class="contacts__textarea-wrapper">
<label for="message" class="contacts__label">Сообщение</label>
<textarea
name="message"
id=""
class="contacts__textarea message-input"
placeholder="Опишите вашу задачу и как с вами связаться"
required
></textarea>
<div class="input__error message-error"></div>
</div>
<button class="contacts__form-button contacts__form-button-text">
Отправить на почту
</button>
</form>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__upper-content">
<div class="footer__container _container">
<div class="footer__columns">
<div class="footer__main">
<div class="footer__logo">
<img src="images/icons/logo-small.png" alt="logo" loading="lazy" />
</div>
<div class="footer__timeline">
<p class="footer__timeline-title">График работы:</p>
<div class="footer__timeline-container">
<p class="footer__timeline-text">Пн - Пт: 07:00-22:00</p>
<p class="footer__timeline-text">Сб - Вс: 09:00-21:00</p>
</div>
</div>
<div class="footer__socials">
<a href="mailto:rumpwebstudio@gmail.com" onclick="copyEmail()">
<div class="footer__social">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_283_40)">
<path
d="M45.3462 20C44.9075 20 44.4869 20.1756 44.1767 20.4882C43.8666 20.8007 43.6923 21.2246 43.6923 21.6667V35C43.6923 35.442 43.5181 35.866 43.2079 36.1785C42.8978 36.4911 42.4771 36.6667 42.0385 36.6667H8.96154C8.52291 36.6667 8.10225 36.4911 7.79209 36.1785C7.48194 35.866 7.30769 35.442 7.30769 35V21.6667C7.30769 21.2246 7.13345 20.8007 6.82329 20.4882C6.51314 20.1756 6.09247 20 5.65385 20C5.21522 20 4.79456 20.1756 4.4844 20.4882C4.17424 20.8007 4 21.2246 4 21.6667V35C4.00116 36.3256 4.52465 37.5966 5.45538 38.5333C6.38496 39.4713 7.6461 39.9988 8.96154 40H42.0385C43.3539 39.9988 44.615 39.4713 45.5446 38.5333C46.4754 37.5966 46.9988 36.3256 47 35V21.6667C47 21.2246 46.8258 20.8007 46.5156 20.4882C46.2054 20.1756 45.7848 20 45.3462 20Z"
fill="#212121"
/>
<path
d="M24.4928 29.6667C24.7834 29.883 25.1368 30 25.5 30C25.8632 30 26.2166 29.883 26.5072 29.6667L46.332 14.9C46.6413 14.6684 46.8604 14.3378 46.9522 13.9642C47.044 13.5906 47.0028 13.1969 46.8356 12.85C46.5856 12.3372 46.2509 11.8696 45.8452 11.4667C44.9017 10.5287 43.6217 10.0012 42.2865 10H8.71351C7.37834 10.0012 6.09829 10.5287 5.15478 11.4667C4.74914 11.8696 4.41437 12.3372 4.16437 12.85C3.99721 13.1969 3.95602 13.5906 4.04781 13.9642C4.13959 14.3378 4.3587 14.6684 4.66797 14.9L24.4928 29.6667ZM8.71351 13.3333H42.2865C42.4422 13.309 42.6008 13.309 42.7565 13.3333L25.5 26.25L8.24349 13.3333C8.3992 13.309 8.5578 13.309 8.71351 13.3333Z"
fill="#212121"
/>
</g>
<defs>
<clipPath id="clip0_283_40">
<rect width="50" height="50" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</a>
<a href="https://t.me/rootg00se">
<div class="footer__social">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M44.6727 6.70312C44.1882 6.29618 43.6021 6.02883 42.9773 5.92973C42.3524 5.83063 41.7124 5.90354 41.1258 6.14062L5.32891 20.4687C4.80709 20.6855 4.36119 21.052 4.04751 21.522C3.73382 21.9919 3.56641 22.5443 3.56641 23.1094C3.56641 23.6744 3.73382 24.2268 4.04751 24.6968C4.36119 25.1667 4.80709 25.5332 5.32891 25.75L7.64141 26.7031C8.02269 26.8644 8.4524 26.8678 8.83618 26.7125C9.21995 26.5573 9.52642 26.256 9.68829 25.875C9.76769 25.6852 9.80885 25.4817 9.8094 25.276C9.80995 25.0703 9.76988 24.8665 9.69149 24.6763C9.6131 24.4862 9.49793 24.3133 9.35258 24.1678C9.20724 24.0222 9.03459 23.9068 8.84454 23.8281L7.12579 23.125L42.2977 9.0625C42.3517 9.02934 42.4139 9.01179 42.4773 9.01179C42.5408 9.01179 42.603 9.02934 42.657 9.0625C42.708 9.1058 42.7465 9.16196 42.7685 9.22515C42.7905 9.28834 42.7952 9.35626 42.782 9.42187L36.3602 39.3906C36.3391 39.4973 36.2905 39.5967 36.2193 39.6789C36.148 39.7612 36.0566 39.8234 35.9539 39.8594C35.8532 39.8993 35.7436 39.9117 35.6365 39.8952C35.5294 39.8788 35.4286 39.834 35.3445 39.7656L22.8445 30.0156L35.0789 17.6562C35.3403 17.3851 35.4949 17.0287 35.5143 16.6526C35.5338 16.2765 35.4167 15.906 35.1847 15.6094C34.9527 15.3127 34.6214 15.1098 34.2517 15.038C33.882 14.9663 33.4988 15.0304 33.1727 15.2187L15.2352 25.8437C15.0359 25.9338 14.8578 26.0646 14.7123 26.2278C14.5668 26.391 14.4572 26.5829 14.3906 26.7912C14.3239 26.9994 14.3017 27.2193 14.3253 27.4366C14.349 27.654 14.418 27.8639 14.5279 28.0529C14.6378 28.2419 14.7861 28.4058 14.9633 28.5339C15.1404 28.6619 15.3425 28.7514 15.5565 28.7965C15.7704 28.8416 15.9914 28.8413 16.2052 28.7956C16.419 28.7499 16.6208 28.6598 16.7977 28.5312L24.3445 24.0781L20.6727 27.8125C20.3367 28.1281 20.0748 28.5141 19.9056 28.9429C19.7364 29.3716 19.6642 29.8325 19.6941 30.2924C19.7239 30.7524 19.8552 31.2 20.0784 31.6033C20.3016 32.0066 20.6113 32.3555 20.9852 32.625L33.4852 42.2344C34.1431 42.7421 34.951 43.0169 35.782 43.0156C36.2246 43.0124 36.6633 42.9331 37.0789 42.7812C37.6758 42.567 38.2076 42.203 38.6235 41.7242C39.0394 41.2454 39.3253 40.6679 39.4539 40.0469L45.8289 10.1094C45.9642 9.49013 45.9281 8.84571 45.7243 8.2455C45.5206 7.64529 45.157 7.11202 44.6727 6.70312Z"
fill="#171717"
/>
</svg>
</div>
</a>
<a href="https://www.tiktok.com/@rumpwebstudio">
<div class="footer__social icon-border">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.12095 32.817C7.85561 31.0985 7.97031 28.8911 9.04025 26.682C10.9216 22.8004 15.2083 19.1623 21.3489 20.0735V26.5049C21.3489 26.5049 17.3636 25.3603 15.3264 28.3546C13.5101 31.0269 14.176 36.7242 20.0204 36.7242C25.1562 36.7242 25.0689 31.0848 25.0689 31.0848V15.1035"
stroke="#212121"
stroke-width="3"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M25.2891 10.1723V6H31.9052C31.9052 6 31.5375 14.3637 41.0007 14.993V21.3784C41.0007 21.3784 35.58 21.3784 31.9052 18.5012V31.9917C31.9052 31.9917 31.6139 42.2764 20.5113 43.502C17.7298 43.8097 14.0799 42.6919 11.3233 40.0842C10.334 39.1472 9.63954 38.198 9.13867 37.2922"
stroke="#212121"
stroke-width="3"
stroke-miterlimit="10"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
</a>
<a href="https://www.youtube.com/channel/UCT34dxG7pvZirWAD2l2W-Uw">
<div class="footer__social">
<svg
width="50"
height="50"
viewBox="0 0 50 50"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M46.8759 18.7501C46.8775 16.491 46.022 14.3154 44.4822 12.6624C42.9423 11.0094 40.8326 10.0021 38.5791 9.84385C29.5634 9.3751 20.4072 9.3751 11.4541 9.8126C7.04781 9.8126 3.12593 14.0626 3.12593 18.7501C2.67156 23.2804 2.67156 27.8448 3.12593 32.3751C3.12174 34.5716 3.98711 36.6805 5.53296 38.241C7.0788 39.8015 9.17946 40.6867 11.3759 40.7032C15.9072 40.9532 20.4488 41.0782 25.0009 41.0782C29.553 41.0782 34.0686 40.9584 38.5478 40.7189C40.7365 40.715 42.8361 39.8513 44.3939 38.3139C45.9518 36.7765 46.8431 34.6886 46.8759 32.5001C47.5158 27.9391 47.5158 23.3111 46.8759 18.7501ZM43.7509 32.2345C43.7432 32.2967 43.7432 32.3597 43.7509 32.422C43.7468 33.1127 43.6065 33.7959 43.3379 34.4323C43.0693 35.0688 42.6777 35.6459 42.1857 36.1307C41.6936 36.6155 41.1107 36.9985 40.4703 37.2576C39.83 37.5167 39.1448 37.6469 38.4541 37.6407C29.4602 38.1095 20.448 38.1095 11.4541 37.6407C10.7579 37.6347 10.0699 37.4903 9.43014 37.2159C8.79034 36.9415 8.2115 36.5426 7.72731 36.0424C7.24311 35.5422 6.86323 34.9508 6.60977 34.3024C6.35631 33.654 6.23433 32.9617 6.25093 32.2657C5.80497 27.8655 5.80497 23.4315 6.25093 19.0314C6.25796 18.9743 6.25796 18.9166 6.25093 18.8595C6.23882 17.3929 6.77282 15.9742 7.74902 14.8796C8.72521 13.785 10.0737 13.0928 11.5322 12.9376C16.0009 12.7345 20.5009 12.6407 25.0009 12.6407C29.5009 12.6407 34.0009 12.7345 38.4697 12.9376H38.5478C41.2197 12.9376 43.7509 15.8126 43.7509 18.8595C43.7432 18.9374 43.7432 19.0159 43.7509 19.0939C44.3627 23.4422 44.3627 27.8548 43.7509 32.2032V32.2345Z"
fill="#171717"
/>
<path
d="M32.4844 24.2343L21.3281 18.4843C21.1455 18.3899 20.9461 18.3325 20.7412 18.3151C20.5364 18.2978 20.3302 18.321 20.1343 18.3834C19.9384 18.4458 19.7567 18.5462 19.5997 18.6787C19.4426 18.8113 19.3131 18.9736 19.2188 19.1562C19.1244 19.3388 19.0669 19.5383 19.0496 19.7431C19.0322 19.9479 19.0554 20.1542 19.1178 20.35C19.1802 20.5459 19.2806 20.7276 19.4132 20.8847C19.5458 21.0418 19.708 21.1712 19.8906 21.2656L28.375 25.625L22.125 28.8593V25.625C22.125 25.2106 21.9604 24.8131 21.6674 24.5201C21.3743 24.2271 20.9769 24.0625 20.5625 24.0625C20.1481 24.0625 19.7507 24.2271 19.4576 24.5201C19.1646 24.8131 19 25.2106 19 25.625V31.4375C19 31.8519 19.1646 32.2493 19.4576 32.5423C19.7507 32.8353 20.1481 33 20.5625 33C20.8124 33.001 21.0589 32.942 21.2813 32.8281L32.4375 27.0156C32.6923 26.8836 32.9058 26.684 33.0546 26.4387C33.2034 26.1934 33.2818 25.9119 33.2812 25.625C33.2864 25.3428 33.215 25.0645 33.0747 24.8197C32.9344 24.5748 32.7304 24.3726 32.4844 24.2343Z"
fill="#171717"