02. Add Modules & 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. Creating any email layout is as simple as stacking as many modules as needed inside the table that holds the main newsletter content.
• Module dividers and/or <br> should be used to create space between the modules
• Below you will find each divider and module you need to create a layout, with a preview on the left and source code on the right.
  Note: The preview is slightly different then the source code on the right ( it has added an height and background color to <td> elements to better display the column layouts )
• Copy modules and dividers in the new html file created at Step 01, starting below the comment
  <!-- ////////////////////////////////// START MAIN CONTENT. ADD MODULES BELOW //////////////////// --> until the desired layout is created.

Dividers

Module #1 | 1 col, 540px

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

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

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

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

Module #6 | 2 columns, 352px, 20px spacer, 166px

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

Module #8 | 4 equal columns, 120px, 20px, 120px, 20px, 120px, 20px, 120px

Module #9 | 3 columns, 120px, 20px, 120px, 20px, 260px

Module #10 | 3 columns, 260px, 20px, 120px, 20px, 120px