-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (137 loc) · 6.94 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
<!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 | Portfolio | imykdev.com</title>
<meta name="description" content="Welcome to the portfolio of Igor Mykhalchuk, a Front-End Web Developer with expertise in JavaScript, React, and web optimization. Explore my projects, skills, and professional journey." />
<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">
<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="portfolio.html">
<li class="nav-item">
<img src="./images/svg/portfolio.svg" alt="portfolio icon">
<span>Portfolio</span>
</li>
</a>
<a href="about_me.html">
<li class="nav-item">
<img src="./images/svg/about_me.svg" alt="about me icon">
<span>About Me</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>Hi! I'm Igor</h1>
<h2>A Front End Engineer</h2>
</div>
<div class="projects">
<a class="card" href="portfolio.html">
<h2>Portfolio</h2>
<img src="./images/projects_screenshots/home_page/Current_prj.webp" alt="portfolio screenshot">
<div class="overlay">
<img src="./images/icons/eye-icon.svg" alt="eye icon">
</div>
</a>
<a class="card" href="about_me.html">
<h2>About Me</h2>
<img src="./images/projects_screenshots/home_page/about_me.webp" alt="about me page screenshot">
<div class="overlay">
<img src="./images/icons/eye-icon.svg" alt="eye icon">
</div>
</a>
<a class="card" href="resume.html">
<h2>Resume</h2>
<img src="./images/projects_screenshots/home_page/resume.webp" alt="resume page screenshot">
<div class="overlay">
<img src="./images/icons/eye-icon.svg" alt="eye icon">
</div>
</a>
<a class="card" href="gallery.html">
<h2>Gallery</h2>
<img src="./images/projects_screenshots/home_page/gallery.webp" alt="gallery page screenshot">
<div class="overlay">
<img src="./images/icons/eye-icon.svg" alt="eye icon">
</div>
</a>
</div>
</div>
</div>
</body>
</html>