Адаптивная верстка по макетам Figma, нужен профи

Кто заинтересован откликайтесь, покажу макеты (Главная + 12внутряков).

Требования:

1. Соответствие макету.

2. Кроссбраузерность, кодировка и doctype.

3. Не должно быть js-ошибок.

4. Без фатальных ошибок в w3c.

5. CSS должен быть написан с использованием препроцессоров(LESS/Sass/Stylus).

6. Независимость блоков в CSS: минимизация каскада,использование, по возможности, техник БЭМ

7. Подключение CSS и JS – в конце HTML, перед , но только,чтобы сайт не "прыгал" при загрузке

8. Минимизировать кол-во загружаемых файлов: использоватьCSS-спрайты; Использовать только WOFF2 и WOFF при подключении web fonts;

объединять все css и js в один файл.

9. Отложить загрузку данных необязательных для первогоотображения страницы: использовать defer и async для стороннего js;

использовать LazyLoad для картинок, но не в ущерб SEO (src должно вести на

реальную картинку, а не на заглушку);

10. Прописать размеры img в html

11. Минимизировать CSS, JS и HTML

12. Сайт должен нормально смотреться во всех стандартныхразрешениях от 1024 и выше, не иметь горизонтального скролла и вписываться в

экран мобильных устройств

ОБРАЩАЮ ВНИМАНИЕ

Нужна максимально оптимизированная верстка для Page Speed,это означает: минимальный размер HTML, CSS, JS. Не нужно описывать каждый

отдельный элемент для десктопа и мобильного. Иконки нужно использовать в

спрайтах. Минимально используем SVG. Картинки, спрайты должны быть сжаты, но

без потери качества. Никаких лишних библиотек и правил.