-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout_me.html
145 lines (134 loc) · 8.7 KB
/
about_me.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="description" content="Front-End end web developer portfolio">
<meta name="keywords" content="HTML, CSS, JavaScript, Java, Front End, Web design, Software development">
<meta name="author" content="Igor Mykhalchuk">
<title>Igor Mykhalchuk | Front-End Web Developer | About Me | imykdev.com</title>
<meta name="description" content="I'm Igor Mykhalchuk, an ambitious front-end web developer with a strong foundation in web development and a business background, enhancing projects and client relationships with diligence and intelligence" />
<link rel="icon" type="image/x-icon" href="../images/favicon.png">
<!-- Touch Icon section -->
<link rel="apple-touch-icon" sizes="57x57" href="./images/icons/touch-icon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./images/icons/touch-icon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./images/icons/touch-icon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./images/icons/touch-icon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./images/icons/touch-icon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./images/icons/touch-icon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./images/icons/touch-icon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./images/icons/touch-icon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./images/icons/touch-icon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./images/icons/touch-icon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./images/icons/touch-icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./images/icons/touch-icon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./images/icons/touch-icon/favicon-16x16.png">
<link rel="manifest" href="./images/icons/touch-icon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="./images/icons/touch-icon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="./CSS/styles.css">
<link rel="stylesheet" href="./CSS/styles_about_me.css">
<script src="./scripts/main.js"></script>
</head>
<body>
<div class="row">
<div class="nav">
<div class="hero">
<div class="hero-img">
<a href="./index.html">
<img src="./images/Igor_portfolio-photo.webp" alt="hero portrait">
</a>
</div>
<div class="hero-title">
<h2>Igor Mykhalchuk</h2>
<h3>Web Developer</h3>
</div>
</div>
<ul class="nav-items">
<a href="index.html">
<li class="nav-item">
<img src="./images/svg/home.svg" alt="home icon">
<span>Home</span>
</li>
</a>
<a href="portfolio.html">
<li class="nav-item">
<img src="./images/svg/portfolio.svg" alt="eye icon">
<span>Portfolio</span>
</li>
</a>
<a href="resume.html">
<li class="nav-item">
<img src="./images/svg/resume.svg" alt="resume icon">
<span>Resume</span>
</li>
</a>
<a href="gallery.html">
<li class="nav-item">
<img src="./images/svg/gallery.svg" alt="gallery icon">
<span>Gallery</span>
</li>
</a>
<a href="#" onclick="showHideContacts();" id="contacts">
<li class="nav-item" id="contacts-item">
<img src="./images/svg/contact.svg" alt="contacts icon">
<span>Contacts</span>
</li>
</a>
</ul>
<div class="get-in-touch" id="get-in-touch">
<a href="mailto:mykhigo@gmail.com">
<img src="./images/svg/mail.svg" alt="email icon">
</a>
<a href="tel:+17273143531">
<img src="./images/svg/phone.svg" alt="phone icon">
</a>
<a href="https://www.linkedin.com/in/imykh/" target="_blank">
<img src="./images/svg/linkedin.svg" alt="LinkedIn icon">
</a>
<a href="https://github.com/For1207/" target="_blank">
<img src="./images/svg/github.svg" alt="GitHub icon">
</a>
<a href="https://www.facebook.com/profile.php?id=100014610062734" target="_blank">
<img src="./images/svg/facebook.svg" alt="facebook icon">
</a>
</div>
</div>
<div class="content">
<div class="content-title">
<h1>About Me</h1>
</div>
<div class="projects">
<p>I am an ambitious front-end web developer with a solid foundation in website development and system integration. My previous experience in business management significantly enhances my project work and client relationships. Diligence, intelligence, and a friendly attitude make me a reliable team member.
With a <span class="emphasize">Bachelor's degree in Computer Science</span> from <span class="emphasize">Wilmington University</span>, where I graduated <span class="emphasize">summa cum laude</span> , I have extensive hands-on experience in front-end development, particularly in HTML, CSS, JavaScript, and frameworks such as React and Bootstrap. My proficiency extends to robust API integrations, troubleshooting, and providing technical guidance.
</p>
<p>My journey into web development started after a successful career in business. As the Director of ZMH Ltd in Ukraine, I led the company to rank 6th in the market and implemented strategies that reduced order delivery time by 76%. This role honed my skills in project management, business process development, and efficiency analysis.
</p>
<p> A significant life change occurred when my family moved to a new country. I embraced this challenge as an opportunity to start anew in a field that aligns with my strengths and passions.
</p>
<p> <span class="emphasize">Why did I decide to become a web developer?</span>
Firstly, I find great satisfaction in transforming complex problems into logical systems and code that result in functional and aesthetically pleasing websites. Secondly, my business background gives me a clear understanding of leveraging my strengths in this field, ensuring I bring value to my company.
I am proud to have completed several web development projects, including a dynamic memory game and a classic arcade game clone, both available on my GitHub. Additionally, I am enhancing my skills through the "Front-End Engineer" course at Codecademy.</p>
<p>
An exciting journey awaits me in the web development field, and my motivation and hard work give me confidence that I will achieve my goals and contribute effectively to innovative projects.
</p>
</div>
<div class="skills">
<img src="./images/icons/icons8-html-5-100.png" alt="html5 icon">
<img src="./images/icons/icons8-css3-100.png" alt="css3 icon">
<img src="./images/icons/icons8-javascript-100.png" alt="javascript icon">
<img src="./images/icons/icons8-java-100.png" alt="java icon">
<img src="./images/icons/icons8-bootstrap-100.png" alt="bootstrap icon">
<img src="./images/icons/icons8-sql-100.png" alt="SQL icon">
<img src="./images/icons/icons8-php-100.png" alt="PHP icon">
<img src="./images/icons/icons8-git-100.png" alt="Git icon">
<img src="./images/icons/icons8-adobe-photoshop-100.png" alt="Photoshop icon">
<img src="./images/icons/icons8-adobe-lightroom-100.png" alt="Lightroom icon">
</div>
</div>
</div>
</body>
</html>