Доработать макет сайта в Figma и сверстать html css

https://www.figma.com/file/CkchulWuN0HuHTl3tLxCqY/Design?type=design&node-id=0%3A1&t=Q63e0uoGHxzpegZw-1

требуется сверстать всего 3 страницы для отчета и доработать некоторые ошибки в макете figma (сделать рабочее поле ввода, где-то некорректно отображается вся страница)

Как звучит задание:

1. Разработать интерактивный макет сайта из минимум 3-х разделов

на свободную тему:

a) Необходимо разработать концепцию веб-ресурса, который

предоставляет какие-либо услуги. На основе концепции

разрабатывается макет веб-сайта с помощью сервиса Figma. Макет

является полноценной демонстрацией сайта, с помощью которого

пользователь может пройти путь от главной страницы до

получения услуги. В конце своего пути по сайту пользователь

должен получить подтверждение о том, что услуга будет им

получена (или уже получена). Таким образом, данное

подтверждение является конечной точкой в пользовательском

сценарии.

b) Изображения и текстовое наполнение должны быть реальными

(нельзя использовать рыбу). Контент должен соответствовать

заявленной теме.

c) Настроить вертикальный и горизонтальный скроллинг (если он

имеется).

d) Настроить связи между страницами прототипа.

e) Настроить анимацию всех интерактивных элементов сайта при

наведении курсора (hover) и нажатии кнопки мышки (кнопки,

поля формы, иконки, карточки товара и т.п.).

f) Настроить анимацию слайдеров и всплывающих окон.

g) Настроить анимированные связи между страницами прототипа

(если это соответствует концепции и идеи ресурса).

h) Дополнительное задание: создать анимированный экран загрузки

сайта.

i) Итоговый макет сохранить в формате .fig

2. Сверстать разработанный макет, используя свойства HTML5 и

CSS3.

a) В основе верстки должны быть использованы модули CSS3

Flexbox или Grid Layout. Возможно использование сетки и

компонентов фреймворка Bootstrap.

b) Стили оформления должны находиться в отдельном файле

(файлах) CSS.

также начальную страницу в файлах указать с названием index