Здравствуйте коллеги.
Необходимо собрать лендинг из элементов нескольких лендингов + доверстать имеющиеся материалы.
Прототип прилагаю.
Папки с сайтами прилагаю.
Все работа производится с сайтом 3. Но некоторые элементы берутся с других сайтов.
Верхний блок (плавающий – то есть он перед глазами всегда при скроле.) берется с сайта 4. Это лого+меню+кнопка обратного звонка. Но его нужно сократить по высоте до размера высоты кнопки + 1 мм сверху и снизу. И сделать возможно менять цвет подложки.
Искусственные елки с натуральными шишками со скидкой 50% – берется с сайта 3. Только ему нужно убрать кнопку Заказать звонок из правого верхнего угла, так как она уже есть в верхнем плавающем блоке.
Далее блок с 3 иконками и текстом "Елки от 0,6 до 3 метров- Бесплатная доставка по-Гарантия качества по договору" – с 3 сайта.
Далее идет блок с плиткой тегов – это обычные ссылки, но стилизованные под кнопки. Например так:
<div class="tag-block">
<ul class="tag" style="max-height: none;">
<li>
<a хрев="ССЫЛКА">АНКОР</a>
</li>
<li>
<a хрев="ССЫЛКА">АНКОР</a>
</li>
</ul>
</div>
Блок Каталог – сами карточки товаров используются с сайта 3, но с доработками. Товары должны иметь возможность менять цвет и толщину рамки (в коде нужно прописать). При наведении на фото товара должна всплывать полупрозрачная подложка с читабельным текстом с характеристиками елки. Таких секций с товарами будет несколько. Необходимо что бы можно было добавять их путем копи-паста с заменой фото и текстов.
Далее блок с кастомным HTML. То есть тут будет какой-то текст, с подзаголовками, списками, ссылками и таблицей.
Далее блок Отзывы – нужно создать с нуля. Это слайдер. Перелистывается каждые 5 секунд. Отзыв состоит из квадратной фото 200200 px, текстом. 5 строк текста, и 4 элемента – Имя, дата, город, адрес.
Далее блоки: А у Вас есть под что положить подарки? и Закажите Елки для себя, друзей, родных или своей организации и получите специальную цену! – с 3 сайта.
Далее фотогалерея. Квадратные фото с текстами и кнопкой заказа – при нажатии всплывает попап с сайта 3.
Далее блок с сертификатами – просто фото.
Далее блок Структура нашей елки – с сайта 4.
Далее заголовок H2 и карта с кодом с яндекс карт.
Далее футер – лого, ссылки, реквизиты, иконки соцсетей со ссылками на них, кнопка и копирайт.
В результате я должен иметь возможность из всех этих блоков, пользуясь кодом, собирать другие страницы из блоков кода <div class="ХХХ">...</div>
Адаптив нужно сохранить и новые блоки тоже нужны адаптивными.
Сейчас некоторые данные тянутся и подставляются на сайт с файла config.inc.php – это нужно сохранить. Все кнопки или вызывают попап или добавляют товар в корзину так же как на сайте 3.
Функционал корзины должен работать так же как на сайте 3. Заявки должны отправляться так же как на сайте 3.
Жду от вас оценки сроков и стоимость работы.
Работоспособность сайта будет проверена онлайн. Можете развернуть сайт на любом тестовом хостинге.
Оплата по факту после проверки.