Привет!
Есть вот такой лендинг, он уже свёрстан http://ruki-studio.ru/karpowicz/
Что нужно сделать — внедрить эффект параллакса к блокам:
1. Смену блока следующим за ним при скроллинге вроде такого http://johnpolacek.github.io/scrolldeck.js/decks/parallax/
2. Для блока машин, например, «Инъекторы» (для всех машин она будет одинакова) делаем дополнительную анимацию.
У этого блока 2 состояния – первое, когда показываем фото машины слева и текст-описание справа. И во втором замещаем текст-описание и фото на слайдер.
А анимация вот такая – https://dump.video/i/ZUO2SS.mp4
То есть получается так: скроллим до блока с машиной → Замещаем фоновую картинку на картинку с мясом → Выезжает активная картинка из слайдера (первая, например), а текст-описание переключается на слайдер.
https://i.imgur.com/aHiFdb0.png
3. Блок «Преимущества»
https://i.imgur.com/0NViAcr.png
Блок будет разделен на 2 половины экрана: слева заголовок и иллюстрация логотипа будут зафиксированы, а справа преимущества будут скроллится.
Пример: https://dump.video/i/PFYsK1.mp4
4. Блок «Сервис и поддержка»
https://i.imgur.com/dtcrB2Y.png
Ifhbrb относительно друг друга также будут с помощью параллакса листаться, внизу форма.
Задача нетривиальная. :)
Ищу профессионального верстальщика, с опытом CSS и JS не менее 2 лет + минимально PHP, т.к. вносить большинство изменений надо будет на "живом" сайте. Кроме того, важно понимание оптимизации верстки под Google Page Speed. Требуется сделать ...
Сверстать адаптивно страницу. Адаптивно. В макете есть модалка. Сделать ее фансибоксом. Есть выпадающее меню. Оплата по факту. Сделать нужно за сегодня
Необходимо привести в порядок верстку на сайте на wordpress (десктоп и мобильная): шапка сайта, блоки контента, отступы, шрифты и т.п. Конкретные задачи и вопросы лучше обсудить в skype (в профиле).
Добрый день! Нужна верстка лендинга по макетам Adobe Xd. HTML, CSS, Js или jQuery. Требования к верстке: Кроссбраузернсть, адаптивность (в макетах 2 версии: десктоп и мобильная), Pixel perfect. Важно: На странице есть анимация при скролле (только для десктоп версии). Нужно, она ...
Нужно выполнить верстку сайта www.service-slk.ru по шаблону как на сайте https://detalka.ru/.В обоих случаях используется шаблон unishop.Cделать нужно такой header,добавить избранный товар,верхушку сайта сделать возможным для простого редактирования в админке (там будет текст информативный),ширину сайта и ...
Доброго времени суток, коллеги! Мне в небольшую команду требуется верстальщик-программист. Проект, который необходимо реализовать сейчас, это корпоративный сайт из 20-25 страниц. Дизайнер есть, поэтому если у вас не очень хорошо с дизайном, но очень хорошо с версткой и ...
Нужно внедрить новый дизайн в работающий функционал,возможно его доработав. Проект на джанго.
Есть сайт https://reforma-samara.ru на Drupal 7. У него решили обновить дизайн главной страницы. Начали делать и не закончили. Макет в фигме, скрин прилагаю. Некоторые блоки остались неизменны от старого дизайна. Нужно закончить. Особенность задачи: страница должна быть анимирована, нужно реализовать параллакс эффект в ...