Skip to content

Instantly share code, notes, and snippets.

@archercom

archercom/MailChimp Code

Created December 29, 2010 15:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save archercom/758644 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save archercom/758644 to your computer and use it in GitHub Desktop.
Download ZIP
Template HTML
Raw
MailChimp Code
<html>
<head>
<title>*|MC:SUBJECT|*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
/* NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail.
MailChimp automatically inlines CSS for you or you can use this tool: http://www.mailchimp.com/labs/inlinecss.php. */
/**
* @tab Page
* @section background color
* @tip Choose a color for your HTML email's background. You might choose one to match your company's branding.
* @theme page
*/
body {
/*@editable background-color:#FFF;*/
text-align:center;
}
/**
* @tab Page
* @section border
* @tip Add a border to help your template content stand out from your email's background.
*/
#layout {
/*@editable border: 5px solid #999999;*/
border-left:thin #00467f solid;
border-top:thin #00467f solid;
/*border-bottom:thin #00467f solid;*/
background:#ffffff;
margin: 10px auto;
text-align:left;
}
/**
* @tab Header
* @section header bar
* @tip Choose a set of colors that look good with the colors of your logo image or text header.
*/
#header {
background-repeat:no-repeat;
width: 600px;
height: 101px;
/*@editable*/ padding: 0px;
}
/**
* @tab Body
* @section default text
* @tip This is the default text style for the body of your email.
* @theme content
*/
#content {
/*@editable*/ font-size: 12px;
/*@editable*/ color: #333333;
/*@editable*/ font-style: normal;
/*@editable*/ font-weight: normal;
/*@editable*/ font-family: Helvetica;
/*@editable*/ line-height: 17px;
/*@editable*/ padding: 10px 10px 10px 10px;
vertical-align: top;
}
#content p {
width: 500px;
font: Helvetica;
font-size:11px;
}
/**
* @tab Body
* @section title style
* @tip Titles and headlines in your message body. Make them big and easy to read.
* @theme title
*/
.primary-heading {
/*@editable*/ font-size: 16px;
/*@editable*/ font-weight: bold;
/*@editable*/ color: #00467f;
/*@editable*/ font-family: Helvetica;
/*@editable*/ margin: 25px 0 0 0;
}
/**
* @tab Body
* @section subtitle style
* @tip This is the byline text that appears immediately underneath your titles/headlines.
* @theme subtitle
*/
.secondary-heading {
/*@editable*/ font-size: 13px;
/*@editable font-weight: bold;*/
/*@editable*/ color: #a2968a;
/*@editable*/ font-style: normal;
/*@editable*/ font-family: Helvetica;
/*@editable*/ margin: 25px 0 5px 0;
}
.address {
color:#00467F;
font-family:Helvetica;
font-size:9px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-bottom:0;
padding-top:0px;
text-align:center;
}
.address a {
color:#8e8c88;
text-decoration:none;
}
.address span {
color:#FFF;
}
/**
* @tab Footer
* @section footer
* @tip You might give your footer a light background color and separate it with a top border
* @theme footer
*/
#footer {
/*border-right:thin #00467f solid;*/
background-image:url(http://www.archercom.com/images/lu_engineers/footer.png);
width: 600px;
height:70px;
padding: 20px 20px 0 20px;
/*@editable*/ font-size: 10px;
/*@editable*/ color: #ffffff;
/*@editable*/ line-height: 100%;
/*@editable*/ font-family: Helvetica;
text-align:center;
}
/**
* @tab Footer
* @section link style
* @tip Specify a color for your footer hyperlinks.
* @theme link_footer
*/
#footer a {
/*@editable*/ color: #ffffff;
/*@editable*/ text-decoration: none;
/*@editable*/ font-weight: normal;
text-align:center;
}
#footer a:hover {
/*@editable*/ color: #ffffff;
/*@editable*/ text-decoration: underline;
/*@editable*/ font-weight: normal;
text-align:center;
}
/**
* @tab Page
* @section link style
* @tip Specify a color for all the hyperlinks in your email.
* @theme link
*/
/* a, a:link, a:visited {*/
/*@editable color: #ffffff;
/*@editable text-decoration: underline;
/*@editable font-weight: normal;
text-align:center;
}*/
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="layout" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td>
<img src="http://www.archercom.com/images/lu_engineers/header.png" width="523" height="99" alt=""></td>
<td>
<img src="http://www.archercom.com/images/lu_engineers/LuEngineers_EmailBlast_Template_02.png" width="77" height="99" alt=""></td>
</tr>
<tr>
<td width="523" style="vertical-align:top;" id="content">
<h1 mc:edit="heading" class="primary-heading">Lu Engineers move on to bigger and better offices</h1>
<h2 mc:edit="subheading" class="secondary-heading">Look for a notice about our grand opening event!</h2>
<p>
<div mc:edit="content">Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst
Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst
Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst
Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst
Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst
Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst
Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst Teeeessst
</div>
</p>
</td>
<td width="77" style="background-color:#00467f;vertical-align:bottom;">
<img style="vertical-align:bottom;" src="http://www.archercom.com/images/lu_engineers/logo.png" width="77" height="154" alt="">
</td>
</tr>
<tr>
<td colspan="2" id="footer" mc:edit="footer">
<h3 class="address" style="margin-bottom:0px;padding-bottom:0px; vertical-align:bottom;">175 Sullys Trail, Suite 202 <span class="address"> | </span> Pittsford, NY 14534 <span class="address"> | </span> Ph. 585.385.7417 <span class="address"> | </span> Fx. 585.385.3741 <span class="address"> | </span> <a style="color:#00467f; font-weight:bold;" href="http://luengineers.com">luengineers.com</a></h3>
<p><a href="*|ARCHIVE|*" class="adminText">view email in browser</a> | <a href="*|UNSUB|*">Unsubscribe</a> | <a href="*|UPDATE_PROFILE|*">Update your profile</a> | <a href="*|FORWARD|*">Forward to a friend</a></p>
<p>Copyright (C) 2009 Lu Engineers</p><br />
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment