-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (69 loc) · 29.5 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
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><!-- For google search --><title>Portfolio - Arkadi Koifman</title><meta name="title" content="Portfolio - Arkadi Koifman"><meta name="description" content="My name is Arkadi Koifman. It is my portfolio that includes my works."><!-- For facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://metatags.io/"><meta property="og:title" content="Portfolio - Arkadi Koifman"><meta property="og:description" content="My name is Arkadi Koifman. It is my portfolio that includes my works."><meta property="og:image" content="img/desktop/bg/promo.jpg"><link rel="apple-touch-icon" sizes="180x180" href="#"><link rel="icon" type="image/png" sizes="32x32" href="#"><link rel="icon" type="image/png" sizes="16x16" href="#"><link rel="manifest" href="icons/favicon/orange/site.webmanifest"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"><link rel="stylesheet" href="css/style.min.css"></head><body><aside class="social-networks"><div class="social-networks__icons"><a href="https://www.facebook.com/ArkadiK94" class="social-networks__icon" target="_blank" rel="noopener" aria-label="Facebook"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-7.46167e-07 3.48001L-1.28061e-07 17.5972C-5.74539e-08 19.2098 1.31439 20.522 2.92969 20.522L17.0703 20.522C18.6856 20.522 20 19.2098 20 17.5972L20 11.7085L12.9297 11.7085L12.9297 14.0484L9.41406 14.0484L9.41406 11.7085L7.03125 11.7085C5.09262 11.7085 3.51562 10.1341 3.51562 8.19873L3.51562 4.64994L7.03125 4.64994L7.03125 8.19873L9.41406 8.19873L9.41406 4.64994L12.9297 5.23491L12.9297 8.19873L20 8.19873L20 3.48001C20 1.86739 18.6856 0.555183 17.0703 0.555183L2.92969 0.555183C1.31439 0.555183 -8.16774e-07 1.8674 -7.46167e-07 3.48001Z" fill="white"/></svg> </a><a href="https://www.instagram.com/KoifmanArkadi" class="social-networks__icon" target="_blank" rel="noopener" aria-label="Instagram"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-6.01032e-07 6.73674L-2.73196e-07 14.2243C-1.22337e-07 17.6698 2.79875 20.4639 6.25 20.4639L13.75 20.4639C17.2013 20.4639 20 17.6698 20 14.2243L20 6.73674C20 3.29122 17.2012 0.497108 13.75 0.497108L6.25 0.497108C2.79875 0.497108 -7.51891e-07 3.29122 -6.01032e-07 6.73674ZM13.75 2.369C16.1625 2.369 18.125 4.32824 18.125 6.73674L18.125 14.2243C18.125 16.6328 16.1625 18.592 13.75 18.592L6.25 18.592C3.8375 18.592 1.875 16.6328 1.875 14.2243L1.875 6.73674C1.875 4.32824 3.8375 2.369 6.25 2.369L13.75 2.369Z" fill="white"/><path d="M5 10.4796C5 13.2363 7.23875 15.4713 10 15.4713C12.7613 15.4713 15 13.2363 15 10.4796C15 7.72294 12.7612 5.48791 10 5.48791C7.23875 5.48791 5 7.72294 5 10.4796ZM13.125 10.4796C13.125 12.1993 11.7225 13.5994 10 13.5994C8.27625 13.5994 6.875 12.1993 6.875 10.4796C6.875 8.75997 8.27625 7.3598 10 7.3598C11.7225 7.3598 13.125 8.75997 13.125 10.4796Z" fill="white"/><path d="M5.29123 5.1137C5.29123 4.74596 4.99295 4.44784 4.62499 4.44784C4.25703 4.44784 3.95874 4.74596 3.95874 5.1137C3.95874 5.48145 4.25703 5.77956 4.62499 5.77956C4.99295 5.77956 5.29123 5.48145 5.29123 5.1137Z" fill="white"/></svg> </a><a href="https://github.com/Arkadik94" class="social-networks__icon" target="_blank" rel="noopener" aria-label="GitHub"><svg width="19" height="21" viewBox="0 0 19 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-4.37114e-07 10.4224C-1.95608e-07 15.9383 4.36167 20.4059 9.74107 20.4059C14.0457 20.4059 17.6962 17.5456 18.9832 13.5797C19.0749 13.0805 18.7734 12.8975 18.5148 12.8975C18.2835 12.8975 17.6706 12.9058 16.8585 12.91C17.4459 15.687 15.5517 16.2727 15.5517 16.2727C14.4274 16.727 14.1267 17.3834 14.1267 17.3834C13.5228 18.2877 13.5352 17.3135 13.5352 17.3135C13.603 16.311 14.5389 15.7844 14.5389 15.7844C16.0283 14.8942 15.5979 13.4474 15.3493 12.8767C14.719 12.7868 14.2903 12.5298 14.0466 12.2444C13.8029 14.4616 12.9652 16.7919 9.23304 16.7919C8.16988 16.7919 7.30085 16.405 6.61933 15.7644C6.37316 15.8767 5.3827 16.2137 4.04116 15.677C4.04116 15.677 3.78012 14.8409 5.03988 12.9316C4.82345 12.1329 4.71606 11.2843 4.7111 10.4358C4.71606 9.58716 4.82345 8.73857 5.03988 7.9399C3.78012 6.04305 4.04116 5.20694 4.04116 5.20694C5.3827 4.67034 6.37316 5.00728 6.61933 5.10711C7.30085 4.47067 8.16988 4.08381 9.23304 4.08381C12.9752 4.08381 13.7987 6.41743 14.0383 8.63874C14.3307 8.28932 14.928 7.96486 15.8408 7.96486C17.1444 7.96486 18.1918 7.97734 18.5082 7.97734C18.7635 7.97734 19.0683 7.80263 18.9708 7.29098C17.692 3.29678 14.0391 0.439033 9.74107 0.439033C4.36167 0.439033 -6.7851e-07 4.90911 -4.37114e-07 10.4224Z" fill="white"/></svg></a></div><span></span><div class="title title_fz18 social-networks__title title_white">Social networks</div></aside><section class="promo"><div class="menu"><div class="menu-hamburger"><span class="menu-hamburger__line"></span> <span class="menu-hamburger__line menu-hamburger__line_longer"></span> <span class="menu-hamburger__line"></span></div><div class="menu-slide"><div class="menu-slide__close">⛌</div><ul class="menu-slide__links"><li class="menu-slide__link"><a href="#about-me">ABOUT MYSELF</a></li><li class="menu-slide__link"><a href="#experience">EXPERIENCE</a></li><li class="menu-slide__link"><a href="#skills">SKILLS</a></li><!-- <li class="menu-slide__link"><a href="#portfolio">PORTFOLIO</a></li> --><li class="menu-slide__link"><a href="#contact-me">CONTACT ME</a></li></ul><div class="menu-slide__change-colors-title">Choose Site Color</div><ul class="menu-slide__change-colors"><li><span class="menu-slide__change-color" id="red-color"></span></li><li><span class="menu-slide__change-color" id="blue-color"></span></li><li><span class="menu-slide__change-color" id="purple-color"></span></li><li><span class="menu-slide__change-color" id="yellow-color"></span></li><li><span class="menu-slide__change-color" id="orange-color"></span></li><li><span class="menu-slide__change-color" id="green-color"></span></li></ul><div class="menu-slide__social-networks"><a href="https://github.com/Arkadik94" target="_blank" rel="noopener" aria-label="GitHub"><svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.475 0 0 4.36167 0 9.74107C0 14.0457 2.865 17.6962 6.8375 18.9832C7.3375 19.0749 7.52083 18.7734 7.52083 18.5148C7.52083 18.2835 7.5125 17.6706 7.50833 16.8585C4.72667 17.4459 4.14 15.5517 4.14 15.5517C3.685 14.4274 3.0275 14.1267 3.0275 14.1267C2.12167 13.5228 3.0975 13.5352 3.0975 13.5352C4.10167 13.603 4.62917 14.5389 4.62917 14.5389C5.52083 16.0283 6.97 15.5979 7.54167 15.3493C7.63167 14.719 7.88917 14.2903 8.175 14.0466C5.95417 13.8029 3.62 12.9652 3.62 9.23304C3.62 8.16988 4.0075 7.30085 4.64917 6.61934C4.53667 6.37317 4.19917 5.3827 4.73667 4.04116C4.73667 4.04116 5.57417 3.78012 7.48667 5.03988C8.28667 4.82345 9.13667 4.71606 9.98667 4.7111C10.8367 4.71606 11.6867 4.82345 12.4867 5.03988C14.3867 3.78012 15.2242 4.04116 15.2242 4.04116C15.7617 5.3827 15.4242 6.37317 15.3242 6.61934C15.9617 7.30085 16.3492 8.16988 16.3492 9.23304C16.3492 12.9752 14.0117 13.7987 11.7867 14.0383C12.1367 14.3307 12.4617 14.928 12.4617 15.8408C12.4617 17.1444 12.4492 18.1918 12.4492 18.5082C12.4492 18.7635 12.6242 19.0683 13.1367 18.9708C17.1375 17.692 20 14.0391 20 9.74107C20 4.36167 15.5225 0 10 0Z" fill="#212121"/></svg> </a><a href="https://www.instagram.com/KoifmanArkadi" target="_blank" rel="noopener" aria-label="Instagram"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7495 0L6.24951 0C2.79826 0 -0.000488281 2.79875 -0.000488281 6.25L-0.000488281 13.75C-0.000488281 17.2013 2.79826 20 6.24951 20L13.7495 20C17.2008 20 19.9995 17.2013 19.9995 13.75L19.9995 6.25C19.9995 2.79875 17.2008 0 13.7495 0ZM18.1245 13.75C18.1245 16.1625 16.162 18.125 13.7495 18.125L6.24951 18.125C3.83701 18.125 1.87451 16.1625 1.87451 13.75L1.87451 6.25C1.87451 3.8375 3.83701 1.875 6.24951 1.875L13.7495 1.875C16.162 1.875 18.1245 3.8375 18.1245 6.25L18.1245 13.75Z" fill="black"/><path d="M9.99951 5C7.23826 5 4.99951 7.23875 4.99951 10C4.99951 12.7613 7.23826 15 9.99951 15C12.7608 15 14.9995 12.7613 14.9995 10C14.9995 7.23875 12.7608 5 9.99951 5ZM9.99951 13.125C8.27701 13.125 6.87451 11.7225 6.87451 10C6.87451 8.27625 8.27701 6.875 9.99951 6.875C11.722 6.875 13.1245 8.27625 13.1245 10C13.1245 11.7225 11.722 13.125 9.99951 13.125Z" fill="black"/><path d="M15.3745 5.29123C15.7425 5.29123 16.0408 4.99295 16.0408 4.62499C16.0408 4.25703 15.7425 3.95874 15.3745 3.95874C15.0065 3.95874 14.7083 4.25703 14.7083 4.62499C14.7083 4.99295 15.0065 5.29123 15.3745 5.29123Z" fill="black"/></svg> </a><a href="https://www.facebook.com/ArkadiK94" target="_blank" rel="noopener" aria-label="Facebook"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0698 0L2.9292 0C1.3139 0 -0.000488281 1.31439 -0.000488281 2.92969L-0.000488281 17.0703C-0.000488281 18.6856 1.3139 20 2.9292 20L8.82764 20L8.82764 12.9297L6.48389 12.9297L6.48389 9.41406L8.82764 9.41406L8.82764 7.03125C8.82764 5.09262 10.4046 3.51563 12.3433 3.51563L15.8979 3.51563L15.8979 7.03125L12.3433 7.03125L12.3433 9.41406L15.8979 9.41406L15.312 12.9297L12.3433 12.9297L12.3433 20L17.0698 20C18.6851 20 19.9995 18.6856 19.9995 17.0703L19.9995 2.92969C19.9995 1.31439 18.6851 0 17.0698 0Z" fill="black"/></svg></a></div></div><div class="menu-overlay"></div></div><div class="continer"><div class="promo__info"><h2 class="promo__sun-title title title_fz16 title_white">My name is Arkadi Koifman</h2><h1 class="promo__main-title title title_fz48 title_white">I am a Web Developer</h1><div class="promo__link-and-btn"><a href="#portfolio" class="button button_text-hover">Portfolio</a> <a href="#about-me" class="promo__link">About Myself</a></div></div></div></section><section id="about-me" class="about-me"><div class="continer about-me__wrapper"><picture class="about-me__img animate__animated animate__fadeInLeft wow" data-wow-offset="300"><source media="(max-width:575px)" srcset="img/mobile/about_myself.jpg"><img src="img/desktop/about_myself.jpg" alt="Arkadi Koifman Photo"></picture><div class="about-me__descr animate__animated animate__fadeInRight wow" data-wow-offset="300"><h2 class="about-me__title title title_fz14">About Myself</h2><div class="about-me__sub-title title title_fz36">My name is Arkadi</div><p class="about-me__text">Welcome to my site, this is one of my projects where you can find my other main works that I developed in the past two years. During this time I have explored a lot of technologies and decided to stick with JavaScript, ReactJs, and NodeJs for their advantages in comparison to similar technologies. To deep dive into those technologies, I completed Udemy courses and applied the knowledge by developing applications. Now, I am looking for a place where I will continue expanding my horizons as a Web Developer and contribute my part back to the company.</p></div><div class="about-me__details animate__animated animate__fadeInRight wow"><div class="about-me__item"><img src="icons/about_me/web_development.png" alt="web development icon" class="about-me__item-img"><div class="about-me__item-descr"><div class="title title_fz14">Frontend Development</div><div class="about-me__item-text">Development of the user interface and user interaction in sites or applications with technologies as ReactJS library and JavaScript language.</div></div></div><div class="about-me__item"><img src="icons/about_me/web_development.png" alt="web dev icon" class="about-me__item-img"><div class="about-me__item-descr"><div class="title title_fz14">Backend Development</div><div class="about-me__item-text">The server side development which includes authorizations, authentications , storage of data in databases and more. By using technologies as NodeJs , MongoDB etc.</div></div></div><div class="about-me__item"><img src="icons/about_me/Mobile_dev.png" alt="mobile dev icon" class="about-me__item-img"><div class="about-me__item-descr"><div class="title title_fz14">Mobile Development</div><div class="about-me__item-text">The process of creating software applications that run on a mobile device. By using technologies as React Native with Expo etc.</div></div></div></div></div></section><section id="experience" class="experience animate__animated animate__rotateIn wow" data-wow-offset="600"><div class="continer"><h2 class="title title__section-title title_fz16">Experience</h2><div class="title title_fz36 title__section-subtitle">My Qualifications</div><div class="experience__wrapper"><div class="experience-column"><h3 class="experience-column__title title title_fz20">Education</h3><ul><li><div class="experience-column__item"><div class="experience-column__item-head"><img src="icons/experience/Courses.png" alt="Courses Icon" class="experience-column__item-head-icon"><h4 class="experience-column__sub-title title title_fz14">Udemy</h4><div class="experience-column__sub-title-more">March 2020 - Present.<br>Have completed the following courses.</div></div><div class="experience-column__item-body"><div class="experience-column__descr experience-column__btn button">Certificates</div></div></div></li></ul></div><div class="experience-column"><h3 class="experience-column__title title title_fz16">Work Experience</h3><ul><li><div class="experience-column__item"><div class="experience-column__item-head"><img src="icons/experience/Developer.png" alt="Developer Icon" class="experience-column__item-head-icon"><h4 class="experience-column__sub-title title title_fz14">Looking for my first position</h4><div class="experience-column__sub-title-more"><br></div></div><div class="experience-column__item-body"><p class="experience-column__descr"></p></div></div></li></ul></div></div></div></section><section id="skills" class="skills"><div class="continer skills__continer"><h2 class="title title__section-title title_fz16">Skills</h2><div class="title title_fz36 title__section-subtitle skills__sub-title">Technologies that I use in my work</div><div class="skills-technology__wrapper"><div class="skills-technology__item"><img src="icons/technologies/React.svg" alt="React icon" class="skills-technology__icon animate__animated animate__zoomIn wow" data-wow-offset="250"><div class="skills-technology__title title title_fz14">React.js</div><div class="skills-technology__descr">A JavaScript library for building user interfaces</div></div><div class="skills-technology__item"><img src="icons/technologies/Redux.png" alt="Redux.js icon" class="skills-technology__icon animate__animated animate__zoomIn wow" data-wow-offset="250"><div class="skills-technology__title title title_fz14">Redux.js</div><div class="skills-technology__descr">A Predictable State Container for JS Apps</div></div><div class="skills-technology__item"><img src="icons/technologies/Node.js.svg" alt="Node.js icon" class="skills-technology__icon animate__animated animate__zoomIn wow" data-wow-offset="250"><div class="skills-technology__title title title_fz14">Node.js</div><div class="skills-technology__descr">A cross-platform JavaScript runtime environment.</div></div><div class="skills-technology__item"><img src="icons/technologies/Mongo.db.svg" alt="Mongo.db icon" class="skills-technology__icon animate__animated animate__zoomIn wow" data-wow-offset="250"><div class="skills-technology__title title title_fz14">MongoDB</div><div class="skills-technology__descr">An cloud database service</div></div><div class="skills-technology__item"><img src="icons/technologies/JS.svg" alt="JS icon" class="skills-technology__icon animate__animated animate__zoomIn wow" data-wow-offset="200"><div class="skills-technology__title title title_fz14">Java Script</div><div class="skills-technology__descr">A prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative styles.</div></div><div class="skills-technology__item"><img src="icons/technologies/RestAPI.png" alt="REST / GraphQL API icon" class="skills-technology__icon animate__animated animate__zoomIn wow" data-wow-offset="200"><div class="skills-technology__title title title_fz14">REST / GraphQL API</div><div class="skills-technology__descr">A way for two or more computer programs to communicate with each other.</div></div><div class="skills-technology__item"><img src="icons/technologies/Expo.png" alt="Expo icon" class="skills-technology__icon animate__animated animate__zoomIn wow" data-wow-offset="200"><div class="skills-technology__title title title_fz14">Expo.dev</div><div class="skills-technology__descr">An open-source framework for apps that run natively on Mobile.</div></div><div class="skills-technology__item"><img src="icons/technologies/Firebase.png" alt="Firebase icon" class="skills-technology__icon animate__animated animate__zoomIn wow" data-wow-offset="200"><div class="skills-technology__title title title_fz14">Firebase</div><div class="skills-technology__descr">A set of backend cloud computing services and application development platforms.</div></div><div class="skills-technology__item"><img src="icons/technologies/ReactNative.png" alt="ReactNative icon" class="skills-technology__icon animate__animated animate__zoomIn wow" data-wow-offset="200"><div class="skills-technology__title title title_fz14">React Native</div><div class="skills-technology__descr">An open-source UI software framework used to develop mobile applications.</div></div></div><div class="skills-measure__wrapper"><div class="title title_fz20 title__section-subtitle skills__sub-title">Udemy courses progress<br>(In hours)</div><div class="skills-measure__items"><div class="skills-measure__item"><div class="skills-measure__title title title_fz14">Microservices</div><div class="skills-measure__prasent">19.1/54.5</div><div class="skills-measure__content title title_fz12">with Docker and Kubernetes</div><div class="skills-measure__bar"><div class="skills-measure__progress-bar wow" data-wow-offset="50"></div></div></div><div class="skills-measure__item"><div class="skills-measure__title title title_fz14">React Native</div><div class="skills-measure__prasent">28.5/28.5</div><div class="skills-measure__content title title_fz12">with Expo</div><div class="skills-measure__bar"><div class="skills-measure__progress-bar wow" data-wow-offset="50"></div></div></div><div class="skills-measure__item"><div class="skills-measure__title title title_fz14">NodeJs</div><div class="skills-measure__prasent">40.5/40.5</div><div class="skills-measure__content title title_fz12">with Express, APIs, MongoDB etc.</div><div class="skills-measure__bar"><div class="skills-measure__progress-bar wow" data-wow-offset="50"></div></div></div><div class="skills-measure__item"><div class="skills-measure__title title title_fz14">JavaScript + React</div><div class="skills-measure__prasent">41.5/41.5</div><div class="skills-measure__content title title_fz12">with React-Hooks, ReduxJs etc.</div><div class="skills-measure__bar"><div class="skills-measure__progress-bar wow" data-wow-offset="50"></div></div></div><div class="skills-measure__item"><div class="skills-measure__title title title_fz14">Web Developerment</div><div class="skills-measure__prasent">33.5/33.5</div><div class="skills-measure__content title title_fz12">with HTML5 , CSS3, Bootstrap</div><div class="skills-measure__bar"><div class="skills-measure__progress-bar wow" data-wow-offset="50"></div></div></div><div class="skills-measure__item"><div class="skills-measure__title title title_fz14">Algorithms</div><div class="skills-measure__prasent">19.5/19.5</div><div class="skills-measure__content title title_fz12">and Data Structures</div><div class="skills-measure__bar"><div class="skills-measure__progress-bar wow" data-wow-offset="50"></div></div></div><div class="skills-measure__item"><div class="skills-measure__title title title_fz14">Web Design</div><div class="skills-measure__prasent">18.0/18.0</div><div class="skills-measure__content title title_fz12">with Figma</div><div class="skills-measure__bar"><div class="skills-measure__progress-bar wow" data-wow-offset="50"></div></div></div></div></div></div></section><!-- <section id="portfolio" class="portfolio">
<div class="continer">
<h2 class="title title__section-title title_fz16">Portfolio</h2>
<div class="title title_fz36 title__section-subtitle">My works</div>
<div class="portfolio__wrapper">
<a
href="/projects/blog_app"
target="_blank"
class="portfolio__work"
id="first-work"
>
<picture>
<source
media="(max-width:1199px)"
srcset="img/mobile/portfolio/blog_app.png"
/>
<img src="img/desktop/portfolio/blog_app.jpg" alt="work" />
</picture>
</a>
<a
href="https://shop-app-ark.herokuapp.com/"
target="_blank"
class="portfolio__work"
id="second-work"
rel="noopener"
>
<picture>
<source
media="(max-width:1199px)"
srcset="img/mobile/portfolio/shop_app.png"
/>
<img src="img/desktop/portfolio/shop_app.jpg" alt="work" />
</picture>
</a>
<a
href="/projects/restaurant_app"
class="portfolio__work"
target="_blank"
id="third-work"
>
<picture>
<source
media="(max-width:1199px)"
srcset="img/mobile/portfolio/restaurant_app.png"
/>
<img src="img/desktop/portfolio/restaurant_app.jpg" alt="work" />
</picture>
</a>
<a
href="/projects/got_app"
class="portfolio__work"
target="_blank"
id="fourth-work"
>
<picture>
<source
media="(max-width:1199px)"
srcset="img/mobile/portfolio/got_app.png"
/>
<img src="img/desktop/portfolio/got_app.jpg" alt="work" />
</picture>
</a>
</div>
</div>
</section> --><section id="contact-me" class="contact-me"><div class="continer contact-me__wrapper"><div class="contact-me__img animate__animated animate__lightSpeedInLeft wow" data-wow-offset="400"><img src="img/desktop/contact_me.jpg" alt="Arkadi Koifman Photo"></div><div class="contact-me__descr animate__animated animate__lightSpeedInRight wow" data-wow-offset="400"><h2 class="contact-me__title title title_fz14">Contact me</h2><div class="contact-me__sub-title title title_fz36">Get in touch with me</div><div class="contact-me__text">In any way convenient for you:</div><div class="contact-me__networks"><a href="https://www.facebook.com/ArkadiK94" class="contact-me__network" aria-label="Facebook" target="_blank" rel="noopener"><svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.6055 0.825684L4.39453 0.825684C1.97159 0.825684 0 2.794 0 5.21292L0 26.3887C0 28.8076 1.97159 30.7759 4.39453 30.7759L13.2422 30.7759L13.2422 20.188L9.72656 20.188L9.72656 14.9234H13.2422V11.3551C13.2422 8.45194 15.6077 6.09037 18.5156 6.09037L23.8477 6.09037V11.3551H18.5156L18.5156 14.9234H23.8477L22.9687 20.188H18.5156V30.7759H25.6055C28.0284 30.7759 30 28.8076 30 26.3887L30 5.21292C30 2.794 28.0284 0.825684 25.6055 0.825684Z" fill="black"/></svg> </a><a href="https://www.instagram.com/KoifmanArkadi" class="contact-me__network" aria-label="Instagram" target="_blank" rel="noopener"><svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-9.01547e-07 10.1846L-4.09794e-07 21.4159C-1.83506e-07 26.5842 4.19812 30.7754 9.375 30.7754L20.625 30.7754C25.8019 30.7754 30 26.5842 30 21.4159L30 10.1846C30 5.01632 25.8019 0.825162 20.625 0.825162L9.375 0.825162C4.19812 0.825163 -1.12784e-06 5.01632 -9.01547e-07 10.1846ZM20.625 3.633C24.2437 3.633 27.1875 6.57186 27.1875 10.1846L27.1875 21.4159C27.1875 25.0287 24.2437 27.9676 20.625 27.9676L9.375 27.9676C5.75625 27.9676 2.8125 25.0287 2.8125 21.4159L2.8125 10.1846C2.8125 6.57186 5.75625 3.633 9.375 3.633L20.625 3.633Z" fill="black"/><path d="M7.5 15.8005C7.5 19.9355 10.8581 23.2881 15 23.2881C19.1419 23.2881 22.5 19.9355 22.5 15.8005C22.5 11.6655 19.1419 8.31297 15 8.31297C10.8581 8.31297 7.5 11.6655 7.5 15.8005ZM19.6875 15.8005C19.6875 18.38 17.5837 20.4803 15 20.4803C12.4144 20.4803 10.3125 18.38 10.3125 15.8005C10.3125 13.2211 12.4144 11.1208 15 11.1208C17.5837 11.1208 19.6875 13.2211 19.6875 15.8005Z" fill="black"/><path d="M7.93685 7.75113C7.93685 7.20001 7.48942 6.75324 6.93748 6.75324C6.38554 6.75324 5.93811 7.20001 5.93811 7.75113C5.93811 8.30225 6.38554 8.74902 6.93748 8.74902C7.48942 8.74902 7.93685 8.30225 7.93685 7.75113Z" fill="black"/></svg> </a><a href="https://www.linkedin.com/in/arkadi-koifman/" class="contact-me__network" aria-label="LinkedIn" target="_blank" rel="noopener"><svg width="35" height="33" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg></a></div><div class="contact-me__text">Or leave your contact details and I will write you back:</div><form class="contact-me__form" id="my-form" action="https://formspree.io/f/myylzgdl" method="POST"><div class="contact-me__form-inputs"><label for="form-name" class="contact-me__form-label">Name</label> <input name="name" type="text" class="contact-me__form-input" id="form-name" placeholder="Arkadi Koifman"></div><div class="contact-me__form-inputs"><label for="form-email" class="contact-me__form-label">E-mail</label> <input name="email" type="text" class="contact-me__form-input" id="form-email" placeholder="[email protected]"></div><div class="contact-me__form-textareas"><label for="form-message" class="contact-me__form-label">Message</label> <textarea name="message" class="contact-me__form-textarea" id="form-message" placeholder="Write your message"></textarea></div><div class="contact-me__form-footer"><button class="button contact-me__form-btn" type="submit">Send a message</button><div class="contact-me__form-privacy-policy"><div class="contact-me__checkbox"><label for="checkbox" class="contact-me__checkbox-label">checkbox</label> <input name="checkbox" type="checkbox" id="checkbox"></div><div class="contact-me__form-privacy-policy-label">I have read and agree to the <a href="privacy_policy.html" target="_blank">Privacy Policy</a></div></div></div></form><div class="modal" id="thanks_massage"><div class="modal__title">Thanks for connecting with me.</div><div class="modal__sub-title">I will reply to you soon</div></div><div class="modal" id="error_massage"><div class="modal__title">Sorry,</div><p class="modal__sub-title">Something went wrong pls try again later.</p></div></div></div></section><div class="arrow-up"><a href="#" class="arrow-up-link" aria-label="Arrow-Up"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 490.667 490.667" class="arrow-up-link-svg" xml:space="preserve"><path class="arrow-up-link-svg-path" d="M245.333,0C109.839,0,0,109.839,0,245.333s109.839,245.333,245.333,245.333
s245.333-109.839,245.333-245.333C490.514,109.903,380.764,0.153,245.333,0z"/><path class="arrow-up-link-svg-path" d="M267.968,82.219c-12.496-12.492-32.752-12.492-45.248,0L104.533,200.533
c-18.889,18.894-18.889,49.522,0,68.416c19.139,18.289,49.277,18.289,68.416,0l19.2-19.2v123.584
c0,29.455,23.878,53.333,53.333,53.333c29.455,0,53.333-23.878,53.333-53.333V249.749l19.2,19.2
c19.139,18.289,49.277,18.289,68.416,0c18.889-18.894,18.889-49.522,0-68.416L267.968,82.219z"/></svg></a></div><div class="overlay"><div class="certificates"><div class="certificates__close">×</div><h2 class="title title__section-title title_fz16">Certificates</h2><div class="title title_fz36 title__section-subtitle"></div><div class="certificates-carousel"><img src="icons/certificate/arrowLeft.png" alt="arrowLeft" class="certificates-carousel__arrow-left"><div class="certificates-carousel__slider-wrapper"><div class="certificates-carousel__slider-inner"><img src="img/UdemyCertificates/reactNativeThePracticalGuideCertificate.jpg" alt="React Native - The Practical Guide [2023]" title="React Native - The Practical Guide [2023]"> <img src="img/UdemyCertificates/nodeJSCertificate.jpg" alt="NodeJs - The Complete Guide (MVC, REST APIs, GraphQL, Deno)" title="NodeJs - The Complete Guide (MVC, REST APIs, GraphQL, Deno)"> <img src="img/UdemyCertificates/jsReactCourseCertificate.jpg" alt="The Complete JavaScript + React Course - From Scratch to Results" title="The Complete JavaScript + React Course - From Scratch to Results"> <img src="img/UdemyCertificates/designInFigma.jpg" alt="Web Design in Figma" title="Web Design in Figma"> <img src="img/UdemyCertificates/webDevelopmentCertificate.jpg" alt="Web Development 2021" title="Web Development 2021"></div></div><img src="icons/certificate/arrowRight.png" alt="arrowRight" class="certificates-carousel__arrow-right"></div></div></div><script src="js/wow.min.js"></script><script src="js/script.js"></script></body></html>