Html Email Mastery - Build Responsive Html Email Templates (updated 8/2022)

Learn how to Build Responsive Dark Mode Friendly HTML Email Templates tested on 82+ email clients including Outlook.

What you'll learn
Responsive HTML Email Development in 2022
Design for Dark Mode Email Clients with CSS Media Queries
Build HTML Emails that Render 100% Across 80+ Email Clients Including Outlook
Learn How To Use Gifs in HTML Email, Background Image, Outlook Friendly Buttons, & More.
Requirements
No Email Coding Experience Required
HTML & CSS Experience Recommended
Email Client Testing Subscription Not Required
Description
HTML Email Development is one of the less talked about front-end development skills yet it is highly desirable.  Starting a career 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 our email template 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 completed course project you'll receive 9 different HTML Email Template layouts and a professional HTML Email Signature that have all been tested and rigorously checking for email client compatibility :).Tested Across All 82 Available Email Clients:MOBILE CLIENTSiPad Air 3 iOS 13iPad Pro (11-inch) iOS 13iPad Pro (12.9-inch) iOS 13iPad Pro (9.7-inch) iOS 13iPhone X iOS 12iPhone XR iOS 13iPhone XS iOS 13iPhone XS Max iOS 13iPhone XR iOS 13 - Dark ModeiPhone 7 iOS 12iPhone 7 Outlook iOS 11iPhone 7+ iOS 12iPhone 8 iOS 12iPhone 8 iOS 13iPhone 8+ iOS 12iPhone 8+ iOS 13iPhone 11 iOS 13iPhone 11 Pro iOS 13iPhone 11 Pro Max iOS 13iPhone SE iOS 12Pixel Gmail Android 6Pixel Gmail Android 7Pixel Gmail Android 8Samsung Mail Android 7DESKTOP CLIENTSApple Mail 12 macOS Mojave - Dark ModeApple Mail 13 macOS CatalinaApple Mail 13 macOS Catalina - Dark ModeLotus Notes 8.5 Windows 7Outlook Office 365 macOS CatalinaOutlook Office 365 macOS Catalina - Dark ModeOutlook Office 365 Windows 10Outlook Office 365 Windows 10 - Dark ModeOutlook 2007 Windows 7Outlook 2010 Windows 7Outlook 2010 (120 dpi) Windows 7Outlook 2013 Windows 7Outlook 2013 (120 dpi) Windows 7Outlook 2016 OSX 10.8Outlook 2016 Windows 10Outlook 2016 (120 dpi) Windows 10Outlook 2019 Windows 10Outlook 2019 (120 dpi) Windows 10Thunderbird Windows 7WEB CLIENTSAOLComcastFree .frFreenet .deGmailGMXGoogle AppsLiberoMail .ruOffice 365Outlook .comT-Online .deWeb .deYahoo!Sign up today and code along with me :)-Drew

Overview

Section 1: Introduction to the Course

Lecture 1 Introduction to the Course

Lecture 2 Course Project Details & Downloads Overview

Section 2: Course Guidelines, Resources & Text Editor

Lecture 3 Course Curriculum

Lecture 4 Course Support & Code Fixing Guild

Lecture 5 Text Editor: Introduction to Visual Studio Code

Lecture 6 Free Professional Photos & Email Image Hosting

Section 3: Introduction to HTML Email

Lecture 7 Introduction to HTML Email Development

Lecture 8 Email Clients List & Email Preview Testing

Lecture 9 Email Clients Market Share

Lecture 10 Mobile, Webmail, & Desktop Email Client Usage

Lecture 11 HTML Tables Practice Activity

Section 4: Building A Responsive HTML Email Template

Lecture 12 HTML Email Document Type & Meta Tags

Lecture 13 HTML Email Body & Outlook Conditional Statement

Lecture 14 Centering the HTML Email Template

Lecture 15 Preheader HTML Email Text

Lecture 16 Main HTML Email Table & Outlook Statement

Lecture 17 Social Media Icons Email Header

Lecture 18 Logo Section

Lecture 19 GIF Background Image Part 1

Lecture 20 GIF Background Image Part 2

Lecture 21 GIF Background Image Part 3

Lecture 22 Two Column Section Part 1 - Table Layout

Lecture 23 Two Column Section Part 2 - First Column

Lecture 24 Two Column Section Part 3 - Second Column

Lecture 25 Preparing Multi-Column Table Layouts

Lecture 26 Two Thirds Column Section Content

Lecture 27 Three Column Section Content

Lecture 28 Four Column Section Content

Lecture 29 Green Border Above Footer Section

Lecture 30 Footer Section

Lecture 31 CSS Media Queries

Lecture 32 Dark Mode Style & Email Client Testing

Section 5: Responsive Dark Mode Friendly HTML Email Templates & Email Signature

Lecture 33 Bonus

All Levels, from Beginner to Advanced HTML Email Developers,HTML & CSS Basics Recommended