Требуется верстка макета интернет-магазина

Требования:

HTML:

Валидность: Код проходит проверку на validator.w3.org без ошибок.

Семантика: Структура документа логична, используются теги <main>, <section>, <nav> и т.д.

Доступность: Все ссылки и кнопки доступны с клавиатуры.

Атрибуты alt: Заполнены для всех контентных изображений.

CSS/SCSS:

БЭМ: Все новые классы именуются строго по методологии. Никаких вложенных селекторов, кроме как для элементов и модификаторов.

Относительные единицы: Размеры в px (конвертируются в rem автоматически). Не используй rem или em вручную.

Mobile First: Десктопные стили находятся внутри @media screen and (min-width: ...).

Производительность:

Изображения: Оптимизированы и, где возможно, сохранены в WebP.

Lazy Loading: Для всех изображений ниже первого экрана добавлен атрибут loading="lazy".

Пожалуйста, перед тем как сдавать работу, убедитесь, что каждый пункт выполнен.

Ссылка на макет - https://www.figma.com/design/QB0sWYcAFBJ7WzqtBDunnC/%D0%94%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-Sparkcell?node-id=0-1&t=nkquPLoDaU2dF0qU-1

В отклике обязательно указывайте сроки выполнения.