Skip to content

Instantly share code, notes, and snippets.

@marcbacon

marcbacon/Email Example.html

Last active November 11, 2016 20:22
Show Gist options
  • Save marcbacon/d528e6a3828caffd76bdafdc44be8c6c to your computer and use it in GitHub Desktop.
Save marcbacon/d528e6a3828caffd76bdafdc44be8c6c to your computer and use it in GitHub Desktop.
Download ZIP
Example email styles.
Raw
Email Example.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;UTF-8" />
<style>
a {
color: #00b3be;
}
</style>
</head>
<body style="margin: 0px; background-color: #efefef; background-image: url('http://www.scorrmarketing.com/wp-content/themes/scorr/img/scorr-background-white.png'); font-family: Helvetica, Arial, sans-serif; font-size:12px;" text="#444444" bgcolor="#efefef" link="#00b3be" alink="#00b3be" vlink="#00b3be" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 15px;"><center>
<table width="550" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff">
<tbody>
<tr>
<td align="left">
<div style="border: solid 1px #d9d9d9;">
<table id="header" style="line-height: 1.6; font-size: 12px; font-family: Helvetica, Arial, sans-serif; border: solid 1px #FFFFFF; color: #444;" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr>
<td style="line-height: 32px; padding-left: 0;" valign="baseline"><span style="font-size: 32px;"><a style="text-decoration: none;" href="%blog_url%" target="_blank"><img class="emailDisplayFullWidth" style="margin-bottom: 0; margin-top: 0; vertical-align: baseline; border: 0; display: block; width: 100%;" src="http://www.scorrmarketing.com/wp-content/uploads/email.png" alt="SCORR Marketing" width="100%" /></a></span></td>
</tr>
</tbody>
</table>
<table id="content" style="margin-top: 15px; margin-right: 30px; margin-left: 30px; color: #444; line-height: 1.6; font-size: 12px; font-family: Arial, sans-serif;" border="0" width="490" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr>
<td style="border-top: solid 1px #d9d9d9;" colspan="2">
<div style="padding: 15px 0;">%content%</div>
</td>
</tr>
</tbody>
</table>
<table id="footer" style="line-height: 1.5; font-size: 12px; font-family: Arial, sans-serif; margin-right: 30px; margin-left: 30px;" border="0" width="490" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tbody>
<tr style="font-size: 11px; color: #999999;">
<td style="border-top: solid 1px #d9d9d9;" colspan="2">
<div style="padding-top: 15px; padding-bottom: 1px;"><img style="vertical-align: middle;" src="http://www.scorrmarketing.com/wp-admin/images/date-button.gif" alt="Date" width="13" height="13" /> Email sent %date% @ %time%</div>
<div><img style="vertical-align: middle;" src="http://www.scorrmarketing.com/wp-admin/images/comment-grey-bubble.png" alt="Contact" width="12" height="12" /> For any requests, please contact <a href="mailto:%admin_email%">%admin_email%</a></div>
</td>
</tr>
<tr>
<td style="color: #ffffff;" colspan="2" height="15">.</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</center></td>
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment