This repository was archived by the owner on Dec 27, 2021. It is now read-only.
forked from yandex-shri-minsk-2018/task-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (132 loc) · 9.75 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Портфолио</title>
<link rel="stylesheet" href="dist/main.css">
</head>
<body>
<div class="header">
<div class="header__body">
<h2 class="heading header__title heading_sub">Full Stack Ruby on Rails разработчик</h2>
<h1 class="heading header__name">
<span class="header__first-name">Илья</span>
<span class="header__last-name">Демух</span>
</h1>
<div class="header__avatar"></div>
<p class="text header__summary">Более двух лет разработки современных веб-приложений. Ruby on Rails, JavaScript, CSS, jQuery, PostgreSQL, MySQL, Redis, Docker, Docker Swarm. </p>
</div>
</div>
<div class="content">
<div class="content__body">
<div class="content__section">
<h1 class="heading content__title">Ожидания от ШРИ</h1>
<div class="carousel content__item carousel_disable-tablet carousel_num_4">
<input id="carousel-1-1" type="radio" name="carousel-1" class="carousel__dot" checked="checked">
<input id="carousel-1-2" type="radio" name="carousel-1" class="carousel__dot">
<input id="carousel-1-3" type="radio" name="carousel-1" class="carousel__dot">
<input id="carousel-1-4" type="radio" name="carousel-1" class="carousel__dot">
<div class="card-grid carousel__slider">
<label class="card card-grid__item carousel__item card-grid__item_large" for="carousel-1-2">
<h2 class="heading card__title heading_sub">Современный фронтенд</h2>
<p class="text card__content">React или Vue: что лучше? Yarn или npm? Как настроить Webpack? Redux? Я ищу ответы на все эти вопросы.</p>
</label>
<label class="card card-grid__item carousel__item" for="carousel-1-3">
<h2 class="heading card__title heading_sub">CSS</h2>
<p class="text card__content">Научиться верстать красиво, быстро и безболезненно. Под все экраны и платформы.</p>
</label>
<label class="card card-grid__item carousel__item" for="carousel-1-4">
<h2 class="heading card__title heading_sub">JavaScript</h2>
<p class="text card__content">Научиться использовать лучшие стороны языка и избегать худшие. Так, чтобы потом не стыдно было.</p>
</label>
<label class="card card-grid__item carousel__item card-grid__item_large" for="carousel-1-1">
<h2 class="heading card__title heading_sub">Производительность</h2>
<p class="text card__content">Особенности работы браузеров, кэширование, правильная работа с сервером, оптимизация ассетов. Все для того, чтобы приложения работали максимально быстро и отзывчиво.</p>
</label>
</div>
</div>
</div>
<div class="content__section">
<h1 class="heading content__title">Мои работы</h1>
<div class="example content__item">
<h2 class="heading example__title heading_sub">Большая Фиолетовая Точка</h2>
<a class="link example__link" href="https://bigpurpledot.com" target="_blank">bigpurpledot.com</a>
<p class="text example__description">CRM для риэлторов и заёмщиков. Моя ответственность: разработка новых бизнесс-функций в рамках всего стека, оптимизация легаси-кода. Фронтенд: jQuery и SCSS. Бэкенд: Ruby on Rails, PostgreSQL, Elasticsearch и Redis.</p>
<div class="carousel example__gallery carousel_num_3 carousel_style_large-tablet-right">
<input id="carousel-2-1" type="radio" name="carousel-2" class="carousel__dot" checked="checked">
<input id="carousel-2-2" type="radio" name="carousel-2" class="carousel__dot">
<input id="carousel-2-3" type="radio" name="carousel-2" class="carousel__dot">
<div class="carousel__slider">
<label class="bpd-1 carousel__item example__screenshot" for="carousel-2-2"></label>
<label class="bpd-2 carousel__item example__screenshot" for="carousel-2-3"></label>
<label class="bpd-3 carousel__item example__screenshot" for="carousel-2-1"></label>
</div>
</div>
</div>
<div class="example content__item example_align-right">
<h2 class="heading example__title heading_sub">Клик-трекер</h2>
<a class="link example__link" href="https://xtramile.io" target="_blank">xtramile.io</a>
<p class="text example__description">Прокси-система для трекинга ссылок, размещенных на различных площадках по поиску вакансий. Моя ответственность: написание высокопроизводительного кода, поддержка продакшена и деплоймент с нулевым даунтаймом. Бэкенд: Ruby on Rails, PostgreSQL, Redis, Docker, Docker Swarm. Фронтенда нет, поэтому вот несколько фотографий пёсиков.</p>
<div class="carousel example__gallery carousel_num_4 carousel_style_large-tablet-left">
<input id="carousel-3-1" type="radio" name="carousel-3" class="carousel__dot" checked="checked">
<input id="carousel-3-2" type="radio" name="carousel-3" class="carousel__dot">
<input id="carousel-3-3" type="radio" name="carousel-3" class="carousel__dot">
<input id="carousel-3-4" type="radio" name="carousel-3" class="carousel__dot">
<div class="carousel__slider">
<label class="dog-1 carousel__item example__screenshot" for="carousel-3-2"></label>
<label class="dog-2 carousel__item example__screenshot" for="carousel-3-3"></label>
<label class="dog-3 carousel__item example__screenshot" for="carousel-3-4"></label>
<label class="dog-4 carousel__item example__screenshot" for="carousel-3-1"></label>
</div>
</div>
</div>
<div class="example content__item">
<h2 class="heading example__title heading_sub">Игра в города</h2>
<a class="link example__link" href="https://surrenderboy.github.io/task-3" target="_blank">surrenderboy.github.io/task-3</a>
<p class="text example__description">Выполненный в рамках задания на конкурс для поступления в ШРИ проект с неплохой игрой.</p>
<div class="carousel example__gallery carousel_num_2 carousel_style_large-tablet-right">
<input id="carousel-4-1" type="radio" name="carousel-4" class="carousel__dot" checked="checked">
<input id="carousel-4-2" type="radio" name="carousel-4" class="carousel__dot">
<div class="carousel__slider">
<label class="city-1 carousel__item example__screenshot" for="carousel-4-2"></label>
<label class="city-2 carousel__item example__screenshot" for="carousel-4-1"></label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer__body">
<h1 class="heading footer__title">Контактная информация</h1>
<ul class="footer__link-list">
<li class="footer__link-list-item">
<a class="link footer__link" href="https://www.facebook.com/ilya.demukh" target="_blank">Facebook</a>
</li>
<li class="footer__link-list-item">
<a class="link footer__link" href="https://vk.com/surrenderboy" target="_blank">ВКонтакте</a>
</li>
<li class="footer__link-list-item">
<a class="link footer__link" href="https://github.com/surrenderboy" target="_blank">GitHub</a>
</li>
<li class="footer__link-list-item">
<a class="link footer__link" href="https://twitter.com/" target="_blank">Twitter</a>
</li>
</ul>
<p class="text footer__summary">Я открыт для новых проектов. Вы можете прислать мне для оценки примерное техническое задание или просто описание проекта своими словами.</p>
<form class="footer__form" onsubmit="return false;">
<input class="input footer__form-input"type="text" name="name" placeholder="Имя">
<input class="input footer__form-input"type="email" name="email" placeholder="Почтовый ящик">
<textarea class="input footer__form-input input_textarea"name="message" placeholder="Сообщение"></textarea>
<label class="file-input footer__form-input">
<div class="file-input__file-icon"><div></div></div>
<span>Прикрепить ТЗ</span>
<input type="file" name="file">
</label>
<button class="button footer__form-input" type="submit" name="submit">Отправить</button>
</form>
</div>
</div>
</body>
</html>