<html lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<style type="text/css">
.ReadMsgBody {
width:100%;
background-color:#ffffff;
}
.ExternalClass {
width:100%;
background-color:#ffffff;
}
.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div {
line-height:100%;
}
html {
width:100%;
}
body {
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
margin:0;
padding:0;
}
table {
border-spacing:0;
border-collapse:collapse;
table-layout:fixed;
margin:0 auto;
}
table table table {
table-layout:auto;
}
img {
display:block !important;
over-flow:hidden !important;
}
table td {
border-collapse:collapse;
}
.yshortcuts a {
border-bottom:none !important;
}
a {
color:#d32f2f;
text-decoration:none;
}
/*Responsive*/
@media only screen and (max-width:640px) {
body {
width:auto !important;
}
table[class="table600"] {
width:450px !important;
}
table[class="table-inner"] {
width:90% !important;
}
table[class="table2-2"] {
width:47% !important;
text-align:center !important;
}
table[class="table3-3"] {
width:100% !important;
text-align:center !important;
}
table[class="table1-3"] {
width:29% !important;
}
table[class="table3-1"] {
width:64% !important;
text-align:left !important;
}
/* Image */img[class="img1"] {
width:100% !important;
height:auto !important;
}
}
@media only screen and (max-width:479px) {
body {
width:auto !important;
}
table[class="table600"] {
width:290px !important;
}
table[class="table-inner"] {
width:82% !important;
}
table[class="table2-2"] {
width:100% !important;
text-align:center !important;
}
table[class="table3-3"] {
width:100% !important;
text-align:center !important;
}
table[class="table1-3"] {
width:100% !important;
}
table[class="table3-1"] {
width:100% !important;
text-align:center !important;
}
/* image */
img[class="img1"] {
width:100% !important;
}
}
div[id=snow] {
width:100%;
}
}
</style>
</head><body><table data-thumb="img/header bar.png" data-module="Header bar" data-bgcolor="Background" mc:repeatable="layout" mc:hideable="" mc:variant="Header Bar" align="center" width="100%" border="0" cellspacing="0" cellpadding="0" style=" background: rgb(255, 231, 155);border-bottom: 2px solid rgb(255, 194, 0);">
<tbody>
<tr>
<td align="center">
<table class="table600" align="center" width="600" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td data-link-style="text-decoration:none; color:#d32f2f;" data-link-color="Link" mc:edit="webversion" align="center" style="font-family: 'Open Sans', Arial, sans-serif; color: #000000; font-size:12px; line-height:28px; font-weight: bold;">
Not display correctly try <a href="sr_view_online" style="color: #BD0000;text-decoration:none" data-color="Menu Link">view in your browser</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table data-thumb="img/header.png" data-module="Header" data-bgcolor="Background" mc:repeatable="layout" mc:hideable="" mc:variant="Header" bgcolor="#e7f3f9" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td height="15">
</td>
</tr>
<tr>
<td align="center">
<table class="table600" width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" style="line-height: 0px;">
<img class="img1" style="display:block; line-height:0px; font-size:0px; border:0px;" src="img/header-top-snow-1.png" width="600" height="19" alt="img">
</td>
</tr>
</tbody>
</table>
<table data-bgcolor="Feature BG" data-bg="Header BG" width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="table600" background="img/header-bg.jpg" style="background-color: rgb(160, 213, 234); background-position:top; background-size:cover;">
<tbody>
<tr>
<td align="center" style="line-height: 0px;">
<img class="img1" style="display:block; line-height:0px; font-size:0px; border:0px;" src="img/feature-top-snow.png" width="600" height="40" alt="img">
</td>
</tr>
<tr>
<td height="35">
</td>
</tr>
<tr>
<td align="center">
<table class="table-inner" width="520" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td height="15">
</td>
</tr>
<!--headline-->
<tr>
<td data-link-style="text-decoration:none; color:#d32f2f;" data-link-color="Header Link" data-color="Headline" data-size="Header Title" mc:edit="Header headline" align="center" style="font-family: 'Times New Roman', Arial, sans-serif; color:#d32f2f; font-size: 48px; font-weight: bold; letter-spacing:3px;line-height: 45px;">
Merry Christmas
</td>
</tr>
<!--end headline-->
<tr>
<td align="center">
<table align="center" width="40" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td data-border-bottom-color="Dash" height="15" style="border-bottom:2px solid #d32f2f;">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="15">
</td>
</tr>
<!--subtitle-->
<tr>
<td data-link-style="text-decoration:none; color:#d32f2f;" data-link-color="Header Link" data-color="Header Subtitle" data-size="Header Subtitle" mc:edit="Header subtitle" align="center" style=" "><a href="#" style="
font-family: 'Open Sans', Arial, sans-serif; color: #000000; font-size: 13px; font-weight: bold; line-height: 28px; letter-spacing: 2px;
text-decoration: underline;
">The Mega Christmas Offers!</a></td>
</tr>
<!--end subtitle-->
</tbody>
</table>
</td>
</tr>
<tr>
<td style="line-height: 0px;" align="center">
<img class="img1" style="display:block; line-height:0px; font-size:0px; border:0px;" src="img/header-bottom-snow.png" width="600" height="152" alt="img">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table data-thumb="img/3-3 panel.png" data-module="3/3 Panel" data-bgcolor="Background" mc:repeatable="layout" mc:hideable="" mc:variant="3/3 Panel" bgcolor="#e7f3f9" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center">
<table class="table600" bgcolor="#FFFFFF" width="600" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td height="45">
</td>
</tr>
<tr>
<td align="center">
<table class="table-inner" width="520" border="0" cellspacing="0" cellpadding="0">
<!--title-->
<tbody>
<tr>
<td data-link-style="text-decoration:none; color:#d32f2f;" data-link-color="Content Link" data-color="Headline" data-size="Headline" mc:edit="3/3 panel main title" align="center" style="font-family: 'Times New Roman', Arial, sans-serif; color:#d32f2f; font-size:24px; font-weight: bold; font-style: italic;line-height: 28px;">
“At Christmas, all roads lead home. ”
</td>
</tr>
<!--end title-->
<tr>
<td align="center">
<table align="center" width="40" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td data-border-bottom-color="Dash" height="17" style="border-bottom:2px solid #d32f2f;">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="10">
</td>
</tr>
<!--content-->
<tr>
<td data-link-style="text-decoration:none; color:#d32f2f;" data-link-color="Content Link" data-color="Main Text" data-size="Main Text" mc:edit="3/3 panel main content" align="center" style="font-family: 'Open sans', Arial, sans-serif;
圣诞风格email邮件格式html模板_圣诞 邮件 email_html网站模板_网页源码移动端前端_H5模板_自适应.rar （30个子文件） 
圣诞风格email邮件格式html模板_圣诞 邮件 email twts_6_fb 
christmas-email-.jpg 518KB img 
feature-top-snow.png 4KB cta-top-snow.png 4KB 3-3-3.jpg 17KB cta-bottom-snow.png 3KB footer-snow.png 2KB feature-bottom-snow.png 37KB 2-2-3.jpg 24KB icon-2.png 36KB divider-tree.png 15KB snow-bg.png 25KB feature-box.png 31KB icon-1.png 37KB header-bottom-snow.png 22KB twitter.png 15KB 2-2-2.jpg 30KB 2-2-1.jpg 26KB header-top-snow-1.png 659B 1-2-feature.png 102KB facebook.png 15KB 1-1.jpg 43KB 3-3-5.jpg 23KB 3-3-2.jpg 20KB feature-bg.png 42KB header-bg.jpg 55KB googleplus.png 15KB icon-3.png 44KB 3-3-1.jpg 21KB 3-3-4.jpg 24KB
index.html 65KB资源评论
