Верстка Landing Page Bootle Pay
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Ссылка:
Техническое задание.
Задание состоит из 2х этапов:
● Верстка десктопной версии сайта
● Верстка мобильной версии, основанным на десктопной версии. Мобильную версию необходимо
выполнить на свое усмотрение.
Дополнительно
● Sticky header
● Кнопка Go up в футере должна вести плавно к началу страницы с учетом того что блоков в проекте может быть намного больше.
● Для иконок необходимо использовать https://icomoon
● Шрифт проекта Poppins
● Контент на сайте – динамический
● Все элементы которые подразумевают hover/active состояние должны иметь стилизацию для
этих состояний (в дизайне может быть не отображено)
Требования к выполнению работы
● Использовать 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