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

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

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

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