# HTML Email Bootcamp

Canonical URL: <https://training-nyc.com/courses/html-email>

## Overview

#### Create Powerful & Effective Custom-Designed Emails

Email marketing is a staple of marketing campaigns. In this hands-on course, you’ll learn how to code emails with custom designed layouts and graphics to engage with your customer base. Learn how HTML and CSS are used to code emails, and how the coding techniques differ from coding webpages.

Learn to code responsive emails, which adapt to look good across all device sizes. See how to send emails, from initial tests to the final emails (using an email service provider such as MailChimp).

## What you'll learn

- Learn how to code HTML Email messages that are effective and cross-mail-client compatible.  
- Build and work with multiple layouts (single or multi-column layouts).
- Gain a deeper understanding about email-friendly CSS and how to manage various email client issues.
- Create responsive emails that work across all devices
- Optimize images and swap content for mobile devices
- Use media queries to fine tune mobile styles

## Prerequisites

You should have HTML and CSS coding experience equivalent to our [Web Development with HTML & CSS](/courses/web-development-level-1) class.

## Curriculum

### Section 1

#### Simple Responsive Layout

- Coding the table structure
- Fixing a gap below images
- Making the email responsive
- Introduction to CSS media queries

#### 2-Column Layout: Media Queries

- Coding the nested table structure
- Writing styles for desktop & mobile versions
- Media queries for fine-tuning mobile responsive design
- Modifying media queries

#### Mobile-Friendly Column Layout

- Coding the table for the 2-column content
- Converting the mobile layout to 1-column
- Adding the other date listings
- Refining the CSS

### Section 2

#### Optimizing Images for Mobile

- HTML email image quality: a balancing act
- Dealing with hi-res/retina images
- Swapping the banner on mobile
- Further optimizing the mobile banner

#### Responsive Footer

- Structuring the footer layout
- Styling the footer
- Optimizing the footer for smaller screens

#### Sending Tests & Email Fixes (Preflighting)

- Adding a preheader to entice mobile users
- Inlining the CSS
- Sending test emails

## Schedule
- Jul 23, 2026 10:00am–5:00pm — NYC
- Oct 1, 2026 10:00am–5:00pm — NYC

## Pricing

**Tuition:** $425