Тестовое задание

Дано

1. Идентичный макет в форматах Figma и Photoshop (используйте любой на свой вкус);
2. ТЗ написанное ниже.

Верстка (по макету сверху вниз):

1. Сверстать контрол оценки и показа рейтинга. Обратите внимание, что контрол должен не только выставлять оценку, но и показывать текущую. Постарайтесь использовать самый "современный" вариант. Практически все наши контролы должны быть очень гибкими к окружающему пространству, должны уметь располагаться на любом фоне и при желании легко менять свой "скин". Учитывайте это во всех заданиях;
2. Сверстайте прогресс-бар;
3. Сверстайте кнопку. Пожалуйста, учитывайте, что эта кнопка должна быть кнопкой-на-все-случаи-жизни (хорошо отображаться и на <button> и на <input> и на <a>). В макете у кнопки есть несколько состояний - focus, disabled и т.д.;
4. Сверстайте список из иконок браузеров. Список должен занимать всю ширину родителя, расстояние между последней иконкой и предпоследней должно занимать все свободное пространство. Иконки должны быть прозрачными (png8/png24);
5. Сверстайте текст.

Сборка:

1. Проект должен использовать сборщик Gulp или Webpack.

Git

1. Работу желательно вести в ветке dev, в конце работы слить с основной веткой (обычно master);
2. Для демонстрации проекта используйте pages.github.com.

При проверке задания внимание будет уделяться мелочам.