Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
16 Hour(s) 8 Minute(s)
Language
English
Taught by
Drew Ryan
Rating
3 views
Course Overview
Build Responsive Dark Mode Friendly HTML Email Templates tested on 86+ email clients including Outlook in 2026!
HTML Email Development is one of the less talked about front-end development skills yet it is highly desirable. Starting a career as an email developer or being a freelancer in HTML Email can be very rewarding for developers and email marketers. Freelancers make upwards of a thousand dollars to build custom responsive HTML email template layouts and developers make $40-50 per hour building client-tested HTML emails.
In this HTML email course we'll build a Responsive Dark Mode HTML Email Template that has been tested on 80+ email clients including new and old versions of Outlook. No need to worry about paying $100 per month for email client testing software services, during the course the code we layout for all of our email template projects will be tested live! This way you'll have a complete understanding of why we need certain coding practices to be compliant with all email clients.
In addition to the complete responsive HTML email course projects you'll receive 9 different HTML Email Template layouts, a Professional Email Developer Portfolio Template, and a professional HTML Email Signature that have all been tested and rigorously checking for email client compatibility :).
Tested Across All 86 Available Email Clients:
MOBILE CLIENTS
Gmail App Pixel 2 Android 8
Gmail App Pixel 3 Android 9
Gmail App Pixel 4 Android 10
Gmail App Pixel 4 Android 10 (Dark Mode)
Gmail App Pixel 5 Android 11
Gmail App Pixel 5 Android 11 (Dark Mode)
Gmail App Pixel 6 Android 12
Gmail App Pixel 6 Android 12 (Dark Mode)
Gmail App Pixel 7 Android 13 (Dark Mode)
Gmail App Pixel 7 Android 13
iPad Pro (11-in) iOS 15
iPad Pro (12.9-in) iOS 15
iPhone XR iOS 14
iPhone XR iOS 14 (Dark Mode)
iPhone SE 2nd Gen iOS 14
iPhone SE 2nd Gen iOS 15
iPhone 11 iOS 14
iPhone 11 Pro iOS 15
iPhone 11 iOS 15
iPhone 11 iOS 14 (Dark Mode)
iPhone 11 iOS 15 (Dark Mode)
iPhone 11 Pro iOS 14
iPhone 11 Pro Max iOS 14
iPhone 12 Pro Max iOS 15
iPhone 12 Mini iOS 15 (Dark Mode)
iPhone 12 Mini iOS 15
iPhone 12 iOS 15
iPhone 12 iOS 15 (Dark Mode)
iPhone 13 Mini iOS 15 (Dark Mode)
iPhone 13 Mini iOS 15
iPhone 13 iOS 15 (Dark Mode)
iPhone 13 iOS 15
iPhone 13 Pro Max iOS 15
iPhone 14 Pro iOS 16
iPhone 14 iOS 16 (Dark Mode)
iPhone 14 iOS 16
iPhone 14 Pro Max iOS 16 (Dark Mode)
iPhone 14 Pro Max iOS 16
iPhone 14 Pro iOS 16 (Dark Mode)
iPhone 15 Plus iOS 17 (Dark Mode)
iPhone 15 Pro iOS 17
iPhone 15 iOS 17 (Dark Mode)
iPhone 15 Plus iOS 17
iPhone 15 iOS 17
iPhone 15 Pro Max iOS 17 (Dark Mode)
iPhone 15 Pro iOS 17 (Dark Mode)
iPhone 15 Pro Max iOS 17
Phone 16 Models now included in testing platforms
Outlook App iPhone 13 iOS 15 (Dark Mode)
Outlook App iPhone 13 iOS 15
Outlook App Pixel 6 Android 12
Outlook App Pixel 6 Android 12 (Dark Mode)
DESKTOP CLIENTS
Apple Mail 15 macOS 12
Apple Mail 15 macOS 12 (Dark Mode)
Apple Mail 16 macOS 13
Apple Mail 16 macOS 13 (Dark Mode)
Outlook Office 365 macOS 12
Outlook Office 365 macOS 12 (Dark Mode)
Outlook Microsoft 365 macOS 13
Outlook Microsoft 365 macOS 13 (Dark Mode)
Outlook Microsoft 365 Windows 11
Outlook Office 365 Windows 10
Outlook Office 365 Windows 10 (Dark Mode)
Outlook Microsoft 365 Windows 11 (Dark Mode)
Outlook 2016 Windows 10
Outlook 2016 (120 dpi) Windows 10
Outlook 2019 Windows 10
Outlook 2019 (120 dpi) Windows 10
Outlook 2021 Windows 11
Outlook 2021 Windows 11 (Dark Mode)
WEB CLIENTS
AOL
Free .fr
Gmail
Gmail Dark Mode
GMX
Google Workspace
Libero
Mail .ru
Outlook .com Firefox
Outlook .com Edge
Outlook .com Chrome
Outlook .com Firefox
Outlook .com Edge
Outlook .com Chrome
Outlook .com Dark Mode
T-Online .de
Yahoo
Sign up today and code along with me :)
-Drew
Course Content
- 10 section(s)
- 118 lecture(s)
- Section 1 Introduction to the Course
- Section 2 Introduction to HTML Email
- Section 3 HTML Crash Course
- Section 4 CSS Crash Course
- Section 5 HTML5 Email Template Practice Activity
- Section 6 HTML Email Testing & Best Practices
- Section 7 HTML Email Sizing, Design, Accessibility & Tools
- Section 8 HTML Email Boilerplate
- Section 9 Basic Email Template Practice Activity
- Section 10 HTML Email Responsive Table Layouts
What You’ll Learn
- Learn Responsive HTML Email Development in 2026, from Absolute Beginner to Mastery!
- Build HTML Emails that Render 100% Across 86+ Email Clients Including Windows Outlook.
- Learn to Develop HTML Emails that are Mobile Friendly with CSS Media Queries.
- Design & Develop Emails for Dark Mode Email Clients with Dark Mode CSS Queries.
- This is the Email Developer Course you need to learn the Fundamentals of HTML Email!
- Learn to Build Bulletproof HTML Email Buttons, Background Image, Responsive Columns & more!
- Learn MSO Conditional Statements for Windows Outlook & Vector Markup Language Elements.
- Learn how to Test Your HTML Emails in Preview Testing Services like Litmus & Email On Acid.
Reviews
-
SStephanie Patton
The course is the best there is if you want to learn Email Development. Drew explains everything there is to know and provides a lot of resources in case you want to take a deeper dive. I'm excited to take what I've learned and put it use on real world projects.
-
TTyler Waugh
I'm very excited about this course and it is everything I've dreamed it to be. Thank you!
-
JJosé A Leyva
Se trata de uno de los únicos cursos que te proporciona una formación de valor en el campo del html mail. Ha sido un placer acabar el curso. Me ha servido de mucho. La explicaciones son detalladas y te da todos los trucos necesarios para abordar prácticamente cualquier situación que puedas encontrarte a la hora de enfrentarte a los temidos correos en html.
-
JJamal Ghafari
I learned a lot of new skills and techniques in Drew's course and will refer back to it when I need to. Thanks for making such an awesome course Drew!
