Master HTML and CSS coding for emails

In this HTML email development course, we will give you the hands on skills to convert a Photoshop email design into best practice HTML and CSS. You will learn coding techniques to ensure that your email campaigns not only look great for your users, but work across the myriad of email readers.

  • 1

    HTML Email Build 1.0

    • Chapter 1 - shell

    • Chapter 2 - preheader

    • Chapter 3 - logo

    • Chapter 4 - menu

    • Chapter 5 - hero image

    • Chapter 6 - hero copy

    • Chapter 7 - two column

    • Chapter 8 - four column

    • Chapter 9 - three column

    • Chapter 10 - terms and conditions

    • Chapter 11 - Next steps

  • 2

    HTML Email Build 1.1

    • PSD design - slicing assets for email

    • HTML Email Build 1hr+

  • 3

    HTML Email Build 1.2 (Using Background images)

    • 1. Background images - Concept explained

    • 2. Background images - Photoshop Design overview

    • 3. Understanding background styles

    • 4. Top section part 1

    • 5. Top section description copy part 2

    • 6. Background images - Three Column section

    • 7. Next steps

  • 4

    HTML Email Build 1.3

    • Christmas template