-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
670 lines (649 loc) · 29.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>О нас</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/main.css?v=1.0">
<link rel="" href="">
</head>
<body class="">
<header class="header open">
<div class="container">
<div class="header__content">
<div class="header__top">
<div class="header__logo"><img src="/assets/logo.svg" alt=""></div>
<div class="header__burger" id="burger">
<span></span>
<span></span>
<span></span>
</div>
<div class="header__search">
<input class="search-input" type="text" placeholder="Поиск по сайту">
</div>
<div class="header__buttons">
<a href="#" class="btn btn-secondary">
<svg>
<use xlink:href="#person-icon"/>
</svg>
Регистрация и вход
</a>
<a href="#" class="btn btn-secondary">
<svg>
<use xlink:href="#phone-icon"/>
</svg>
Заказать звонок
</a>
</div>
</div>
<div class="header__bottom">
<nav class="nav">
<ul class="menu">
<li class="menu__item menu__item--active"><a href="#" class="menu__link">О нас</a></li>
<li class="menu__item"><a href="#" class="menu__link">Юридические услуги</a></li>
<li class="menu__item"><a href="#" class="menu__link">Вебинары</a></li>
<li class="menu__item"><a href="#" class="menu__link">Курсы</a></li>
<li class="menu__item"><a href="#" class="menu__link">Статьи</a></li>
<li class="menu__item"><a href="#" class="menu__link">Партнёрство</a></li>
<li class="menu__item"><a href="#" class="menu__link">Новости</a></li>
<li class="menu__item"><a href="#" class="menu__link">СДО</a></li>
</ul>
</nav>
<div class="header__contacts">
<a href="mailto:[email protected]" class="contact-link">
<svg>
<use xlink:href="#mail-icon"/>
</svg>
</a>
<a href="tel:88003331543" class="contact-link">
<svg>
<use xlink:href="#phone-icon"/>
</svg>
8 800 333-15-43
</a>
</div>
</div>
</div>
</div>
</header>
<main>
<section class="section">
<div class="container">
<h1 class="h1-like">О нас</h1>
<div class="about">
<div class="about__col">
<div class="about-text">
Один из ведущих учебных центров России. Работаем с 2006 года, за это время обучили больше 10 000 человек по
60 образовательным программам.
<br>
<br>
Наши спикеры — профессиональная команда экспертов, специалистов и практиков, общение с которыми позволит вам
не только получить полезные знания, но и перенять многолетний опыт.
<br>
<br>
Официальный партнёр «Международного учебно-методического центра финансового мониторинга» (МУМЦФМ).
<br>
<br>
Мы предлагаем пути решения проблем с практической точки зрения, не ограничиваясь теорией и сухим
законодательством.
<br>
<br>
Обучаясь в «Grand School» вы приобретаете реальный опыт, который поможет преуспеть в работе и бизнесе.
</div>
</div>
<div class="about__col">
<div class="documents">
<div class="document">
<!-- <div class="document__image">-->
<img src="/assets/license-preview.png" alt="">
<!-- </div>-->
<a href="/assets/license.png" class="btn-follow">Лицензия в полном размере</a>
</div>
<div class="document">
<img src="/assets/mumcfm-preview.png" alt="">
<div class="btn-follow">Соглашение с МУМЦФМ</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="h2-like">Направления деятельности</h2>
<div class="link-cards">
<div class="link-card">
<div class="link-card__content">
<h3 class="h3-like">Дистанционное обучение</h3>
</div>
<a class="btn btn-primary-light">Подробнее</a>
</div>
<div class="link-card">
<div class="link-card__content">
<h3 class="h3-like">Юридическое сопровождение</h3>
</div>
<a class="btn btn-primary-light">Подробнее</a>
</div>
<div class="link-card">
<div class="link-card__content">
<h3 class="h3-like">Аттестация</h3>
</div>
<a class="btn btn-primary-light">Подробнее</a>
</div>
<div class="link-card">
<div class="link-card__content">
<h3 class="h3-like">Разработка документации</h3>
</div>
<a class="btn btn-primary-light">Подробнее</a>
</div>
<div class="link-card">
<div class="link-card__content">
<h3 class="h3-like">Вебинары</h3>
</div>
<a class="btn btn-primary-light">Подробнее</a>
</div>
<div class="link-card">
<div class="link-card__content">
<h3 class="h3-like">Лицензирование</h3>
</div>
<a class="btn btn-primary-light">Подробнее</a>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="h2-like">
Сотрудничаем любым удобным способом
</h2>
<div class="image-cards">
<div class="image-card">
<img src="/assets/request.png" alt="">
<div class="btn-follow">Онлайн-заявка</div>
</div>
<div class="image-card">
<img src="/assets/call-us.png" alt="">
<div class="btn-follow">Звонок нам</div>
</div>
<div class="image-card">
<img src="/assets/office.png" alt="">
<div class="btn-follow">Посещение офиса</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="h2-like">Наши ресурсы</h2>
<div class="link-cards">
<div class="link-card">
<div class="link-card__content">
<svg>
<use xlink:href="#tg"/>
</svg>
<h3 class="h3-like">Telegram</h3>
</div>
<a class="btn btn-primary-light">Открыть</a>
</div>
<div class="link-card">
<div class="link-card__content">
<svg>
<use xlink:href="#zen"/>
</svg>
<h3 class="h3-like">Дзен</h3>
</div>
<a class="btn btn-primary-light">Открыть</a>
</div>
<div class="link-card">
<div class="link-card__content">
<svg>
<use xlink:href="#vk"/>
</svg>
<h3 class="h3-like">ВКонтакте</h3>
</div>
<a class="btn btn-primary-light">Открыть</a>
</div>
<div class="link-card">
<div class="link-card__content">
<svg>
<use xlink:href="#yt"/>
</svg>
<h3 class="h3-like">YouTube</h3>
</div>
<a class="btn btn-primary-light">Открыть</a>
</div>
<div class="link-card">
<div class="link-card__content">
<svg>
<use xlink:href="#grand"/>
</svg>
<h3 class="h3-like">GrandClass.net</h3>
</div>
<a class="btn btn-primary-light">Открыть</a>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="h2-like">Наша команда</h2>
<div class="person-cards">
<div class="person-card">
<div class="person-card__content">
<div class="person-card__top">
<img src="/assets/Ирина%20Тумашова.jfif" alt="" class="person-card__img">
<h3 class="h3-like">Ирина Тумашова</h3>
<div class="person-card__text">Руководитель отдела консалтинга</div>
</div>
<div class="person-card__bottom">
<a href="mailto:[email protected]" class="contact-link">
<div>
<svg>
<use xlink:href="#mail-icon"/>
</svg>
</div>
<div>[email protected]</div>
</a>
<a href="tel:88003331543" class="contact-link">
<div>
<svg>
<use xlink:href="#phone-icon"/>
</svg>
</div>
<span>8 800 333-15-43 <b>доб. 478</b></span>
</a>
</div>
</div>
</div>
<div class="person-card">
<div class="person-card__content">
<div class="person-card__top">
<img src="/assets/Ирина%20Тумашова.jfif" alt="" class="person-card__img">
<h3 class="h3-like">Ирина Тумашова</h3>
<div class="person-card__text">Руководитель отдела консалтинга</div>
</div>
<div class="person-card__bottom">
<a href="mailto:[email protected]" class="contact-link">
<div>
<svg>
<use xlink:href="#mail-icon"/>
</svg>
</div>
<div>[email protected]</div>
</a>
<a href="tel:88003331543" class="contact-link">
<div>
<svg>
<use xlink:href="#phone-icon"/>
</svg>
</div>
<span>8 800 333-15-43 <b>доб. 478</b></span>
</a>
</div>
</div>
</div>
<div class="person-card">
<div class="person-card__content">
<div class="person-card__top">
<img src="/assets/Ирина%20Тумашова.jfif" alt="" class="person-card__img">
<h3 class="h3-like">Ирина Тумашова</h3>
<div class="person-card__text">Руководитель отдела консалтинга</div>
</div>
<div class="person-card__bottom">
<a href="mailto:[email protected]" class="contact-link">
<div>
<svg>
<use xlink:href="#mail-icon"/>
</svg>
</div>
<div>[email protected]</div>
</a>
<a href="tel:88003331543" class="contact-link">
<div>
<svg>
<use xlink:href="#phone-icon"/>
</svg>
</div>
<span>8 800 333-15-43 <b>доб. 478</b></span>
</a>
</div>
</div>
</div>
<div class="person-card">
<div class="person-card__content">
<div class="person-card__top">
<img src="/assets/Ирина%20Тумашова.jfif" alt="" class="person-card__img">
<h3 class="h3-like">Ирина Тумашова</h3>
<div class="person-card__text">Руководитель отдела консалтинга</div>
</div>
<div class="person-card__bottom">
<a href="mailto:[email protected]" class="contact-link">
<div>
<svg>
<use xlink:href="#mail-icon"/>
</svg>
</div>
<span>[email protected]</span>
</a>
<a href="tel:88003331543" class="contact-link">
<div>
<svg>
<use xlink:href="#phone-icon"/>
</svg>
</div>
<span>8 800 333-15-43 <b>доб. 478</b></span>
</a>
</div>
</div>
</div>
<div class="person-card">
<div class="person-card__content">
<div class="person-card__top">
<img src="/assets/Ирина%20Тумашова.jfif" alt="" class="person-card__img">
<h3 class="h3-like">Ирина Тумашова</h3>
<div class="person-card__text">Руководитель отдела консалтинга</div>
</div>
<div class="person-card__bottom">
<a href="mailto:[email protected]" class="contact-link">
<div>
<svg>
<use xlink:href="#mail-icon"/>
</svg>
</div>
<span>[email protected]</span>
</a>
<a href="tel:88003331543" class="contact-link">
<div>
<svg>
<use xlink:href="#phone-icon"/>
</svg>
</div>
<span>8 800 333-15-43 <b>доб. 478</b></span>
</a>
</div>
</div>
</div>
<div class="person-card">
<div class="person-card__content">
<div class="person-card__top">
<img src="/assets/Ирина%20Тумашова.jfif" alt="" class="person-card__img">
<h3 class="h3-like">Ирина Тумашова</h3>
<div class="person-card__text">Руководитель отдела консалтинга</div>
</div>
<div class="person-card__bottom">
<a href="mailto:[email protected]" class="contact-link">
<div>
<svg>
<use xlink:href="#mail-icon"/>
</svg>
</div>
</a>
<a href="tel:88003331543" class="contact-link">
<div>
<svg>
<use xlink:href="#phone-icon"/>
</svg>
</div>
<span>8 800 333-15-43 <b>доб. 478</b></span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="h2-like">С нами работают</h2>
</div>
<div class="logo-ticker-wrapper">
<div class="logo-ticker" id="logo-ticker">
<img src="/assets/svg/logos/Sber.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Gazprombank.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Gazprom.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Alfa.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Ural.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Tele2.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Polus.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Nornickel.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Floors.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Intraco.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Polymetal.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/KolRos.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Ural.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/rosatom.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/rostech.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Pochta.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/League.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Ozon.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Sunlight.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Guild.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Yakut.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Azot.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Magnit.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Sber.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Gazprombank.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Gazprom.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Alfa.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Ural.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Tele2.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Polus.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Nornickel.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Floors.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Intraco.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Polymetal.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/KolRos.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Ural.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/rosatom.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/rostech.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Pochta.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/League.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Ozon.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Sunlight.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Guild.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Yakut.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Azot.svg" alt="" class="logo-ticker__item">
<img src="/assets/svg/logos/Magnit.svg" alt="" class="logo-ticker__item">
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="education-info">
<div class="education-info__col">
<h2 class="h2-like">Сведения об образовательной организации</h2>
<div class="education-info__link"><a href="#" class="btn-follow">Учредительные документы</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Место нахождения, режим, график работы и
прочая контактная информация</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Структура</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Устав</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Свидетельство ОГРН</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Свидетельство ИНН</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Учредительные документы</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Порядок приема, отчисления и восстановления
обучающихся</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Положение об организации образовательного
процесса</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Учредительные документы</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Положение о контроле за санит.-эпид.
Правилами</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Учредительные документы</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Учредительные документы</a></div>
<div class="education-info__link"><a href="#" class="btn-follow">Учредительные документы</a></div>
</div>
<div class="education-info__col">
<div class="education-info__center">
<h2 class="h2-like">Работаем при поддержке</h2>
<img src="/assets/RFBank.svg" alt="">
<img src="/assets/minedu.png" alt="">
<img src="/assets/rosfinmon.png" alt="">
<img src="/assets/MUMCFM.svg" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="newsletter-subscription">
<div class="newsletter-subscription__form">
<h3 class="h3-like">Читай нашу рассылку и будь в курсе новостей и скидок</h3>
<input type="text" name="name" placeholder="Имя" class="input">
<input type="text" name="email" placeholder="Электронная почта" class="input">
<input type="submit" value="Подписаться" class="btn btn-primary-light">
</div>
<div class="newsletter-subscription__image">
<img src="/assets/chat.png" alt="">
</div>
</div>
</div>
</section>
</main>
<footer class="footer section">
<div class="container">
<div class="footer__content">
<div class="footer__col">
<h3 class="h3-like">Контакты</h3>
<div class="footer__row"><a href="tel:88003331543" class="contact-link">
<svg>
<use xlink:href="#phone-icon"/>
</svg>
<span>8 800 333-15-43</span>
</a>
<div style="margin-top: 8px;">Звонок по России бесплатный</div>
</div>
<div class="footer__row">
<a href="mailto:[email protected]" class="contact-link">
<svg>
<use xlink:href="#mail-icon"/>
</svg>
</a></div>
</div>
<div class="footer__col footer__col--center">
<div class="social">
<a href="#" class="social__btn">
<svg>
<use xlink:href="#tg"/>
</svg>
</a>
<a href="#" class="social__btn">
<svg>
<use xlink:href="#vk"/>
</svg>
</a>
<a href="#" class="social__btn">
<svg>
<use xlink:href="#zen"/>
</svg>
</a>
<a href="#" class="social__btn">
<svg>
<use xlink:href="#yt"/>
</svg>
</a>
</div>
</div>
<div class="footer__col">
<h3 class="h3-like">Центральный офис</h3>
<div class="footer__row">196084, г. Санкт-Петербург, пр. Московский, д. 97, офис 507</div>
<div class="footer__row">
<a href="#" class="btn btn-secondary">Открыть Яндекс.Карты</a>
</div>
</div>
<div class="footer__col footer__col--center">
<div>
<div class="footer__link">
<a href="#" class="btn-follow">Реквизиты</a>
</div>
<div class="footer__link">
<a href="#" class="btn-follow">Договор оферта</a>
</div>
<div class="footer__link">
<a href="#" class="btn-follow">Пользовательское соглашение</a>
</div>
<div class="footer__link">
<a href="#" class="btn-follow">Политика конфиденциальности</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<svg display="none">
<symbol id="person-icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.00873 11C3.90315 11 3 11.8869 3 13C3 14.6912 3.83281 15.9663 5.13499 16.7966C6.41697 17.614 8.14526 18 10 18C11.8547 18 13.583 17.614 14.865 16.7966C16.1672 15.9663 17 14.6912 17 13C17 11.8956 16.1045 11 15 11L5.00873 11Z"/>
<circle cx="10" cy="6" r="3"/>
</symbol>
<symbol id="phone-icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path
d="M16.9774 13.5816L16.3417 16.3377C16.2524 16.7274 15.91 17 15.5089 17C8.61065 16.9994 3 11.3888 3 4.49029C3 4.08945 3.27258 3.74658 3.66223 3.65771L6.41834 3.022C6.81973 2.92899 7.22986 3.13733 7.39665 3.51745L8.66862 6.48409C8.81731 6.83353 8.71702 7.24066 8.42309 7.48072L6.95097 8.66274C7.88007 10.5554 9.41889 12.0942 11.3121 13.0238L12.5173 11.5528C12.7549 11.2581 13.1651 11.1561 13.5145 11.3074L16.4812 12.5791C16.838 12.7668 17.0704 13.1824 16.9774 13.5816Z"/>
</symbol>
<symbol id="mail-icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path
d="M18 7.373V14.5C18 15.8807 16.8807 17 15.5 17H4.49996C3.11925 17 1.99988 15.8807 1.99988 14.5V7.373L9.74645 11.931C9.90292 12.023 10.097 12.023 10.2535 11.931L18 7.373ZM15.5 4C16.787 4 17.8469 4.9726 17.9848 6.22293L9.99996 10.9199L2.01514 6.22293C2.15299 4.9726 3.21289 4 4.49996 4H15.5Z"/>
</symbol>
<symbol id="follow-arrow-icon" width="14" height="13" viewBox="0 0 14 13"
xmlns="http://www.w3.org/2000/svg">
<path
d="M7.53072 12.473L6.21396 11.169L10.1578 7.22514H0.576172V5.32031H10.1578L6.21396 1.38281L7.53072 0.0724429L13.731 6.27273L7.53072 12.473Z"
fill="#27ACA1"/>
</symbol>
<symbol id="search-icon" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10 17C6.68629 17 4 14.3137 4 11C4 7.68629 6.68629 5 10 5C13.3137 5 16 7.68629 16 11C16 14.3137 13.3137 17 10 17Z"
stroke="#5D647D" stroke-width="1.2" stroke-linejoin="round"/>
<path d="M14.5 15.5L19 20" stroke="#5D647D" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</symbol>
<symbol id="tg" width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M43 24C43 34.4934 34.4934 43 24 43C13.5066 43 5 34.4934 5 24C5 13.5066 13.5066 5 24 5C34.4934 5 43 13.5066 43 24ZM24.6808 19.0266C22.8328 19.7952 19.1393 21.3862 13.6004 23.7994C12.701 24.157 12.2298 24.5069 12.1869 24.8491C12.1144 25.4273 12.8386 25.655 13.8246 25.965C13.9587 26.0072 14.0977 26.0509 14.2402 26.0972C15.2103 26.4126 16.5152 26.7815 17.1936 26.7962C17.809 26.8094 18.4958 26.5557 19.2541 26.0351C24.4293 22.5417 27.1007 20.776 27.2684 20.7379C27.3867 20.711 27.5507 20.6773 27.6618 20.776C27.7729 20.8748 27.762 21.0618 27.7502 21.1119C27.6785 21.4177 24.8361 24.0603 23.3652 25.4278C22.9066 25.8541 22.5814 26.1565 22.5149 26.2255C22.3659 26.3802 22.2141 26.5266 22.0682 26.6672C21.167 27.536 20.4911 28.1876 22.1056 29.2515C22.8815 29.7628 23.5024 30.1856 24.1218 30.6074C24.7982 31.0681 25.4729 31.5275 26.3458 32.0997C26.5682 32.2455 26.7806 32.397 26.9875 32.5444C27.7747 33.1057 28.4819 33.6098 29.3557 33.5294C29.8634 33.4827 30.3878 33.0053 30.6542 31.5815C31.2836 28.2166 32.5208 20.9258 32.8068 17.9215C32.8318 17.6582 32.8003 17.3214 32.775 17.1735C32.7497 17.0256 32.6968 16.8149 32.5046 16.659C32.2769 16.4742 31.9255 16.4353 31.7683 16.4381C31.0537 16.4506 29.9573 16.8319 24.6808 19.0266Z"
/>
</symbol>
<symbol id="vk" width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.5306 8.5306C6 11.0612 6 15.1341 6 23.28V24.72C6 32.8659 6 36.9388 8.5306 39.4694C11.0612 42 15.1341 42 23.28 42H24.72C32.8659 42 36.9388 42 39.4694 39.4694C42 36.9388 42 32.8659 42 24.72V23.28C42 15.1341 42 11.0612 39.4694 8.5306C36.9388 6 32.8659 6 24.72 6H23.28C15.1341 6 11.0612 6 8.5306 8.5306ZM12.0751 16.9501C12.27 26.3101 16.95 31.935 25.155 31.935H25.6201V26.58C28.6351 26.88 30.915 29.0851 31.8299 31.935H36.0901C34.9201 27.6751 31.8449 25.32 29.9249 24.42C31.8449 23.3101 34.5449 20.6101 35.1899 16.9501H31.3198C30.4798 19.9201 27.9901 22.62 25.6201 22.875V16.9501H21.75V27.33C19.35 26.7301 16.32 23.8201 16.185 16.9501H12.0751Z"
/>
</symbol>
<symbol id="yt" width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path
d="M43.1761 14.3822C42.7148 12.6689 41.3639 11.318 39.6506 10.8567C36.5205 10 23.9999 10 23.9999 10C23.9999 10 11.4794 10 8.34924 10.8237C6.66885 11.285 5.285 12.6689 4.82372 14.3822C4 17.5123 4 24.0032 4 24.0032C4 24.0032 4 30.5271 4.82372 33.6243C5.285 35.3376 6.6359 36.6885 8.34924 37.1498C11.5123 38.0065 23.9999 38.0065 23.9999 38.0065C23.9999 38.0065 36.5205 38.0065 39.6506 37.1828C41.3639 36.7215 42.7148 35.3706 43.1761 33.6572C43.9998 30.5271 43.9998 24.0362 43.9998 24.0362C43.9998 24.0362 44.0328 17.5123 43.1761 14.3822ZM20.0131 29.9999V18.0066L30.4249 24.0032L20.0131 29.9999Z"
/>
</symbol>
<symbol id="zen" width="48" height="48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M27.4714 27.4714C24.6429 30.39 24.45 34.0286 24.1929 42C31.6243 42 36.7543 41.9743 39.4029 39.4029C41.9743 36.7543 42 31.38 42 24.1929C34.0286 24.45 30.39 24.6429 27.4714 27.4714ZM23.8071 42C16.3757 42 11.2457 41.9743 8.59714 39.4029C6.02571 36.7543 6 31.38 6 24.1929C13.9714 24.45 17.61 24.6429 20.5286 27.4714C23.3571 30.39 23.55 34.0286 23.8071 42ZM20.5286 20.5286C17.61 23.3571 13.9714 23.55 6 23.8071C6 16.62 6.02571 11.2457 8.59714 8.59714C11.2457 6.02571 16.3886 6 23.8071 6C23.55 13.9714 23.3571 17.61 20.5286 20.5286ZM24.1929 6C24.4371 13.9714 24.6429 17.61 27.4714 20.5286C30.39 23.3571 34.0286 23.55 42 23.8071C42 16.62 41.9743 11.2457 39.4029 8.59714C36.7543 6.02571 31.6243 6 24.1929 6Z"
/>
</symbol>
<symbol id="grand" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6283 18.083L6.03835 23.1881L6 13.093L14.6283 18.083Z" fill="#5D647D"/>
<path d="M33.5722 7.02837L24.9056 12.0183V2L33.5722 7.02837Z" fill="#5D647D"/>
<path d="M23.9086 12.5173L15.2419 17.5457V7.52734L23.9086 12.5173Z" fill="#5D647D"/>
<path d="M23.9086 35.241L15.2419 40.231V30.1357L23.9086 35.241Z" fill="#5D647D"/>
<path d="M14.6283 29.2912L6.03835 34.358L6 24.2629L14.6283 29.2912Z" fill="#5D647D"/>
<path d="M42.6608 24.0325L34.0709 29.1376V19.0042L42.6608 24.0325Z" fill="#5D647D"/>
<path d="M33.5722 40.7299L24.9056 45.7581V35.6631L33.5722 40.7299Z" fill="#5D647D"/>
<path d="M42.7375 35.3177L34.1091 40.346V30.251L42.7375 35.3177Z" fill="#5D647D"/>
<path d="M6 23.7256L14.6283 28.7541V18.6973L6 23.7256Z" fill="#5D647D"/>
<path d="M24.7905 24.0325L33.4188 29.0993V19.0042L24.7905 24.0325Z" fill="#5D647D"/>
<path d="M34.2625 29.6754L42.929 34.7421V24.647L34.2625 29.6754Z" fill="#5D647D"/>
<path d="M15.6637 7.06668L24.2537 12.095L24.292 2.03833L15.6637 7.06668Z" fill="#5D647D"/>
<path d="M15.6637 40.7299L24.2537 45.7581L24.292 35.6631L15.6637 40.7299Z" fill="#5D647D"/>
<path d="M6 34.8957L14.6283 39.9239V29.8672L6 34.8957Z" fill="#5D647D"/>
<path d="M24.9823 35.241L33.6107 40.231V30.1357L24.9823 35.241Z" fill="#5D647D"/>
<path d="M6 12.5173L14.6283 17.5457V7.52734L6 12.5173Z" fill="#5D647D"/>
</symbol>
</svg>
<script src="/js/main.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
let ticker = document.getElementById('logo-ticker')
let count = ticker.children.length
ticker.style = "animation: " + count + "s linear 0.5s infinite marquee;"
})
</script>
</body>
</html>