Вёрстка Landing Page для Cozy House

HTML-верстка
52 просмотра
14.12.2020
3740×78069 МБ
slavon4ik1.github.io_cozy-house_ (5).png

Ссылка:  [url=https://bit.ly/34PBtWK]Cozy House[/url] Техническое задание. Задание состоит из 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 ([url=http://validator.w3.org/]http://validator.w3.org[/url]) ● Минимальный оптимизированный html/css код.  ● Все оформление и изображения, не изменяемые динамически, выносятся в таблицу стилей (css). Ничего не должно быть прописано через inline стили. Исключением могут быть стили динамически добавляемые javascript. ● Reset css. ● Использование спрайтов, иконочных шрифтов и однопиксельных картинок для фоновых изображений (если такое необходимо) ● Нестандартные шрифты должны быть подключены в проект напрямую без подключения сторонних сервисов. Приложений 1 – Дизайн для Figma
CSSFigmaHTMLJavaScriptjQuery