|
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. |
|
Column B |
This is column B of a two column layout. For best results, use the same amount of content in each column. |
|
|
|
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. |
|
|
|
Hide Elements on Desktop |
This section will be hidden on desktop clients but visible on mobile devices. |
|
|
|
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 |
|