Tребуется сверстать адаптивно, пиксель перфект
Требуется сверстать адаптивно, кроссбраузерно, пиксель перфект.
все картинки сделать с эффектом паралакса (они отрисованы по слоям, есть в векторе)
лого и иконки должны быть в svg.
макет имеет версии 320, 768, 1200, 1600 и более. во всех типах разрешений верстка должна смотреться корректно.
верхний слайдер имеет 4 слайда, в каждом слайде элементы должны быть сверстаны по слоям.
например каждый элемент идет по слою, это необходимо для адаптации, для языковой версии, для последующей анимации и паралакса.
у каждого типа разрешения, слайды могут немного отличаться, но смысл тот же.
на первом слайде нужен эффект вот такой
точки на фоне должны быть отделены от фоновой картинки, чтобы при замене картинки, она все равно была под точками.
этот блок фиксирован при движении вниз
поведение меню: при наведении на иконку с тремя полосками, она поворачивается на 90 градусов, а при клике выезжает меню слева.
при наведении на пункты меню на зеленом фоне, тоже указано на скриншоте как надо сделать.
вот все демо версии макетов
psd дам исполнителю
каждая картинка идет в несколько слоев, это необходимо для эффекта паралакса.
Желательно не использовать любые фреймворки и препроцессоры. а если без них никак, то хотелось бы не заходить далее чем jquery.min (минимальной последней версии)
у css должен быть префикс 2018_
после окончания верстки, нужно сделать копию сверстанной страницы, только без верхнего слайдера, вместо него
работа без предоплаты.
эта работа не войдет в ваш портфель.
ваша основная специализация должна быть верстка.
от вас цена, срок, примеры верстки с параллаксом.