Skip to content

Instantly share code, notes, and snippets.

@Cengizism
Created April 6, 2014 13:08
Show Gist options
  • Save Cengizism/f5bbf7a1ef7dfaa8bc7b to your computer and use it in GitHub Desktop.
Save Cengizism/f5bbf7a1ef7dfaa8bc7b to your computer and use it in GitHub Desktop.
MailChimp Template : Dentist
<html>
<head>
<title>*|MC:SUBJECT|*</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<style type="text/css">
body,#wrap{
text-align:center;
margin:0px;
background-color:#FFFEF8;
}
/*
@tab Top bar
@section top bar
@tip Choose a set of colors that look good with the colors of your logo image or text header.
*/
#header{
/*@tab Top bar
@section top bar
@tip Choose a set of colors that look good with the colors of your logo image or text header.*/background-color:#FFFEF8;
margin:0px;
/*@editable*/padding:10px;
/*@editable*/color:#666;
/*@editable*/font-size:11px;
/*@editable*/font-family:Arial;
/*@editable*/font-weight:normal;
/*@editable*/text-align:center;
/*@editable*/text-transform:lowercase;
/*@editable*/border:none 0px #FFF;
}
/*
@tab Top bar
@section top bar links
@tip Choose a set of colors that look good with the colors of your logo image or text header.
*/
#header a,#header a:link,#header a:visited{
/*@editable*/color:#666;
/*@editable*/text-decoration:underline;
/*@editable*/font-weight:normal;
}
/*
@tab Body
@section default text
@tip This is the base font for the content of the email
*/
#layout{
/*@tab Body
@section default text
@tip This is the base font for the content of the email*/margin:0px auto;
/*@editable*/text-align:center;
/*@editable*/font-family:Georgia;
/*@editable*/color:#404040;
/*@editable*/line-height:160%;
font-size:16px;
}
/*
@tab Body
@section appointment detail
@tip appointment detail styles
*/
#appointment{
/*@editable*/color:#666;
/*@editable*/font-size:18px;
/*@editable*/font-weight:normal;
/*@editable*/font-family:Georgia;
/*@editable*/text-align:center;
/*@editable*/padding:0px 0px 40px 0px;
}
/*
@tab Body
@section title style
@tip Primary headline
@theme title
*/
.primary-heading{
/*@editable*/font-size:54px;
/*@editable*/color:#000;
/*@editable*/font-weight:normal;
/*@editable*/font-family:Georgia;
/*@editable*/line-height:120%;
/*@editable*/margin:10px 0;
}
/*
@tab Body
@section subtitle style
@tip Secondary headline
@theme subtitle
*/
.secondary-heading{
/*@editable*/color:#000;
/*@editable*/font-size:24px;
/*@editable*/font-weight:normal;
/*@editable*/font-style:normal;
/*@editable*/font-family:Georgia;
/*@editable*/margin:30px 0 10px 0;
}
/*
@tab Footer
@section footer
@tip Use the same color as your background to create the page curl
@theme footer
*/
#footer{
/*@tab Footer
@section footer
@tip Use the same color as your background to create the page curl
@theme footer*/background-color:#FFFEF8;
/*@editable*/border-top:1px solid #CCC;
/*@editable*/padding:20px;
/*@editable*/font-size:10px;
/*@editable*/color:#666;
/*@editable*/line-height:100%;
/*@editable*/font-family:Arial;
/*@editable*/text-align:center;
}
/*
@tab Footer
@section link style
@tip Specify a color for your footer hyperlinks.
@theme link_footer
*/
#footer a{
/*@editable*/color:#666;
/*@editable*/text-decoration:underline;
/*@editable*/font-weight:normal;
}
/*
@tab Links
@section link style
@tip Specify a color for all the hyperlinks in your email.
@theme link
*/
a,a:link,a:visited{
/*@editable*/color:#666;
/*@editable*/text-decoration:underline;
/*@editable*/font-weight:normal;
}
</style></head>
<body class="background">
<div id="wrap" class="background">
<table id="layout" border="0" cellspacing="0" cellpadding="0" width="600" class="layout_background">
<tr>
<td id="header" mc:edit="header" colspan="3">
<!--*|IFNOT:ARCHIVE_PAGE|*--><span>Email not displaying correctly? <a href="*|ARCHIVE|*" target="_blank">View it in your browser.</a></span><!-- *|END:IF|* -->
</td>
</tr>
<tr>
<td id="lead_image" colspan="3">
<img src="http://gallery.mailchimp.com/0d61bb2ec9002f0e9872b8c36/images/tooth.gif">
</td>
</tr>
<tr>
<td id="lead_content" mc:edit="main" colspan="3">
<h1 class="primary-heading">Time for a Check-Up!</h1>
<p>Sample copy. Lorem ipsum dolor sit amet, consectetuer e lorem adipiscing elit. Est em morbi commodo, ipsum sed pharetra est gravida, orci magna fugit eros rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</p>
</td>
</tr>
<tr>
<td valign="top" id="appointment" mc:edit="appointment">
<h2 class="secondary-heading">Your appointment is scheduled with</h2>
<p>Dr. Otoscope Redding
<br>Monday, August 3rd
<br>9:00AM</p>
</td>
</tr>
<tr>
<td id="footer" mc:edit="footer" colspan="3" class="background">
<p><a href="*|UNSUB|*">Unsubscribe</a> *|EMAIL|* | <a href="*|UPDATE_PROFILE|*">Update your profile</a> | <a href="*|FORWARD|*">Forward to a friend</a></p>
*|IFNOT:ARCHIVE_PAGE|*
<p>*|LIST:DESCRIPTION|*</p>
<p>*|HTML:LIST_ADDRESS_HTML|*</p>
*|END:IF|*
<p>Copyright (C) *|CURRENT_YEAR|* *|LIST:COMPANY|* All rights reserved.</p>
</td>
</tr>
</table>
</div>
<span style="padding: 0px;"></span>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment