Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update README.md #2

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update README.md #2

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 14 additions & 14 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,35 +3,35 @@

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

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

![rating](http://img-fotki.yandex.ru/get/5823/2776.b/0_6060e_563c9f40_orig)
<br>

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

1. Сверстайте прогресс-бар
<br>
3. Сверстайте прогресс-бар

![progress_bar](http://img-fotki.yandex.ru/get/5823/2776.b/0_6060f_caaf4030_orig)

1. Сверстайте кнопку
<br>
4. Сверстайте кнопку

![button](http://img-fotki.yandex.ru/get/5823/2776.b/0_60610_bddadf78_orig)
<br>

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


1. Сверстайте список из иконок
<br>
5. Сверстайте список из иконок

![browsers_list_icons](http://img-fotki.yandex.ru/get/5413/2776.b/0_60611_e7b6ded5_orig)
<br>

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

![browsers_list_text](http://img-fotki.yandex.ru/get/4423/2776.b/0_60612_591746c9_orig)

1. Сверстайте текст
<br>
6. Сверстайте текст

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

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