Как сделать шаблон e-mail письма с табличной версткой с inline-CSS?

Question

[Norum]

Мне дали тестовое задание, которое состоит из 2 под заданий. Первое задание ясно, но вот со вторым есть небольшая неуверенность.

1) Необходимо создать HTML-документ, в котором будет произвольный заголовок, текст, ссылка (кнопка) и картинка.
Добавить следующее оформление :
- на десктопе все элементы расположены в блоке шириной 60% от размера экрана. На мобильных устройствах на всю ширину. Блок расположен по центру.
- Заголовок размером 24px, черного цвета, расположение по центру
- Текст размером 16px, цвет – серый, обтекание картинки справа
- Картинка шириной 300px
- Ссылка в тексте открывается в новой вкладке, при наведении убирается подчеркивание.
- адаптив для мобильных устройств

2) Сделать HTML шаблон e-mail письма с такими же элементами и оформлением, (табличная верстка с inline-CSS)

Comments

[Антон Литвиненко]

Если вы никогда не работали с html письмами готовьтесь осваивать новую технологию. Это отдельный пласт знаний, забудьте все что знали про вёрстку - это вам не поможет)

[archelon]

вопрос-то в чем?
если что, в гугле есть куча информации по вёрстке писем.

[gladislav99]

Это не вопрос а полноценное задание. С таким на фриланс идите.

Answer 1

[Владимир Майструк]

Тебе надо весь шаблон представить таблицей, то есть секцию заменить на тег таблица а дивы на ячейки

Comments

[Владимир Майструк]

И еще, вам найдо найти в интернете верстка html писем, там все расскжеться более подробно, если у вас есть знакомый верстальщик кто советую спросить что либо у него, в общем тут много путей

[Елизавета]

Владимир Майструк, отличный совет про знакомого верстальщика.