-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (155 loc) · 10.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
<!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">Serhii Chursin</h1>
<h3 class="contact-info__sub-header">Front-End 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 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>Kharkiv, Ukraine</span>
</a>
<a href="www.linkedin.com/in/SerhiiChursin" 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>GreenVideo</span>
</a>
</div>
<div class="contact-info__block contact-info__block--center">
<img class="contact-info__avatar" src="assets/ZP_photo.jpg" alt="Avatar">
</div>
<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" height="1em" viewBox="0 0 512 512">
<path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/>
</svg>
</div>
<span>sachok73@gmail.com</span>
</a>
<a href="" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512">
<path d="M280 0C408.1 0 512 103.9 512 232c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3 0-24-10.7-24-24s10.7-24 24-24zm8 192a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm-32-72c0-13.3 10.7-24 24-24c75.1 0 136 60.9 136 136c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3 0-24-10.7-24-24zM117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7L345 318.7c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512C200.6 512 0 311.4 0 64C0 46 12.1 30.2 29.5 25.4l88-24z"/>
</svg>
</div>
<span>+380 50 343 7031</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">
In creative search
</p>
</div>
</div>
</div>
<!-- Skills block -->
<div class="container">
<div class="resume__block">
<div class="skills">
<h3 class="skills__header">Skills</h3>
<p class="skills__text">HTML5, CSS3, GIT, WebPack, JavaScript, React.js, Node.js </p>
</div>
</div>
</div>
<!-- Experience block template -->
<div class="container">
<div class="resume__block">
<div class="main-info fh">
<div class="experiences">
<!-- Experiences -->
<h3 class="experiences__header">Experience</h3>
<div class="experiences__company">
<div class="experiences__company-header">
<span class="experiences__company-header-durability">April 2013 - February 2022 | Ukraine</span>
<h3 class="experiences__company-header-name">"GreenVideo" media group</h3>
</div>
<div class="experiences__company-project">
<span class="experiences__company-project-role">Operator-editor</span>
<h3 class="experiences__company-project-name">Environmental project</h3>
<ul class="experiences__company-project-responsibilities">
<li>Video filming</li>
<li>Video editing</li>
</ul>
</div>
</div>
<div class="experiences__company">
<div class="experiences__company-header">
<span class="experiences__company-header-durability">March 2001 - April 2013 | Ukraine</span>
<h3 class="experiences__company-header-name">LLC Firm "LOVIS" Limited</h3>
</div>
<div class="experiences__company-project">
<span class="experiences__company-project-role">Director</span>
<h3 class="experiences__company-project-name">Wholesale and retail trade in food products</h3>
<ul class="experiences__company-project-responsibilities">
<li>Organization and control of financial and economic activities</li>
<li>Software development and maintenance</li>
</ul>
</div>
</div>
</div>
<div class="additional-info fv">
<!-- Additional info -->
<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">September 1990 - July 1995 | Ukraine</span>
<h3 class="additional-info__education-university-speciality">Mathematician</h3>
<p class="additional-info__education-university-name">Karazin Kharkiv State University</p>
</div>
</div>
<div class="additional-info__languages">
<h3 class="additional-info__languages-header">Languages</h3>
<p class="additional-info__languages-item">
Ukrainian (understand)
</p>
<p class="additional-info__languages-item">
Russian (understand)
</p>
<p class="additional-info__languages-item">
English (so so)
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>