Б: ТЗ на верстку e-mail шаблона

Б: ТЗ на верстку e-mail шаблона

Сверстать e-mail шаблон для массовой рассылки интернет-магазина.

1. Скачать исходник в PSD: ссылка на скачивание макета

2. Сверстать шаблон:

• Верстка нужна кросс-e-mail: чтобы корректно отображалась в распространенных почтовых клиентах (gmail, outlook, mail, yandex, rambler).

• Верстка нужна адаптивная: чтобы корректно отображалась на разных устройствах (смартфоны, планшеты).

• «Шапка» становится ?же (лого ближе к телефону и дате).

• Баннер масштабируется.

• Текст масштабируется.

• Заголовок раздела масштабируется.

• Блок 4?го товара перестраивается в 2 строчки по 2 товара.

• Блок 3?го товара перестраивается в 3 строчки по 1 товару.

• Блок 2?го товара перестраивается в 2 строчки по 1 товару.

• Блоки картинка слева и справа становятся ?же (ширина текста уменьшается).

• Маркированный список масштабируется.

• Верхняя часть футера перестраивается в 2 строчки по 2 столбца.

• Текст в нижней части футера масштабируется.

• Верстка нужна блочная: добавить в код комментарии, отмечающие начало и конец каждого блока:

3. В результате предоставить html-файл шаблона (картинки залить на сервер).

Материалы по теме

• Статья про верстку для e-mail: ссылка на статью.

• Статья про адаптивную верстку: ссылка на статью.

• Пример верстки шаблона (кросс-e-mail, адаптивный): ссылка на шаблон.

• Сервис для проверки верстки на разных устройствах: http://viewlike.us.

• Сервис для проверки верстки в разных почтовых клиентах/на разных устройствах:

https://litmus.com.

Данный текст является ознакомительным фрагментом.