02. Add Modules + Module Dividers

• The term module is used to describe a pre-made table structure
• Starting from a base <td> width of 120px and 166px and using spacers, modules with different colomn structures are created
• So, creating any email layout is as simple as stacking as many modules as needed.
• Module dividers should be used to create space between the modules
• Below you will find each divider and module you would ever need to create a layout, available with a preview and source code.
• Copy the source code in the previously saved base file, right below the comment <!-- START MAIN CONTENT. ADD MODULES BELOW -->
• Now that You have the layout done it is time to move to step 03 and add some content.

Module Dividers

Divider #1 |61px height divider, line thorugh middle

Divider #2 | 61px height divider white

Divider #3 | 30px height divider

Module #1 - 1 column | 540px column

Module #2 - 2 columns | 260px colum , 20px spacer, 260px colum

Module #3 - 2 columns | 120px column, 20px spacer, 400px column

Module #4 - 2 columns | 400px column, 20px spacer, 120px column

Module #5 - 2 columns | 166px column, 20px spacer, 352px column

Module #6 - 2 columns | 352px column, 20px spacer, 160px column

Module #7 - 3 equal columns | 166px column, 20px, 166px column, 20px, 166px column

Module #8 - 4 equal columns | 120px column, 20px spacer, 120px column, 20px spacer, 120px column, 20px spacer, 120px column

Module #9 - 3 columns | 120px column, 20px spacer, 120px column, 20px spacer, 260px column

Module #10 - 3 columns | 260px column, 20px spacer, 120px column, 20px spacer, 120px column