Верстка HTML-страниц в соответствии с макетом в Figma

Задача: сверстать адаптивные страницы в соответствии с макетом в Figma (ссылка). Макеты содержат одну основную страницу с двумя состояниями.

Верстка: HTML + CSS.

Для выполнения задачи будут предоставлены:

• Общая структура проекта, базовые стили;
• Основной хедер и футер сайта;
• Макеты в Figma с подробным описанием, компонентами и состояниями.

В итоге необходимо просто встроить верстку в шаблон нашей страницы.

Cервис будет показывать локацию персонажа Xur (NPC) в игре Destiny 2. Персонаж меняет свою локацию раз в неделю. На сервисе будут показаны координаты, видео-туториал по поиску локации, награды за текущую неделю и таймер появления и исчезновения персонажа.

Пример похожего сервиса https://whereisxur.com/