Skip to content

Instantly share code, notes, and snippets.

@LAMike310

LAMike310/gist:6137db771a8ef7906003

Last active August 29, 2015 14:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LAMike310/6137db771a8ef7906003 to your computer and use it in GitHub Desktop.
Save LAMike310/6137db771a8ef7906003 to your computer and use it in GitHub Desktop.
Download ZIP
HTML Email Starter Template
Raw
gistfile1.txt
<html>
<style>
/* Client-specific Styles */
#outlook a {
padding: 0;
}
/* Force Outlook to provide a "view in browser" button. */
body {
width: 100% !important;
}
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
/* Force Hotmail to display emails at full width */
body {
-webkit-text-size-adjust: none;
}
/* Prevent Webkit platforms from changing default text sizes. */
/* Reset Styles */
body {
margin: 0;
padding: 0;
}
img {
border: 0;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
}
table td {
border-collapse: collapse;
}
#backgroundTable {
height: 100% !important;
margin: 0;
padding: 0;
width: 100% !important;
}
</style>
<style>
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
// We'll fill this in later
}
</style>
<body>
<table width="600" boder>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#C41230">
<tbody>
<tr>
<td align="left" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top">
<font size="6" face="Arial, Helvetica, sans-serif" color="#ffffff" style="font-weight: normal;">
<span style="font-size:0.9em;" class="headline_text">Hello World</span>
</font>
</td>
</tr>
<tr>
<td align="left" valign="top">
<!-- CTA -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center" valign="middle" bgcolor="#000000" height="40" class="CTA_button_flat_td">
<font color="#ffffff" size="2" face="Arial, Helvetica, sans-serif" style="-webkit-text-size-adjust:none;"><a name="#" href="#" target="_blank" style="color:#ffffff; padding:10px 80px 10px 80px; text-align:center; text-decoration:none;"><strong style="white-space:nowrap;">CTA</strong></a></font>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<table>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment