-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
209 lines (198 loc) · 14.9 KB
/
Copy pathindex.html
File metadata and controls
209 lines (198 loc) · 14.9 KB
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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8" />
<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">Vitalii Riabokon</h1>
<h3 class="contact-info__sub-header">Front-end developpper</h3>
<div class="contact_info_container fh">
<div class="contact-info__block">
<a href="https://goo.gl/maps/xcHn34zKgYpNwyBMA" 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>Kyiv, Ukraine</span>
</a>
<a href="mailto:donyhp2@gmail.com" 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="M256 352c-16.53 0-33.06-5.422-47.16-16.41L0 173.2V400C0 426.5 21.49 448 48 448h416c26.51 0 48-21.49 48-48V173.2l-208.8 162.5C289.1 346.6 272.5 352 256 352zM16.29 145.3l212.2 165.1c16.19 12.6 38.87 12.6 55.06 0l212.2-165.1C505.1 137.3 512 125 512 112C512 85.49 490.5 64 464 64h-416C21.49 64 0 85.49 0 112C0 125 6.01 137.3 16.29 145.3z">
</path>
</svg>
</div>
<span>Email</span>
</a>
<div 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">
</path>
</svg>
</div>
<span>+380665363259</span>
</div>
</div>
<div class="contact-info__block contact-info__block--center">
<img class="contact-info__avatar" src="assets/avatar.jpg" alt="Avatar">
</div>
<div class="contact-info__block">
<a href="https://www.linkedin.com/in/vitalii-riabokon-3458b4212" 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>LinkedIn</span>
</a>
<a href="https://github.com/Donymak" 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="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z">
</path>
</svg>
</div>
<span>GitHub</span>
</a>
<a href="https://t.me/Donymack" 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 8 0 119 0 256S111 504 248 504 496 392.1 496 256 384.1 8 248 8zM362.1 176.7c-3.732 39.22-19.88 134.4-28.1 178.3-3.476 18.58-10.32 24.82-16.95 25.42-14.4 1.326-25.34-9.517-39.29-18.66-21.83-14.31-34.16-23.22-55.35-37.18-24.49-16.14-8.612-25 5.342-39.5 3.652-3.793 67.11-61.51 68.33-66.75 .153-.655 .3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283 .746-104.6 69.14-14.85 10.19-26.89 9.934c-8.855-.191-25.89-5.006-38.55-9.123-15.53-5.048-27.88-7.717-26.8-16.29q.84-6.7 18.45-13.7 108.4-47.25 144.6-62.3c68.87-28.65 83.18-33.62 92.51-33.79 2.052-.034 6.639 .474 9.61 2.885a10.45 10.45 0 0 1 3.53 6.716A43.76 43.76 0 0 1 362.1 176.7z">
</path>
</svg>
</div>
<span>Telegram</span>
</a>
</div>
</div>
</div>
<div class="container">
<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">
Hi! I’m a Front-End developer and student at the National Technical University of Ukraine.
</p>
</div>
</div>
</div>
<div class="container">
<div class="resume__block">
<div class="skills">
<h3 class="skills__header">Skills</h3>
<p class="skills__text">HTML, CSS, JS, React, Bootstrap, UI/UX, Figma, Photoshop. </p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="resume__block">
<div class="main-info fh">
<div class="experiences"><div class="experiences">
<h3 class="experiences__header">Experience</h3>
<div class="experiences__company">
<div class="experiences__company-header mb">
<span class="experiences__company-header-durability">At the one moment</span>
<h3 class="experiences__company-header-name">Some Company</h3>
<ul class="experiences__company-project-responsibilities">
<li>Seen big commercial React code</li>
<li>Worked with styles</li>
<li>Made translation of whole project using i18next</li>
<li>Worked with hooks</li>
</ul>
</div>
<div class="likes-dislikes-block">
<div class="likes-dislikes-item">
<h3 class="likes-dislikes-header">Dislikes</h3>
<p class="likes-dislikes-item">
Racism Stereotypes
</p>
<p class="likes-dislikes-item">
Alcohol Bully
</p>
</div>
<div class="likes-dislikes-item">
<h3 class="likes-dislikes-header">Likes</h3>
<p class="likes-dislikes-item">
Gaming Chess
</p>
<p class="likes-dislikes-item">
Crypto Animals
</p>
<p class="likes-dislikes-item">
Gym Swimming
</p>
<p class="likes-dislikes-item">
Films Books Cooking
</p>
<p class="likes-dislikes-item">
Self-Educating
</p>
</div>
</div>
</div>
</div>
</div>
<div class="additional-info fv">
<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"><em>14<sup> th</sup> December 2021 - present</em></span>
<h3 class="additional-info__education-university-speciality">JS track</h3>
<p class="additional-info__education-university-name mb">Binary Studio Academy</p>
</div>
<div class="additional-info__education-university">
<span class="additional-info__education-university-durability"><em>1<sup> sh</sup> September 2019 - present</em></span>
<h3 class="additional-info__education-university-speciality">Management</h3>
<p class="additional-info__education-university-name">National Technical University of Ukraine Igor Sikorsky KPI</p>
</div>
</div>
<div class="additional-info__languages">
<h3 class="additional-info__languages-header">Languages</h3>
<a href="https://my.greenforest.com.ua/certificate/a27357c9cbe5493e296e4615350a6dd632c0e7d5" class="additional-info__languages-item">
<svg class="contact-info__item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M504.6 300.9c13.62 13 7.249 36.13-10.62 40.38l-62.74 16l17.75 62c4.1 17.88-11.87 34.63-29.75 29.75l-61.99-17.75l-15.87 62.75c-4.375 18.13-27.87 24.13-40.37 10.62L256 458.6l-44.1 46c-12.62 13.38-35.87 7.875-40.37-10.62l-15.87-62.75l-61.99 17.75c-17.87 4.875-34.75-11.88-29.75-29.75l17.75-62l-62.74-16C.1456 336.1-6.354 313.9 7.395 300.9l45.1-45L7.395 210.9C-6.229 197.1 .1456 174.9 18.02 170.6L80.76 154.6L63.02 92.6c-4.1-17.87 11.87-34.75 29.75-29.75l61.99 17.75l15.87-62.75c4.375-17.88 27.75-24 40.37-10.63L256 53.6l44.1-46.38c12.75-13.5 36.12-6.1 40.37 10.63l15.87 62.75l61.99-17.75c17.87-5 34.75 11.88 29.75 29.75L431.2 154.6l62.74 16c17.87 4.25 24.37 27.38 10.62 40.25l-45.1 45L504.6 300.9z">
</path>
</svg>
<span>English B1</span>
</a>
<p class="additional-info__languages-item">
Ukrainian
</p>
<p class="additional-info__languages-item">
Russian
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>