In this video we’ll build a complete mobile friendly HTML Email Template with Responsive HTML Tables and CSS. The email template that we build in the tutorial has been tested as responsive in Gmail, the Gmail App in Dark Mode, the iOS Apple Mail App and more. The email will also show and display properly on a number of other mobile, tablet and desktop email clients.

0:00 Introduction

0:30 HTML Email Design Overview

2:18 – Tutorial Files Download Overview

2:44 – HTML Email Mastery Course Promo

3:09 – Visual Studio Code Text Editor

3:36 – index.html HTML File Info

5:38 – Centering the HTML Email Template

6:52 – Centering and Email Width CSS

9:29 – Social Media Icons HTML

12:10 – Header & Logo Table Row HTML & CSS

13:55 – Banner Image HTML

14:57 – Header, Paragraph & Button HTML

19:00 – Blue Button CSS

20:00 – Blue Horizontal Border HTML & CSS

20:58 – Responsive Two Column Section HTML

25:17 – Two Column Section CSS

28:55 – Blue Background Quote Section

30:40 – Email Footer HTML & CSS

34:40 – Adding CSS Media Queries for Responsiveness

36:42 – Testing the Completed HTML Email Template!