Редизайн и верстка страницы "Услуги" для WordPress

Основная задача

Полностью изменить визуальное представление и структуру страницы "Услуги" на сайте WordPress в соответствии с предоставленным макетом-наброском. Существующую верстку необходимо не удалять, а закомментировать в коде, чтобы обеспечить возможность быстрого возврата к предыдущему дизайну.

Требования к новой верстке

Структура и адаптивность

Сетка услуг: Карточки услуг должны отображаться в адаптивной сетке:
- Мобильные устройства: 1 карточка в строке
- Планшеты: 2 карточки в строке
- Десктоп: 3 карточки в строке
Иконки: Для каждого блока основной услуги слева от заголовка добавить небольшую SVG-иконку. Иконки необходимо взять из текущего дизайна сайта.

Стили и типографика

Шрифт: Для всех текстовых элементов на странице использовать шрифт font-family: "Codec Pro News";
Цвета:
- Основной цвет текста: #0d4627 (зеленый)
- Цвет текста для цен: #996a4a (коричневый)

Интерактивность и функционал

Эффект наведения: При наведении курсора на элемент подуслуги с ценой (на всех устройствах) должен появляться зеленый фоновый подсвет, как показано в макете.
Модальное окно: Клик по подсвеченной области (подуслуге с ценой) должен открывать модальное окно с формой обратной связи. Модальное окно должно быть идентично тому, которое используется на странице "Цены".

Сопутствующее задание

На странице "О нас" необходимо изменить элемент дизайна: заменить зеленый фоновый блок на элемент с зеленой обводкой (рамкой).

Что предоставляется

Визуальный набросок (макет) новой страницы Услуг.
Скриншот текущей страницы Услуг (для понимания текущей структуры).
Скриншот страницы "Цены" с примером модального окна.
Скриншот страницы "О нас" для внесения правки.
Текстовое наполнение для всех блоков услуг (будет отправлено отдельно).

Технические примечания

Работа ведется в среде WordPress.
Старая верстка должна быть сохранена в закомментированном виде.
Все изменения должны быть выполнены качественно, с учетом адаптивности и кроссбраузерности.

копирайтинг