-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
218 lines (205 loc) · 12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Résumé</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main>
<div class="resume">
<div class="container">
<div class="resume__block">
<h1 class="contact-info__header">Maksym Vovk</h1>
<h3 class="contact-info__sub-header">Web Developer</h3>
<div class="contact_info_container fh">
<div class="contact-info__block">
<a href="#" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M96 32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32zM448 464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192H448V464z"/></svg>
</div>
<span>26 y.o.</span>
</a>
<a href="#" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<path
d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z">
</path>
</svg>
</div>
<span>Kiev, Ukraine</span>
</a>
<a href="https://linkedin.com/in/maksym-vovk-893b84190" target="_blank" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<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">
</path>
</svg>
</div>
<span>maksym-vovk</span>
</a>
</div>
<div class="contact-info__block contact-info__block--center">
<img class="contact-info__avatar" src="assets/avatar.png" alt="Avatar">
</div>
<div class="contact-info__block">
<a href="mailto:mvx.vovk@gmail.com" target="_blank" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"/></svg>
</div>
<span>mvx.vovk@gmail.com</span>
</a>
<a href="tel:+380632916183" target="_blank" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M320 0H64C37.49 0 16 21.49 16 48v416C16 490.5 37.49 512 64 512h256c26.51 0 48-21.49 48-48v-416C368 21.49 346.5 0 320 0zM192 464c-17.75 0-32-14.25-32-32s14.25-32 32-32s32 14.25 32 32S209.8 464 192 464z"/></svg>
</div>
<span>+380 63 291 6183</span>
</a>
<a href="https://t.me/mvxlimit" target="_blank" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"/></svg>
</div>
<span>@mvxlimit</span>
</a>
</div>
</div>
</div>
<div class="resume__block">
<div class="intro">
<div class="intro__icon-wrapper">
<svg class="intro__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z">
</path>
</svg>
</div>
<p class="intro_text">
Hello! I'm web developer with experience in developing landing pages and web-sites. Attentive to details and
stress resistant. My main goal is to develop my abilities to the highest possible level. I want
to discover new technologies and work on non-standard projects. I'm a team player and hope to
become a part of a strong team.
</p>
</div>
</div>
<div class="resume__block">
<div class="skills">
<h3 class="skills__header">Skills</h3>
<ul class="cards">
<li class="cards__item cards__item--html">
<span class="cards__text">HTML5</span>
</li>
<li class="cards__item cards__item--css">
<span class="cards__text">CSS3</span>
</li>
<li class="cards__item cards__item--js">
<span class="cards__text">JavaScript</span>
</li>
<li class="cards__item cards__item--react">
<span class="cards__text">React.js</span>
</li>
<li class="cards__item cards__item--git">
<span class="cards__text">Git</span>
</li>
<li class="cards__item cards__item--pi">
<span class="cards__text">PageSpeed Insights</span>
</li>
</ul>
<p class="skills__fn">The result of my self-assessment is accurate. But it is not exactly...</p>
</div>
</div>
<div class="resume__block">
<div class="hobbies">
<h3 class="hobbies__header">Hobbies</h3>
<ul class="hobbies-list">
<li class="hobbies-list__item">
<h4 class="hobbies-list__title">High intensive training</h4>
<img src="assets/hobbies-hiit.jpg" alt="hiit" class="hobbies-list__img">
<p class="hobbies-list__desc">
I have HIIT five days a week. A good opportunity to lose a few pounds and keep your body in good shape.
</p>
</li>
<li class="hobbies-list__item">
<h4 class="hobbies-list__title">Gaming</h4>
<img src="assets/hobbies-gaming.jpg" alt="games" class="hobbies-list__img">
<p class="hobbies-list__desc">
Games are my favorite activity when I want to de-stress after a hard day.
</p>
</li>
<li class="hobbies-list__item">
<h4 class="hobbies-list__title">Administration</h4>
<img src="assets/hobbies-admin.jpg" alt="facebook" class="hobbies-list__img">
<p class="hobbies-list__desc">
I am an Xbox Community Administrator in Ukraine. This is a good opportunity to provide people with a comfortable environment for communication on topics of interest to them.
</p>
</li>
</ul>
</div>
</div>
<div class="resume__block">
<div class="main-info fh">
<div class="experiences">
<h3 class="experiences__header">Experience</h3>
<div class="experiences__company">
<div class="experiences__company-header">
<span class="experiences__company-header-durability">November 2019 – Current time</span>
<h3 class="experiences__company-header-name">Everad Group</h3>
</div>
<div class="experiences__company-project">
<span class="experiences__company-project-role">Web Developer</span>
<h3 class="experiences__company-project-name">Production Department</h3>
<ul class="experiences__company-project-responsibilities">
<li>Cross-browser, responsive, fluid layout</li>
<li>Making edits to existing web pages</li>
<li>Creation of tools for effective work of the layout department</li>
<li>Optimizing web page's loading speed</li>
</ul>
</div>
</div>
</div>
<div class="additional-info fv">
<div class="additional-info__education">
<h3 class="additional-info__education-header">Education</h3>
<div class="additional-info__education-university">
<span class="additional-info__education-university-durability">April 2019 – October 2019</span>
<h3 class="additional-info__education-university-speciality">Front end Development</h3>
<p class="additional-info__education-university-name">Dan.IT Education</p>
</div>
<div class="additional-info__education-university">
<span class="additional-info__education-university-durability">September 2019 – December 2020</span>
<h3 class="additional-info__education-university-speciality">Cybersecurity, software and computer engineering (Master)</h3>
<p class="additional-info__education-university-name">National Aviation University</p>
</div>
<div class="additional-info__education-university">
<span class="additional-info__education-university-durability">September 2013 – September 2019</span>
<h3 class="additional-info__education-university-speciality">Computer engineering (Bachelor)</h3>
<p class="additional-info__education-university-name">National Aviation University</p>
</div>
</div>
<div class="additional-info__languages">
<h3 class="additional-info__languages-header">Languages</h3>
<p class="additional-info__languages-item">
Ukrainian (native)
</p>
<p class="additional-info__languages-item">
Russian (ease to forget)
</p>
<p class="additional-info__languages-item">
English (pre-intermediate)
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="loader">
<span class="loader__icon"></span>
<p class="loader__text">Please wait... This page will be loaded in two, maximum three weeks - Arestovich.</p>
</div>
<script src="index.js"></script>
</body>
</html>