urfu-2017/markup-task-7

Задача «Письмо из Яндекса»

Задача «Письмо из Яндекса»

Перед выполнением задания внимательно прочитайте:

• О всех этапах проверки задания
• Как отправить пулл
• Как пройти тесты
• Правила оформления JavaScript, HTML и CSS кода

Zeplin

Мы создали для вас Zeplin аккаунт. Он понадобится для доступа к макетам.

Почта: [email protected]
Пароль: markup-task-7

Основное задание

Сегодня утром я ходил к своей бабуленьке на чаепитие с печенюхами и по пути решил проверить ее почту. Одно из писем было из Яндекса, что меня очень удивило. Внутри находился QR-код, а по ссылке – макет, и я тут же понял что к чему.

Моей радости не было предела, что заметила бабуленька и рассказала мне интереснейшую историю и, по совместительству, наиприятнейшую новость. Почти месяц назад она рассказала свой старой подруге про то, что ее внучок хорошо справляется с комплюктером. Оказалось, внучок ее подруги работает в Яндексе, и он, крайне возможно, пришлет задание, чтобы узнать, чего я стою на поприще верстальщика. И вот это письмо с заданием пришло спустя почти месяц (спасибо почте).

Необходимо сверстать предоставленный макет, соблюдая следующие условия:

• Страница находится посередние экрана и имеет фиксированную ширину
• Персонажей и ссылки на социальные сети нужно реализовать спрайтами, причем, спрайт с иконками социальных сетей придется превратить в base64
• Фон всей страницы меняется в зависимости от выбранного персонажа. А еще под этим персонажем появляется текст
• Все картинки должны быть подходящих форматов. Главное – не забыть об оптимизации

Я волнуюсь за результат, очень нужна ваша помощь.

Дополнительное задание (+12 к скорости работы почты сами знаете какой страны)

Хотелось бы показать, что мы знаем еще кое-какие технологии. Поэтому будет грандиозно желательно реализовать логотип со стрелочкой вверху страницы, иконку видео и белый круг с буквой «Я» с помощью svg.