Верстка нескольких страниц нового сайта

1) Адаптивность (для всех современных устройств)
2) Быстрая загрузка developers.google.com/spe... – проверка на инструменте. Сайт должен быть хорошо оптимизирован под мобильные устройства.
3) Меню должно работать на всех устройствах
4) На мобильных подразделы должны быть легко доступны
5) Верстку разместить на своем сервере для проверки и тестирования.
6) После принятия сдать архив с html css js файлами.
7) На всех устройствах, от телефона 320 px до 1920 px должно быть аккуратно и красиво.
8) Для поля "телефон" поставить плагин, чтобы нельзя было ввести буквы + форматирование под телефон.
9) Поставить просмотрщик фото.
10) Добавить анимацию, для оживления сайта (по своему усмотрению).
11) Добавить эффекты на кнопки.
12) При изменении изображения лого в шапке или футере, адаптивность не должна нарушаться.
13) Картинки должны обтекаться текстом, в том числе маркерованными и нумерованными списками.
14) В блоках с текстом не должно быть классов у каждого списка, элемента списка, абзаца. Стили должны быть наложены на селектор, например, если блок с текстом имеет класс «.text_block», то выглядит это следующим образом: “.text_block p{стили}”, “.text_block ul li{стили}”, “.text_block ol li{стили}”.
15) Текст в текстовых блоках должен быть выровнен по ширине (Justify).
16) Для изображений использовать следующую конструкцию:
<picture>
<source srcset="картинка.webp" type="image/webp">
<img src="картинка.jpg" alt="">
</picture>
17) Меню должно быть липким на декстопе и мобильной версии