Вёрстка сайта + несколько маленьких заданий

Сайт и 4 маленьких задания.

Каждое задание нужно разместить на сайте

Каждое задание также нужно отельным архивом прикрепить здесь

Просьба - оставлять комментарии в коде (необходимо самостоятельно разобраться)

Материалы, присутствующие в курсе, также прикрепляю архивом (на всякий случай)

Задание 1: Вёрстка сайта

Сверстать страницу сайта согласно заданию

1. Сделать свой логотип размером 100х100рх при стандартном размере экрана.
2. Обязательные части страницы сайта: шапка(header), footer, часть контента, меню.
3. Сайт может быть выполнен по любой технологии верстки, кроме табличной.
4. Сайт выполнен в одном стиле.
5. Продумать общий дизайн сайта.
6. Продумать решение для каждой части макета.
7. Сайт должен иметь физическую и логическую структуру.

Дополнительно:

1. Сайт выложен на реальный хостинг.
2. У сайта должна быть любая, но адаптивная верстка.
3. Проверка на разных устройствах.
4. Свой логотип обязательно.
5. Сайт должен иметь свое содержание и должен быть соответственно оформлен.
6. Все задания должны быть видны на сайте.
7. Все ссылки должны работать и быть информативными.

Задание 2: Рисунок CSS

Создать такой рисунок, с помощью стилевой таблицы pic.css Размер 200х200px.

Рисунок разместить в части Content

Задание 3: Flexbox

Задание разместить на отдельной странице сайта

Материалы и описание в прикреплённых файлах

Задание 4: DOM

Задание разместить на отдельной странице сайта

Описание в прикреплённом файле

Задание 5: Меню

Задание разместить на отдельной странице сайта

Описание в прикреплённом файле