-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
215 lines (195 loc) · 12.4 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
<!DOCTYPE html>
<html>
<head lang="rus">
<meta charset="UTF-8">
<title>Квест ассистента менеджера</title>
<link rel="stylesheet" href="css/styles.min.css"/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic' rel='stylesheet'
type='text/css'>
<!--[if lt IE 9]>
<script src="scripts/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="wrap">
<header>
<h1></h1>
<h4>КРАТКОЕ СОДЕРЖАНИЕ ВАКАНСИИ</h4>
</header>
<section class="jobInfo">
<div class="remoteJob">
<h1>УДАЛЕННАЯ РАБОТА</h1>
<p>
Вакансия предполагает исключительно удаленную работу. Место проживания и национальность не имеют
никакого значения.
</p>
</div>
<div class="schedule">
<h1>12:00 — 21:00</h1>
<p>
Пятидневная рабочая неделя. <br>С понедельника по пятницу, 12:00 — 21:00 по московскому
времени. Обратите внимание, что совмещать с другой работой не получится.
</p>
</div>
<div class="comp">
<h1>
ПОТРЕБУЕТСЯ ХОРОШИЙ КОМПЬЮТЕР
</h1>
<p>
Для работы желательно иметь не менее 8 Гб оперативной памяти, и интернет со скоростью не менее 10
МБит.<br> Желательно иметь смартфон.
</p>
</div>
</section>
<section class="requirements">
<h1>
РАСПРЕДЕЛЕНИЕ ОБЯЗАННОСТЕЙ<br>
<span>в процентах от рабочего времени</span>
</h1>
<section class="graphs">
<div class="graphs-details graph-active">
<a href="#">ВНИКАТЬ В ДЕТАЛИ ПРОЕКТОВ</a>
</div>
<div class="graphs-errors">
<a href="#">НАХОДИТЬ НЕСОВЕРШЕНСТВА</a>
</div>
<div class="graphs-support">
<a href="#">СОПРОВОЖДАТЬ ПРОЕКТЫ</a>
</div>
<div class="graphs-files">
<a href="#">РАБОТАТЬ С ФАЙЛАМИ ПРОЕКТОВ</a>
</div>
</section>
</section>
<section class="info">
<div class="info-details">
<h1>Работать с описаниями проектов и находить в них информацию.<br> По необходимости дополнять ее.</h1>
<article>
<h4>ДЛЯ ЧЕГО ЭТО НУЖНО?</h4>
Необходимо быть в курсе нюансов всех проектов, которые выполняет ваша команда. Для этого прийдется
работать
с брифами — техническими заданиями, в которых описаны существенные детали проектов. Это нужно для
того,
чтобы во время тестирования можно было сделать вывод: выполнена ли поставленная перед разработчиками
задача.
</article>
<article>
<h4>СЛОЖНО ЛИ ЭТО?</h4>
Обычно бриф проекта на нашем производстве не превышает объем 1 — 2 страницы. Однако, чтобы
вникнуть в нюансы
необходимо время.
</article>
<aside>
<h3>ПОТРЕБУЕТСЯ</h3>
<ul>
<li><input type="checkbox" id="attention" checked/><label for="attention">Внимательность</label></li>
<li><input type="checkbox" id="logic" checked/> <label for="logic">Умение рассуждать логически</label></li>
</ul>
</aside>
</div>
<div class="info-errors" hidden>
<h1>Находить баги и несоответствия исходному дизайну в верстке наших проектов. Тестировать их с точки зрения
удобства для пользователя. И указывать разработчикам на несовершенства.</h1>
<article>
<h4>ДЛЯ ЧЕГО ЭТО НУЖНО?</h4>
В CSSSR внедрен высокий станадрт качества. Если мы верстаем сайт, это значит, что он будет одинаково
хорошо отображаться во всех заявленных браузерах, на нем будут самые красивые эффекты, а поведение всех
элементов страниц будет предсказуемым и приятным для пользователя.
</article>
<article>
<h4>КАК ЭТО ДЕЛАЕТСЯ?</h4>
Качество наших сайтов — это внимание к мелочам и деталям. Ассистенты менеджера последовательно
отсматривают все проекты и указывают разработчикам на ошибки, расхождения с макетами и возможные
улучшения. Так происходит до тех пор, пока шаблоны сайта не станут идеальными.
</article>
<aside>
<h3>ПОТРЕБУЕТСЯ</h3>
<ul>
<li><input type="checkbox" id="eye" checked/><label for="eye">Идеальный глазомер</label></li>
<li><input type="checkbox" id="beautiful" class="bug" checked/><label for="beautiful">Чувство прекрасного</label></li>
<li><input type="checkbox" id="tasks" checked/><label for="tasks">Умение четко формулировать задачи</label></li>
<li><input type="checkbox" id="soft" checked/><label for="soft"> <a href="http://app.prntscr.com/ru/" target="_blank">Софт для быстрого создания скриншотов</a></label>
</li>
</ul>
</aside>
</div>
<div class="info-support" hidden>
<!-- <h1>Распределять задачи между разработчиками. Отвечать на вопросы разработчиков. Контролировать выполнение
задач. Информировать менеджера проекта о нештатных ситуациях. Связываться с заказчиками и уточнять
информацию.</h1>
<article>
<h4>В ЧЕМ ОСОБЕННОСТЬ?</h4>
В CSSSR налажено конвейерное производство проектов. Мы не обычная вебстудия. В среднем за месяц мы
выпускаем в 10 раз больше проектов, чем любая веб-студия полного цикла. Поэтому наши сотрудники ведут
несколько проектов одновременно.
</article>
<article>
<h4>ЭТО РУТИНА?</h4>
Скорее нет. Каждый сотрудник в CSSSR творец. Если вам интересно создавать необычные вещи. Если вы
радуетесь, когда видите, что результат вашей работы идеален с какой стороны не посмотри, вам точно не
будет скучно с нами.
</article>
<aside>
<h3>ПОТРЕБУЕТСЯ</h3>
<ul>
<li><input type="checkbox" id="attention2" class="bug" checked/><label for="attention2">Внимательность</label></li>
<li><input type="checkbox" id="responsibility" checked/><label for="responsibility">Ответственность</label></li>
<li><input type="checkbox" id="parallel" checked/><label for="parallel">Умение вести несколько дел параллельно</label></li>
<li><input type="checkbox" id="logic2" checked/><label for="logic2">Умение рассуждать логически</label></li>
</ul>
</aside> -->
</div>
<div class="info-files" hidden>
<h1>Иногда нужно будет работать непосредственно с файлами проектов: переименовывать их, или вырезать из них
графику при помощи Photoshop.</h1>
<article>
<h4>НЕМНОГО РАЗНООБРАЗИЯ</h4>
Время от времени придется решать творческие задачи — например, представить и показать схематично,
как будет выглядеть сайт на мобильном устройстве. Такие задачи не требуют специальных профессиональных
навыков и вносят разнообразие в повседневную работу.
</article>
<aside>
<h3>ПОТРЕБУЕТСЯ</h3>
<ul>
<li><input type="checkbox" id="chaos" checked/><label for="chaos">Умение упорядочивать хаос</label></li>
<li><input type="checkbox" id="beautiful2" class="bug" checked/><label for="beautiful2">Чувство прекрасного</label></li>
</ul>
</aside>
</div>
</section>
<footer>
<h1>НАЧИНАЕТЕ КАРЬЕРУ?</h1>
<h4>Быть частью команды CSSSR означает возможность учиться и перенимать уникальный командный опыт.</h4>
<p>В CSSSR работают самые талантливые и энергичные люди рунета. Попасть к нам в команду сложно. Если вы
оказались одним из нас, значит что у вас есть все шансы на успех.</p>
<div class="form">
<div class="input-wrapper">
<input type="text" class="email" value=""/>
<label>Email</label>
</div>
<div class="textarea-wrapper">
<textarea class="description" value="" ></textarea>
<label>Хотите что-то сказать?</label>
</div>
<button type="submit">Отправить</button>
</div>
<nav>
<div>
Служба поиска талантов:
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div>
Следите за новыми вакансиями:
<a href="http://vk.com/csssr">vk.com/csssr</a>
</div>
</nav>
</footer>
</div>
<div class="egg" hidden>
Поздравляем, вы только что достигли 100500 уровень в тестировании!
</div>
<div class="popup-background" hidden></div>
<script src="js/jquery.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>