Skip to content

Instantly share code, notes, and snippets.

@clayb
Created December 4, 2012 16:56
Show Gist options
  • Save clayb/4206142 to your computer and use it in GitHub Desktop.
Save clayb/4206142 to your computer and use it in GitHub Desktop.
awf background email
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>African Wildlife Foundation</title>
<style type="text/css">html {
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
-ms-text-size-adjust: none;
/* Force Hotmail to display emails at full width */
body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;}
}
</style>
</head>
<body>
<div marginwidth="0" marginheight="0" style="margin:0;padding:0;background:url(http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-holiday-bg.jpg);width:100%!important;">
<center>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" style="margin:0;padding:0;min-height:100%!important;width:100%!important;">
<tr>
<td align="center" valign="top">
<table cellpadding="0" cellspacing="0" border="0" align="center" width="600" style="background-color:#f6f6f5;">
<!--liftnote-->
<tr>
<td align="left">
<table cellpadding="0" cellspacing="0" border="0">
<!--spacer-->
<tr>
<td height="22"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
<tr>
<td >
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!--spacer-->
<td width="18"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td width="557" valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#262626;">
Dear Friend to Animals,
<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vehicula varius nisl nec condimentum. Pellentesque dictum luctus augue id convallis.
<br />
<br />
Proin luctus, elit nec posuere sodales, turpis diam condimentum dui, eget laoreet nulla justo id odio. Nullam scelerisque ante sed erat eleifend vulputate vulputate lobortis ante nulla nec condilorem ipusm dolor amet consect.
<br />
<br />
<strong><a href="#link" style="color:#262626; font-weight:bold;">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himeneos</a></strong> aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos!
<br />
<br />
Donec nibh erat, convallis id luctus eu, vulputate lobortis ante. Suspendisse convallis libero eget augue luctus dignissim. Fusce vehicula nisl a lectus vehicula pulvinar cursus diam scelerisque. Nunc vehicula neque ut ante lobortis vitae porttitor arcu sagittis.
<br />
<br />
Proin luctus, elit nec posuere sodales, turpis diam condimentum dui, eget laoreet nulla justo id odio.? <a href="#link" style="color:#262626;">Nunc vehicula neque ut ante lobortis vitae porttitor</a>.
</span>
</td>
</tr>
<!--spacer-->
<tr>
<td height="10"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-liftnote-betty.jpg" width="109" height="109" alt="Betty White" style="display:block; border:none;"/>
</td>
<!--spacer-->
<td width="4"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td valign="middle">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#262626;">
Thank you,
</span>
</td>
</tr>
<tr>
<td height="65" valign="middle">
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-liftnote-signature.jpg" width="129" height="56" alt="Betty White" style="display:block; border:none;"/>
</td>
</tr>
<tr>
<td>
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#262626;">
Betty White
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!--spacer-->
<tr>
<td height="29"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
</table>
</td>
</tr>
<!--/liftnote-->
<!--view online-->
<tr>
<td width="600" height="25" style="background-color:#363636;" align="center" valign="middle">
<a href="#link" style="font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#f6f6f5;">
view this email online
</a>
</td>
</tr>
<!--/view online-->
<!--spacer-->
<tr>
<td height="22"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
<!--top logo-->
<tr>
<td width="600">
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td height="41" valign="top" align="center">
<a href="#link"><img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-top-logo.jpg" width="189" height="35" alt="African Wildlife Foundation" style="display:block; border:none;"/></a>
</td>
</tr>
</table>
</td>
</tr>
<!--/top logo-->
<!--header-->
<tr>
<td>
<a href="#link"><img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-header.jpg" width="600" height="295" alt="AWF" style="display:block; border:none;"/></a>
</td>
</tr>
<!--/header-->
<!--spacer-->
<tr>
<td height="16"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
<!--headline-->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!--spacer-->
<td width="16"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="40" valign="top">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:21px; color:#363636;">
Join Betty White in the fight to protect Africa&rsquo;s wild creatures
</span>
</td>
</tr>
<tr>
<td height="28" valign="top">
<span style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#111111;">
Dear [Name/AWF Supporter],
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!--/headline-->
<!--main content left and right sidebar-->
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!--spacer-->
<td width="16"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<!--left main content-->
<td width="378" valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vehicula varius nisl nec condimentum. Pellentesque dictum luctus augue id convallis.
<br />
<br />
<strong>Lorem ipsum dolor sit amet, consectetur elit. Curabitur vehicula varius nisl nec condimentum. Pellentesque dictum luctus augue id convallis.</strong> <a href="#link" style="color:#7e1216;font-weight:bold;">Lorem ipsum dolor sit amet, consectetur adipiscing elitvarius nisl nec condimentum. Pellentesque dictum luctus id convallis</a>!
<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vehicula varius nisl nec condimentum. Pellentesque augue id.
<br />
<br />
Lorem ipsum dolor sit amet, consectetur pellentesque dictum:
<br />
<br />
</span>
</td>
</tr>
<!--bullet list-->
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<!--bullet point 1-->
<tr>
<td valign="top">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
&bull;
</span>
</td>
<!--spacer-->
<td width="6"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td valign="top">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam nisi metus, mollis non fringilla in, scelerisque vel dui.
<br />
<br />
</span>
</td>
</tr>
<!--/bullet point 1-->
<!--bullet point 2-->
<tr>
<td valign="top">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
&bull;
</span>
</td>
<!--spacer-->
<td width="6"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td valign="top">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
Maecenas dapibus dapibus est eget suscipit. Etiam faucibus hendrerit nulla eu suscipit.
<br />
<br />
</span>
</td>
</tr>
<!--/bullet point 2-->
<!--bullet point 3-->
<tr>
<td valign="top">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
&bull;
</span>
</td>
<!--spacer-->
<td width="6"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td valign="top">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
Donec nibh erat, convallis id luctus eu, vulputate lobortis ante. Suspendisse convallis libero eget augue luctus dignissim. Fusce vehicula nisl a lectus vehicula cursus diam scelerisque.
<br />
<br />
</span>
</td>
</tr>
<!--/bullet point 3-->
</table>
</td>
</tr>
<!--/bullet list-->
<tr>
<td>
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
Donec nibh erat, convallis id luctus eu, vulputate lobortis ante. Suspendisse convallis libero eget augue luctus dignissim. Fusce vehicula nisl a lectus vehicula pulvinar cursus diam scelerisque.
<br />
<br />
</span>
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; font-weight:bold; font-style:italic; color:#111111;">
Vivamus sem sem, viverra ut convallis a, tristique ac mi. Morbi sed purus ante, in tempus diam.
</span>
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
Pellentesque non rutrum velit. Sed pulvinar imperdiet enim, sit amet massa pellentesque ut.
<br />
<br />
Nunc magna neque, cursus sed commodo vitae, ut fusce .
<br />
<br />
<a href="#link" style="color:#7e1216;font-weight:bold;">Morbi sed purus ante, in tempus diam</a>.
<br />
<br />
</span>
</td>
</tr>
<!--portrait and signature-->
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-portriat.jpg" width="80" height="105" alt="Patrick Bergin" style="display:block; border:none;"/>
</td>
<!--spacer-->
<td width="19"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
Thank you,
</span>
</td>
</tr>
<tr>
<td height="50" valign="middle">
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-signature.jpg" width="108" height="32" alt="Patrick Bergin" style="display:block; border:none;"/>
</td>
</tr>
<tr>
<td>
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
Patrick Bergin, Ph.D.<br />
Chief Executive Officer<br />
African Wildlife Foundation
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!--/portrait and signature-->
</table>
</td>
<!--/left main content-->
<!--spacer-->
<td width="11"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<!--right sidebar-->
<td width="195" valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-sidebar-betty.jpg" width="195" height="276" alt="Betty White" style="display:block; border:none;"/>
</td>
</tr>
<!--spacer-->
<tr>
<td height="11"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
<!--sidebar donate-->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!--spacer-->
<td width="28"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td>
<a href="#link"><img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-sidebar-donate.jpg" width="142" height="39" alt="Double Your Gift" style="display:block; border:none;"/></a>
</td>
</tr>
</table>
</td>
</tr>
<!--/sidebar donate-->
</table>
</td>
<!--/right sidebar-->
</tr>
</table>
</td>
</tr>
<!--/main content left and right sidebar-->
<!--spacer-->
<tr>
<td height="11"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
<!--ribbon bar-->
<tr>
<td>
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-bottom-ribbon.jpg" width="595" height="33" alt="" style="display:block; border:none;"/>
</td>
</tr>
<!--/ribbon bar-->
<!--spacer-->
<tr>
<td height="7"></td>
</tr>
<!--/spacer-->
<!--PS-->
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!--spacer-->
<td width="18"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td valign="top">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:25px; color:#363636;">
P.S.
</span>
</td>
<!--spacer-->
<td width="8"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td width="512" valign="top">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#111111;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vehicula varius nisl nec condimentum. Pellentesque dictum luctus augue id convallis <a href="#link" style="color:#7e1216; font-weight:bold;">Donec nibh erat, con vall is id luctus eu, vulputate lobortis ante</a>.
</span>
</td>
</tr>
</table>
</td>
</tr>
<!--/PS-->
<!--spacer-->
<tr>
<td height="23"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
<!--bottom donate and fade-->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="48" valign="bottom">
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-bottom-fade-left.jpg" width="223" height="31" alt="" style="display:block; border:none;"/>
</td>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<a href="#link"><img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-bottom-fade-donate.jpg" width="139" height="39" alt="" style="display:block; border:none;"/></a>
</td>
</tr>
<tr>
<td>
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-bottom-fade-middle.jpg" width="139" height="9" alt="" style="display:block; border:none;"/>
</td>
</tr>
</table>
</td>
<td height="48" valign="bottom">
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-bottom-fade-right.jpg" width="238" height="31" alt="" style="display:block; border:none;"/>
</td>
</tr>
</table>
</td>
</tr>
<!--/bottom donate and fade-->
<!--footer-->
<tr>
<td width="600" style="background-color:#2f2c2c;">
<table cellpadding="0" cellspacing="0" border="0">
<!--spacer-->
<tr>
<td height="22"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!--spacer-->
<td width="16"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td>
<span style="font-family:Georgia ,serif; font-size:13px; color:#e1e1e1;">
African Wildlife Foundation &nbsp; | &nbsp; 1400 Sixteenth Street, NW &nbsp; | &nbsp; Suite 120 Washington, DC 20036<br />
<a href="#link" style="color:#e1e1e1;">www.awf.org</a> &nbsp; | &nbsp; 1-888-494-5354
</span>
</td>
</tr>
</table>
</td>
</tr>
<!--spacer-->
<tr>
<td height="9"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
<!--charity navigator-->
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<!--spacer-->
<td width="483"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
<!--/spacer-->
<td align="right">
<img src="http://sankyserver.com//test/Clay/2012/12/2012_12_03_AWF_Holiday_Appeal/images/2012-12-03-awf-footer-charity.jpg" width="82" height="41" alt="Charity Navigator" style="display:block; border:none;"/>
</td>
</tr>
</table>
</td>
</tr>
<!--/charity navigator-->
<!--spacer-->
<tr>
<td height="10"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
</table>
</td>
</tr>
<!--/footer-->
</table>
</td>
</tr>
<!--spacer-->
<tr>
<td height="30"><span style="font-size:0px;line-height:0px;">&nbsp;</span></td>
</tr>
<!--/spacer-->
</table>
</center>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment