Привет!

Есть вот такой лендинг, он уже свёрстан 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 относительно друг друга также будут с помощью параллакса листаться, внизу форма.

Задача нетривиальная. :)

4 года назад
katochi
Руслан 
35 лет
11 лет в сервисе
Был
4 года назад

Заявки фрилансеров

Сергей
 
34 года
5 лет в сервисе
Был
4 года назад
4 года назад
Сергей
 
30 лет
5 лет в сервисе
Был
4 года назад
4 года назад
Алексанр
 
31 год
4 года в сервисе
Был
4 года назад
4 года назад
Артём
 
32 года
8 лет в сервисе
Был
час назад
168 отзывов
4 года назад
Лучший HTML-верстальщик марта
ТОП-5
HTML-верстка
Виталий
 
27 лет
5 лет в сервисе
Был
3 года назад
3 отзыва(-1)
4 года назад
Дарья
 
23 года
5 лет в сервисе
Была
год назад
11 отзывов
4 года назад
  • Похожие заказы

  • Ищу профессионального верстальщика, с опытом CSS и JS не менее 2 лет + минимально PHP, т.к. вносить большинство изменений надо будет на "живом" сайте. Кроме того, важно понимание оптимизации верстки под Google Page Speed. ...

    HTML-верстка11 заявок
    Закрыт
    4 года назад
  • $5

    Сверстать адаптивно страницу. Адаптивно. В макете есть модалка. Сделать ее фансибоксом. Есть выпадающее меню. Оплата по факту. Сделать нужно за сегодня

    HTML-верстка1 исполнитель
    Завершен
    4 года назад
  • Необходимо привести в порядок верстку на сайте на wordpress (десктоп и мобильная): шапка сайта, блоки контента, отступы, шрифты и т.п. Конкретные задачи и вопросы лучше обсудить в skype (в профиле).

    HTML-верстка8 заявок
    Закрыт
    4 года назад
  • $300

    Добрый день! Нужна верстка лендинга по макетам Adobe Xd.  HTML, CSS, Js или jQuery. Требования к верстке: Кроссбраузернсть, адаптивность (в макетах 2 версии: десктоп и мобильная), Pixel ...

    HTML-верстка34 заявки
    Закрыт
    4 года назад
  • Нужно выполнить верстку сайта www.service-slk.ru по шаблону как на сайте https://detalka.ru/.В обоих случаях используется шаблон unishop.Cделать нужно такой header,добавить избранный товар,верхушку сайта сделать возможным для простого редактирования в админке (там будет текст информативный),ширину сайта и ...

    HTML-верстка16 заявок
    Закрыт
    4 года назад
  • Доброго времени суток, коллеги! Мне в небольшую команду требуется верстальщик-программист.  Проект, который необходимо реализовать сейчас, это корпоративный сайт из 20-25 страниц.  Дизайнер есть, поэтому если у вас не очень хорошо ...

    HTML-верстка9 заявок
    Закрыт
    4 года назад
  • Есть сайт https://reforma-samara.ru на Drupal 7. У него решили обновить дизайн главной страницы. Начали делать и не закончили. Макет в фигме, скрин прилагаю. Некоторые блоки остались неизменны от старого дизайна. ...

    HTML-верстка6 заявок
    Закрыт
    4 года назад