Opencart 2.1|Исправить кнопки карточек страницы озеленения
Прошу оценить стоимость и сроки.
Сайт:
url: "https://greenpoint24-mirror.dev-jae1.whitebx.ru"
username: "w"
password: "w"
Движок:
Opencart 2.1.0.2.2 PRO с темой Octemplates LUXURY v1.4.1
Задание:
На странице примеров работ
https://greenpoint24.ru/primerirabot/
при наведении мыши на карточку примера отображаются выбивающиеся из общего дизайна функциональные кнопки.
https://up.whitebx.ru/Screenshot_2019-02-28_14:51:33.KJUmhe22V9bcJre1ujv4ia.png
Необходимо найти в файлах темы похожие по смыслу иконки и привести кнопки к виду, похожему на аналогичные на главной странице.
Кнопку "Подробнее" можно выполнить в виде зелёной полосы.
https://up.whitebx.ru/Screenshot_2019-02-28_15:16:21.8PZ6ZtMD54rqdFsh5PrJn.png
Особенности:
A.
КРОССБРАУЗЕРНОСТЬ.
Результаты работ должны одинаково выглядеть в основных браузерах: Firefox, Chrome, Safari.
B.
АДАПТИВНАЯ ВЁРСТКА.
Сайт использует адаптивную вёрстку, необходимо чтобы после выполнения задач, в мобильной версии всё было читабельно и никуда не
съезжало.
Устройство посетителя считается мобильным в случаях когда:
Ширина экрана браузера менее 700px.
User-Agent браузера позволяет определить что устройство мобильное.
Вышеуказанные условия должны реагировать на resize окна браузера (мобильные элементы после ресайза должны быть такими же как после полной
перезагрузки с изначально мобильным разрешением).
Размеры элементов адаптивной версии должны растягиваться в зависимости от размера экрана браузера, и по ширине и высоте, сохраняя
макетные пропорции.
C.
ПОЯСНЕНИЕ ПО АДАПТИВНОЙ ВЁРСТКЕ.
Адаптивность вёрстки мобильного варианта подразумевает, что не существует какого-то отдельного html-кода для мобильной верстки,
дублирующего десктопные элементы. Вместо этого, один единственный
вариант вёрстки, в зависимости от размера экрана, отображается как
десктопный, либо как адаптивный вариант.
D.
МИНИМУМ JAVASCRIPT.
Задачи должны быть выполнены с минимально возможным применением javascript. Если какие-то задачи могут быть решены средствами
PHP/HTML/CSS, то они должны быть решены с помощью PHP/HTML/CSS.
E.
НЕЛЬЗЯ ИСПОЛЬЗОВАТЬ H1, H2, H3.
Для вёрстки новых элементов нельзя использовать теги h1 h2 h3 и т.д., поскольку это вредно с точки зрения SEO.
G.
Выполнение данной задачи не должно сломать какой-либо другой функционал. Если в процессе работы вы что-то сломаете, то исправление
поломки осуществляется вами безвозмездно.
H.
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.
Пожалуйста оцените стоимость и сроки выполнения.