Верстать формы подписки по дизайну в Figma (постоянно удаленно)

Привет!

Вводные:

Есть сервис popmechanic.io , с помощью которого клиенты сервиса могут установить на свой сайт быстро форму подписки.

Нам нужно помощь с каталогом таких форм для сайтов.

Нужен человек, который знает HTML/CSS и сможет по нашим требованиям верстать и добавлять новые сверстанные формы в каталог. 

Дизайн предоставляем мы (PSD или Figma)

Правила и требования к верстке форм

Задача 1. Тестовая, оплачивается при корректном выполнении.

Сверстать и добавить в каталог форм такой шаблон:

https://www.figma.com/file/Q73Lckx6lVMNR7zw7NPUt8/%D0%A4%D0%9E%D0%A0%D0%9C%D0%AB-%D0%94%D0%9B%D0%AF-%D0%92%D0%95%D0%A0%D0%A1%D0%A2%D0%9A%D0%98?node-id=55%3A0

Протестировать его отображение на тестовом сайте и внести около 15-20 редактируемых параметров (цвета, тексты, шрифт и т. д.) 

Эти параметры вносятся сразу в нашем личном кабинете, куда дам доступ исполнителю.

О настройке редактируемых параметров читайте в Правилах верстки форм.

При качественном выполнении проекта - исполнитель будет получать такую работу постоянно.

ЕСЛИ ПРИНИМАЕТЕ ЗАДАЧУ – ЧИТАЙТЕ ВНИМАТЕЛЬНО УСЛОВИЯ:

1. нужна не просто верстка, а верстка с нашими тегами и по нашим правилам

2. финальный результат принимается ТОЛЬКО в виде уже готового шаблона, доступного для редактирования клиентами, в шаблоне должно редактироваться все, что может быть нужно, а именно:
- шрифт: тип, межстрочный интервал, размер заголовка, подзаголовка, текста 3 строки, размеры на мобильном
- текст заголовка, подзаголовока, 3 строки, кнопки 1 экрана, политики конфиденциальности, кнопки 1 экрана, 2 экрана, заголовка экрана благодарности, текста экрана благодарности

- наличие картинки, политики конфиденциальности, заголовка, подзаголовка

- картинка (url), расположение картинки (выносится ли за пределы),  ширина картинки, 

- цвета: фон формы или наличие фонового изображения (ссылка на него), цвет заголовка, цвет обводки полей ввода, цвет кнопки 1, цвет кнопки 2 (градиент, при наведении - обратный градиент), цвет текста кнопки, цвет текста политики конфиденциальности, цвет крестика закрытия

- размеры формы - ширина, внутренние отступы

- уровень скругления углов формы, кнопки, полей ввода

3. при выставлении суммы оценивайте конкретную тестовую задачу