Tребуется сверстать адаптивно, пиксель перфект
Требуется сверстать адаптивно, кроссбраузерно, пиксель перфект.
все картинки сделать с эффектом паралакса (они отрисованы по слоям, есть в векторе)
лого и иконки должны быть в svg.
макет имеет версии 320, 768, 1200, 1600 и более. во всех типах разрешений верстка должна смотреться корректно.
верхний слайдер имеет 4 слайда, в каждом слайде элементы должны быть сверстаны по слоям.
например http://joxi.ru/Dr8OBe4h4nvWOA каждый элемент идет по слою, это необходимо для адаптации, для языковой версии, для последующей анимации и паралакса.
у каждого типа разрешения, слайды могут немного отличаться, но смысл тот же.
на первом слайде http://joxi.ru/E2p9y5Bs9VxpDA нужен эффект вот такой https://codepen.io/herve/pen/GoEna
слайды:
http://joxi.ru/n2YV97ZToVyB1A
http://joxi.ru/DmB0BezUwPWYlA
http://joxi.ru/82QN93Ocj3pWJA слайдер в слайдере
http://joxi.ru/5md3Lpvtk10LWr
точки на фоне должны быть отделены от фоновой картинки, чтобы при замене картинки, она все равно была под точками.
этот блок фиксирован при движении вниз http://joxi.ru/KAgXa9PU4e7DJr
поведение меню: http://joxi.ru/EA4ZBeXcwZMlwm при наведении на иконку с тремя полосками, она поворачивается на 90 градусов, а при клике выезжает меню слева.
при наведении на пункты меню на зеленом фоне, тоже указано на скриншоте как надо сделать.
вот все демо версии макетов https://yadi.sk/d/lIw08Ac53Z5Vvt
psd дам исполнителю
каждая картинка http://joxi.ru/52aZ60vc4Zeq1A идет в несколько слоев, это необходимо для эффекта паралакса.
Желательно не использовать любые фреймворки и препроцессоры. а если без них никак, то хотелось бы не заходить далее чем jquery.min (минимальной последней версии)
у css должен быть префикс 2018_
после окончания верстки, нужно сделать копию сверстанной страницы, только без верхнего слайдера, вместо него http://joxi.ru/gmv9BZbsLBnV5r
работа без предоплаты.
эта работа не войдет в ваш портфель.
ваша основная специализация должна быть верстка.
от вас цена, срок, примеры верстки с параллаксом.
все картинки сделать с эффектом паралакса (они отрисованы по слоям, есть в векторе)
лого и иконки должны быть в svg.
макет имеет версии 320, 768, 1200, 1600 и более. во всех типах разрешений верстка должна смотреться корректно.
верхний слайдер имеет 4 слайда, в каждом слайде элементы должны быть сверстаны по слоям.
например http://joxi.ru/Dr8OBe4h4nvWOA каждый элемент идет по слою, это необходимо для адаптации, для языковой версии, для последующей анимации и паралакса.
у каждого типа разрешения, слайды могут немного отличаться, но смысл тот же.
на первом слайде http://joxi.ru/E2p9y5Bs9VxpDA нужен эффект вот такой https://codepen.io/herve/pen/GoEna
слайды:
http://joxi.ru/n2YV97ZToVyB1A
http://joxi.ru/DmB0BezUwPWYlA
http://joxi.ru/82QN93Ocj3pWJA слайдер в слайдере
http://joxi.ru/5md3Lpvtk10LWr
точки на фоне должны быть отделены от фоновой картинки, чтобы при замене картинки, она все равно была под точками.
этот блок фиксирован при движении вниз http://joxi.ru/KAgXa9PU4e7DJr
поведение меню: http://joxi.ru/EA4ZBeXcwZMlwm при наведении на иконку с тремя полосками, она поворачивается на 90 градусов, а при клике выезжает меню слева.
при наведении на пункты меню на зеленом фоне, тоже указано на скриншоте как надо сделать.
вот все демо версии макетов https://yadi.sk/d/lIw08Ac53Z5Vvt
psd дам исполнителю
каждая картинка http://joxi.ru/52aZ60vc4Zeq1A идет в несколько слоев, это необходимо для эффекта паралакса.
Желательно не использовать любые фреймворки и препроцессоры. а если без них никак, то хотелось бы не заходить далее чем jquery.min (минимальной последней версии)
у css должен быть префикс 2018_
после окончания верстки, нужно сделать копию сверстанной страницы, только без верхнего слайдера, вместо него http://joxi.ru/gmv9BZbsLBnV5r
работа без предоплаты.
эта работа не войдет в ваш портфель.
ваша основная специализация должна быть верстка.
от вас цена, срок, примеры верстки с параллаксом.