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

• Превью задания
• Скачать архив с заданием (3.5 МБ)

Требования:

• Желательно, не использовать js при решении заданий.
  Все задания можно реализовать только с помощью css.
• Поддержка актуальных версий браузеров (Chrome, Firefox, Safari, Opera, IE 9-11).
  За поддержку старых браузеров + в карму

Задания:

1. Статья

   • Статья фиксированного размера
   • Цвет подчеркивания у ссылок отличается от цвета текста
   • Ссылка может быть на 2 строках
   • Подпись у картинки может быть длиннее, в таком случае она должна переходить на 2 строку

2. Меню

   • При наведении на меню оно становится прозрачным, кроме пункта, на который навели

3. Список статьей

   • Заголовок статьи нестандартным шрифтом PT Sans (Шрифт в архиве)
   • Заголовок всегда в 1 строку, если не вмещается — текст обрезать
   • Статья фиксированной ширины
   • Блок со статьями резиновый по ширине. При сужении статья которая не вмешается, должна перейти на следующую строку и наоборот.
   • Статьи всегда центрируются

4. Форма поиска

   • По умолчанию форма поиска скрыта
   • При клике на лупу выезжает поле поиска
   • Поле поиска исчезает только после повторного нажатия на лупу

   
   Демонстрация работы
   
   

5. Форма регистрации

   • При клике на инпут он принимает focus состояние (Стили отрисованы)
   • У textarea такое же фокус состояние как и у инпута. Textarea ресайзится только по высоте
   • Радио кнопки (состояния: checked, unchecked, hover)
   • Кнопка (состояния: normal, hover, active)

Решения и вопросы присылайте на почту