Email template

by Frank Liu

HTML

<!DOCTYPE html>
 <html>

   <head>
     <title></title>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <style type="text/css">
       @media screen {
         @font-face {
           font-family: 'Lato';
           font-style: normal;
           font-weight: 400;
           src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
         }

         @font-face {
           font-family: 'Lato';
           font-style: normal;
           font-weight: 700;
           src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
         }

         @font-face {
           font-family: 'Lato';
           font-style: italic;
           font-weight: 400;
           src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
         }

         @font-face {
           font-family: 'Lato';
           font-style: italic;
           font-weight: 700;
           src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
         }
       }

       /* CLIENT-SPECIFIC STYLES */
       body,
       table,
       td,
       a {
         -webkit-text-size-adjust: 100%;
         -ms-text-size-adjust: 100%;
       }

       table,
       td {
         mso-table-lspace: 0pt;
         mso-table-rspace: 0pt;
       }

       img {
         -ms-interpolation-mode: bicubic;
       }

       /* RESET STYLES */
       img {
         border: 0;
         height: auto;
         line-height: 100%;
         outline: none;
        ...