Требуется адаптивная верстка шаблона

Макеты дизайна - https://www.figma.com/design/5xJFn9Vsegsp0Scx8eZSr...

Требования:

- Не должно быть кода решающего задачи верстки, которые могли быть решены через CSS.
- Не забывайте про flexbox и grid.
- Весь HTML, CSS и JS код должен быть оформлен по современным стандартам.
- Код должен располагаться в соответствующих файлах, если это JS и CSS
код, то он должен находиться в файлах *.js и *.css, соответственно.
- Весь код должен пройти W3C валидацию без ошибок.
- Основные блоки кода (JS и в некоторых случаях CSS) должны быть покрыты
комментариями, без лишнего фанатизма, но таким образом, дабы любой
разработчик мог разобраться в коде и внести правки самостоятельно. Это
относится только в продакшен коду готовому к загрузке в git репозиторий.
- Запрещено использование комплексных решений вроде FontAwesome ради вставки пары иконок.
- Старайтесь сделать код максимально компактным. Однако, не надо
изобретать велосипеды. Если есть простое и быстрое решение задачи с
использованием какой-либо библиотеки, то смело включайте её в проект.