Getting Started

Jump to bottom Edit New page

jng5 edited this page Oct 14, 2014 · 3 revisions

Antwort is not really a framework. It is meant to teach you how to do responsive emails, by transforming columns into rows.

Organization

Download the templates by cloning the repository. Currently we have three (3) available templates:

single column fluid layout
two column simple layout
three column with images

Each template has the following layout:

build.html
source/
  |- styles.css
  |- responsive.css
  |- [template_name].html

build.html - includes the inlined CSS. Use this markup with testing the template via an ESP.
styles.css - template specific CSS.
responsive.css - template specific mobile styles. Note that the mobile styles
- includes reset styles to normalize how clients render email.
- uses preferred [class*="selector"] syntax to prevent Yahoo from rendering mobile version on desktops.

Recommended Workflow

Edit the source html as you see fit.
Re-inline the CSS as you see fit.

Company info