Верстка промо одностраничника

Требуется сверстать промо одностраничник по макету созданому в Firgma, далее изложены задачи:

1. Для верстки будут предоставлены макеты: desktop 1920x1080,  mobile 414 и дубликат desktop 1920x1080 с подписью где какая анимация происходит. Хоть mobile макет в ширину 414, но появляться обязан при размере страницы в 700-800 пикселей. Следовательно требуется что бы все элементы выглядели относительно для этого размера.

2. Обязательно использование vh в верстке, так как, сайт обязан быть таким как он задуман даже при масштабировании. Хоть desktop в ширину 1920 пикселей, но это не значит, что отправной точкой является именно эта ширина, сайт обязан сохранять свой "человеческий вид" [1] и на экранах 8к, 10к и т.п. Любой, размер, даже адски широкий, узкий, не имеет значения, все равно, сайт обязан выглядеть эстетически красивым, понятным и сохранять простоту и комфорт, даже при странных размерах. В случаях,  когда нет возможности, сохранить адекватность, не используя scrollbar, например экран разбит на 2 блока и высота, больше ширины, разрешен scrollbar.

[1] - человеческий вид, адекватность в общем ключе оценивает Заказчик, но так же на момент разработки мы опираемся на ваше виденье.

3. Весь текст, написанный на русском языке, обязан быть в виде текста, и не как иначе, пихать в картинки его не надо, даже если под ним блок картинки, исключением является текст написанный на английском языке, его можно и даже нужно использовать в виде картинки, но обязательно формата SVG.

4. Изображения, которые являются по своей сути SVG [1] , обязаны находиться на странице в теге "svg" [2], изображения, которые не являются svg, обязаны быть подключены из созданной в проекте папки /image/.

[1] - это можно понять нажав "Copy as SVG" в Figma, скачав и просмотрев, есть ли хеш изображения в виде base64, если есть, то это не SVG.
[2] - если при использовании <svg> тегов у вас почему то ломается или теряется цвет изображения, переименуйте все id изображения.

5. Шрифты обязаны быть подключенными из CDN Google Fonts [1], исключением являются шрифты, которых в CDN нет,  они обязаны быть подключенными из созданной в проекте папки /fonts/.

[1] - подключение производится через css файл при помощи import.

6. При создании анимации приоритет сделать ее через css, если такой возможности не наблюдается, используйте javascript.

7. Javscript обязан быть написан на ванилле, то есть без каких либо фреимворков.

8. Javscript код обязан находится внутри тегов "script",  перед закрытием тега "body". Подключение javascipt кода в отдельном файле, не имеет право на существование. Минифицировать, обфусцировать javascript код нельзя, проверки на наличие DOM элементов, производить не надо.

9. Обязательна кроссбраузерность, увы, но Internet Explorer, тоже браузер. Проверка будет производится на всех доступных браузерах [1].

[1] -  Opera, Internet Explorer, Edge, Chrome,  Opera (mini), Firefox (Tor), Safari, Android Browser и т.п.

10. При увеличениях сроков, настоятельно просим извещать заранее.

При предоставлении проекта:

- Файл html 1 (обязательно)
- Файл css 1 (обязательно)
- Папка с fonts (смотреть пункт 5)
- Папка с изображениями (смотреть пункт 4)



Перед созданием заявки, настоятельно просим прочитать все выше изложенное, затем нами будет предоставлен макет, экономьте свое и наше время. Каждый из пунктов обязателен, остальные моменты обсуждаемы. Выбор цены оставляем за Исполнителем, сроки так же, но просим что бы создание одностраничного промо не превращалось в "месячное застолье". Макетов много, рассчитываем на плодотворное и долгое сотрудничество.

Ну и для каждого кто задумается, опять же повторяем, экономьте свое и наше время
"Бери ношу по себе, чтоб не падать при ходьбе. "