-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
207 lines (207 loc) · 16.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="styles.css">
<title>Résumé</title>
</head>
<body>
<main>
<div class="resume">
<div class="container">
<div class="resume__block">
<h1 class="contact-info__header">Артём</h1>
<h3 class="contact-info__sub-header">Frontend 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3
64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0
92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48
448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z"
/>
</svg>
</div>
<span>Мне 23 года</span>
</a>
<a href="https://goo.gl/maps/HtjxFg889S4btArr7" rel="link-to-map" title="This link leads to Google map" target="_blank" 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>Chmielnik, Ukraine</span>
</a>
<a href="https://t.me/droztoff" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg 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>@droztoff</span>
</a>
</div>
<div class="contact-info__block contact-info__block--avatar">
<div class="block-avatar"></div>
</div>
<div class="contact-info__block">
<a href="mailto:owner_droztoff@ukr.net" target="_blank" rel="author-email" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M0 128C0 92.65 28.65 64 64 64H448C483.3 64 512 92.65 512 128V384C512 419.3 483.3 448 448 448H64C28.65
448 0 419.3 0 384V128zM48 128V150.1L220.5 291.7C241.1 308.7 270.9 308.7 291.5 291.7L464 150.1V127.1C464
119.2 456.8 111.1 448 111.1H64C55.16 111.1 48 119.2 48 127.1L48 128zM48 212.2V384C48 392.8 55.16 400 64
400H448C456.8 400 464 392.8 464 384V212.2L322 328.8C283.6 360.3 228.4 360.3 189.1 328.8L48 212.2z"
/>
</svg>
</div>
<span>owner_droztoff@ukr.net</span>
</a>
<a href="tel:+380990066270" rel="author-phone" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3C19,1.89 18.1,1 17,1Z" />
</svg>
</div>
<span>+380990066270</span>
</a>
<a href="https://instagram.com/droztoff" rel="author-instagram-link" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141
224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7
74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8
26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9
0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2
93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9
2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7
2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7
42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7
102.7-9 132.1z"
/>
</svg>
</div>
<span>droztoff</span>
</a>
</div>
</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">
Привет, меня зовут Артём. На данном этапе своей карьеры я работаю в небольшой аутсорс компании frontend разработчиком.
Сейчас работаю над большим проектом имея стек: Nuxt.js (SSR), Vue.js. Из того, что нравится делать тяжело что-то выделить,
так как интересно заниматься всем на фронте, более того имею некое влечение к backend, даже на текущем проекте принимаю
участие в структурировании данных, в создании API под конкретные задачи (пока только советами),
также взаимодействую с PM проекта, где могу - даю советы касаемо поставленной задачи основываясь на UI/UX.
Так вышло, что с недавнего времени, я один занимаюсь разработкой front, поэтому нет как таковой работы в команде,
тем более продвинутой работы с Git. Хочется в совершенстве овладеть английским языком и развиваться как разработчик.
Важным считаю такие занятия как: саморазвитие, самосовершенствование, путешествие и расширение горизонтов.
</p>
</div>
</div>
</div>
<div class="container">
<div class="resume__block">
<div class="skills">
<h3 class="skills__header">Soft skills</h3>
<div class="skills__block">
<span class="chip-skill">усидчивость</span>
<span class="chip-skill">внимание к деталям</span>
<span class="chip-skill">попытки разобраться во всём до мелочей</span>
<span class="chip-skill">организованность</span>
<span class="chip-skill">стремление к учёбе и развитию</span>
</div>
</div>
</div>
<div class="resume__block">
<div class="skills">
<h3 class="skills__header">Hard skills</h3>
<div class="skills__block">
<span class="chip-skill">JavaScript</span>
<span class="chip-skill">HTML</span>
<span class="chip-skill">CSS</span>
<span class="chip-skill">Nuxt.js</span>
<span class="chip-skill">Vue.js</span>
<span class="chip-skill">React</span>
<span class="chip-skill">SQL</span>
<span class="chip-skill">NoSQL</span>
<span class="chip-skill">PHP</span>
<span class="chip-skill">Docker</span>
<span class="chip-skill">Webpack</span>
<span class="chip-skill">Git</span>
</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">
<span class="experiences__company-header-durability">January 2020 - November 2021</span>
<h3 class="experiences__company-header-name">Freelance</h3>
</div>
<div class="experiences__company-header">
<span class="experiences__company-header-durability">November 2021 - to current</span>
<h3 class="experiences__company-header-name">Praid</h3>
</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">2020</span>
<p class="additional-info__education-university-name">Украинский государственный университет железнодорожного транспорта</p>
</div>
</div>
<div class="additional-info__languages">
<h3 class="additional-info__languages-header">Languages</h3>
<p class="additional-info__languages-item">
Русский (C-1)
</p>
<p class="additional-info__languages-item">
Украинский (B-2)
</p>
<p class="additional-info__languages-item">
Английский (A-1)
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>