-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (157 loc) · 6.74 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
<!DOCTYPE html>
<html class="document" lang="en">
<head>
<meta charset="UTF-8">
<title>Yurii Holiuk - CV</title>
<meta name="viewport" content="initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:400,700" rel="stylesheet">
<script src="https://use.fontawesome.com/1db47a8f0f.js"></script>
<link rel="stylesheet" href="css/libs.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="main.js"></script>
</head>
<body class="page">
<div class="row">
<div class="row__col row__col_left">
<div class="header section">
<div class="header__photo">
<img class="header__img" src="img/my_photo.jpg" alt="">
</div>
<div class="header__headline">
<h1 class="header__name">
<p class="header__firstname">Yurii</p>
<p class="header__lastname">Holiuk</p>
</h1>
<p class="header__profession">Front-End Developer</p>
</div>
</div>
<div class="about section">
<h2 class="section__headline">About</h2>
<p class="about__paragraph section__content">I am a highly motivated and experienced FrontEnd Developer. I have good knowledge in HTML, CSS, XML, Bootstrap, Foundation and Sass. I am well familiar with Gulp, Git, Photoshop. I have the ability to organise people and systems in order to achieve objectives and I am used to working under pressure and meet strict deadlines.</p>
</div>
<div class="contacts section">
<h2 class="section__headline">Contacts</h2>
<ul class="contacts__list section__content">
<li class="contact">
<h3 class="contact__headline">Email</h3>
<p class="contact__value"><a class="contact__email"><i class="fa fa-envelope" aria-hidden="true"></i>[email protected]</a></p>
</li>
<li class="contact">
<h3 class="contact__headline">Phone</h3>
<p class="contact__value">
<a class="contact__phone" href="tel: +380973397123"><i class="fa fa-phone" aria-hidden="true"></i>097-33-97-123</a>
<a class="contact__phone" href="tel: +380634073563"><i class="fa fa-phone" aria-hidden="true"></i>063-03-52-780</a>
</p>
</li>
<li class="contact">
<h3 class="contact__headline">Skype</h3>
<p class="contact__value"><a class="contact__skype" href="skype: holukjurij?call"><i class="fa fa-skype" aria-hidden="true"></i>holukjurij</a></p>
</li>
<li class="contact">
<h3 class="contact__headline">Social</h3>
<p class="contact__value">
<a class="contact__social" href="https://www.facebook.com/bionicuss"><i class="fa fa-facebook" aria-hipen="true"></i></a>
<a class="contact__social" href="https://vk.com/jur_ko"><i class="fa fa-vk" aria-hipen="true"></i></a>
<a class="contact__social" href="https://www.linkedin.com/in/yurii-holiuk-b8b31b131"><i class="fa fa-linkedin" aria-hipen="true"></i></a>
</p>
</li>
</ul>
</div>
</div>
<div class="row__col row__col_right">
<div class="education section">
<h2 class="section__headline">Education</h2>
<ul class="education__list section__content">
<li class="institution">
<h3 class="institution__headline">Danylo Halytsky Lviv National Medical University</h3>
<p class="institution__date">End date 2016</p>
<p class="institution__faculty">Medical faculty, general medicine</p>
</li>
<li class="institution">
<h3 class="institution__headline">EasyStartInIT, Kyiv</h3>
<p class="institution__faculty">FE Advanced Course, 2016</p>
</li>
</ul>
</div>
<div class="skills section">
<h2 class="section__headline">Skills</h2>
<ul class="skills__list section__content">
<li class="skills__block">
<h3 class="skills__headline">Tecnologies:</h3>
<p class="skills__group">HTML, CSS, JSON, AJAX, XML, jQuery, Bootstrap, Foundation, SASS</p>
</li>
<li class="skills__block">
<h3 class="skills__headline">Tools:</h3>
<p class="skills__group">Gulp, Git, SVN, Photoshop, JIRA, Chrome DevTools, Firebug</p>
</li>
<li class="skills__block">
<h3 class="skills__headline">Operating Systems:</h3>
<p class="skills__group">Windows, Mac OS X, Linux</p>
</li>
<li class="skills__block">
<h3 class="skills__headline">Programming Languages:</h3>
<p class="skills__group">JavaScript</p>
</li>
<li class="skills__block">
<h3 class="skills__headline">Methodologies:</h3>
<p class="skills__group">Scrum, Agile, Kanban, Waterfall, BEM</p>
</li>
<li class="skills__block">
<h3 class="skills__headline">RDBMS:</h3>
<p class="skills__group">MS SQL Server</p>
</li>
</ul>
</div>
</div>
</div>
<div class="portfolio section">
<h2 class="section__headline">Portfolio</h2>
<div class="section__content portfolio__content row_p">
<div class="row_p__col row_p__col_left">
<div class="example">
<img src="img/JWoodPreview.png" alt="" class="example__img">
<div class="example__hover">
<h3 class="example__headline">J Wood Landing</h3>
<p class="example__description">Adaptive page made by BEM methodology</p>
<a href="https://yuriiholiuk.github.io/JWoodLanding/" class="example__button">View</a>
</div>
</div>
<div class="example">
<img src="img/BlueBoxPreview.png" alt="" class="example__img">
<div class="example__hover">
<h3 class="example__headline">Blue Box Studio</h3>
<p class="example__description">Adaptive site on three pages</p>
<a href="https://yuriiholiuk.github.io/BlueBoxCommercial/" class="example__button">View</a>
</div>
</div>
<div class="example">
<img src="img/ExampleShopPreview.png" alt="" class="example__img">
<div class="example__hover">
<h3 class="example__headline">Store construction materials</h3>
<p class="example__description">Fixed design, two columns layout</p>
<a href="https://yuriiholiuk.github.io/ExempleShop/" class="example__button">View</a>
</div>
</div>
</div>
<div class="row_p__col row_p__col_right">
<div class="example">
<img src="img/FreelancerPreview.png" alt="" class="example__img">
<div class="example__hover">
<h3 class="example__headline">Freelancer personal page</h3>
<p class="example__description">Responsive page based on Bootstrap</p>
<a href="https://yuriiholiuk.github.io/FreelancerLanding/" class="example__button">View</a>
</div>
</div>
<div class="example">
<img src="img/NewLookPreview.png" alt="" class="example__img">
<div class="example__hover">
<h3 class="example__headline">New Look Store</h3>
<p class="example__description">My first work, do not judge strictly =)</p>
<a href="https://yuriiholiuk.github.io/NewLookLanding/" class="example__button">View</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>