Необходимо сверстать страницу по макету, pixel perfect, на bootstrap 3 или 4, как показано в приложенном макете (уменьшенный).
Для мобильных версий и меньших размеров экрана вы можете сами выбрать расположение элементов, чтобы это оставалось читаемым и прокручиваемым.
Тёмный фон в первой секции это параллакс, должен оставаться на месте. Больше параллакса на странице нет.
Вторая секция на красном фоне яваскриптовый слайдер, должен крутиться на мобильниках смахиванием.
Пятая секция на белом фоне яваскриптовый слайдер, должен крутиться на мобильниках смахиванием.
Всё, что не помещается на экран при загрузке страницы, должно появляться ("приезжать") на страницу слева и справа, в общем по-разному, по мере прокрутки страницы вниз.
Страница должна адекватно смотреться на ширине экрана от 320 пикс до бесконечности, при ширине больше ширины макета, содержимое не увеличивается, увеличивается только фон.
Страница должна одинаково выглядеть и вести себя в браузерах IE10, Chrome, FF, Safari, Opera. Функциональность по прокрутке слайдеров должна работать на андроидах и IOS.
Вообще страницу уже сверстали, и есть готовый код, однако, он не работает на разных разрешениях (только в исходном) и написан очень криво. Поэтому приходится снова искать исполнителя.
Ещё раз упомяну важные для нас вещи:
- адекватность отображения на разных разрешениях (плохой пример я вам прислал в виде на уже выполненную работу)
- pixel perfect всё должно быть на тех местах, на каких нарисовано и использованы шрифты, использованные в дизайне (в крайнем случае максимально похожие)
- одинаковое отображение в IE10, Chrome, FF, Safari, Opera.
Опубликован 02.02.2019 в 20:59