GO IT course
https://ljubik.github.io/goit-markup-hw-02/
Домашнее задание
Создай репозиторий goit-markup-hw-02. Склонируй новый репозиторий и перенеси в него файлы первой работы. Набери разметку страницы Портфолио. На размеченных страницах Студия и Портфолио добавь оформление цвета и текста. Настрой раздачу статики с GitHub Pages и добавь ссылку на живую страницу в шапку GitHub-репозитория. Критерии приёма работы Основные критерии прёма работы
Дополнительные критерии
Создан репозиторий goit-markup-hw-02. Разметка страницы Портфолио набрана в файле portfolio.html. Атрибут href навигационных ссылок Студия и Портфолио содержит относительный путь к html-файлам соответствующих страниц. Выделена палитра цветов макета и для её хранения использованы CSS-переменные. Оформлены эффекты (изменение цвета текста) наведения и фокусировки для интерактивных текстовых элементов. Изменение фона и цвета иконок не делать. В шапке репозитория есть ссылка на живую страницу.
Общие критерии приёма работ Если какой-либо критерий не применим к вашему текущему заданию - пропускайте его. Например, в первой работе нет оформления, поэтому все критерии стилей неприменимы.
Проект
Главный HTML-файл называется index.html.
В корне проекта есть папка images с изображениями.
В корне проекта есть папка css с файлами стилей.
Вся собственная стилизация выполнена в одном файле стилей styles.css.
В названиях файлов нет заглавных букв и пробелов, только буквы английского алфавита.
Отсутствуют сокращения и транслит в названиях классов, атрибутах и названиях файлов.
Единообразное написание и форматирование HTML и CSS кода согласно руководству.
Разметка и оформление
Выполнена HTML-разметка всех элементов макета, если не указаны исключения.
Теги использованы согласно их семантического смысла.
Документ проходит проверку на валидность http://validator.w3.org/nu/.
Все изображения и текстовый контент взяты из макета.
Для стилизации не используются идентификаторы.
В стилях отсутствует !important.
Нет глобальных стилей тегов, кроме , и .
Для красочных изображений используется растровая графика в формате jpg.
Для всех иконок используется векторная графика в формате svg.
У интерактивных элементов, при нажатии или фокусе с клавиатуры, есть активное состояние.
Подключены правильные шрифты. Размеры, высота строк, цвет и толщина текста равны значениям в макете.
Указаны альтернативные варианты шрифта и тип семейства в конце перечисления font-family.
Использована нормализация стилей normalize.css.
Внешние отступы и внутренние поля у блоков сделаны по макету с погрешностью 1px (можно округлять нечетные значения вниз или вверх на 1px).
Размеры контейнера, больших сеточных блоков и элементов внутренних микросеток совпадают с макетом с погрешностью 1px (можно округлять нечетные значения вниз или вверх на 1px).