Верстка Landing Page Bootle Pay

[b]Ссылка:  [url=https://bit.ly/3hmWv42]Bottle Pay[/url] Техническое задание. Задание состоит из 2х этапов:[/b] ● Верстка десктопной версии сайта ● Верстка мобильной версии, основанным на десктопной версии. Мобильную версию необходимо выполнить на свое усмотрение. [b]Дополнительно[/b] ● Sticky header ● Кнопка Go up в футере должна вести плавно к началу страницы с учетом того что блоков в проекте может быть намного больше. ● Для иконок необходимо использовать https://icomoon ● Шрифт проекта Poppins ● Контент на сайте – динамический ● Все элементы которые подразумевают hover/active состояние должны иметь стилизацию для этих состояний (в дизайне может быть не отображено) [b]Требования к выполнению работы[/b] ● Использовать CSS3 / HTML5 / native Js / jQuery ● reset css (свой или подключить) ● Различные библиотеки, шрифты необходимо подключать напрямую в проект ● Использование сборщиков не требуется Список поддерживаемых браузеров и мобильных устройств ● десктопные браузеры – последние версии; ● мобильные устройства последние версии, так же iPhone, iPad Общие требования к верстке ● Блочная верстка (div-based) на основе БЕМ ● Чистый html/css код ( запрещено использование : javascript (все скрипты выносятся в отдельный файл), expression, style, условных комментариев, не валидых хаков для IE и др.). ● Кроссбраузерность ● Валидный код HTML и CSS для HTML5/CSS3 (http://validator.w3.org) ● Минимальный оптимизированный html/css код.  ● Все оформление и изображения, не изменяемые динамически, выносятся в таблицу стилей (css). Ничего не должно быть прописано через inline стили. Исключением могут быть стили динамически добавляемые javascript. ● Reset css. ● Использование спрайтов, иконочных шрифтов и однопиксельных картинок для фоновых изображений (если такое необходимо) ● Нестандартные шрифты должны быть подключены в проект напрямую без подключения сторонних сервисов. Приложений 1 – Дизайн для Figma