-
Напишите небольшой текст на важную для вас тему, связанную с профессией. Сверстайте его в начале задания.
-
Сверстайте контрол оценки и показа рейтинга

Практически все наши контролы должны быть очень гибкими к окружающему пространству, должны уметь располагаться на любом фоне и при желании легко менять свой "скин". Учитывайте это в этом и других заданиях. Обратите внимание, что контрол должен не только выставлять оценку, но и показывать текущую.
- Сверстайте прогресс-бар

- Сверстайте кнопку

Пожалуйста, учитывайте, что эта кнопка должна быть кнопкой-на-все-случаи-жизни. Сделайте несколько примеров кнопки в различном окружении и различном html-представлении.
- Сверстайте список из иконок

Список должен занимать всю ширину родителя, расстояние между последней иконкой и предпоследней должно занимать все свободное пространство. Иконки должны быть прозрачными (png24). В случае если пользователь отключил картинки или они по какой-то причине не загрузились, интерфейс должен отреагировать на это оформленным текстом.

- Сверстайте текст

PSD файл задания: https://yadi.sk/d/f03hF1SyTNGtw