Сроки выполнения работ по верстке 7 дней
Тематика: вызов эвакуатора
Необходимо сверстать длинный лендинг (3 страницы) с поп-ап формами + мобильная версия по приложенному дизайну с использованием JS.
Страницы должны корректно отображаться во всех мобильных устройствах (смартфоны и планшеты) в горизонтальной и вертикальной ориентациях, а также во всех современных браузерах: IE, Chrome, Mozila Firefox, Opera, Safari, Edge
ТЗ для главной (на внутренних страницах блоки дублируются)
1.
на заднем фоне вместо картинки будет вставлен видео ролик, градиент сделать наполовину прозрачным.
-
после ввода информации в окошки, необходимо подсвечивать границу желтым цветом
- цена должна меняться в зависимости от выбранных параметров
2.
ссылки.
- при наведении на номер телефона менять цвет
3.
- текст выезжает слева
- при наведении на телефон он меняет цвет на белый
- "Более 10 лет" сделать с эффектом параллакса. Внутри надписи, отдаленно, будут хаотичные элеменеты (3-4 разных размеров) желтого цвета (желательно аварийный знак в PNG). И по мере движения мышью, эти элементы будут двигаться. Направление движения противоположное. То есть двигаем мышку вниз, элемент двигется вверх.
4.
- текст "Хотите..." появляется снизу
- треугольникам задать движение, но при этом они должны медленно остановится, как только пользователь полностью доскролит до нижней границы надписи "Гарантия низкой цены"
- как только доскролил, появляется стролочка
5.
- при наведении на телефон смена цвета (ссылка на набор)
- в область добавить рыбный текст, 15 слов.
- при наведении на кнопку, делать ее желтой
6.
- такой же параллакс слоя, как и в п.3, на котором будут только слова "скидка"
7.
- при наведении на телефон смена цвета на белый
8.
- цифра 18250 имеет эффект быстрого набора от 0 до 18250
- при наведении на блоки преимуществ, они будут полностью закрашиваться и иконка будет опускаться, при этом
машинки при наведении проедут вправо, и снова остановятся на своем изначальном месте.
9.
- рабочий таймер
10.
- при наведении на категорию, затемнение будет убираться сверху вниз, но не полностью, будет оставаться темная область внизу (градиент) в который переедет текстовый блок
- вся область одного блока является ссылкой
11.
12.
здесь будет карта, которую можно взять с эвакуатор-дешево.москва
логика:
12.1 при наведении на округ на карте, в меню слева он тоже подсветится и наоборот;
12.2 район выбирается только слева;
12.3 только после выбора района, эта область
, сменится на
12.4 при наведении на телефон смена цвета
12.5 при клике по кнопке "свернуть" будет происходить возврат к полю
, в котором не будет ничего выбрано.
12.6 для каждого района, разное количество "эвакуаторов поблизости"
13.
14.
- игра собери пазл, после собрания пазла появляется поп-ап
Макеты:
или тут yadi.sk/d/X2JpgApA3MgqfJ
По бюджету, 9 тыс. рублей за главную страницу. Внутренние по договоренности.
P.S. оплата по вебмани
Прошу откликаться тех, кто имел подобный опыт работы и уверен в выполнении дедлайна.
А также в сообщении указывать ссылку на длинный лендинг или на сайты, где часто использовался JS.