Задание Пора верстать сайты “с нуля” и уже немного серьезнее, верно? Сегодня твоя задача сверстать вполне настоящий одностраничный сайт про искусственный интеллект. Настоящий сайт - настоящие требования, а именно:
Требования к коду
Правильная вложенность тегов
Соблюдение семантики
Визуальные требования
Соблюдение отступов
Соблюдение цветов
Соблюдение рамок элементов
Соблюдение правил позиционирования
Соблюдение настроек шрифта
Соблюдение настроек фонового изображения
Функциональные требования
Работающее меню навигации
Работающая кнопка “Наверх”
Подсказки:
Шрифт заголовков статей страницы - Times, остальной текст - Arial
Толщина шрифта заголовков статей - нормальная
Фоновое изображение шапки растянуто на весь блок с сохранением пропорций, отцентрировано
Внутренние отступы статей - 30 px со всех сторон
От границы окна до статьи - 100 px
Координаты кнопки “Наверх” - 30px справа, 30px снизу
Содержание (меню навигации) заключено в отдельный блок article, вместо header
Используемые цвета:
#C3512F (красный) - заголовки, ссылки, курсивный текст
#192135 (темно-синий) - подвал, основной текст, рамки изображений и кнопка “Наверх”
# (белый) - фон статей и кнопки “Наверх”, цвет шрифта подвала и шапки
#F5F5F5 (светло-серый) - общий фон тела страницы
#DCDCDC (серый) - рамки статей
Все необходимые изображения и текст страницы расположены в блоке материалов под заданием. Посмотреть, как всё должно выглядеть, можно в блоке “Результаты”.