-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
228 lines (224 loc) · 19.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
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<!--[if IE 7]><html class="lt-ie9 ie ie7" lang="ru"><link rel="stylesheet" type="text/css" href='css/ie.css'><![endif]-->
<!--[if IE 8]><html class="lt-ie9 ie ie8 " lang="ru"><link rel="stylesheet" type="text/css" href='css/ie.css'><![endif]-->
<!--[if IE 9]><html class="ie ie9" lang="ru"><link rel="stylesheet" type="text/css" href='css/ie.css'><![endif]-->
<!--[if !(IE)]><!--><html lang="ru"> <!--<![endif]-->
<head>
<title>Портфолио</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<meta name="description" content="portfolio">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="css/main.css"/>
<!-- fonts -->
<link href='http://fonts.googleapis.com/css?family=Lobster&subset=cyrillic,latin,cyrillic-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cuprum&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<!-- and fonts -->
<script src="http://yandex.st/jquery/1.8.3/jquery.min.js"></script>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<script src="js/custom.js"></script>
</head>
<body>
<div class="fly-box">
<img class="fly-box-bg" src="img/tardarianec.png" width="300" height="312" alt="Tardarianec"/>
</div>
<div class="fixed-box-r2"></div>
<header role="always-top">
<nav class="main-navigation">
<ul class="main-navigation-menu-list">
<li class="main-navigation-menu-list-item active-menu-item"><a href="#about-me" class="main-navigation-menu-list-item-link">Обо мне</a></li>
<li class="main-navigation-menu-list-item"><a href="#work-experience" class="main-navigation-menu-list-item-link">Опыт разработки</a></li>
<li class="main-navigation-menu-list-item main-navigation-menu-list-item-with-logo">
<div class="logo">
<a href="#" class="logo-link" data-js="logo-link">
<img class="logo-link-image logo-link-image-active" src="img/logo.jpg" alt="logo">
<img class="logo-link-image logo-link-image-hovered" src="img/logo2.jpg" alt="logo2">
</a>
</div>
</li>
<li class="main-navigation-menu-list-item"><a href="#portfolio" class="main-navigation-menu-list-item-link">Мои работы</a></li>
<li class="main-navigation-menu-list-item"><a href="#contacts" class="main-navigation-menu-list-item-link" data-js="site-down">Мои контакты</a></li>
</ul>
</nav>
</header>
<div class="content-wrap">
<section class="main-content">
<h1>Приветствую тебя, учитель!</h1>
<div id="about-me" class="flying-block">
<h2 class="about-me-title">Обо мне</h2>
<dl>
<dt>Полное имя:</dt>
<dd>Евгений Александрович Константинов (нет, не родсвенник того Константинова)</dd>
<dt>Год рождения:</dt>
<dd>15го ноября 1987 года</dd>
<dt>Место проживания:</dt>
<dd><a href="http://clck.ru/4KQDe" target="_blank">г.Симферополь</a></dd>
<dt>Образование:</dt>
<dd>Инженер Водных Ресурсов и Энергетики, 2010г.(НАПКС, кафедра Водоснабжения и Водоотведения)</dd>
<dt>Английский язык:</dt>
<dd>Английским владею на среднем уровне - школа была с английским уклоном, на фирме проводятся занятия по английскому раз в неделю. Читаю англоязычные форумы, общаюсь с ино<span class="strange">странными</span> клиентами (переписка).</dd>
<dt>Ожидание от участия:</dt>
<dd>В первую очередь - получить новую порцию знаний (я уже учавствовал в "Школе верстки"(оба уровня), которую вы устраивали), полностью разобраться с методологией БЭМ, найти новых друзей в сфере web-разработки... Ну и в идеале - это остаться у вас :) </dd>
<dt>Откуда узнал:</dt>
<dd>Сразу из нескольких мест - твиттер, <a href="http://clubs.ya.ru/html/" target="_blank">форум</a>, друзья</dd>
<dt>Сколько времени готов уделять:</dt>
<dd>Тут палка о двух концах - уделять буду по максимуму, но чтобы и на личную жизнь времени хоть чуточку оставалось:) Как говорится, "работай ради жизни, а не живи ради работы". Хотя иногда можно и совмещать ;)</dd>
<dt>Поверхностно</dt>
<dd>Не пью, не курю, увлекаюсь спортом (сейчас это тренажерный зал и футбол). Люблю работать в дружной компании - это придает силы и новых идей. Вы можете мне не поверить, но я один из тех, кто любит свою работу.</dd>
</dl>
</div>
<div id="work-experience" class="flying-block">
<h2 class="work-experience-title">Опыт разработки</h2>
<div class="accordeon-wrap" data-js="show-hidden-content">
<article class="accordeon-item" data-js="accordeon-item">
<h3 class="accordeon-title">История познания</h3>
<div class="hidden-content">
Начал я работать в этой сфере неожиданно, очень неожиданно. Знакомому предложили работу - сайты делать. Он отказался, но посоветовал меня (хотя тогда я о создании сайтов почти ничего не знал). Но там брали и на обучение. Пришел на собеседование, начали задавать вопросы, а я, оказывается, практически ничего о верстке и не знаю. Поставили условие - "если выучишь хотя бы основы за неделю, то возьмем, подучим". Выучил! Так у меня появилась первая работа верстальщика. Конечно, сразу сайты верстать меня не посадили - делал базы данных, нарезал картинки и параллельно учил дальше. Потом понравилось, в 2010г. записался на курсы по специальности "WEB-верстальщик", в 2011г. попал на курсы "Школа верстки Яндекс", в 2012г. - побывал на ваших курсах второй раз (углубленные, со знакомством БЭМ).
</div>
</article>
<article class="accordeon-item" data-js="accordeon-item">
<h3 class="accordeon-title">ЯП, фрэймворки и CMS</h3>
<div class="hidden-content">
Начинал я с HTML+CSS.<br>
Потом начал изучать PHP, т.к. написание тем под Drupal всеже требует хоть каких-то знаний в этом языке. Но потом углубился, и сейчас могу написать модуль средней сложности.<br>
На данный момент активно изучаю JS. Считаю, что сейчас для меня более актуален js, чем php, т.к. php понемногу отмирает.<br>
Когда-то знакомился с Joomla, он она мне на тот момент не понравилась.<br>
Был опыт и с WordPress, но не очень большой - только починить, дописать.<br>
Сейчас занимаюсь темизацией и кодингом для CMS Drupal.
</div>
</article>
<article class="accordeon-item" data-js="accordeon-item">
<h3 class="accordeon-title">Мои инструменты</h3>
<div class="hidden-content">
Конечно же, начинал как все - c Notepad++<br>
Затем перешел на DreamViewer и понял, что зря я забросил Notepad++ :)
Подобавлял плагинов в Notepad++ и продолжал писать в нем.<br>
Потом в первой школе Яндекса мне показали такое чудо, как WebStorm, и на него я подсел надолго.<br>
Но когда я устроился на работу в фирму sfDev, то меня почти насильно пересадили на их проект CodeLobster, который сейчас и тестирую.<br>
Под Линуксом из всех редакторов мне нравится работать только в Geany(полюбил за хорошую подсветку синтаксиса) или Sublime2 (быстрый редактор с кучей плагинов)<br>
Макеты нарезаю в фотошопе, но рисовать так и не научился. Скорее всего, из-за того, что фантазии не хватает для рисования. <br>
Для работы с FTP использую в основном WinSCP(windows) и FileZilla(Linux).<br>
</div>
</article>
<article class="accordeon-item" data-js="accordeon-item">
<h3 class="accordeon-title">OS</h3>
<div class="hidden-content">
В основном я работаю под Windows7, но второй системой стоит Ubuntu 12.04.<br>
От полного переезда рабочего места в убунту держит только фотошоп, т.к. на линуксе он работает у меня как-то кривовато и с багами(да, да, у меня получилось запустить его через wine ), а достойной альтернативы пока нет.
Но если я знаю, что целый день буду заниматься кодингом, то с радостью перехожу на убунту, т.к. там поудобней - там и сервер проще ставится, и работает он потом быстрее. Да и мой старенький ноут не так грузится :)
</div>
</article>
<article class="accordeon-item" data-js="accordeon-item">
<h3 class="accordeon-title">VCS</h3>
<div class="hidden-content">
Git! И только он. Сравнивать не с чем, т.к. другого ничего не пробовал.<br>
Еще, конечно, был опыт с такой VCS - "Алё, привет. Это ты открыл файл sites/default/settings.php? Закрой! Я в нем работаю!!!"
</div>
</article>
<article class="accordeon-item" data-js="accordeon-item">
<h3 class="accordeon-title">Системы постановки и ведения задач</h3>
<div class="hidden-content">
Разработка сайтов постоянно ведется или в таймтрекере заказчика (чаще всего <a href="http://www.activecollab.com/">active collab</a>), или в нашем <a href="http://www.redmine.org/" target="_blank">redmine</a>.<br>
Пару раз использовал <a href="http://www.teamer.ru/">teamer</a>
</div>
</article>
<article class="accordeon-item" data-js="accordeon-item">
<h3 class="accordeon-title">Полезные ресурсы</h3>
<div class="hidden-content">
<div><a href="http://habrahabr.ru" target="_blank">Хабр</a> - в первых рядах</div>
<div><a href="http://www.smashingmagazine.com/" target="_blank">smashingmagazine.com</a> - тоже много всего полезного</div>
<div><a href="http://ruseller.com/" target="_blank">ruseller.com</a> - так же хорошие статьи есть</div>
<div>совсем недавно открыл для себя очень интересные ресурсы <a href="http://html5weekly.com/" target="_blank">html5weekly.com</a>, <a href="http://css-weekly.com" target="_blank">css-weekly.com</a> и <a href="http://javascriptweekly.com" target="_blank">javascriptweekly.com</a> - еженедельно присылают </div>
<div><a href="http://javascript.ru/" target="_blank">javascript.ru</a> - этот сайт стал моим учителем по js </div>
<div>нужные ресурсы для конвертации шрифтов - <a href="http://www.fontsquirrel.com/" target="_blank">fontsquirrel.com</a> и видео - <a href="http://www.online-convert.com/" target="_blank">online-convert.com</a></div>
<div><a href="http://clubs.ya.ru/" target="_blank">clubs.ya.ru</a> - я не подлизываюсь, тут правда очень много всего полезного. Отдельное спасибо за <a href="http://clubs.ya.ru/mapsapi/" target="_blank">mapsapi</a> - куча полезной информации + отзывчивый народ</div>
<div>в общем, сайтов в закладках много :)</div>
</div>
</article>
<article class="accordeon-item" data-js="accordeon-item">
<h3 class="accordeon-title">Опыт работы</h3>
<div class="hidden-content">
<ul>
<li>март 2009г. – июнь 2011г.: Web-верстальщик в Google-Крым (верстка под рукописные CMS)</li>
<li>июль 2011г. – декабрь 2011г.: фриланс</li>
<li>январь 2012г. – настоящее время: Web-developer в sfDev</li>
</ul>
</div>
</article>
</div>
</div>
<div id="portfolio" class="flying-block">
<h2 class="portfolio-title">Завоеванные планеты</h2>
<div class="portfolio-thumbs">
<article class="portfolio-thumbs-item">
<div data-js="popup-open"><img class="portfolio-thumbs-item-image slide-0" src="img/thumbs/unikids.jpg" alt="Unikids"></div>
<a class="portfolio-thumbs-item-site-desc-link" href="http://www.unikids.ru/" target="_blank">В интернете</a>
</article>
<article class="portfolio-thumbs-item">
<div data-js="popup-open"><img class="portfolio-thumbs-item-image slide-1" src="img/thumbs/stationpark.jpg" alt="Station Park" ></div>
<a class="portfolio-thumbs-item-site-desc-link" href="http://www.shopatstationpark.com/" target="_blank">В интернете</a>
</article>
<article class="portfolio-thumbs-item">
<div data-js="popup-open"><img class="portfolio-thumbs-item-image slide-2" src="img/thumbs/kgdtravel.jpg" alt="Kaliningrad Travel" ></div>
<a class="portfolio-thumbs-item-site-desc-link" href="http://kgdtravelguide.com/" target="_blank">В интернете</a>
</article>
<article class="portfolio-thumbs-item">
<div data-js="popup-open"><img class="portfolio-thumbs-item-image slide-3" src="img/thumbs/marysplace.jpg" alt="Mary's Place" ></div>
<a class="portfolio-thumbs-item-site-desc-link" href="http://www.marysplaceseattle.org/" target="_blank">В интернете</a>
</article>
<article class="portfolio-thumbs-item">
<div data-js="popup-open"><img class="portfolio-thumbs-item-image slide-4" src="img/thumbs/stickme.jpg" alt="Kaliningrad Travel" ></div>
<a class="portfolio-thumbs-item-site-desc-link" href="http://stickme.ru/" target="_blank">В интернете</a>
</article>
<article class="portfolio-thumbs-item">
<div data-js="popup-open"><img class="portfolio-thumbs-item-image slide-5" src="img/thumbs/artifaction.jpg" alt="Kaliningrad Travel" ></div>
<a class="portfolio-thumbs-item-site-desc-link" href="http://www.artifaction.nl/" target="_blank">В интернете</a>
</article>
<article class="portfolio-thumbs-item">
<div data-js="popup-open"><img class="portfolio-thumbs-item-image slide-6" src="img/thumbs/simstar.jpg" alt="Kaliningrad Travel" ></div>
<a class="portfolio-thumbs-item-site-desc-link" href="http://simstar.net/" target="_blank">В интернете</a>
</article>
<article class="portfolio-thumbs-item">
<div data-js="popup-open"><img class="portfolio-thumbs-item-image slide-7" src="img/thumbs/dometoprosto.jpg" alt="Kaliningrad Travel" ></div>
<a class="portfolio-thumbs-item-site-desc-link" href="http://www.dometoprosto.ru/" target="_blank">В интернете</a>
</article>
<article class="portfolio-thumbs-item">
<div data-js="popup-open"><img class="portfolio-thumbs-item-image slide-8" src="img/thumbs/mummy.jpg" alt="Kaliningrad Travel" ></div>
<a class="portfolio-thumbs-item-site-desc-link" href="http://www.mummy-yummy.ru/" target="_blank">В интернете</a>
</article>
</div>
</div>
<div id="contacts" class="flying-block">
<h2 class="contact-title">Мои основные контакты</h2>
<div><a class="contacts-link contacts-link-mobile" href="skype:+380509692907" target="_blank">+380509692907</a></div>
<div><a class="contacts-link contacts-link-skype" href="skype:sipayDOM" target="_blank">sipayDOM</a></div>
<div><a class="contacts-link contacts-link-yamail" href="mailto:[email protected]?subject=Feedback" target="_blank">[email protected]</a></div>
<div><a class="contacts-link contacts-link-gmail" href="mailto:[email protected]" target="_blank">[email protected]</a></div>
<h3 class="contact-title-also">Так же я есть в соц.сетях:</h3>
<div><a class="contacts-link contacts-link-moikrug" href="http://zheka-konstantinov.moikrug.ru/" target="_blank">Профиль в Кругах</a></div>
<div><a class="contacts-link contacts-link-vk" href="http://vk.com/sipayrt" target="_blank">Профиль в Контакте</a></div>
</div>
</section>
</div>
<footer role="content-info">
<div class="socials">
<div class='pluso pluso-theme-light pluso-round pluso-small'>
<div class='pluso-more-container'>
<a class='pluso-more' href=''></a>
</div>
<a class='pluso-yandex'></a>
<a class='pluso-vkontakte'></a>
<a class='pluso-twitter'></a>
<a class='pluso-facebook'></a>
<a class='pluso-google'></a>
</div>
<script type='text/javascript'>if(!window.pluso){pluso={version:'0.9.1',url:'http://share.pluso.ru/'};h=document.getElementsByTagName('head')[0];l=document.createElement('link');l.href=pluso.url+'pluso.css';l.type='text/css';l.rel='stylesheet';s=document.createElement('script');s.src=pluso.url+'pluso.js';s.charset='UTF-8';h.appendChild(l);h.appendChild(s)}</script>
</div>
<div class="copyright">© 2012 All Rights Reserved.</div>
<div class="the-end">Да пребудет с тобой Сила!</div>
</footer>
</body>
</html>