Skip to content

Instantly share code, notes, and snippets.

@skunkbad

skunkbad/tvsc_main_template.html

Created September 21, 2012 08:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save skunkbad/3760320 to your computer and use it in GitHub Desktop.
Save skunkbad/3760320 to your computer and use it in GitHub Desktop.
Download ZIP
MailChimp - TVSC Main Template
Raw
tvsc_main_template.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; charset=UTF-8">
<!-- Facebook sharing information tags -->
<meta property="og:title" content="*|MC:SUBJECT|*">
<title>*|MC:SUBJECT|*</title>
<style type="text/css">
#outlook a{ padding:0; }
body{ width:100% !important; }
body{ -webkit-text-size-adjust:none; }
body{ margin:0; padding:0; }
img{ border:none;font-size:14px;font-weight:bold;height:auto;line-height:100%;outline:none;text-decoration:none;text-transform:capitalize; }
#backgroundTable{ height:100% !important;margin:0;padding:0;width:100% !important; }
/*
@tab Page
@section background color
@tip Set the background color for your email. You may want to choose one that matches your company's branding.
@theme page
*/
body,.backgroundTable{
/*@editable*/background-color:#FAFAFA;
}
/*
@tab Page
@section email border
@tip Set the border for your email.
*/
#templateContainer{
/*@editable*/border:1px solid #DDDDDD;
}
/*
@tab Page
@section fake header
@tip My custom header
@theme header
*/
.header{
/*@editable*/color:#202020;
/*@editable*/font-family:Arial;
/*@editable*/font-size:18px;
/*@editable*/font-weight:bold;
margin-bottom:10px;
/*@editable*/text-align:left;
}
/*
@tab Header
@section preheader style
@tip Set the background color for your email's preheader area.
@theme page
*/
#templatePreheader{
/*@editable*/background-color:#FAFAFA;
}
/*
@tab Header
@section preheader text
@tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent div{
/*@editable*/color:#505050;
/*@editable*/font-family:Arial;
/*@editable*/font-size:10px;
/*@editable*/line-height:100%;
/*@editable*/text-align:left;
}
/*
@tab Header
@section preheader link
@tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent div a:link,.preheaderContent div a:visited{
/*@editable*/color:#336699;
/*@editable*/font-weight:normal;
/*@editable*/text-decoration:underline;
}
.preheaderContent div img{
height:auto;
max-width:600px;
}
/*
@tab Header
@section header style
@tip Set the background color and border for your email's header area.
@theme header
*/
#templateHeader{
/*@editable*/background-color:#FFFFFF;
/*@editable*/border-bottom:0;
}
/*
@tab Header
@section header text
@tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/color:#202020;
/*@editable*/font-family:Arial;
/*@editable*/font-size:34px;
/*@editable*/font-weight:bold;
/*@editable*/line-height:100%;
/*@editable*/padding:0;
/*@editable*/text-align:center;
/*@editable*/vertical-align:middle;
}
/*
@tab Header
@section header link
@tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link,.headerContent a:visited{
/*@editable*/color:#336699;
/*@editable*/font-weight:normal;
/*@editable*/text-decoration:underline;
}
#headerImage{
height:auto;
max-width:600px !important;
}
/*
@tab Body
@section body style
@tip Set the background color for your email's body area.
*/
#templateContainer,.bodyContent{
/*@editable*/background-color:#FDFDFD;
}
/*
@tab Body
@section body text
@tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
@theme main
*/
.bodyContent div{
/*@editable*/color:#505050;
/*@editable*/font-family:Arial;
/*@editable*/font-size:14px;
/*@editable*/line-height:150%;
/*@editable*/text-align:left;
}
.article{
padding-bottom:20px;
}
/*
@tab Body
@section body link
@tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent div a:link,.bodyContent div a:visited{
/*@editable*/color:#336699;
/*@editable*/font-weight:normal;
/*@editable*/text-decoration:underline;
}
.bodyContent img{
display:inline;
margin-bottom:10px;
}
/*
@tab Footer
@section footer style
@tip Set the background color and top border for your email's footer area.
@theme footer
*/
#templateFooter{
/*@editable*/background-color:#FDFDFD;
/*@editable*/border-top:0;
}
/*
@tab Footer
@section footer text
@tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
@theme footer
*/
.footerContent div{
/*@editable*/color:#707070;
/*@editable*/font-family:Arial;
/*@editable*/font-size:12px;
/*@editable*/line-height:125%;
/*@editable*/text-align:left;
}
/*
@tab Footer
@section footer link
@tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent div a:link,.footerContent div a:visited{
/*@editable*/color:#336699;
/*@editable*/font-weight:normal;
/*@editable*/text-decoration:underline;
}
.footerContent img{
display:inline;
}
/*
@tab Footer
@section social bar style
@tip Set the background color and border for your email's footer social bar.
*/
#social{
/*@editable*/background-color:#FAFAFA;
/*@editable*/border:1px solid #F5F5F5;
}
/*
@tab Footer
@section social bar style
@tip Set the background color and border for your email's footer social bar.
*/
#social div{
/*@editable*/text-align:center;
}
/*
@tab Footer
@section utility bar style
@tip Set the background color and border for your email's footer utility bar.
*/
#utility{
/*@editable*/background-color:#FDFDFD;
/*@editable*/border-top:1px solid #F5F5F5;
}
/*
@tab Footer
@section utility bar style
@tip Set the background color and border for your email's footer utility bar.
*/
#utility div{
/*@editable*/text-align:center;
}
#monkeyRewards img{
max-width:160px;
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
<center>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
<tr>
<td align="center" valign="top">
<!-- // Begin Template Preheader \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
<tr>
<td valign="top" class="preheaderContent">
<!-- // Begin Module: Standard Preheader \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top">
<div mc:edit="std_preheader_content">
Temecula Valley Sewing Center<br>
Weekly Newsletter For Week Starting Sunday Sept. 23, 2012
</div>
</td>
<td valign="top" width="180">
<div mc:edit="std_preheader_links">
<!-- *|IFNOT:ARCHIVE_PAGE|* -->Is this email not displaying correctly?<br><a href="*|ARCHIVE|*" target="_blank">View it in your browser</a>.<!-- *|END:IF|* -->
</div>
</td>
</tr>
</table>
<!-- // End Module: Standard Preheader \\ -->
</td>
</tr>
</table>
<!-- // End Template Preheader \\ -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
<tr>
<td align="center" valign="top">
<!-- // Begin Template Header \\ -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
<tr>
<td class="headerContent">
<!-- // Begin Module: Standard Header Image \\ -->
<a href="http://www.tv-sewingcenter.com">
<img src="http://www.tv-sewingcenter.com/img/mail/new-modern-mail-topper.jpg" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner="" mc:allowtext="">
</a>
<!-- // End Module: Standard Header Image \\ -->
</td>
</tr>
</table>
<!-- // End Template Header \\ -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- // Begin Template Body \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateBody">
<tr>
<td valign="top" class="bodyContent">
<!-- // Begin Module: Main Content \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top">
<div mc:edit="main">
<span class="header">Summary of this week's newsletter:</span>
<hr>
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
<li>Service Turn-Around Time 8 to 12 Days</li>
</ol>
</div>
</td>
</tr>
</table>
<!-- // End Module: Main Content \\ -->
<!-- // Begin Module: Repeatable Content Blocks \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%" mc:repeatable="repeat_1">
<tr>
<td valign="top">
<div mc:edit="basic_content_block">
<span class="header">Heading</span>
<hr>
Content ...
</div>
</td>
</tr>
</table>
<!-- // End Module: Repeatable Content Blocks \\ -->
<!-- // Begin Module: Service Content \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top">
<div mc:edit="service">
<span class="header">Service Turn-Around Time 8 to 12 Days</span>
<hr>
<img align="right" style="padding-left:20px;padding-bottom:20px;" src="http://www.tv-sewingcenter.com/img/serv/toolbox.jpg" alt="Tool Box">
Do you have a broken sewing machine, or does it just need an annual service? Temecula Valley Sewing Center specializes in sewing machine repair and service for Bernina and Janome machines. We also work on many Singer, Kenmore, and Elna machines. If you need an annual service or some other type of service, bring your machine to get it placed in the service queue.
<br>
<br>
As always, service is first come - first served, but you can also make an appointment by calling the shop: (951) 694-9576. Ask for me, Brian.
<br>
<br>
Annual service of most machines is $89.95. Be sure to bring in your machine at least annually to have it serviced, so it stays running its best. If you sew a lot, you may require more than one annual service.
<br>
<br>
<span style="font-weight:bold;">
Remember to bring the following items when you get your machine serviced:
</span>
<ul>
<li>Foot Control</li>
<li>Power Cord</li>
<li>Zig Zag Presser Foot</li>
<li>Buttonhole Foot (if you have problems with buttonholes</li>
<li>Standard Needle Plate</li>
<li>Bobbin Case</li>
<li>Bobbin</li>
</ul>
<span style="font-weight:bold;">
For embroidery machines:
</span>
<ul>
<li>Embroidery Foot</li>
<li>Embroidery Bobbin Case</li>
<li>Large Hoop</li>
<li>Any Special Cords</li>
</ul>
<span style="font-weight:bold; color:#f00;">
Please do not assume that I have an essential accessory or part for your service. We may have to send you back home to get a power cord, foot control or one of the items listed above if you forget one.
</span>
<br>
<br>
<span style="font-weight:bold;">
Please do not bring your machine in a rolling luggage type case<br>
Please do not bring unnecessary accessories, thread, etc. We neither inventory these items with your machine nor do we accept responsibility for the loss or damage of any unnecessary accessories you choose to leave with your machine.
</span>
</div>
</td>
</tr>
</table>
<!-- // End Module: Service Content \\ -->
<!-- // Begin Module: Disclaimer Content \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td valign="top">
<div mc:edit="disclaimer">
<hr>
Thank you,<br>
<br>
Brian Gottier &amp; Aileen Woerth<br>
<a href="http://www.tv-sewingcenter.com">www.tv-sewingcenter.com</a>
<br>
(951) 694-9576
<hr>
<br>
<span style="font-size:70%">
Not responsible for typographical errors.<br>
All prices, classes and offers subject to change without notice.
</span>
</div>
</td>
</tr>
</table>
<!-- // End Module: Disclaimer Content \\ -->
</td>
</tr>
</table>
<!-- // End Template Body \\ -->
</td>
</tr>
<tr>
<td align="center" valign="top">
<!-- // Begin Template Footer \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
<tr>
<td valign="top" class="footerContent">
<!-- // Begin Module: Standard Footer \\ -->
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td colspan="2" valign="middle" id="social">
<div mc:edit="std_social">
&nbsp;<a href="http://twitter.com/tvsewingcenter">follow on Twitter</a> | <a href="https://www.facebook.com/pages/Temecula-Valley-Sewing-Center/120762354647510">friend on Facebook</a> | <a href="*|FORWARD|*">forward to a friend</a>&nbsp;
</div>
</td>
</tr>
<tr>
<td valign="top" width="370">
<br>
<div mc:edit="std_footer">
*|IF:LIST|*
<em>Copyright &copy; *|CURRENT_YEAR|* TVSC, All rights reserved.</em>
<br>
<!-- *|IFNOT:ARCHIVE_PAGE|* -->
*|LIST:DESCRIPTION|*
<br>
<br>
<strong>Our mailing address is:</strong>
<br>
*|HTML:LIST_ADDRESS_HTML|*
<br>
<!-- *|END:IF|* -->
*|ELSE:|*
<!-- *|IFNOT:ARCHIVE_PAGE|* -->
<em>Copyright &copy; *|CURRENT_YEAR|* *|USER:COMPANY|*, All rights reserved.</em>
<br>
<strong>Our mailing address is:</strong>
<br>
*|USER:ADDRESS_HTML|*
<!-- *|END:IF|* -->
*|END:IF|*
</div>
<br>
</td>
<td valign="top" width="170" id="monkeyRewards">
<br>
<div mc:edit="monkeyrewards">
*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*
</div>
<br>
</td>
</tr>
<tr>
<td colspan="2" valign="middle" id="utility">
<div mc:edit="std_utility">
&nbsp;<a href="*|UNSUB|*">unsubscribe from this list</a> | <a href="*|UPDATE_PROFILE|*">update subscription preferences</a><!-- *|IFNOT:ARCHIVE_PAGE|* --> | <a href="*|ARCHIVE|*">view email in browser</a><!-- *|END:IF|* -->&nbsp;
</div>
</td>
</tr>
</table>
<!-- // End Module: Standard Footer \\ -->
</td>
</tr>
</table>
<!-- // End Template Footer \\ -->
</td>
</tr>
</table>
<br>
</td>
</tr>
</table>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment