Skip to content

Instantly share code, notes, and snippets.

@lefuturiste
Created December 16, 2017 08:47
Show Gist options
  • Save lefuturiste/72dfe5c68bb1730973ae9bdd657cba16 to your computer and use it in GitHub Desktop.
Save lefuturiste/72dfe5c68bb1730973ae9bdd657cba16 to your computer and use it in GitHub Desktop.
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="x-apple-disable-message-reformatting"> <!--[if mso]> <style> * { font-family: Arial, sans-serif !important; } </style> <![endif]--> <!--[if !mso]><!--> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,500" rel="stylesheet"> <!--<![endif]--> <style> html, body { margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important; } * { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } div[style*="margin: 16px 0"] { margin:0 !important; } table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; } table { border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto !important; } table table table { table-layout: auto; } img { -ms-interpolation-mode:bicubic; } *[x-apple-data-detectors], .x-gmail-data-detectors, .x-gmail-data-detectors *, .aBn { border-bottom: 0 !important; cursor: default !important; color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } .a6S { display: none !important; opacity: 0.01 !important; } img.g-img + div { display:none !important; } .button-link { text-decoration: none !important; } @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { .email-container { min-width: 375px !important; } } </style> <style> .button-td, .button-a { transition: all 100ms ease-in; } .button-td:hover, .button-a:hover { background: #555555 !important; border-color: #555555 !important; } @media screen and (max-width: 480px) { .fluid { width: 100% !important; max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } .stack-column, .stack-column-center { display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important; } .stack-column-center { text-align: center !important; } .center-on-narrow { text-align: center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } table.center-on-narrow { display: inline-block !important; } .email-container p { font-size: 17px !important; line-height: 22px !important; } } </style> <!--[if gte mso 9]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]--></head><body width="100%" bgcolor="#F1F1F1" style="margin: 0; mso-line-height-rule: exactly;"> <center style="width: 100%; background: #F1F1F1; text-align: left;"> <div style="max-width: 680px; margin: auto;" class="email-container"> <!--[if mso]> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="680" align="center"> <tr> <td> <![endif]--> <table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 680px;" class="email-container"> <tr> <td> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td style="padding: 30px 40px 30px 40px; text-align: left;"> <a href="https://stantabcorp.com" target="_blank"><img src="https://cdn.stail.eu/stantabcorp/logos/v2.png" width="57" height="13" alt="alt_text" border="0" style="height: auto; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;"></a> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ffffff" style="border:1px solid #dddddd;"> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td style="padding: 40px 40px 20px 40px; text-align: left;"> <h1 style="margin: 0; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 26px; color: #333333; font-weight: bold;">Hi [name],</h1> </td> </tr> <tr> <td style="padding: 0px 40px 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; text-align: left; font-weight:normal;"> <p style="margin: 0;">[text]</p> </td> </tr> <tr> <td style="padding: 0px 40px 20px 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; text-align: left; font-weight:normal;"> <p style="margin: 0;">Yours sincerely,</p> </td> </tr> <tr> <td align="left" style="padding: 0px 40px 40px 40px;"> <table width="110" align="left"> <tr> <td width="110"> <table width="" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" style="font-family: sans-serif; font-size:14px; line-height:20px; color:#222222; font-weight:bold;" class="body-text"> <p style="font-family: 'Montserrat', sans-serif; font-size:14px; line-height:20px; color:#222222; font-weight:bold; padding:0; margin:0;" class="body-text">[sender]</p> </td> </tr> <tr> <td align="left" style="font-family: sans-serif; font-size:14px; line-height:20px; color:#666666;" class="body-text"> <p style="font-family: sans-serif; font-size:14px; line-height:20px; color:#666666; padding:0; margin:0;" class="body-text">[role]</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td> <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td style="padding: 40px 40px 10px 40px; font-family: sans-serif; font-size: 12px; line-height: 18px; color: #666666; text-align: left; font-weight:normal;"> <p style="margin: 0;">STAN-TAb Corp, Nice 06000, France</p> </td> </tr> <tr> <td style="padding: 0px 40px 10px 40px; font-family: sans-serif; font-size: 12px; line-height: 18px; color: #666666; text-align: left; font-weight:normal;"> <p style="margin: 0;">Make life easier - STAN-TAb Corp. web agency </p> </td> </tr> <tr> <td style="padding: 0px 40px 10px 40px; font-family: sans-serif; font-size: 12px; line-height: 18px; color: #666666; text-align: left; font-weight:normal;"> Follow us on: <a href="https://www.facebook.com/stantabcorp/"><img src="https://cdn.stail.eu/stantabcorp/email/social/facebook.png" style="width:20px;height:20px;" alt="facebook" title="facebook"></a> <a href="https://twitter.com/stantabcorp"><img src="https://cdn.stail.eu/stantabcorp/email/social/twitter.png" style="width:20px;height:20px;" alt="twitter" title="twitter"></a> <a href="https://www.instagram.com/stantabcorp/"><img src="https://cdn.stail.eu/stantabcorp/email/social/instagram.png" style="width:20px;height:20px;" alt="instagram" title="instagram"></a> </td> </tr> <tr> <td style="padding: 0px 40px 40px 40px; font-family: sans-serif; font-size: 12px; line-height: 18px; color: #666666; text-align: left; font-weight:normal;"> <p style="margin: 0;">Copyright &copy; 2011-2017 <b>STAN-TAb Corp.</b>, All Rights Reserved.</p> </td> </tr> </table> </td> </tr> </table> <!--[if mso]> </td> </tr> </table> <![endif]--> </div> </center></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment