Техническое задание: Исправление верстки email-рассылок

Цель проекта

Исправить четыре готовых HTML-макета email-писем для их безупречного и единообразного отображения в популярных почтовых клиентах и веб-интерфейсах, включая Gmail, Outlook, Apple Mail, Яндекс.Почту и Mail.ru.

Основные проблемы в текущих макетах

• Некорректное отображение фоновых изображений (фонов)
• Наличие белых полос по краям писем
• Конфликтующие или неработающие стили
• Некорректная ширина контейнеров и элементов
• «Сломанные» или неотображающиеся границы элементов
• Наличие лишних технических элементов (пустые ячейки, строки таблиц)
• Нестандартные или отсутствующие заголовки
• Наличие черного фона, который необходимо убрать
• Прочие визуальные и технические недочеты

Задачи для исполнителя

1. Унификация фонов: Привести все фоновые изображения и цвета к единому, предсказуемому поведению во всех клиентах.
2. Исправление ширины: Привести логику расчета ширины всех контейнеров к единому стандарту, чтобы письмо растягивалось на всю доступную ширину.
3. Кроссплатформенная адаптация: Обеспечить идентичное отображение в указанных почтовых сервисах и клиентах (Gmail, Outlook, Apple Mail, Яндекс, Mail.ru).
4. Очистка кода: Удалить пустые и служебные табличные ячейки/строки, не несущие смысловой нагрузки.
5. Визуальные правки: Исправить или заменить неработающие границы (borders). Убрать черный фон. Добавить корректные семантические заголовки.
6. Общая оптимизация: Исправить неверные значения атрибутов, разрешить конфликты стилей, устранить прочие недочеты, мешающие корректному отображению.

Требования к результату

• 4 исправленных HTML-файла с валидной версткой для email.
• Письма должны отображаться без белых полос по бокам.
• Фон (подложка) должен занимать всю ширину письма в каждом клиенте.
• Верстка должна быть стабильной и предсказуемой.