Редизайн и верстка страницы "Услуги" для WordPress
Основная задача
Полностью изменить визуальное представление и структуру страницы "Услуги" на сайте WordPress в соответствии с предоставленным макетом-наброском. Существующую верстку необходимо не удалять, а закомментировать в коде, чтобы обеспечить возможность быстрого возврата к предыдущему дизайну.
Требования к новой верстке
Структура и адаптивность
- Сетка услуг: Карточки услуг должны отображаться в адаптивной сетке:
- Мобильные устройства: 1 карточка в строке
- Планшеты: 2 карточки в строке
- Десктоп: 3 карточки в строке
- Иконки: Для каждого блока основной услуги слева от заголовка добавить небольшую SVG-иконку. Иконки необходимо взять из текущего дизайна сайта.
Стили и типографика
- Шрифт: Для всех текстовых элементов на странице использовать шрифт
font-family: "Codec Pro News";
- Цвета:
- Основной цвет текста: #0d4627 (зеленый)
- Цвет текста для цен: #996a4a (коричневый)
Интерактивность и функционал
- Эффект наведения: При наведении курсора на элемент подуслуги с ценой (на всех устройствах) должен появляться зеленый фоновый подсвет, как показано в макете.
- Модальное окно: Клик по подсвеченной области (подуслуге с ценой) должен открывать модальное окно с формой обратной связи. Модальное окно должно быть идентично тому, которое используется на странице "Цены".
Сопутствующее задание
- На странице "О нас" необходимо изменить элемент дизайна: заменить зеленый фоновый блок на элемент с зеленой обводкой (рамкой).
Что предоставляется
- Визуальный набросок (макет) новой страницы Услуг.
- Скриншот текущей страницы Услуг (для понимания текущей структуры).
- Скриншот страницы "Цены" с примером модального окна.
- Скриншот страницы "О нас" для внесения правки.
- Текстовое наполнение для всех блоков услуг (будет отправлено отдельно).
Технические примечания
- Работа ведется в среде WordPress.
- Старая верстка должна быть сохранена в закомментированном виде.
- Все изменения должны быть выполнены качественно, с учетом адаптивности и кроссбраузерности.