Hero Section
This section is designed to include a hero image, title, and copy. It can be used to feature your main content in your email. This section will scale 100% of the device width when viewed on a mobile device. The image can be any height but must be no bigger than 540px wide for best results.
Full Width Section
This section is designed to display a title and copy that fills the entire width of the email. When viewed on a mobile device it will fill the device width.
Column A
This is column A of a two column layout. For best results, use the same amount of content in each column.
Button
 
Column B
This is column B of a two column layout. For best results, use the same amount of content in each column.
Button
Column A
This is column A of the three two column layout. For best results, use the same amount of content in each column.
 
Column B
This is column B of the three column layout. For best results, use the same amount of content in each column.
 
Column C
This is column C of the three column layout. For best results, use the same amount of content in each column.
Printable section.
By default, elements that do not have the .noprint class will show in the print preview when clicked on from the ET generated Print URL.
Non printable section.
Elements that have the .noprint class will not show in the print preview when clicked on from the ET generated Print URL. The @printURL variable is needed for this feature to function correctly. It is located just below the <body> tag above.
Print
Hide Elements on Mobile
This section will be hidden on mobile devices but visible on desktop devices. By adding the class .hide to any element will hide that element on mobile devices.
Flip Order of <tr> and <td>
By default, <tr> and <td> will display in the order that they are coded into the HTML. By using the goToBottom and goToTop classes you can control the order that the <tr> or <td> will be displayed when viewed on mobile devices.
Row 1
When viewed on a mobile device, Row 1 will be placed where Row 2 is on desktop.
Row 2
When viewed on a mobile device, Row 2 will be placed where Row 1 is on desktop.
Bulleted List
This section show's the best practice for including bulleted lists within your emails.
This is a bullet.
For best results use a table and not an unordered list.
Some email clients don't play well with unordered lists.
Bullets can be a great way to list information.
nimblejack
47 S. Pennsylvania St. #800
Indianapolis, IN 46204