Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 

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

About

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

Resources

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.