-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
631 lines (603 loc) · 34.4 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
<!doctype html>
<html lang="en">
<head>
<!-- Twitter universal website tag code -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script>
!function (e, t, n, s, u, a) {
e.twq || (s = e.twq = function () {
s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
}, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src = '//static.ads-twitter.com/uwt.js',
a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a))
}(window, document, 'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init', 'o6lyq');
twq('track', 'PageView');
</script>
<!-- End Twitter universal website tag code -->
<!-- Yandex.Metrika counter -->
<script>
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
m[i].l = 1 * new Date(); k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(80088262, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true,
ecommerce: "dataLayer"
});
</script>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-MZGMKWX');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M95696KYZS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-M95696KYZS');
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700;900&family=Open+Sans:wght@400;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/reboot.css">
<link rel="stylesheet" href="css/style.css">
<title>Olia Nayda the leader of product design and exelent user experience design | olianayda.com March 2022
</title>
<meta name="description" content="Olia Nayda Product Designer, founder muteit.app. UX consultant and clean UI lover.">
<meta name="keywords" content="Olia Nayda, Olga Nayda, CDO, Designer, Chief Design Officer, UX Designer,
UX Consultant, Product Designer, UI Designer, UX/UI, muteit, mute it app, clomark
Оля Найда, Ольга Найда, UX Дизайнер, Дизайнер продукта
management, BDD, JTBD, Research, Figma, Sketch, Zeplin">
<meta property="og:site_name" content="olianayda.com">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="olianayda.com">
<meta property="og:locale:alternate" content="en_GB" />
<meta property="og:locale:alternate" content="en_FR" />
<meta property="og:locale:alternate" content="en_ES" />
<meta property="og:locale:alternate" content="en_RU" />
<meta property="og:locale:alternate" content="en_ZW" />
<meta property="og:locale:alternate" content="en_AU" />
<meta property="og:locale:alternate" content="en_CA" />
<meta property="og:locale:alternate" content="en_IE" />
<meta property="og:locale:alternate" content="en_NZ" />
<meta property="og:locale:alternate" content="en_ZA" />
<meta property="og:locale:alternate" content="en_CH" />
<meta property="og:title"
content="Olga Nayda CEO of Glocal – revolutionary SEO tool for Marketing Teams. Olga is also a Product Designer with critical thinking and analysis skills — olianayda.com 2023">
<meta property="og:description"
content="Olga Nayda – CEO Gloc.al (10 best female founded startups by Feminno) SEO/Localisation/Serverless obtainable market $15B & CBDO at Beyond Industries. Backed by In5 Dubai Tech. I'm one os the best 1000 photographers on Unsplash according to views in December 2022. I have Product Design background and was working as Web designer 3 years in design studio.">
<meta property="og:image" content="img/eyepic.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:type" content="">
<meta property="fb:app_id" content="">
<link rel="shortcut icon" href="favicon.ico">
<script>
_linkedin_partner_id = "3455252";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>
<!-- Ads LinkedIn Pixel -->
<script>
(function (l) {
if (!l) {
window.lintrk = function (a, b) { window.lintrk.q.push([a, b]) };
window.lintrk.q = []
}
var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript"; b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);
})(window.lintrk);
</script>
<script src="js/translations.js"></script>
</head>
<body>
<!-- /Yandex.Metrika counter -->
<noscript>
<div><img src="https://mc.yandex.ru/watch/80088262" style="position:absolute; left:-9999px;" alt="" /></div>
</noscript>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZGMKWX" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- /Ads LinkedIn Pixel -->
<noscript>
<img height="1" width="1" style="display:none;" alt=""
src="https://px.ads.linkedin.com/collect/?pid=3455252&fmt=gif" />
</noscript>
<div class="wrapper">
<header class="header">
<div class="container">
<div class="js-svg" data-svg="#left-eye"></div>
<nav class="navbar">
<h2 class="navbar__title text-website_menu">Website menu:</h2>
<a href="https://unicornwitnesses.com" title="Go to unicorn witnesses website" target="_blank"
class="link cta-unicorn-witnesses url-unicorn-witnesses">Unicorn Witnesses</a>
<a href="mailto:" class="link cta-olga_nayda-email_nav url-olga_nayda-email_nav">Email me</a>
<a href="https://unicornwitnesses.notion.site/lga-Nayda-5b87fc49470d43f28ac8ca15f0b87946"
class="link link__cv" title="Olga Nayda CV curriculum vitae" target="_blank">CV</a>
<a href="https://olianayda.medium.com/" title="Go to blog on medium.com"
class="link link__case js-blink url-olga_nayda-medium cta-link_blog" target="_blank">Blog</a>
<a href="/articles.html" title="Go to blog on medium.com"
class="link link__case js-blink">Article's</a>
</nav>
<a class="header__burger burger">
<div class="burger__button">
<span></span>
<span></span>
<span></span>
</div>
<!-- <div class="burger__label">Menu</div> -->
</a>
</div>
</header>
<main class="content">
<div class="container">
<div class="column-left">
<div class="main-title">
<h1 class="text-h1">Olga Nayda CEO of
<a href="https://gloc.al" target="blank">
Glocal
</a>
– revolutionary SEO tool for Marketing Teams. Product Designer with critical thinking and analysis skills">
</a>
</h1>
</div>
<section class="what-i-do">
<div class="text-block">
<div class="text-block__title">
<h2 class="text-h2-what_i_do">Shortly what I do. Actual for today</h2>
</div>
<div class="text-block__descr">
<p class="text-what_i_do1">Olga Nayda – CEO Gloc.al (10 best female founded startups by Feminno)
SEO/Localisation/Serverless obtainable market $15B & CBDO at Beyond Industries. Backed by In5 Dubai Tech.
I'm one os the best 1000 photographers on Unsplash according to views in December 2022.
I have Product Design background and was working as Web designer 3 years in design studio.">
<a href="https://t.me/olianayda" class="contact__link cta-olga_nayda-telegram url-olga_nayda-telegram"
target="blank">
Telegram
</a>
</p>
<p class="text-what_i_do2">
Olga develops a non-profit community
<a href="https://unicornwitnesses.com" class="cta-unicorn-witnesses url-unicorn-witnesses"
target="blank">
Unicorn Witnesses
</a> and founded a socially important product
<a href="https://muteit.app" class="cta-muteit-app url-muteit-app" target="blank">
Muteit app
</a>
together with a team from the community. In addition to her products, Olga is involved in
<a href="https://multy.ai" class="cta-multy-ai url-multy-ai" target="blank">
Multy.ai
</a>
development in the role of Head of Product Design.
</p>
<p class="text-what_i_do3">
What are we all about work, Olga has been doing calligraphy since 2017 (
<a href="https://www.instagram.com/artnayda/"
class="text__link cta-olga_nayda-instagram_2 url-olga_nayda-instagram_2" target="_blank">Instagram
with
calligraphy
</a>
) and
photography since 2015 (60 million photo views on her
<a href="https://unsplash.com/@olianayda"
class="text__link cta-olga_nayda-unsplash url-olga_nayda-unsplash" target="_blank">
Unsplash
</a>
account).
</p>
</div>
</div>
</section>
<section class="avatar-section">
<div class="avatar">
<picture>
<source type="image/webp" srcset="./img/[email protected] 1x, ./img/[email protected] 2x">
<img src="./img/[email protected] 1x" srcset="./img/[email protected] 2x" loading="lazy" width="296px"
height="296px" alt="Аватар Ольги Найда">
</picture>
<div class="avatar__caption text-olga_nayda-picture-caption">This is how Olia Nayda looks in 2021</div>
</div>
</section>
<section class="want-to-do">
<div class="text-block">
<div class="text-block__title">
<h2 class="text-H2-what_i_want_to_do">What I want to do</h2>
</div>
<div class="text-block__descr text-what_i_want_to_do">
Olga Nayda is moving towards WEB3, for a free Internet. She is interested in community-based product
teams and human-centered products.
</div>
</div>
</section>
<section class="work-with">
<div class="text-block">
<div class="text-block__title">
<h2 class="text-H2-who_i_work_with">Who does Olga Nayda work with</h2>
</div>
<div class="text-block__descr text-who_i_work_with">
One of the most important criteria for cooperation is the openness of companies and teams. Olga is
interested in ESG vector, WEB3 and social relevance.
</div>
<div class="text-block__descr">
<article class="text-block_sub">
<div class="text-block__title">
<h3 class="text-H3-who_i_work_with-uw">Unicorn Wintesses</h3>
</div>
<div class="text-block__descr text-block__descr_sm description text-about-uw-team">
Olia Nayda works with teams of the highest caliber and wants you to see for yourself. One example is
<a href="https://unicornwitnesses.com"
class="text__link cta-unicorn-witnesses url-unicorn-witnesses" target="blank">
Unicorn Witnesses
</a>.
Unicorn Witnesses helps people get into digital without being afraid to make mistakes. Olya Naida is
in charge of design processes within the community and has one of the key roles: CDO. The team with
Olia includes:
<a href="https://alexdolbun.com" class="cta-aleksei-dolgikh url-aleksei-dolgikh" target="blank">
Aleksei Dolgikh
</a>
– CVO, Scout VC, Digital product, tech & strategic
mastermind.
<a href="https://pavelpetrov.xyz/" class="cta-pavel-petrov url-pavel-petrov" target="blank">
Pavel Petrov
</a>
– Digital product developer,
<a href="https://evgenykhristenko.com/" class="cta-evgeny-khristenko url-evgeny-khristenko"
target="blank">
Evgeny Khristenko
</a>
– CTO, Digital products innovations architecture,
<a href="https://nikitakhristenko.com/" class="cta-nikita-khristenko url-nikita-khristenko"
target="blank">
Nikita Khristenko
</a>
– UX/UI designer, certified CBT coach.
</div>
</article>
<article class="text-block_sub">
<div class="text-block__title">
<h4 class="text-H4-points-with-uw">Olia Nayda and Unicorn Witnesses</h4>
</div>
<div class="text-block__descr text-block__descr_sm description text-points-with-uw">
<p class="description__paragraph text-points-with-uw1">
You can talk to Olga in Unicorn Witnesses’s Discord. She is there every day.<br>
<a href="https://discord.com/invite/XvPK2FGaU6"
class="description__link cta-join-discord-server-uw url-join-discord-server-uw" target="blank">
Go to Discord
</a>
</p>
<p class="description__paragraph text-points-with-uw2">
Olga Nayda tweets messages on behalf of the community with the Unicorn Witnesses team.
</p>
<a href="https://twitter.com/unicornwitness"
class="description__link cta-follow_twitter-uw url-follow_twitter-uw" target="_blank">
Read UW on Twitter
</a>
</div>
</article>
<article class="text-block_sub">
<div class="text-block__title">
<h3 class="text-H3-who_i_work_with-uw">Muteit app</h3>
</div>
<p class="text-block__descr text-block__descr_sm description text-about-muteit1">
Olya Naida is the founder of the health-tech ecosystem of health care products Muteit.app. Which
includes several products, such as
<a href="https://muteit.app" class="cta-muteit-app url-muteit-app" target="blank">Muteit app</a>,
Mutesturbate, Muteit health
</p>
<p class="text-block__descr text-block__descr_sm description text-about-muteit2">
Muteit app teaches people how to cope with anxiety so that they are not afraid to go to a public
toilet.
<a href="https://nikitakhristenko.com/" class="cta-nikita-khristenko url-nikita-khristenko"
target="blank">
Nikita Khristenko
</a>
- as a certified CBT trainer plays a key role in the development,
together Olya,
<a href="https://dribbble.com/Alyoniko" class="cta-alena-korsunova url-alena-korsunova"
target="blank">
Alena Korsunova
</a>
and
<a href="https://www.behance.net/yuliapredeina1" class="cta-yulia-predeina url-yulia-predeina"
target="blank">
Yulia Predeina
</a>
- have designed the marketing strategy and
develop the brand style.
</p>
</article>
<article class="text-block_sub">
<div class="text-block__title">
<h3 class="text-H3-who_i_work_with-multy">Malti is a brand new social media automation for business
</h3>
</div>
<div class="text-block__descr description">
<p class="text-who_i_work_with-multy1">
Olga Nayda at
<a href="https://multy.ai/" class="cta-multy-ai url-multy-ai" target="blank">
Multy.ai
</a>
as director of product design. Malty founded
<a href="https://autopilot.pro/" class="cta-oleksandr-moiseyuk url-oleksandr-moiseyuk"
target="blank">
Oleksandr Moiseyuk
</a>
thanks to his team including marketer Kir Maslov Autopilot became Malty: from a tool for the
enlightened
turned into a convenient automation and gamification service.
</p>
<p class="who_i_work_with-multy2">
Olga has been in the product since the beginning of Malti's journey, when it was still Autopilot
2.0. During this time she conducted and molded research, user problems. Together with the team
tested several prototypes and created the UI concept of the service.
</p>
<p class="who_i_work_with-multy3">
Olia's team includes a designer
<a href="https://sindibaid.pb.design/" class="ctaanastasia-pliskina url-anastasia-pliskina"
target="blank">
Anastasia Pliskina
</a>. The team tests and implements new
functionality, maintains the component library, and collects feedback from users
</p>
</div>
</article>
</div>
</div>
</section>
</div>
<div class="column-right">
<div class="main-right-eye">
<div class="js-svg" data-svg="#right-eye"></div>
</div>
<div class="contact-block hide">
<a class="contact-block__button hide">Contact</a>
<div class="contact-block__title">
<h2 class="text-H2-contact-me">Contact me</h2>
</div>
<div class="contact-block__descr">
<p>
<span class="contact__label text-email-text">
Email:
</span>
<a href="mailto:[email protected]" class="contact__link url-gmail cta-gmail" target="_blank">
</a>
</p>
<p>
<span class="contact__label text-mobile-text">
Mobile:
</span>
<a href="tel:+79002326658" class="contact__link contact__link_phone cta-phone url-phone">
+7 900 232-66-58
</a>
<br>
<a href="https://t.me/olianayda" class="contact__link cta-olga_nayda-telegram1 url-olga_nayda-telegram1"
target="_blank">Telegram</a>
<a href="skype:olianayda" class="contact__link cta-olga_nayda-skype url-olga_nayda-skype"
target="_blank">Skype</a>
<a href="https://wa.me/79002326658"
class="contact__link cta-olga_nayda-whatsapp url-olga_nayda-whatsapp" target="_blank">What’sApp</a>
</p>
<p>
<span class="contact__label text-v-card">
V-card with my full data
</span>
<a href="files/electronic_business_card.vcf" class="contact__link cta-v-card media-v-card">
Download V-card and add Olia Nayda to contacts
</a>
</p>
</div>
</div>
<div class="text-block_sub follow-block">
<div class="text-block__title">
<h3 class="text-want-to-follow">Want to follow?</h3>
</div>
<div class="text-block__descr text-block__descr_sm description text-what_i_do">
<a href="#footer" class="follow__link text-scroll-down">Scroll down to my socials</a>
<span>👇</span>
</div>
</div>
</div>
</div>
</main>
<footer class="footer" id="footer">
<div class="container">
<nav class="footer__nav">
<div class="contact-block">
<div class="contact-block__title">
<h2 class="text-H2-contact-me">Contact me</h2>
</div>
<div class="contact-block__descr">
<p>
<span class="contact__label text-email-text">
Email:
</span>
<a href="mailto:[email protected]" class="contact__link url-gmail cta-gmail" target="_blank">
</a>
</p>
<p>
<span class="contact__label text-mobile-text">
Mobile:
</span>
<a href="tel:+79002326658" class="contact__link_phone" target="_blank">
+7 900 232-66-58
</a>
<a href="https://t.me/olianayda" class="contact__link cta-olga_nayda-telegram1 url-olga_nayda-telegram1"
target="_blank">Telegram</a>
<a href="https://join.skype.com/invite/ohnFjv7hlddL"
class="contact__link cta-olga_nayda-skype url-olga_nayda-skype" target="_blank">Skype</a>
<a href="https://wa.me/79002326658"
class="contact__link cta-olga_nayda-whatsapp url-olga_nayda-whatsapp" target="_blank">What’sApp</a>
</p>
<p>
<span class="contact__label text-v-card">
V-card with my full data
</span>
<a href="#" class="contact__link cta-v-card media-v-card" target="_blank">
Download V-card and add Olia Nayda to contacts
</a>
</p>
</div>
</div>
<div class="chat-block">
<div class="chat-block__title">
<h2 class="text-find-me">
You may find me everywhere you need by:
<span class="chat-block__title_link">@olianayda</span>
</h2>
</div>
<h3 class="chat-block__subtitle text-chat">Chat with me</h3>
<div class="chat-block__links">
<a href="https://t.me/olianayda" class="chat-block__link cta-olga_nayda-telegram url-olga_nayda-telegram"
target="_blank">Write me in
Telegram</a>
<a href="https://join.skype.com/invite/ohnFjv7hlddL"
class="chat-block__link cta-olga_nayda-skype url-olga_nayda-skype" target="_blank">Skype</a>
<a href="https://wa.me/79002326658"
class="chat-block__link cta-olga_nayda-whatsapp url-olga_nayda-whatsapp" target="_blank">What'sApp</a>
</div>
</div>
<div class="subscribe-block">
<div class="subscribe-block__title">
<h3 class="text-subscribe">Subscribe or become friends:</h3>
</div>
<div class="subscribe-block__links">
<a href="https://www.linkedin.com/in/olianayda/"
class="subscribe__link cta-olga_nayda-linkedin url-olga_nayda-linkedin" target="_blank">Linked In</a>
<a href="https://www.facebook.com/nyannayda"
class="subscribe__link cta-olga_nayda-facebook url-olga_nayda-facebook" target="_blank">Facebook</a>
<a href="https://twitter.com/olianayda"
class="subscribe__link cta-olga_nayda-twitter url-olga_nayda-twitter" target="_blank">Twitter</a>
<a href="https://t.me/naydaspeaks"
class="subscribe__link cta-olga_nayda-telegram_channel url-olga_nayda-telegram_channel"
target="_blank">My
Telegram channel (in rus)</a>
<a href="https://www.instagram.com/olianayda/"
class="subscribe__link cta-olga_nayda-instagram url-olga_nayda-instagram" target="_blank">Instagram with
photos</a>
<a href="https://www.instagram.com/artnayda/"
class="subscribe__link cta-olga_nayda-instagram_2 url-olga_nayda-instagram_2" target="_blank">Instagram
with
calligraphy</a>
<a href="https://www.pinterest.ru/olianayda"
class="subscribe__link cta-olga_nayda-pinterest url-olga_nayda-pinterest" target="_blank">Pinterest</a>
<a href="https://unsplash.com/@olianayda"
class="subscribe__link cta-olga_nayda-unsplash url-olga_nayda-unsplash" target="_blank">Unsplash</a>
<a href="https://medium.com/@olianayda"
class="subscribe__link cta-olga_nayda-medium url-olga_nayda-medium" target="_blank">Medium</a>
<a href="https://dribbble.com/olianayda"
class="subscribe__link url-olga_nayda-dribbble cta-olga_nayda-dribbble" target="_blank">Dribbble</a>
<a href="https://www.behance.net/olianayda"
class="subscribe__link cta-olga_nayda-behance url-olga_nayda-behance" target="_blank">Behance</a>
<a href="https://vk.com/olianayda" class="subscribe__link cta-olga_nayda-vk url-olga_nayda-vk"
target="_blank">VK</a>
<a href="" class="subscribe__link cta-olga_nayda-odnoklassniki url-olga_nayda-odnoklassniki"
target="_blank">Odnoklassniki</a>
<a href="https://github.com/Olianayda" class="subscribe__link cta-olga_nayda-github url-olga_nayda-github"
target="_blank">Github</a>
</div>
</div>
</nav>
<a href="#" class="logo">
<img src="./img/logo.svg" alt="Логотип Unicorn Witnesses">
</a>
</div>
</footer>
</div>
<div class="hidden">
<svg id="contacts-arr" width="97" height="76" viewBox="0 0 97 76" fill="none">
<path
d="M0.979998 38.354L38.5 0.833996L38.5 21.336L96.522 21.336L96.522 55.372L38.5 55.372L38.5 75.874L0.979998 38.354ZM6.742 38.354L34.48 66.092L34.48 51.352L92.502 51.352L92.502 25.356L34.48 25.356L34.48 10.616L6.742 38.354Z"
fill="var(--text-color)" />
</svg>
<svg id="left-eye" class="eye" viewBox="0 0 313 143" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M78.4258 134.881C46.0234 124.726 19.3525 108.572 4.39538 96.47L17.6046 80.1447C30.6089 90.6667 54.9493 105.516 84.7063 114.842C114.417 124.154 148.746 127.726 182.345 116.86C219.384 104.882 247.267 100.843 267.358 100.897C277.402 100.924 285.64 101.974 292.166 103.653C298.486 105.279 303.93 107.682 307.695 110.96L293.906 126.799C293.583 126.518 291.649 125.204 286.934 123.991C282.425 122.831 275.972 121.92 267.302 121.897C249.963 121.85 224.323 125.356 188.807 136.841C149.853 149.439 110.875 145.051 78.4258 134.881Z"
fill="var(--eye-shadow-color)" />
<path class="eye-eyelid"
d="M176 119.473C109.6 135.073 43.6667 97.64 19 76.9733C19 70.4733 23.4 54.8733 41 44.4733C63 31.4733 122.5 13.9733 176 24.9733C218.8 33.7733 241.833 66.9733 248 82.4733L293.5 106.473C284.167 102.473 262 94.2733 248 93.4733C230.5 92.4733 259 99.9733 176 119.473Z"
fill="#fff" stroke="black" stroke-width="8" />
<g class="eye-opened">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M208.71 -2.30287L188.21 29.6971L179.79 24.3029L200.29 -7.69714L208.71 -2.30287Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M119 -16V22H109V-16H119Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M166.312 -15.6427L155.312 23.3573L145.688 20.6427L156.688 -18.3573L166.312 -15.6427Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M74.9368 -10.7924L81.4368 29.7076L71.5632 31.2923L65.0632 -9.2077L74.9368 -10.7924Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M31.4975 4.31549L48.4975 39.3155L39.5024 43.6845L22.5024 8.68453L31.4975 4.31549Z" fill="black" />
<g class="eye-ball" data-eye="left">
<g class="eye-pupil">
<path
d="M175.5 78.9142C175.5 90.5121 165.426 99.9142 153 99.9142C140.573 99.9142 130.5 90.5121 130.5 78.9142C130.5 67.3162 140.573 57.9142 153 57.9142C165.426 57.9142 175.5 67.3162 175.5 78.9142Z"
fill="#27AE60" />
<path
d="M160.5 77.9142C160.5 81.7801 157.142 84.9142 153 84.9142C148.857 84.9142 145.5 81.7801 145.5 77.9142C145.5 74.0482 148.857 70.9142 153 70.9142C157.142 70.9142 160.5 74.0482 160.5 77.9142Z"
fill="#070707" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M184.096 84.3277C183.833 89.639 181.899 94.9757 177.276 98.1762C171.428 102.225 163.23 105.298 154.449 105.049C145.53 104.797 136.202 101.112 128.45 91.9754C122.057 84.4407 120.102 75.1602 123.995 66.9168C127.825 58.8085 136.778 52.8408 149.777 50.4533C164.443 47.7595 175.264 57.3299 180.404 67.8143C182.998 73.1067 184.361 78.9805 184.096 84.3277ZM173.22 71.3356C168.985 62.695 161.056 56.5154 151.222 58.3216C139.721 60.4341 133.575 65.3664 131.229 70.3331C128.947 75.1647 129.743 81.1342 134.55 86.7995C140.797 94.1629 147.97 96.8627 154.675 97.0525C161.519 97.2462 168.071 94.8192 172.723 91.5987C174.6 90.2992 175.916 87.7609 176.106 83.9316C176.294 80.1381 175.314 75.6057 173.22 71.3356Z"
fill="black" />
</g>
</g>
</g>
</svg>
<svg id="right-eye" class="eye" width="320" height="212" viewBox="0 0 400 212" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M81.3141 141.932L57.7093 137.846L61.2907 117.154L89.7011 122.071L91.679 123.511C104.594 132.911 125.726 147.128 146.934 159.092C157.541 165.076 167.995 170.399 177.342 174.269C186.917 178.234 194.436 180.292 199.456 180.51C215.451 181.205 239.476 178.275 263.937 173.68C288.237 169.116 312.002 163.098 327.18 158.039L333.82 177.961C317.498 183.402 292.763 189.634 267.813 194.32C243.024 198.975 217.049 202.295 198.544 201.49C189.764 201.108 179.488 197.887 169.308 193.671C158.901 189.362 147.643 183.603 136.616 177.383C115.618 165.537 94.838 151.663 81.3141 141.932Z"
fill="var(--eye-shadow-color)" />
<path class="eye-eyelid"
d="M91.5 127.5L64 115L83 102.5C82.1667 94.3333 103.5 75 195.5 63C287.5 51 326.833 122.667 335 160C322.167 165.833 284.8 178 238 180C191.2 182 120.833 145.833 91.5 127.5Z"
fill="#fff" stroke="black" stroke-width="8" />
<g class="eye-opened">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M173.488 14.661L176.988 66.161L167.012 66.839L163.512 15.339L173.488 14.661Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M209 13V62H199V13H209Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M249.366 19.6482L238.866 64.1482L229.134 61.8518L239.634 17.3518L249.366 19.6482Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M292.676 33.7491L266.676 73.2491L258.324 67.7509L284.324 28.2509L292.676 33.7491Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M325.407 64.1595L296.407 91.1595L289.593 83.8405L318.593 56.8405L325.407 64.1595Z" fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M123.121 35.0901L138.621 72.5901L129.379 76.41L113.879 38.9099L123.121 35.0901Z" fill="black" />
<g class="eye-ball" data-eye="right">
<g class="eye-pupil">
<path
d="M245 119C245 136.673 230.673 151 213 151C195.327 151 181 136.673 181 119C181 101.327 195.327 87 213 87C230.673 87 245 101.327 245 119Z"
fill="#27AE60" />
<path
d="M219 116C219 119.866 215.866 123 212 123C208.134 123 205 119.866 205 116C205 112.134 208.134 109 212 109C215.866 109 219 112.134 219 116Z"
fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M211.25 88H211.462C224.908 88 234.341 97.5778 239.098 107.963C241.504 113.215 242.857 118.926 242.989 124.259C243.12 129.534 242.057 134.818 239.193 138.851C234.326 145.706 225.447 146.518 218.146 145.772C210.534 144.995 202.77 142.365 197.906 140.186L197.7 140.093L197.505 139.978C193.992 137.9 189.028 133.996 185.29 128.829C181.543 123.651 178.713 116.73 180.597 108.992C182.488 101.223 188.445 96.1925 194.341 93.0974C200.273 89.984 206.771 88.4773 211.039 88.0225L211.25 88ZM211.672 96.0011C208.193 96.3998 202.831 97.6761 198.06 100.181C193.154 102.756 189.49 106.282 188.37 110.884C187.242 115.516 188.804 120.039 191.771 124.139C194.678 128.157 198.632 131.313 201.388 132.979C205.737 134.903 212.538 137.158 218.959 137.814C225.796 138.512 230.51 137.262 232.67 134.22C234.199 132.068 235.097 128.692 234.992 124.457C234.888 120.28 233.811 115.63 231.825 111.295C227.829 102.572 220.715 96.0999 211.672 96.0011Z"
fill="black" />
</g>
</g>
</g>
</svg>
</div>
<script src="js/main.js"></script>
</body>
</html>