Тестовое задание для верстальщиков
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md

README.md

Тестовое задание для верстальщика

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

  2. Сверстайте контрол оценки и показа рейтинга


![rating](http://img-fotki.yandex.ru/get/5823/2776.b/0_6060e_563c9f40_orig)
Практически все наши контролы должны быть очень гибкими к окружающему пространству, должны уметь располагаться на любом фоне и при желании легко менять свой "скин". Учитывайте это в этом и других заданиях. Обратите внимание, что контрол должен не только выставлять оценку, но и показывать текущую.
  1. Сверстайте прогресс-бар

![progress_bar](http://img-fotki.yandex.ru/get/5823/2776.b/0_6060f_caaf4030_orig)
  1. Сверстайте кнопку

![button](http://img-fotki.yandex.ru/get/5823/2776.b/0_60610_bddadf78_orig)
Пожалуйста, учитывайте, что эта кнопка должна быть кнопкой-на-все-случаи-жизни. Сделайте несколько примеров кнопки в различном окружении и различном html-представлении.
  1. Сверстайте список из иконок

![browsers_list_icons](http://img-fotki.yandex.ru/get/5413/2776.b/0_60611_e7b6ded5_orig)
Список должен занимать всю ширину родителя, расстояние между последней иконкой и предпоследней должно занимать все свободное пространство. Иконки должны быть прозрачными (png24). В случае если пользователь отключил картинки или они по какой-то причине не загрузились, интерфейс должен отреагировать на это оформленным текстом.
![browsers_list_text](http://img-fotki.yandex.ru/get/4423/2776.b/0_60612_591746c9_orig)
  1. Сверстайте текст

![columns](http://img-fotki.yandex.ru/get/4714/2776.b/0_60613_ce753157_orig)

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