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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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