1. Требуется верстка лэндинга, строго pixel perfect!!! за исключением возможных ошибок в дизайне с выравниваем.

Макеты в 4 разрешениях в Photoshop.

2. Нужно ориентироваться на следующие параметры ширины экрана:
- до 767 px (смартфон)
- 768 – 1023 px (планшет)
- 1024 – 1279 px (малый десктоп)
- от 1280 и выше (большой десктоп)

3. На смартфоне и планшете сайт растягивается на ширину экран. На малом десктопе сайт зафиксирован по ширине 968 px. На большом десктопе сайт зафиксирован по ширине 1232 px.

4. На телефоне в шапке сайта внизу должно быть квадратное пустое пространство для отображения фоновой картинки. Ширина и высота этого пространства должна соответствовать ширине экрана. Фоновая картинка на телефоне должна растягиваться по ширине экрана.

5. В шапке сайта на десктопе и планшете не должно быть фонового цвета, а на телефоне должен быть фоновый цвет #dfeef5.

6. Телефон в шапке сайта является ссылкой. При наведении внешний вид никак не менять.

7. При прокрутке сайта фиксированная шапка должна появляться тогда, когда верхняя граница экрана совпадает с нижней границей основной шапки сайта. Фиксированная шапка должна исчезать, когда нижняя граница экрана находится ниже верхней границы подвала сайта.

8. В шапке сайта у пунктов меню при наведении менять цвет на синий (#003594),не подчеркивать. При нажатии на пункт меню сайт нужно прокручивать к соответствующему разделу плавно.

9. У кнопок при наведении менять цвет фона (цвет текста и обводки) на #18bbf0, использовать transition.

Опубликовано 2 года назад