-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 26.6 KB
/
index.html
1
<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Portfolio</title><meta name="title" content="My portfolio"><meta name="description" content="Here you can see my work and learn more about me."><!-- Primary Meta Tags --><title>My portfolio</title><meta name="title" content="My portfolio"><meta name="description" content="Here you can see my work and learn more about me."><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://metatags.io/"><meta property="og:title" content="My portfolio"><meta property="og:description" content="Here you can see my work and learn more about me."><meta property="og:image" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://metatags.io/"><meta property="twitter:title" content="My portfolio"><meta property="twitter:description" content="Here you can see my work and learn more about me."><meta property="twitter:image" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png"><!-- Favicon --><link rel="apple-touch-icon" sizes="57x57" href="icons/favicon//apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="icons/favicon//apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="icons/favicon//apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="icons/favicon//apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="icons/favicon//apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="icons/favicon//apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="icons/favicon//apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="icons/favicon//apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="icons/favicon//apple-icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="icons/favicon//android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="icons/favicon//favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="icons/favicon//favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="icons/favicon//favicon-16x16.png"><link rel="manifest" href="icons/favicon//manifest.json"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="icons/favicon//ms-icon-144x144.png"><meta name="theme-color" content="#ffffff"><link rel="stylesheet" href="css/style.min.css"></head><body><aside class="sidepanel"><a target="_blank" rel="noopener noreferrer" href="https://t.me/slobodyanuck16" class="sidepanel__link"><svg width="24px" height="24px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path id="telegram-3" d="M19,24l-14,0c-2.761,0 -5,-2.239 -5,-5l0,-14c0,-2.761 2.239,-5 5,-5l14,0c2.762,0 5,2.239 5,5l0,14c0,2.761 -2.238,5 -5,5Zm-2.744,-5.148c0.215,0.153 0.491,0.191 0.738,0.097c0.246,-0.093 0.428,-0.304 0.483,-0.56c0.579,-2.722 1.985,-9.614 2.512,-12.09c0.039,-0.187 -0.027,-0.381 -0.173,-0.506c-0.147,-0.124 -0.351,-0.16 -0.532,-0.093c-2.795,1.034 -11.404,4.264 -14.923,5.567c-0.223,0.082 -0.368,0.297 -0.361,0.533c0.008,0.235 0.167,0.44 0.395,0.509c1.578,0.471 3.65,1.128 3.65,1.128c0,0 0.967,2.924 1.472,4.41c0.063,0.187 0.21,0.334 0.402,0.384c0.193,0.05 0.397,-0.002 0.541,-0.138c0.811,-0.765 2.064,-1.948 2.064,-1.948c0,0 2.381,1.746 3.732,2.707Zm-7.34,-5.784l1.119,3.692l0.249,-2.338c0,0 4.324,-3.9 6.79,-6.124c0.072,-0.065 0.082,-0.174 0.022,-0.251c-0.06,-0.077 -0.169,-0.095 -0.251,-0.043c-2.857,1.825 -7.929,5.064 -7.929,5.064Z"/></svg> </a><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/nikita-slobodyanyuk-2478191ab/" class="sidepanel__link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg> </a><a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/slobodyanuck16/" class="sidepanel__link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg> </a><a target="_blank" rel="noopener noreferrer" href="https://github.com/kusik16" class="sidepanel__link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-4.466 19.59c-.405.078-.534-.171-.534-.384v-2.195c0-.747-.262-1.233-.55-1.481 1.782-.198 3.654-.875 3.654-3.947 0-.874-.312-1.588-.823-2.147.082-.202.356-1.016-.079-2.117 0 0-.671-.215-2.198.82-.64-.18-1.324-.267-2.004-.271-.68.003-1.364.091-2.003.269-1.528-1.035-2.2-.82-2.2-.82-.434 1.102-.16 1.915-.077 2.118-.512.56-.824 1.273-.824 2.147 0 3.064 1.867 3.751 3.645 3.954-.229.2-.436.552-.508 1.07-.457.204-1.614.557-2.328-.666 0 0-.423-.768-1.227-.825 0 0-.78-.01-.055.487 0 0 .525.246.889 1.17 0 0 .463 1.428 2.688.944v1.489c0 .211-.129.459-.528.385-3.18-1.057-5.472-4.056-5.472-7.59 0-4.419 3.582-8 8-8s8 3.581 8 8c0 3.533-2.289 6.531-5.466 7.59z"/></svg></a><div class="sidepanel__divider"></div><div class="sidepanel__text"><span>Social links</span></div></aside><div class="menu"><div class="menu__block"><div class="menu__close"><svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1568 14.5231L28.4489 3.23075C29.1837 2.49623 29.1837 1.30861 28.4489 0.574085C27.7144 -0.160437 26.5267 -0.160437 25.7922 0.574085L14.4998 11.8665L3.20781 0.574085C2.47295 -0.160437 1.28567 -0.160437 0.551149 0.574085C-0.183716 1.30861 -0.183716 2.49623 0.551149 3.23075L11.8432 14.5231L0.551149 25.8155C-0.183716 26.55 -0.183716 27.7376 0.551149 28.4721C0.917206 28.8385 1.39852 29.0226 1.87948 29.0226C2.36045 29.0226 2.84141 28.8385 3.20781 28.4721L14.4998 17.1798L25.7922 28.4721C26.1586 28.8385 26.6396 29.0226 27.1205 29.0226C27.6015 29.0226 28.0825 28.8385 28.4489 28.4721C29.1837 27.7376 29.1837 26.55 28.4489 25.8155L17.1568 14.5231Z" fill="black"/></svg></div><nav><ul class="menu__list"><li class="menu__link"><a href="#aboutme">ABOUT ME</a></li><li class="menu__link"><a href="#resume">MY EXPERIENCE</a></li><li class="menu__link"><a href="#skills">MY SKILLS</a></li><li class="menu__link"><a href="#portfolio">MY WORKS</a></li><li class="menu__link"><a href="#contacts">CONTACTS</a></li></ul></nav><div class="menu__social"><a target="_blank" rel="noopener noreferrer" href="https://t.me/slobodyanuck16"><svg width="24px" height="24px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill:#fff;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path id="telegram-3" d="M19,24l-14,0c-2.761,0 -5,-2.239 -5,-5l0,-14c0,-2.761 2.239,-5 5,-5l14,0c2.762,0 5,2.239 5,5l0,14c0,2.761 -2.238,5 -5,5Zm-2.744,-5.148c0.215,0.153 0.491,0.191 0.738,0.097c0.246,-0.093 0.428,-0.304 0.483,-0.56c0.579,-2.722 1.985,-9.614 2.512,-12.09c0.039,-0.187 -0.027,-0.381 -0.173,-0.506c-0.147,-0.124 -0.351,-0.16 -0.532,-0.093c-2.795,1.034 -11.404,4.264 -14.923,5.567c-0.223,0.082 -0.368,0.297 -0.361,0.533c0.008,0.235 0.167,0.44 0.395,0.509c1.578,0.471 3.65,1.128 3.65,1.128c0,0 0.967,2.924 1.472,4.41c0.063,0.187 0.21,0.334 0.402,0.384c0.193,0.05 0.397,-0.002 0.541,-0.138c0.811,-0.765 2.064,-1.948 2.064,-1.948c0,0 2.381,1.746 3.732,2.707Zm-7.34,-5.784l1.119,3.692l0.249,-2.338c0,0 4.324,-3.9 6.79,-6.124c0.072,-0.065 0.082,-0.174 0.022,-0.251c-0.06,-0.077 -0.169,-0.095 -0.251,-0.043c-2.857,1.825 -7.929,5.064 -7.929,5.064Z"/></svg> </a><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/nikita-slobodyanyuk-2478191ab/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:#fff;"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg> </a><a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/slobodyanuck16/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:#fff;"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg> </a><a target="_blank" rel="noopener noreferrer" href="https://github.com/kusik16"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:#fff;"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-4.466 19.59c-.405.078-.534-.171-.534-.384v-2.195c0-.747-.262-1.233-.55-1.481 1.782-.198 3.654-.875 3.654-3.947 0-.874-.312-1.588-.823-2.147.082-.202.356-1.016-.079-2.117 0 0-.671-.215-2.198.82-.64-.18-1.324-.267-2.004-.271-.68.003-1.364.091-2.003.269-1.528-1.035-2.2-.82-2.2-.82-.434 1.102-.16 1.915-.077 2.118-.512.56-.824 1.273-.824 2.147 0 3.064 1.867 3.751 3.645 3.954-.229.2-.436.552-.508 1.07-.457.204-1.614.557-2.328-.666 0 0-.423-.768-1.227-.825 0 0-.78-.01-.055.487 0 0 .525.246.889 1.17 0 0 .463 1.428 2.688.944v1.489c0 .211-.129.459-.528.385-3.18-1.057-5.472-4.056-5.472-7.59 0-4.419 3.582-8 8-8s8 3.581 8 8c0 3.533-2.289 6.531-5.466 7.59z"/></svg></a></div></div><div class="menu__overlay"></div></div><section id="up" class="promo"><div class="hamburger"><span></span> <span class="long"></span> <span></span></div><div class="container"><div class="title title_fz16 promo__subtitle">My name is Mykyta Slobodyanuck</div><h1 class="title title_fz48 promo__title">I am Front-End developer from Kyiv</h1><div class="promo__btns"><a href="#portfolio" class="promo__link btn">Portfolio</a> <a href="#aboutme" class="promo__link">About me</a></div></div></section><section id="aboutme" class="about"><div class="container"><div class="about__wrapper"><div class="about__photo"><img src="img/main-photo.jpg" alt="photo"></div><div class="about__descr"><h2 class="title title_fz16 about__title">About me</h2><div class="title title_fz36 about__subtitle">My name is Mykyta</div><div class="divider"></div><p class="about__text">I'm 24 years old. My strength is high level of concentration. I'll do whatever it takes, till I get the best possible version. I've had an experience in working for an online store where I improved the working process several times. It is also easy for me to study a problem from scratch in order to resolve an issue that I haven't previously interacted with and my former boss can prove it ;) I have a wide field of interests. My hobby is watching and playing football, I even had quite successful career as a goalkeeper for FC Chornomorets in Sevastopol, when I was younger. But my true obsession has always been about the technologies, I can proudly call myself techno geek 🤓 I'm an easy going person with constant desire to grow and learn, always in search for making my job as effective as possible and what is most importantly - I'm self driven person, which means I'm always motivated :)</p></div><div class="about__skills"><div class="about__skills-item"><div class="about__skills-circle"><img src="icons/about_me/web_development.svg" alt="web-dev"></div><div><div class="title title_fz14">Web-development</div><p class="about__skills-text">Development of responsive pages using the latest CSS technologies, Bootstrap, CSS Grid, flex-box, etc.</p></div></div><div class="about__skills-item"><div class="about__skills-circle"><img src="icons/about_me/mobile_dev.svg" alt="mobile-dev"></div><div><div class="title title_fz14">Application development</div><p class="about__skills-text">Web application development using JavaScript, React, Redux/RTK</p></div></div><div class="about__skills-item"><div class="about__skills-circle"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M22 10h-1v-2h-11v13h5v1.617c0 .524.121 1.058.502 1.383h-5.002c-.398 0-.779-.158-1.061-.439-.281-.282-.439-.663-.439-1.061v-15c0-.398.158-.779.439-1.061.282-.281.663-.439 1.061-.439h10c.398 0 .779.158 1.061.439.281.282.439.663.439 1.061v2.5zm2 2.25c0-.69-.56-1.25-1.25-1.25h-5.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h5.5c.69 0 1.25-.56 1.25-1.25v-10.5zm-15.407 11.75h-6.593l2.599-3h3.401v1.804c0 .579.337 1.09.593 1.196zm11.407-1c-.553 0-1-.448-1-1s.447-1 1-1c.552 0 .999.448.999 1s-.447 1-.999 1zm3-3v-6.024h-6v6.024h6zm-2-15h-2v-3h-17v15h6v2h-8v-19h21v5zm-.5 7h-1c-.276 0-.5.224-.5.5s.224.5.5.5h1c.275 0 .5-.224.5-.5s-.225-.5-.5-.5z"/></svg></div><div><div class="title title_fz14">Viber/Telegram bots development</div><p class="about__skills-text">Development of viber or telegram bots using Corezoid, Node-red, React, Redux/RTK</p></div></div></div></div></div></section><section id="resume" class="resume"><div class="container"><h2 class="title title_fz16 title__section-title">Experience</h2><div class="title title_fz36 title__section-subtitle">How can I be useful</div><div class="divider"></div><div class="resume__wrapper"><div class="resume__column"><h3 class="title title_fz20 resume__column-title">Education</h3><ul><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="icons/experience/university.svg" alt="university"></div><h4 class="title title_fz14">Khmelnytsky Institute of Social Technologies</h4><div class="resume__item-location">Khmelnytsky (2015-2019)</div></div></div></li><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="icons/experience/courses.svg" alt="courses"></div><h4 class="title title_fz14">Udemy</h4><div class="resume__item-location">Front-End developer courses (2022-present)</div></div></div></li><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="icons/experience/courses.svg" alt="courses"></div><h4 class="title title_fz14">Front-End</h4><div class="resume__item-location">Front-End developer courses (2019-2020)</div></div></div></li></ul></div><div class="resume__column"><h3 class="title title_fz20 resume__column-title">Work experience</h3><ul><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="icons/experience/designer.svg" alt="designer"></div><h4 class="title title_fz14">System Administrator, Content Manager</h4><div class="resume__item-location">caseshop.com.ua, Khmelnytsky (2017-2019)</div></div><p class="resume__item-body">Techstack: Adobe Photoshop, Semantics; CRM; Excel.</p></div></li><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="icons/experience/developer.svg" alt="developer"></div><h4 class="title title_fz14">Front-end Developer</h4><div class="resume__item-location">Kyiv (Feb 2020 - Sep 2020)</div></div><p class="resume__item-body">-Building pages from scratch and adding functionality<br>-Working on Scrum environment<br>-Creating apps on React with BrowserRouter including Redux<br>-Fixing Bugs<br>-Refactoring the code<br>-Techstack: React; Redux; HTML5, CSS5:Sass;<br>-JavaScript(2015+); OOP; Webpack; Babel;</p></div></li><li><div class="resume__item"><div class="resume__item-head"><div class="resume__item-icon"><img src="icons/experience/developer.svg" alt="developer"></div><h4 class="title title_fz14">Development of viber/telegram bots and business logic</h4><div class="resume__item-location">Apteka 9-1-1, Kyiv (Sep 2020 - Apr 2020)</div></div></div></li></ul></div></div></div></section><section id="skills" class="skills"><div class="container"><h2 class="title title_fz16 title__section-title">Skills</h2><div class="title title_fz36 title__section-subtitle">What do I use at work</div><div class="divider"></div><div class="skills__items"><div class="skills__item"><div class="skills__item-img"><img src="icons/skills/js.svg" alt="java script"></div><h3 class="title title_fz14">Java Script</h3></div><div class="skills__item"><div class="skills__item-img"><img src="icons/skills/html5.svg" alt="html5"></div><h3 class="title title_fz14">HTML5</h3></div><div class="skills__item"><div class="skills__item-img"><img src="icons/skills/css3.svg" alt="css3"></div><h3 class="title title_fz14">CSS3</h3></div><div class="skills__item"><div class="skills__item-img"><img src="icons/skills/react.svg" alt="React"></div><h3 class="title title_fz14">React</h3></div><div class="skills__item"><div class="skills__item-img"><img src="icons/skills/redux.svg" alt="redux"></div><h3 class="title title_fz14">Redux</h3></div></div><div class="skills__ratings"><div class="skills__ratings-item"><div class="title title_fz14 skills__ratings-title">English (intermediate)</div><div class="skills__ratings-counter">70%</div><div class="skills__ratings-line"><span></span></div></div><div class="skills__ratings-item"><div class="title title_fz14 skills__ratings-title">Work hard</div><div class="skills__ratings-counter">100%</div><div class="skills__ratings-line"><span></span></div></div><div class="skills__ratings-item"><div class="title title_fz14 skills__ratings-title">Humor</div><div class="skills__ratings-counter">99%</div><div class="skills__ratings-line"><span></span></div></div></div></div></section><section id="portfolio" class="portfolio"><div class="container"><h2 class="title title_fz16 title__section-title">Portfolio</h2><div class="title title_fz36 title__section-subtitle">My works</div><div class="divider"></div><div class="portfolio__wrapper"><a href="/uber" class="portfolio__item"><img src="img/works/uber.jpg" alt="uber"> </a><a href="/pulse" class="portfolio__item"><img src="img/works/pulse.jpeg" alt="pulse"> </a><a href="/wordpress" class="portfolio__item"><img src="img/works/wordpress.jpg" alt="test"> </a><a href="https://chipper-genie-4c415c.netlify.app/" class="portfolio__item vertical"><img src="img/works/heroes.png" alt="test"> </a><a href="https://inspiring-easley-be16f5.netlify.app/" class="portfolio__item"><img src="img/works/clinic.jpg" alt="test"> </a><a href="https://sunny-taiyaki-029b15.netlify.app/" class="portfolio__item horizonal"><img src="img/works/marvel.jpg" alt="test"> </a><a href="https://adoring-haibt-8b2887.netlify.app" class="portfolio__item"><img src="img/works/flight.png" alt="uber"> </a><a href="https://jovial-panini-71b22a.netlify.app" class="portfolio__item"><img src="img/works/calendar.png" alt="test"> </a><a href="https://angry-panini-ae56c8.netlify.app" class="portfolio__item vertical-second"><img src="img/works/cook.png" alt="test"> </a><a href="https://slobodyanuck16.github.io/MyProject_slobodyanuck16" class="portfolio__item horizonal-second"><img src="img/works/foundation.jpg" alt="test"></a></div></div></section><section id="contacts" class="contacts"><div class="container"><div class="contacts__wrapper"><div class="contacts__photo"><img src="img/main-photo2.png" alt="photo"></div><div class="contacts__descr"><h2 class="title title_fz16 contacts__title">Contacts</h2><div class="title title_fz36 contacts__subtitle">Contact with me</div><div class="divider"></div><div class="title title_fz14 contacts__text">In any way convenient for you:</div><div class="contacts__social"><a target="_blank" rel="noopener noreferrer" href="https://t.me/slobodyanuck16" class="contacts__link"><svg width="24px" height="24px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill:navy;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path id="telegram-3" d="M19,24l-14,0c-2.761,0 -5,-2.239 -5,-5l0,-14c0,-2.761 2.239,-5 5,-5l14,0c2.762,0 5,2.239 5,5l0,14c0,2.761 -2.238,5 -5,5Zm-2.744,-5.148c0.215,0.153 0.491,0.191 0.738,0.097c0.246,-0.093 0.428,-0.304 0.483,-0.56c0.579,-2.722 1.985,-9.614 2.512,-12.09c0.039,-0.187 -0.027,-0.381 -0.173,-0.506c-0.147,-0.124 -0.351,-0.16 -0.532,-0.093c-2.795,1.034 -11.404,4.264 -14.923,5.567c-0.223,0.082 -0.368,0.297 -0.361,0.533c0.008,0.235 0.167,0.44 0.395,0.509c1.578,0.471 3.65,1.128 3.65,1.128c0,0 0.967,2.924 1.472,4.41c0.063,0.187 0.21,0.334 0.402,0.384c0.193,0.05 0.397,-0.002 0.541,-0.138c0.811,-0.765 2.064,-1.948 2.064,-1.948c0,0 2.381,1.746 3.732,2.707Zm-7.34,-5.784l1.119,3.692l0.249,-2.338c0,0 4.324,-3.9 6.79,-6.124c0.072,-0.065 0.082,-0.174 0.022,-0.251c-0.06,-0.077 -0.169,-0.095 -0.251,-0.043c-2.857,1.825 -7.929,5.064 -7.929,5.064Z"/></svg> </a><a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/nikita-slobodyanyuk-2478191ab/" class="contacts__link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:navy"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg> </a><a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/slobodyanuck16/" class="contacts__link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:navy"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg> </a><a target="_blank" rel="noopener noreferrer" href="https://github.com/kusik16" class="contacts__link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill:navy"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-4.466 19.59c-.405.078-.534-.171-.534-.384v-2.195c0-.747-.262-1.233-.55-1.481 1.782-.198 3.654-.875 3.654-3.947 0-.874-.312-1.588-.823-2.147.082-.202.356-1.016-.079-2.117 0 0-.671-.215-2.198.82-.64-.18-1.324-.267-2.004-.271-.68.003-1.364.091-2.003.269-1.528-1.035-2.2-.82-2.2-.82-.434 1.102-.16 1.915-.077 2.118-.512.56-.824 1.273-.824 2.147 0 3.064 1.867 3.751 3.645 3.954-.229.2-.436.552-.508 1.07-.457.204-1.614.557-2.328-.666 0 0-.423-.768-1.227-.825 0 0-.78-.01-.055.487 0 0 .525.246.889 1.17 0 0 .463 1.428 2.688.944v1.489c0 .211-.129.459-.528.385-3.18-1.057-5.472-4.056-5.472-7.59 0-4.419 3.582-8 8-8s8 3.581 8 8c0 3.533-2.289 6.531-5.466 7.59z"/></svg></a></div><div class="title title_fz14 contacts__text">Or leave your details and I will write to you myself:</div><form action="https://app.headlessforms.cloud/api/v1/form-submission/IfoNMSj2C8" method="POST" class="contacts__form"><div class="contacts__input"><input required name="name" id="name" type="text"> <label for="name">Your name</label></div><div class="contacts__input"><input required name="email" id="email" type="email"> <label for="email">Your email</label></div><div class="contacts__textarea"><textarea name="text" id="text"></textarea> <label for="text">Your message</label></div><div class="contacts__triggers"><button class="contacts__btn btn">Send message</button><div class="contacts__policy"><input required type="checkbox"> <span>I agree with <a href="/policy.html">privacy policy</a></span></div></div></form></div></div></div></section><a class="pageup"><img src="icons/up.svg" alt="up"></a><script src="js/script.js"></script></body></html>