Skip to content

Instantly share code, notes, and snippets.

@greggnakamura
Last active May 20, 2016 13:53
Show Gist options
  • Save greggnakamura/2e0ecadfbe5dd8d1c93c67e8ff5a92cc to your computer and use it in GitHub Desktop.
Save greggnakamura/2e0ecadfbe5dd8d1c93c67e8ff5a92cc to your computer and use it in GitHub Desktop.
Email: Boilerplate Template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>Email boilerplate template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
body {
width: 100% !important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 1em;
font-family: arial;
color: #231f20;
line-height: 1.1;
}
table, td, p, strong, em, a {
line-height: 1.3;
}
#backgroundTable {
margin: 0;
padding: 0;
width: 100% !important;
line-height: 100% !important;
}
#emailContainer {
border: 1px solid #765c95;
}
img {
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
a img {
border: none;
}
.image_fix {
display: block;
}
p {
margin: 1em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: blue !important;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
color: purple !important;
}
table td {
border-collapse: collapse;
vertical-align: top;
}
table {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="768" id="emailContainer">
<tr>
<td valign="top">
<img class="image_fix" src="images/banner.jpg" alt="Banner image goes here..." title="Your title text" width="768" height="206" />
</td>
</tr>
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="20" cellspacing="0" width="100%" id="emailHeader">
<tr>
<td align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<h1>Header goes here...</h1>
</td>
</tr>
<tr>
<td colspan="3">
<p>Body content goes here...</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="font-size: 11px;">
<p>If you are no longer interested you can
<unsubscribe>unsubscribe</unsubscribe> instantly.</p>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment