-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
215 lines (205 loc) · 14.8 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
<!DOCTYPE html>
<html>
<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 class="main-dec">
<div class="bg-left-top">
<img src="assets/left-top.png" alt="bg-img">
</div>
<div class="bg-right-center">
<img src="assets/right-center.png" alt="bg-img">
</div>
<div class="bg-right-bottom">
<img src="assets/rigth-bottom.png" alt="bg-img">
</div>
<div class="resume">
<div class="container">
<div class="resume__block">
<h1 class="contact-info__header">Mykola Samchuk</h1>
<h3 class="contact-info__sub-header">Trainee / Junior Front-end Developer</h3>
<div class="contact_info_container fh">
<div class="contact-info__block">
<a href="https://www.google.com/maps/d/viewer?mid=1biDz1sA0MIuM6C68xkhgJLvCgqk&hl=en_US&ll=48.90639890850004%2C24.72781800595621&z=12"
rel="author" 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>Ivano-Frankivsk, Ukraine</span>
</a>
<a href="https://github.com/Mykola-Samchuk" rel="author" target="_blank"
class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path
d="M512 12.63616c-282.74688 0-512 229.21216-512 512 0 226.22208 146.69824 418.14016 350.12608 485.82656 25.57952 4.73088 35.00032-11.10016 35.00032-24.63744 0-12.20608-0.47104-52.55168-0.69632-95.31392-142.4384 30.96576-172.50304-60.416-172.50304-60.416-23.28576-59.16672-56.85248-74.91584-56.85248-74.91584-46.44864-31.78496 3.50208-31.1296 3.50208-31.1296 51.4048 3.60448 78.47936 52.75648 78.47936 52.75648 45.6704 78.27456 119.76704 55.64416 149.01248 42.55744 4.58752-33.09568 17.85856-55.68512 32.50176-68.46464-113.72544-12.94336-233.2672-56.85248-233.2672-253.0304 0-55.88992 20.00896-101.5808 52.75648-137.4208-5.3248-12.9024-22.85568-64.96256 4.95616-135.49568 0 0 43.008-13.74208 140.84096 52.49024 40.83712-11.34592 84.64384-17.03936 128.16384-17.24416 43.49952 0.2048 87.32672 5.87776 128.24576 17.24416 97.73056-66.2528 140.65664-52.49024 140.65664-52.49024 27.87328 70.53312 10.3424 122.59328 5.03808 135.49568 32.82944 35.86048 52.69504 81.53088 52.69504 137.4208 0 196.64896-119.78752 239.94368-233.79968 252.6208 18.37056 15.89248 34.73408 47.04256 34.73408 94.80192 0 68.5056-0.59392 123.63776-0.59392 140.51328 0 13.6192 9.216 29.5936 35.16416 24.576 203.32544-67.76832 349.83936-259.62496 349.83936-485.76512 0-282.78784-229.23264-512-512-512z" />
</svg>
</div>
<span>Mykola-Samchuk</span>
</a>
<a href="https://www.linkedin.com/in/mykola-samchuk-951a93210/" rel="author" 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 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>Mykola Samchuk</span>
</a>
</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="mailto:mykola.samchuk@gmail.com" rel="author" class="contact-info__item"
target="_blank">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path
d="M512 0C229.224296 0 0 229.224296 0 512c0 282.775704 229.224296 512 512 512 282.775704 0 512-229.224296 512-512C1024 229.224296 794.775704 0 512 0zM798.72 311.296l-285.847704 298.287407-288.559407-298.287407L798.72 311.296zM204.8 354.702222l159.706074 162.721185L204.8 677.072593 204.8 354.702222zM224.881778 720.896l169.870222-176.82963 117.475556 119.694222 115.730963-119.694222 171.595852 176.82963L224.881778 720.896zM819.2 677.072593l-164.067556-160.085333 164.067556-164.67437L819.2 677.072593z" />
</svg>
</div>
<span>mykola.samchuk@gmail.com</span>
</a>
<a href="tel:+380993219652" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path
d="M802 133.081C802 113.706 786.294 98 766.919 98H281.081C261.706 98 246 113.706 246 133.081V890.92c0 19.374 15.706 35.08 35.081 35.08H766.92c19.374 0 35.08-15.706 35.08-35.081V133.081zM449.789 132h147.339c4.844 0 8.77 4.156 8.77 9s-3.927 9-8.77 9H449.789c-4.844 0-8.77-4.156-8.77-9s3.927-9 8.77-9z m73.67 777.33c-29.062 0-52.621-23.559-52.621-52.621s23.559-52.621 52.621-52.621 52.621 23.559 52.621 52.621-23.559 52.621-52.621 52.621zM750 749.919C750 769.294 734.294 785 714.919 785H334.081C314.706 785 299 769.294 299 749.919V220.081C299 200.706 314.706 185 334.081 185H714.92c19.374 0 35.08 15.706 35.08 35.081v529.838z"
fill="#666666" />
</svg>
</div>
<span>+38 099 321 9652</span>
</a>
<a href="tel:+380993219652" rel="author"
class="contact-info__item" target="_blank">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" fill="#737373" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"
width="50px" height="50px">
<path
d="M25,2c12.703,0,23,10.297,23,23S37.703,48,25,48S2,37.703,2,25S12.297,2,25,2z M32.934,34.375 c0.423-1.298,2.405-14.234,2.65-16.783c0.074-0.772-0.17-1.285-0.648-1.514c-0.578-0.278-1.434-0.139-2.427,0.219 c-1.362,0.491-18.774,7.884-19.78,8.312c-0.954,0.405-1.856,0.847-1.856,1.487c0,0.45,0.267,0.703,1.003,0.966 c0.766,0.273,2.695,0.858,3.834,1.172c1.097,0.303,2.346,0.04,3.046-0.395c0.742-0.461,9.305-6.191,9.92-6.693 c0.614-0.502,1.104,0.141,0.602,0.644c-0.502,0.502-6.38,6.207-7.155,6.997c-0.941,0.959-0.273,1.953,0.358,2.351 c0.721,0.454,5.906,3.932,6.687,4.49c0.781,0.558,1.573,0.811,2.298,0.811C32.191,36.439,32.573,35.484,32.934,34.375z" />
</svg>
</div>
<span>@kolya_sam</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">
Hello. I am a responsible and persistent person.
In the process of learning, I strive to successfully use the acquired knowledge and skills
at work.
</p>
</div>
</div>
</div>
<div class="container">
<div class="resume__block">
<div class="skills">
<h3 class="skills__header">Skills</h3>
<div class="skills_wrapp">
<ul class="skills_wrapp-item skills__text">
<li>React (hooks...)</li>
<li>JavaScript</li>
<li>HTML</li>
<li>CSS</li>
<li>SCSS / SASS</li>
<li>Flexbox</li>
<li>API</li>
<li>DOM</li>
</ul>
<ul class="skills_wrapp-item skills__text">
<li>jQuery</li>
<li>Bootstrap</li>
<li>BEM methodology</li>
<li>Responsive Layout</li>
<li>GitHub</li>
<li>Figma</li>
<li>Avocode</li>
<li>Swiper</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<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">Jan 2022 - May 2022 </span>
<h3 class="experiences__company-header-name">RedStone
</h3>
</div>
<div class="experiences__company-project">
<h3 class="experiences__company-project-name">Front-end (html, css, jQuery)</h3>
<ul class="experiences__company-project-responsibilities">
<li>HTML</li>
<li>CSS</li>
<li>jQuery</li>
<li>Bootstrap (grid)</li>
<li>Responsive</li>
<li>Figma / Avocode</li>
<li>clickUp</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">Sept 2021</span>
<h3 class="additional-info__education-university-speciality">Front-end Developer
Advanced</h3>
<p class="additional-info__education-university-name">Cursor Education</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">
English - A2-B1
</p>
<p class="additional-info__languages-item">
Russian - advanced
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>