Имеется psd лендинга (Во вложении). Необходимо сделать верстку согласно данного тз а также разместить сайт на странице
isoncom.ru/greko-pro (сайт
isoncom.ru/ также сделан на wordpress, хостинг beget). Всю работу необходимо сделать для wordpress чтобы все надписи, картинки и ссылки меняли в кабинете wordpress
1) При нажатии на эту область
skrinshoter.ru/s/190623/Q... (лого+напдись) должен происходить переход на сайт
www.isoncom.ru 2) Ссылки для этих кнопок
skrinshoter.ru/s/190623/e... - О компании:
isoncom.ru/o-kompanii/ - Цены и характеристики: При нажатии на эту кнопку должен происходить скрол к заголовку выберите комплектацию
skrinshoter.ru/s/190623/8... - Видео-обзор: При нажатии на эту кнопку должен происходить скрол к этому заголовку
skrinshoter.ru/s/190623/E... - Отзывы: При нажатии на эту кнопку должен происходить скрол к этому заголовку
skrinshoter.ru/s/190623/b... 3) Хэдер
skrinshoter.ru/s/190623/e... должен быть статичный, т.е. при скролинге вниз он должен оставаться на месте
4) При нажатии на кнопку купить должен происходить скрол к заголовку выберите комплектацию
5) Все кнопки на лендинге должны быть интерактивные (при наведении на них мышкой должны например менять цвет)
6) На кнопке купить должна быть мини анимация, через неё должны проходить светлая полоса, пример здесь
isoncom.ru/category/video... skrinshoter.ru/s/190623/b... Можете скрипт взять отсюда.
7) При нажатии на видеоплеер во всех блоках ниже он должен разворачиваться на весь экран, должно начинаться воспроизведение видео и в правом верхнем углу должен быть крестик закрытия. Пример
skrinshoter.ru/s/190623/3... 8) Раздел выберите комплектацию
skrinshoter.ru/s/190623/e... При нажатии на каринтку она долна разворачиваться во весь экран, в правом верхнем углу должен быть крестик закрытия. При нажатии на кунопку купить должен быть переход по ссылке (ссылки вставим сами, поставьте любую). При нажатии на кнопку Состав и характеристики должен всплывать pop-up, pop-up должен выглядеть вот так
skrinshoter.ru/s/190623/Z... в правом верхнем углу должен быть крестик закрытия
9) В блоке современные технологии
skrinshoter.ru/s/190623/C... делаем слайдер Заполним сами
10) кнопки показать всё должны разворачивать весь блок
skrinshoter.ru/s/190623/I... 11) Перед футером нужно сделать дополнительный блок с блоками 3-х социальных сетей. Пример:
skrinshoter.ru/s/190623/q... Нужно сделать чтобы блоки были именно такие как в примере которые показывают количество подписчиков
12) После блока технологии необходимо сделать блок фото товара и вставить слайдер
13) После блока фото товара сделать блок схема подключения и вставить картинку 1920*1080 (картинку потом поменяем сами)
14) В футере делаем аналогично как в хэдере только добавляются иконки для соцсетей, ссылки вставим сами
Вся работа должна быть адаптивна для мобильный устройств.
- Необходимо предоставить инструкцию как сделать копию этого лендинга. И как изменить адрес для скрола. У нас в будущем будет необходимость сделать 15-20 копий этого лендинга, поменять картинки, цены, описание и продавать другой товар, от вас нужна краткая инструкция (krxit всего в виде скринов) как сделать копию этой страницы и разместить её по ссылке
www.isoncom.ru/alfa - Смежная работа. На сайте
www.isoncom.ru в корзине есть поле комментарий которое необходимо удалить
skrinshoter.ru/s/190623/v... Галочка "Нажимая на эту кнопку вы даете свое согласие на обработку персональных данных (обязательно согласно федерального закона №152) *" должна соответственно переехать выше
Оплата через сделку