/
index.html
220 lines (220 loc) · 12.1 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
216
217
218
219
220
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta property="og:url" content="http://www.beliv.net/work/">
<meta property="og:title" content="Ivan Beloborodov — UX Designer">
<meta property="og:description" content="Привет! Меня зовут Иван Белобородов. Я родился и вырос в Ижевске, столице Удмуртской Республики. Последние несколько лет занимаюсь проектированием и дизайном мобильных приложений на базе iOS и Android. В данный момент живу в Москве.">
<meta property="og:image" content="http://www.beliv.net/work/static/img/beliv2x.jpg">
<title>Ivan Beloborodov — UX Designer</title>
<!--[if lt IE 9]><script src="static/js/html5shiv.js"></script><![endif]-->
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Narrow&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="static/css/blvwork.css">
<link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
<div class="container page">
<div class="row">
<section class="section section-photo centered col-md-2">
<div class="photo__wrapper img-circle">
<img src="static/img/beliv2x.jpg" alt="" class="photo__image img-circle">
</div>
</section>
<section class="section section-about col-md-5 col-sm-6">
<h2 class="subtitle">Обо мне</h2>
<p>Привет! Меня зовут Иван Белобородов. Я родился и вырос в Ижевске, столице Удмуртской Республики. Последние несколько лет занимаюсь проектированием и дизайном мобильных приложений на базе iOS и Android. В данный момент живу в Москве <span class="strike">и ищу постоянное место работы</span>.</p>
<p>Испытываю страсть к девайсам, имеющим touch-интерфейс, классическим мотоциклам, немецкому пиву, английской музыке и французскому кино.</p>
<ul class="about__links">
<li class="about__links__item">
<a href="http://beliv.net" class="about__link about__link-site js-out">beliv.net</a>
</li>
<li class="about__links__item">
<a href="http://facebook.com/ivan.beloborodov" class="about__link about__link-facebook js-out">ivan.beloborodov</a>
</li>
<li class="about__links__item">
<a href="http://twitter.com/beliv" class="about__link about__link-twitter js-out">@beliv</a>
</li>
<li class="about__links__item">
<a href="http://dribbble.com/beliv" class="about__link about__link-dribble js-out">dribbble.com/beliv</a>
</li>
<li class="about__links__item">
<a href="http://beliv.net" class="about__link about__link-revision js-out">revision.ru/a/beliv</a>
</li>
</ul>
</section>
<section class="section section-experience col-md-5 col-sm-6">
<h2 class="subtitle">Опыт работы</h2>
<ul class="experience__list">
<li class="experience__list__item experience__list__item-now experience__list__item-single">
<div class="experience__company">МегаЛабс</div>
<div class="experience__position">UX-дизайнер</div>
<div class="experience__period">Декабрь 2013 — ...</div>
</li>
<li class="experience__list__item experience__list__item-first">
<div class="experience__company">Центр Высоких Технологий</div>
<div class="experience__position">UX-Дизайнер</div>
<div class="experience__period">Январь 2011 — Июнь 2013</div>
</li>
<li class="experience__list__item">
<div class="experience__company">ООО «БИТ-Мастер»</div>
<div class="experience__position">Дизайнер мобильных интерфейсов</div>
<div class="experience__period">Август 2012 — Июнь 2013 (внештатно)</div>
</li>
<li class="experience__list__item">
<div class="experience__company">Fastdev</div>
<div class="experience__position">Дизайнер мобильных интерфейсов</div>
<div class="experience__period">Апрель 2012 — Июнь 2012 (внештатно)</div>
</li>
<li class="experience__list__item experience__list__item-last">
<div class="experience__company">ООО «Танго Телеком»</div>
<div class="experience__position">Дизайнер веб и мобильных интерфейсов</div>
<div class="experience__period">Сентябрь 2010 — Январь 2011 (внештатно)</div>
</li>
<li class="experience__list__item experience__list__item-freelance experience__list__item-single">
<div class="experience__company">Фрилансер</div>
<div class="experience__position">Веб-дизайнер</div>
<div class="experience__period">Март 2009 — Январь 2011</div>
</li>
</ul>
</section>
</div>
<section class="section section-skills row">
<h2 class="subtitle subtitle-underlined col-md-12">Навыки</h2>
<ul class="skills skills-primary row col-md-12">
<li class="skill skill-primary centered col-md-4">
<div class="skill__name skill__name-primary">User Experience</div>
<div class="skill__since skill__since-primary">с 2010 года</div>
<div class="skill__progress skill__progress-primary js-skill__progress" data-progress="55"></div>
</li>
<li class="skill skill-primary centered col-md-4">
<div class="skill__name skill__name-primary">Дизайн мобильных интерфейсов</div>
<div class="skill__since skill__since-primary">с 2010 года</div>
<div class="skill__progress skill__progress-primary js-skill__progress" data-progress="80"></div>
</li>
<li class="skill skill-primary centered col-md-4">
<div class="skill__name skill__name-primary">Веб-интерфейсы</div>
<div class="skill__since skill__since-primary">с 2010 года</div>
<div class="skill__progress skill__progress-primary js-skill__progress" data-progress="60"></div>
</li>
</ul>
<ul class="skills skills-secondary row col-md-12">
<li class="skill skill-secondary col-md-3 col-sm-3 centered">
<span class="skill__name skill__name-secondary">Базовые знания HTML & CSS</span>
</li>
<li class="skill skill-secondary col-md-3 col-sm-3 centered">
<span class="skill__name skill__name-secondary">Клубный фотограф</span>
</li>
<li class="skill skill-secondary col-md-3 col-sm-3 centered">
<span class="skill__name skill__name-secondary">Интерфейсы для Smart TV</span>
</li>
<li class="skill skill-secondary col-md-3 col-sm-3 centered">
<span class="skill__name skill__name-secondary">7 проектов в сфере такси</span>
</li>
</ul>
</section>
<section class="section section-tools row">
<h2 class="subtitle subtitle-underlined col-md-12">Инструменты</h2>
<div class="col-md-12 row">
<ul class="progress col-md-8 col-sm-8">
<li class="progress__bar">
<div class="progress__bar__ready js-progress__bar__ready" data-progress="90">Photoshop</div>
</li>
<li class="progress__bar">
<div class="progress__bar__ready progress__bar__ready-green js-progress__bar__ready" data-progress="70">Illustrator</div>
</li>
<li class="progress__bar">
<div class="progress__bar__ready progress__bar__ready-purple js-progress__bar__ready" data-progress="50">Indesign</div>
</li>
<li class="progress__bar">
<div class="progress__bar__ready progress__bar__ready-teal js-progress__bar__ready" data-progress="20">Sketch</div>
</li>
<li class="progress__bar">
<div class="progress__bar__ready progress__bar__ready-orange js-progress__bar__ready" data-progress="60">Axure</div>
</li>
</ul>
<div class="col-md-4 col-sm-4">
<div class="activity">
<h3 class="activity__title">Активность</h3>
<dl class="activity__item row">
<dt class="activity__item__name col-xs-6">Balsamiq Mockups</dt>
<dd class="activity__item__date col-xs-6">Август 2013</dd>
</dl>
<dl class="activity__item row">
<dt class="activity__item__name col-xs-6">Diablo III</dt>
<dd class="activity__item__date col-xs-6">29 сентября</dd>
</dl>
<dl class="activity__item row">
<dt class="activity__item__name col-xs-6">iA Writer</dt>
<dd class="activity__item__date col-xs-6">Позавчера</dd>
</dl>
<dl class="activity__item row">
<dt class="activity__item__name col-xs-6">Lightroom 4</dt>
<dd class="activity__item__date col-xs-6">Сентябрь 2013</dd>
</dl>
<dl class="activity__item row">
<dt class="activity__item__name col-xs-6">Skala Preview & View</dt>
<dd class="activity__item__date col-xs-6">Вчера</dd>
</dl>
<dl class="activity__item row">
<dt class="activity__item__name col-xs-6">Xcode</dt>
<dd class="activity__item__date col-xs-6">май 2013</dd>
</dl>
</div>
</div>
</div>
</section>
<section class="section section-projects row">
<h2 class="subtitle subtitle-underlined col-md-12">Последние проекты</h2>
<ul class="projects col-md-12 row">
<li class="project centered col-md-3 col-sm-3">
<div class="project__name">TaxiCaller</div>
<div class="project__period">Декабрь 2012 — Март 2013</div>
<img src="static/img/taxicaller.jpg" alt="TaxiCaller" class="img-circle project__image">
</li>
<li class="project centered col-md-3 col-sm-3">
<div class="project__name">Check, please!</div>
<div class="project__period">Май 2013 — ...</div>
<img src="static/img/checkplease.jpg" alt="Check, please!" class="img-circle project__image">
</li>
<li class="project centered col-md-3 col-sm-3">
<div class="project__name">Izhevsk.ru</div>
<div class="project__period">Ноябрь 2012 — Февраль 2013</div>
<img src="static/img/izhevskru.jpg" alt="Izhevsk.ru" class="img-circle project__image">
</li>
<li class="project centered col-md-3 col-sm-3">
<div class="project__name project__name-dead">RP.com</div>
<div class="project__period">Июнь 2012 — Март 2013</div>
<img src="static/img/rpcom.jpg" alt="RP.com" class="img-circle project__image">
</li>
</ul>
</section>
<section class="section section-interests row">
<h2 class="subtitle subtitle-underlined col-md-12">Интересы</h2>
<ul class="interests col-md-12 row">
<li class="interest col-md-3 col-sm-3 col-xs-6">
<div class="interest__name">Музыка</div>
<img src="static/img/bowie2x.jpg" alt="Музыка" class="interest__image img-rounded">
</li>
<li class="interest col-md-3 col-sm-3 col-xs-6">
<div class="interest__name">Мотоциклы</div>
<img src="static/img/bike2x.jpg" alt="Мотоциклы" class="interest__image img-rounded">
</li>
<li class="interest col-md-3 col-sm-3 col-xs-6">
<div class="interest__name">Кулинария</div>
<img src="static/img/cuisine2x.jpg" alt="Кулинария" class="interest__image img-rounded">
</li>
<li class="interest col-md-3 col-sm-3 col-xs-6">
<div class="interest__name">Велоспорт</div>
<img src="static/img/bicycle2x.jpg" alt="Велоспорт" class="interest__image img-rounded">
</li>
</ul>
</section>
<footer class="footer centered">
<blockquote class="footer__slogan">That's all folks!</blockquote>
<img src="static/img/bill2x.jpg" alt="" class="img-circle footer__image">
</footer>
</div>
<script src="static/js/blvwork.min.js"></script>
</body>
</html>