Перед выполнением задания внимательно прочитайте:
- О всех этапах проверки задания
- Как отправить пулл
- Как пройти тесты
- Правила оформления JavaScript, HTML и CSS кода
Мы создали для вас Zeplin аккаунт. Он понадобится для доступа к макетам.
Почта: urfu-2017@yandex.ru
Пароль: markup-task-7
Сегодня утром я ходил к своей бабуленьке на чаепитие с печенюхами и по пути решил проверить ее почту. Одно из писем было из Яндекса, что меня очень удивило. Внутри находился QR-код, а по ссылке – макет, и я тут же понял что к чему.
Моей радости не было предела, что заметила бабуленька и рассказала мне интереснейшую историю и, по совместительству, наиприятнейшую новость. Почти месяц назад она рассказала свой старой подруге про то, что ее внучок хорошо справляется с комплюктером. Оказалось, внучок ее подруги работает в Яндексе, и он, крайне возможно, пришлет задание, чтобы узнать, чего я стою на поприще верстальщика. И вот это письмо с заданием пришло спустя почти месяц (спасибо почте).
Необходимо сверстать предоставленный макет, соблюдая следующие условия:
- Страница находится посередние экрана и имеет фиксированную ширину
- Персонажей и ссылки на социальные сети нужно реализовать спрайтами, причем, спрайт с иконками социальных сетей придется превратить в base64
- Фон всей страницы меняется в зависимости от выбранного персонажа. А еще под этим персонажем появляется текст
- Все картинки должны быть подходящих форматов. Главное – не забыть об оптимизации
Я волнуюсь за результат, очень нужна ваша помощь.
Хотелось бы показать, что мы знаем еще кое-какие технологии. Поэтому будет грандиозно желательно реализовать логотип со стрелочкой вверху страницы, иконку видео и белый круг с буквой «Я» с помощью svg.