- Marketing Nation
- :
- Products
- :
- Product Discussions
- :
- Re: Invalid Module
Your Achievements
Next /
Sign inSign in to Community to gain points, level up, and earn exciting badges like the new Applaud 5 BadgeLearn more!
View All BadgesSign in to view all badges
SOLVED
Re: Invalid Module
Go to solution
Topic Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-29-2018
02:48 PM
08-29-2018
02:48 PM
I'm new to Marketo templates, can someone tell me why I'm getting the errors :Invalid Module: #socialWithLogo Invalid Module: #footerTextModule
<!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>
<!--
Mystic Lake - List Template
-->
<!-- Marketo Variable Definitions -->
<meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#f0f0f0" mktomodulescope="false" />
<meta class="mktoColor" id="clubMLabelColor" mktoname="Label Color" default="#666666" mktomodulescope="true" />
<meta class="mktoColor" id="clubMTextColor" mktoname="Text Color" default="#000000" mktomodulescope="true" />
<meta class="mktoString" id="memberNameLabel" mktoname="Member Name Label" default="Name" mktomodulescope="true" />
<meta class="mktoString" id="memberStatusLabel" mktoname="Member Status Label" default="Status" mktomodulescope="true" />
<meta class="mktoString" id="memberNumberLabel" mktoname="Club M Number Label" default="Number" mktomodulescope="true" />
<meta class="mktoString" id="bannerText" mktoname="Banner Text" default="Comedy at Meadows After Dark" mktomodulescope="true" />
<meta class="mktoImg" id="bannerIcon" mktoName="Banner Icon" default="http://go.mysticlake.com/rs/485-SMD-064/images/icon_phone.jpg" mktomodulescope="true" />
<meta class="mktoImg" id="bannerLogoImg" mktoName="Banner Logo Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/logo_header_ML.jpg" mktomodulescope="true" />
<meta class="mktoNumber" id="verticalSpaceAmountClubM" mktoname="Spacing Height" default="20" min="10" max="40" units="px" step="1" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon1" mktoName="Social Icon 1" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_FB_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink1" mktoname="Social Icon Link 1" default="https://www.facebook.com/mysticlake/" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon2" mktoName="Social Icon 2" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_twitter_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink2" mktoname="Social Icon Link 2" default="https://twitter.com/mysticlake" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon3" mktoName="Social Icon 3" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_insta_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink3" mktoname="Social Icon Link 3" default="https://www.instagram.com/mysticlakecasino/" mktomodulescope="true" />
<meta class="mktoImg" id="footerBannerImg" mktoName="Footer Banner Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/bottom_colorbar_purple.jpg" mktomodulescope="true" />
<meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#f0f0f0" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="textBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="textSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="textSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer3" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer4" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer5" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer6" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaButtonBackgroundColor" mktoname="Button Background Color" default="#9d3d96" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaBorderColor" mktoname="Button Border Color" default="#9d3d96" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaBorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="bigctaLinkText" mktoname="Button Text" default="CALL TO ACTION" mktomodulescope="true" />
<meta class="mktoString" id="bigctaLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="blankSpaceBackgroundColor4" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer4" mktoname="Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="text2BackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoColor" id="text2BorderColor" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
<meta class="mktoNumber" id="text2BorderSize" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="text2Spacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="text2BorderColor2" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
<meta class="mktoNumber" id="text2BorderSize2" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="text2Spacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<!-- Other Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<meta name="robots" content="noindex,nofollow" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--[if mso]>
<style type='text/css'>
.primary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<!--[if mso]>
<style type='text/css'>
.secondary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<style>
/*startcommon*/
@media only screen and (max-width: 640px) {
table.m_boxing{
width: 100% !important;
}
}
/*endcommon*/
</style>
<style media="all">
/* CLIENT-SPECIFIC STYLES */
#outlook a {
padding: 0;
}
/* Force Outlook to provide a "view in browser" message */
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
/* Force Hotmail to display emails at full width */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
/* Force Hotmail to display normal line spacing */
/* iOS BLUE LINKS */
.appleBody a {
color: .m_000;
text-decoration: none;
}
.appleFooter a {
color: .m_000;
text-decoration: none;
}
@-ms-viewport {
width: device-width;
}
</style>
<style media="all">
@media only screen and (max-width: 640px) {
/*starttablet*/
body {
width: auto !important;
}
table.table600{
width: 450px !important;
}
table.table-inner{
width: 86% !important;
}
table.table1-2{
width: 47% !important;
clear: both;
}
table.table1-3{
width: 29.4% !important;
}
table.table1-4{
width: 100% !important;
text-align: left !important;
}
table.table2-3{
width: 64% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 10% !important;
text-align: right !important;
}
td.outer{
min-width: 0 !important;
}
td.stack{
padding-bottom: 40px !important;
}
.stack-tablet {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
mso-hide: none !important;
display: block !important;
}
img.mobile-img{
width: 100% !important;
height: auto !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-tablet{
display: none !important;
}
table.footer-column{
width: 47% !important;
text-align: left !important;
}
.m_header .table1-3 {
width: 100% !important;
text-align: center !important;
}
.m_header .logo img {
display: inline !important;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.m_header .link {
text-align: center !important;
}
.m_hero .inner {
width: 80% !important;
}
.mktoVideoThumbnail {
width: 100% !important;
height: auto!important;
max-height: inherit!important;
min-height: inherit!important;
}
.m_free-image img {
width: 450px !important;
height: auto;
}
/*endtablet*/
}
@media only screen and (max-width: 479px) {
/*startmobile*/
body {
width: auto !important;
}
table.table600{
width: 290px !important;
}
table.table-inner{
width: 80% !important;
float: none !important;
}
table.table1-2{
width: 100% !important;
clear: both;
}
table.table1-3{
width: 100% !important;
clear: both;
}
table.table1-4{
width: 100% !important;
text-align: center !important;
}
table.table2-3{
width: 100% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 60% !important;
text-align: center !important;
}
td.outer{
min-width: 0 !important;
}
td.td3-1{
width: 60% !important;
text-align: center !important;
}
.stack-smartphone {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
display: block !important;
mso-hide: none !important;
}
td.center-smartphone{
text-align: center !important;
}
img.mobile-img{
width: 100% !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-smartphone{
display: none !important;
}
table.footer-column{
width: 100% !important;
text-align: center !important;
}
.m_hero .background {
background-image: none !important;
}
.m_free-image img {
width: 290px !important;
height: auto;
}
/*endmobile*/
<style type="text/css">
* {
-webkit-font-smoothing: antialiased;
}
body {
Margin: 0;
padding: 0;
min-width: 100%;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
mso-line-height-rule: exactly;
}
table {
border-spacing: 0;
color: #333333;
font-family: Arial, sans-serif;
}
img {
border: 0;
}
.wrapper {
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.webkit {
max-width: 600px;
}
.outer {
Margin: 0 auto;
width: 100%;
max-width: 600px;
}
.full-width-image img {
width: 100%;
max-width: 600px;
height: auto;
}
.inner {
padding: 10px;
}
p {
Margin: 0;
padding-bottom: 10px;
}
.h1 {
font-size: 21px;
font-weight: bold;
Margin-top: 15px;
Margin-bottom: 5px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.h2 {
font-size: 18px;
font-weight: bold;
Margin-top: 10px;
Margin-bottom: 5px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.one-column .contents {
text-align: left;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.one-column p {
font-size: 14px;
Margin-bottom: 10px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.two-column {
text-align: center;
font-size: 0;
}
.two-column .column {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.contents {
width: 100%;
}
.two-column .contents {
font-size: 14px;
text-align: left;
}
.two-column img {
width: 100%;
height: auto;
}
.two-column .text {
padding-top: 10px;
}
.three-column {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.three-column .column {
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
.three-column .contents {
font-size: 14px;
text-align: center;
}
.three-column img {
width: 100%;
max-width: 180px;
height: auto;
}
.three-column .text {
padding-top: 10px;
}
.img-align-vertical img {
display: inline-block;
vertical-align: middle;
}
</style>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse !important;}
</style>
<![endif]-->
</head>
<body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:${emailBackgroundColor};">
<center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:${emailBackgroundColor};">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor};">
<tr>
<td width="100%">
<div class="webkit" style="max-width:600px;Margin:0 auto;">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Calibri, sans-serif;color:#333333;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<!-- ======= start main body ======= -->
<table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;" bgcolor="${emailBackgroundColor}">
<tr>
<td class="mktoContainer" id="template-wrapper" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<!-- ======= start vertical spacer club M Module ======= -->
<table class="mktoModule" id="verticalSpacerClubM" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
<tr>
<td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">
</td>
</tr>
</table>
<!-- ======= end vertical spacer club M module ======= -->
<!-- ======= start Club M Module ======= -->
<table class="mktoModule one-column" id="clubMModule" mktoname="Club M Module" border="0 " cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor}">
<tr>
<td align="right" style="max-width: 300px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;">
</td>
<td valign="top" align="right" style="width: 150px; padding-top: 0px; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNameLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Name" id="clubMMemberName" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">{{lead.First Name:default=First Name}} {{lead.Last Name:default=Last Name}}</div>
</td>
<td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 7px; padding-left: 7px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberStatusLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Status" id="clubMMemberStatus" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">Status Var</div>
</td>
<td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNumberLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Number" id="clubMMemberNumber" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">{{lead.Guest ID:default=Guest ID}}</div>
</td>
</tr>
</table>
<!-- ======= start Club M Module ======= -->
<!-- ======= start vertical spacer club M Module ======= -->
<table class="mktoModule" id="verticalSpacerClubM2" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
<tr>
<td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">
</td>
</tr>
</table>
<!-- ======= end vertical spacer club M module ======= -->
<!-- ======= start header banner ======= -->
<table class="mktoModule one-column" id="headerBanner" mktoname="Header Banner" border="0" cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:">
<tr bgcolor="#ffffff" style="background-color: #ffffff;">
<td width="33" style="padding-bottom:0;padding-right:5px;padding-left:20px;padding-top:0px;background-color:#ffffff;">
<img src="${bannerIcon}" width="25" alt=" " style="display: block;border-width:0;width:100%;max-width:25px;height:auto; "
/>
</td>
<td class="text" style="padding-bottom:0; padding-right:0; padding-left:0; padding-top:0px; text-decoration: none; color: #9d3d96; font-family: arial, sans-serif; font-weight: bold; text-align:left;min-width:130px;background-color:#ffffff;">
<h1 style="font-size: 13px; text-transform: uppercase; color: #9d3d96;
display: inline; vertical-align: top; ">${bannerText}</h1>
</td>
<td align="right" style="padding-top: 0;background-color:#ffffff;float: right;min-width:100px;">
<img src="${bannerLogoImg}" alt=" " align="right" style="display: block; border-width:0;width:100%;min-width:100px;min-height:90px;" />
</td>
</tr>
</table>
<!-- ======= end header banner ======= -->
<!-- ======= start blank space ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace" mktoname="Blank Space" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor};" bgcolor="${blankSpaceBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer};font-size:${blankSpaceSpacer};" height="${blankSpaceSpacer}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- ======= end blank space ======= -->
<!-- ======= start title 2 ======= -->
<table class="mktoModule m_title" id="title2" mktoname="Title2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${titleBackgroundColor};" bgcolor="${titleBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer};font-size:${titleSpacer};" height="${titleSpacer}"> </td>
</tr>
<tr>
<td class="primary-font pretitle" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 17px;color: #333;border-collapse: collapse;">
<div class="mktoText" mktoname="Pre-Title" id="preTitle">
Lorem ipsum dolor sit amet.
</div></td>
</tr>
<tr>
<td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 27px;font-weight: bold;color: #000;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="title3">
This is the main title
</div></td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer2};font-size:${titleSpacer2};" height="${titleSpacer2}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Dots" id="dots" mktolockimgstyle="false">
<a><img src="http://templates.marketo.net/newsletter3/dots.png" style="border-left-width: 0; line-height: 100%; outline: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; display: block; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: 16px; width: auto;" height="16px" /></a>
</div>
</center></td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer3};font-size:${titleSpacer3};" height="${titleSpacer3}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- ======= end title 2 ======= -->
<!-- ======= start photo l ======= -->
<table class="mktoModule m_photo-l" id="photo-l" mktoname="Photo-l" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor};" bgcolor="${photoLBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer};font-size:${photoLSpacer};" height="${photoLSpacer}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post1.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div> </td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> </td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle">
Intro title
</div></td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text3">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer2};font-size:${photoLSpacer2};" height="${photoLSpacer2}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- ======= end photo l ======= -->
<!-- ======= start big cta ======= -->
<table class="mktoModule m_bigcta" id="bigctaf743a37c-eba5-4d03-be69-84a9a789d36f" mktoname="Bigcta-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
</tbody>
</table>
<!-- ======= end big cta ======= -->
<!-- ======= start blank space 2 ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace4d9d5eee2-3690-43ff-964a-0883a03d7920" mktoname="Blank Space4-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- ======= end blank space 2 ======= -->
<!-- ======= start photo l 2 ======= -->
<table class="mktoModule m_photo-l" id="photo-l2" mktoname="Photo-l2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor2};" bgcolor="${photoLBackgroundColor2}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer3};font-size:${photoLSpacer3};" height="${photoLSpacer3}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo2" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post2.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div> </td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> </td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle2">
Intro title
</div></td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text4">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer4};font-size:${photoLSpacer4};" height="${photoLSpacer4}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- ======= end photo l 2 ======= -->
<!-- ======= start big cta 2 ======= -->
<table class="mktoModule m_bigcta" id="bigctaa9fbb863-d58c-49cf-968e-ea0d275e2c06" mktoname="Bigcta-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
</tbody>
</table>
<!-- ======= end big cta 2 ======= -->
<!-- ======= start text ======= -->
<table class="mktoModule m_text" id="text132cad90-d0c5-4b4a-b9bf-eb3099eea6ac" mktoname="Text-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; font-size: 15px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${textBackgroundColor};" bgcolor="${textBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${textSpacer};font-size:${textSpacer};" height="${textSpacer}"> </td>
</tr>
<tr>
<td class="primary-font content" style="-webkit-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-ms-text-size-adjust: 100%;-moz-hyphens: none;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text7132cad90-d0c5-4b4a-b9bf-eb3099eea6ac">
Hi
<strong>Philip</strong>,
<br /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div></td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${textSpacer2};font-size:${textSpacer2};" height="${textSpacer2}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- ======= end text ======= -->
<!-- ======= start blank space 4 ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace4fc5d1d89-9088-414c-8856-473ec5cab719" mktoname="Blank Space4" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- ======= end blank space 4 ======= -->
<!-- ======= start photo l 3 ======= -->
<table class="mktoModule m_photo-l" id="photo-l3" mktoname="Photo-l3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor3};" bgcolor="${photoLBackgroundColor3}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer5};font-size:${photoLSpacer5};" height="${photoLSpacer5}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo3" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post3.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div> </td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> </td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle3">
Intro title
</div></td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text5">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer6};font-size:${photoLSpacer6};" height="${photoLSpacer6}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- ======= end photo l 3 ======= -->
<!-- ======= start big cta 3 ======= -->
<table class="mktoModule m_bigcta" id="bigcta" mktoname="Bigcta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display:
inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size:
19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
</tbody>
</table>
<!-- ======= end big cta 3 ======= -->
<!-- ======= start text 2 ======= -->
<table class="mktoModule m_text2" id="text2" mktoname="Text2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; font-size: 19px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${text2BackgroundColor};" bgcolor="${text2BackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td class="border1" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-top-width:${text2BorderSize};border-top-style: solid;border-top-color:${text2BorderColor};border-collapse: collapse;line-height:${text2Spacer};font-size:${text2Spacer};" height="${text2Spacer}"> </td>
</tr>
<tr>
<td class="primary-font content" style="-webkit-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-ms-text-size-adjust: 100%;-moz-hyphens: none;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text6">
Interested in learning more?
<strong>Visit our Help Center </strong>
<br /> Sincerly,
<strong>Marco</strong>
</div></td>
</tr>
<tr>
<td class="border2" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-bottom-width:${text2BorderSize2};border-bottom-style: solid;border-bottom-color:${text2BorderColor2};border-collapse: collapse;line-height:${text2Spacer2};font-size:${text2Spacer2};" height="${text2Spacer2}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<!-- ======= end text 2 ======= -->
<!-- ======= start social and logo ======= -->
<table class="mktoModule one-column" id="socialWithLogo" mktoname="Social With Logo" border="0 " cellpadding="10 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:${emailBackgroundColor}">
<tr>
<td>
<table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">
<tr>
<td height="20 " width="100% " style="font-size: 20px; line-height: 20px; ">
</td>
</tr>
</table>
<table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">
<tr>
<td align="left " width="150 " style="-moz-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; ">
<table>
<tr>
<td style="padding-right: 7px;">
<a href="${socialIconLink1}" style="width:30px;text-decoration: none;border:0;" class="button_link ">
<img src="${socialIcon1}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "
/>
</a>
</td>
<td style="padding-right: 7px;">
<a href="${socialIconLink2}" style="width:30px;text-decoration: none;border:0;" class="button_link ">
<img src="${socialIcon2}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "
/>
</a>
</td>
<td style="padding-right: 7px;">
<a href="${socialIconLink3}" style="width:30px;text-decoration: none;border:0;" class="button_link ">
<img src="${socialIcon3}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "
/>
</a>
</td>
</tr>
</table>
</td>
<td align="right " width="123 " style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; ">
<div class="mktoImg" id="footerLogo" mktoName="Footer Logo" mktoImgSrc="http://go.mysticlake.com/rs/485-SMD-064/images/logo_ML_purple.png"
mktoImgLink="http://www.mysticlake.com/" mktoLockImgStyle="true">
<a>
<img width="123" align="right" style="border-width:0;width:100%;max-width:123px;height:auto; " />
</a>
</div>
</td>
</tr>
</table>
<table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">
<tr>
<td height="10 " width="100% " style="font-size: 10px; line-height: 10px; ">
</td>
</tr>
</table>
<!-- ======= end social and logo ======= -->
<!-- ======= start footer ======= -->
<table class="mktoModule one-column" id="footerTextModule" mktoname="Footer Text" border="0 " cellpadding="10 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:
${emailBackgroundColor}; " bgcolor="#ffffff ">
<tr>
<td data-medium-editor-element="true" class="mktoText" mktoname="Footer Text 2" id="footerText" style="color: #999999; font-size: 12px; line-height: 18px; text-align:left; ">
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Make sure our emails reach your inbox. Please add <a href="mailto:noreply@mysticlake.com" target="_blank" id="" style="text-decoration: underline; color: #9d3d96;">noreply@mysticlake.com</a> to your address book.<br />This email was sent to a member of the Mystic Lake Casino Hotel Email Club.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">Please do not reply to this message. Replies to this message are routed to an unmonitored mailbox. If you have questions, please visit our <a href="http://mysticlake.com/contact-us" style="text-decoration: underline; color: #9d3d96;">contact page</a>.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">We respect your privacy. Please review our <a href="http://mysticlake.com/-privacy-policy" style="text-decoration: underline; color: #9d3d96;">Privacy Policy</a>.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">2400 Mystic Lake Blvd. Prior Lake, MN 55372<br /> Owned and Operated by the Shakopee Mdewakanton Sioux Community</span></p>
</td>
</tr>
<tr>
<td align="left " width="600 ">
<img src="${footerBannerImg}" width="600 " alt=" " style="border-width:0;width:100%;max-width:600px;height:auto;"
/>
</td>
</tr>
</table>
<!-- ======= end footer ======= -->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</td>
</tr>
</table>
</center>
</body>
</html>
Solved! Go to Solution.
1 ACCEPTED SOLUTION
Accepted Solutions
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-29-2018
03:30 PM
08-29-2018
03:30 PM
Sorry Katie - found some other closing tags missing that I didn't pick up before! This should work:
<!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>
<!--Mystic Lake - List Template-->
<!-- Marketo Variable Definitions -->
<meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#f0f0f0" mktomodulescope="false" />
<meta class="mktoColor" id="clubMLabelColor" mktoname="Label Color" default="#666666" mktomodulescope="true" />
<meta class="mktoColor" id="clubMTextColor" mktoname="Text Color" default="#000000" mktomodulescope="true" />
<meta class="mktoString" id="memberNameLabel" mktoname="Member Name Label" default="Name" mktomodulescope="true" />
<meta class="mktoString" id="memberStatusLabel" mktoname="Member Status Label" default="Status" mktomodulescope="true" />
<meta class="mktoString" id="memberNumberLabel" mktoname="Club M Number Label" default="Number" mktomodulescope="true" />
<meta class="mktoString" id="bannerText" mktoname="Banner Text" default="Comedy at Meadows After Dark" mktomodulescope="true" />
<meta class="mktoImg" id="bannerIcon" mktoName="Banner Icon" default="http://go.mysticlake.com/rs/485-SMD-064/images/icon_phone.jpg" mktomodulescope="true" />
<meta class="mktoImg" id="bannerLogoImg" mktoName="Banner Logo Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/logo_header_ML.jpg" mktomodulescope="true" />
<meta class="mktoNumber" id="verticalSpaceAmountClubM" mktoname="Spacing Height" default="20" min="10" max="40" units="px" step="1" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon1" mktoName="Social Icon 1" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_FB_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink1" mktoname="Social Icon Link 1" default="https://www.facebook.com/mysticlake/" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon2" mktoName="Social Icon 2" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_twitter_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink2" mktoname="Social Icon Link 2" default="https://twitter.com/mysticlake" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon3" mktoName="Social Icon 3" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_insta_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink3" mktoname="Social Icon Link 3" default="https://www.instagram.com/mysticlakecasino/" mktomodulescope="true" />
<meta class="mktoImg" id="footerBannerImg" mktoName="Footer Banner Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/bottom_colorbar_purple.jpg" mktomodulescope="true" />
<meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#f0f0f0" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="textBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="textSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="textSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer3" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer4" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer5" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer6" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaButtonBackgroundColor" mktoname="Button Background Color" default="#9d3d96" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaBorderColor" mktoname="Button Border Color" default="#9d3d96" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaBorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="bigctaLinkText" mktoname="Button Text" default="CALL TO ACTION" mktomodulescope="true" />
<meta class="mktoString" id="bigctaLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="blankSpaceBackgroundColor4" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer4" mktoname="Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="text2BackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoColor" id="text2BorderColor" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
<meta class="mktoNumber" id="text2BorderSize" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="text2Spacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="text2BorderColor2" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
<meta class="mktoNumber" id="text2BorderSize2" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="text2Spacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<!-- Other Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<meta name="robots" content="noindex,nofollow" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--[if mso]>
<style type='text/css'>
.primary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<!--[if mso]>
<style type='text/css'>
.secondary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<style>
/*startcommon*/
@media only screen and (max-width: 640px) {
table.m_boxing{
width: 100% !important;
}
}
/*endcommon*/
</style>
<style media="all">
/* CLIENT-SPECIFIC STYLES */
#outlook a {
padding: 0;
}
/* Force Outlook to provide a"view in browser" message */
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
/* Force Hotmail to display emails at full width */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
/* Force Hotmail to display normal line spacing */
/* iOS BLUE LINKS */
.appleBody a {
color: .m_000;
text-decoration: none;
}
.appleFooter a {
color: .m_000;
text-decoration: none;
}
@-ms-viewport {
width: device-width;
}
</style>
<style media="all">
@media only screen and (max-width: 640px) {
/*starttablet*/
body {
width: auto !important;
}
table.table600{
width: 450px !important;
}
table.table-inner{
width: 86% !important;
}
table.table1-2{
width: 47% !important;
clear: both;
}
table.table1-3{
width: 29.4% !important;
}
table.table1-4{
width: 100% !important;
text-align: left !important;
}
table.table2-3{
width: 64% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 10% !important;
text-align: right !important;
}
td.outer{
min-width: 0 !important;
}
td.stack{
padding-bottom: 40px !important;
}
.stack-tablet {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
mso-hide: none !important;
display: block !important;
}
img.mobile-img{
width: 100% !important;
height: auto !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-tablet{
display: none !important;
}
table.footer-column{
width: 47% !important;
text-align: left !important;
}
.m_header .table1-3 {
width: 100% !important;
text-align: center !important;
}
.m_header .logo img {
display: inline !important;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.m_header .link {
text-align: center !important;
}
.m_hero .inner {
width: 80% !important;
}
.mktoVideoThumbnail {
width: 100% !important;
height: auto!important;
max-height: inherit!important;
min-height: inherit!important;
}
.m_free-image img {
width: 450px !important;
height: auto;
}
/*endtablet*/
}
@media only screen and (max-width: 479px) {
/*startmobile*/
body {
width: auto !important;
}
table.table600{
width: 290px !important;
}
table.table-inner{
width: 80% !important;
float: none !important;
}
table.table1-2{
width: 100% !important;
clear: both;
}
table.table1-3{
width: 100% !important;
clear: both;
}
table.table1-4{
width: 100% !important;
text-align: center !important;
}
table.table2-3{
width: 100% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 60% !important;
text-align: center !important;
}
td.outer{
min-width: 0 !important;
}
td.td3-1{
width: 60% !important;
text-align: center !important;
}
.stack-smartphone {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
display: block !important;
mso-hide: none !important;
}
td.center-smartphone{
text-align: center !important;
}
img.mobile-img{
width: 100% !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-smartphone{
display: none !important;
}
table.footer-column{
width: 100% !important;
text-align: center !important;
}
.m_hero .background {
background-image: none !important;
}
.m_free-image img {
width: 290px !important;
height: auto;
}
/*endmobile*/
<style type="text/css">
* {
-webkit-font-smoothing: antialiased;
}
body {
Margin: 0;
padding: 0;
min-width: 100%;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
mso-line-height-rule: exactly;
}
table {
border-spacing: 0;
color: #333333;
font-family: Arial, sans-serif;
}
img {
border: 0;
}
.wrapper {
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.webkit {
max-width: 600px;
}
.outer {
Margin: 0 auto;
width: 100%;
max-width: 600px;
}
.full-width-image img {
width: 100%;
max-width: 600px;
height: auto;
}
.inner {
padding: 10px;
}
p {
Margin: 0;
padding-bottom: 10px;
}
.h1 {
font-size: 21px;
font-weight: bold;
Margin-top: 15px;
Margin-bottom: 5px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.h2 {
font-size: 18px;
font-weight: bold;
Margin-top: 10px;
Margin-bottom: 5px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.one-column .contents {
text-align: left;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.one-column p {
font-size: 14px;
Margin-bottom: 10px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.two-column {
text-align: center;
font-size: 0;
}
.two-column .column {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.contents {
width: 100%;
}
.two-column .contents {
font-size: 14px;
text-align: left;
}
.two-column img {
width: 100%;
height: auto;
}
.two-column .text {
padding-top: 10px;
}
.three-column {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.three-column .column {
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
.three-column .contents {
font-size: 14px;
text-align: center;
}
.three-column img {
width: 100%;
max-width: 180px;
height: auto;
}
.three-column .text {
padding-top: 10px;
}
.img-align-vertical img {
display: inline-block;
vertical-align: middle;
}
</style>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse !important;}
</style>
<![endif]-->
</head>
<body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:${emailBackgroundColor};">
<center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:${emailBackgroundColor};">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor};">
<tr>
<td width="100%">
<div class="webkit" style="max-width:600px;Margin:0 auto;">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Calibri, sans-serif;color:#333333;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<!-- ======= start main body ======= -->
<table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;" bgcolor="${emailBackgroundColor}">
<tr>
<td class="mktoContainer" id="template-wrapper" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<!-- ======= start vertical spacer club M Module ======= -->
<table class="mktoModule" id="verticalSpacerClubM" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
<tr>
<td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">
</td>
</tr>
</table>
<!-- ======= end vertical spacer club M module ======= -->
<!-- ======= start Club M Module ======= -->
<table class="mktoModule one-column" id="clubMModule" mktoname="Club M Module" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor}">
<tr>
<td align="right" style="max-width: 300px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;">
</td>
<td valign="top" align="right" style="width: 150px; padding-top: 0px; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNameLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Name" id="clubMMemberName" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600;">{{lead.First Name:default=First Name}} {{lead.Last Name:default=Last Name}}</div>
</td>
<td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 7px; padding-left: 7px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberStatusLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Status" id="clubMMemberStatus" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600;">Status Var</div>
</td>
<td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNumberLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Number" id="clubMMemberNumber" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600;">{{lead.Guest ID:default=Guest ID}}</div>
</td>
</tr>
</table>
<!-- ======= start Club M Module ======= -->
<!-- ======= start vertical spacer club M Module ======= -->
<table class="mktoModule" id="verticalSpacerClubM2" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
<tr>
<td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">
</td>
</tr>
</table>
<!-- ======= end vertical spacer club M module ======= -->
<!-- ======= start header banner ======= -->
<table class="mktoModule one-column" id="headerBanner" mktoname="Header Banner" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;background-color:">
<tr bgcolor="#ffffff" style="background-color: #ffffff;">
<td width="33" style="padding-bottom:0;padding-right:5px;padding-left:20px;padding-top:0px;background-color:#ffffff;">
<img src="${bannerIcon}" width="25" alt="" style="display: block;border-width:0;width:100%;max-width:25px;height:auto;"
/>
</td>
<td class="text" style="padding-bottom:0; padding-right:0; padding-left:0; padding-top:0px; text-decoration: none; color: #9d3d96; font-family: arial, sans-serif; font-weight: bold; text-align:left;min-width:130px;background-color:#ffffff;">
<h1 style="font-size: 13px; text-transform: uppercase; color: #9d3d96;
display: inline; vertical-align: top;">${bannerText}</h1>
</td>
<td align="right" style="padding-top: 0;background-color:#ffffff;float: right;min-width:100px;">
<img src="${bannerLogoImg}" alt="" align="right" style="display: block; border-width:0;width:100%;min-width:100px;min-height:90px;" />
</td>
</tr>
</table>
<!-- ======= end header banner ======= -->
<!-- ======= start blank space ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace" mktoname="Blank Space" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor};" bgcolor="${blankSpaceBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer};font-size:${blankSpaceSpacer};" height="${blankSpaceSpacer}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end blank space ======= -->
<!-- ======= start title 2 ======= -->
<table class="mktoModule m_title" id="title2" mktoname="Title2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${titleBackgroundColor};" bgcolor="${titleBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer};font-size:${titleSpacer};" height="${titleSpacer}">
</td>
</tr>
<tr>
<td class="primary-font pretitle" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 17px;color: #333;border-collapse: collapse;">
<div class="mktoText" mktoname="Pre-Title" id="preTitle">
Lorem ipsum dolor sit amet.
</div>
</td>
</tr>
<tr>
<td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 27px;font-weight: bold;color: #000;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="title3">
This is the main title
</div>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer2};font-size:${titleSpacer2};" height="${titleSpacer2}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Dots" id="dots" mktolockimgstyle="false">
<a><img src="http://templates.marketo.net/newsletter3/dots.png" style="border-left-width: 0; line-height: 100%; outline: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; display: block; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: 16px; width: auto;" height="16px" /></a>
</div>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer3};font-size:${titleSpacer3};" height="${titleSpacer3}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end title 2 ======= -->
<!-- ======= start photo l ======= -->
<table class="mktoModule m_photo-l" id="photo-l" mktoname="Photo-l" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor};" bgcolor="${photoLBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer};font-size:${photoLSpacer};" height="${photoLSpacer}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post1.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div>
</td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
</td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle">
Intro title
</div>
</td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text3">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer2};font-size:${photoLSpacer2};" height="${photoLSpacer2}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end photo l ======= -->
<!-- ======= start big cta ======= -->
<table class="mktoModule m_bigcta" id="bigctaf743a37c-eba5-4d03-be69-84a9a789d36f" mktoname="Bigcta-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}">
</td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<!-- ======= end big cta ======= -->
<!-- ======= start blank space 2 ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace4d9d5eee2-3690-43ff-964a-0883a03d7920" mktoname="Blank Space4-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end blank space 2 ======= -->
<!-- ======= start photo l 2 ======= -->
<table class="mktoModule m_photo-l" id="photo-l2" mktoname="Photo-l2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor2};" bgcolor="${photoLBackgroundColor2}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer3};font-size:${photoLSpacer3};" height="${photoLSpacer3}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo2" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post2.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div>
</td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
</td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle2">
Intro title
</div>
</td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text4">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer4};font-size:${photoLSpacer4};" height="${photoLSpacer4}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end photo l 2 ======= -->
<!-- ======= start big cta 2 ======= -->
<table class="mktoModule m_bigcta" id="bigctaa9fbb863-d58c-49cf-968e-ea0d275e2c06" mktoname="Bigcta-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}">
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<!-- ======= end big cta 2 ======= -->
<!-- ======= start text ======= -->
<table class="mktoModule m_text" id="text132cad90-d0c5-4b4a-b9bf-eb3099eea6ac" mktoname="Text-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; font-size: 15px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${textBackgroundColor};" bgcolor="${textBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${textSpacer};font-size:${textSpacer};" height="${textSpacer}">
</td>
</tr>
<tr>
<td class="primary-font content" style="-webkit-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-ms-text-size-adjust: 100%;-moz-hyphens: none;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text7132cad90-d0c5-4b4a-b9bf-eb3099eea6ac">
Hi
<strong>Philip</strong>,
<br /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${textSpacer2};font-size:${textSpacer2};" height="${textSpacer2}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end text ======= -->
<!-- ======= start blank space 4 ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace4fc5d1d89-9088-414c-8856-473ec5cab719" mktoname="Blank Space4" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end blank space 4 ======= -->
<!-- ======= start photo l 3 ======= -->
<table class="mktoModule m_photo-l" id="photo-l3" mktoname="Photo-l3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor3};" bgcolor="${photoLBackgroundColor3}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer5};font-size:${photoLSpacer5};" height="${photoLSpacer5}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo3" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post3.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div>
</td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> </td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle3">
Intro title
</div>
</td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text5">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer6};font-size:${photoLSpacer6};" height="${photoLSpacer6}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end photo l 3 ======= -->
<!-- ======= start big cta 3 ======= -->
<table class="mktoModule m_bigcta" id="bigcta" mktoname="Bigcta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display:
inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size:
19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<!-- ======= end big cta 3 ======= -->
<!-- ======= start text 2 ======= -->
<table class="mktoModule m_text2" id="text2" mktoname="Text2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; font-size: 19px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${text2BackgroundColor};" bgcolor="${text2BackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td class="border1" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-top-width:${text2BorderSize};border-top-style: solid;border-top-color:${text2BorderColor};border-collapse: collapse;line-height:${text2Spacer};font-size:${text2Spacer};" height="${text2Spacer}"> </td>
</tr>
<tr>
<td class="primary-font content" style="-webkit-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-ms-text-size-adjust: 100%;-moz-hyphens: none;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text6">
Interested in learning more?
<strong>Visit our Help Center </strong>
<br /> Sincerly,
<strong>Marco</strong>
</div>
</td>
</tr>
<tr>
<td class="border2" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-bottom-width:${text2BorderSize2};border-bottom-style: solid;border-bottom-color:${text2BorderColor2};border-collapse: collapse;line-height:${text2Spacer2};font-size:${text2Spacer2};" height="${text2Spacer2}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end text 2 ======= -->
<!-- ======= start social and logo ======= -->
<table class="mktoModule one-column" id="socialWithLogo" mktoname="Social With Logo" border="0" cellpadding="10" cellspacing="0" width="100%" style="border-spacing:0;background-color:${emailBackgroundColor}">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20" width="100%" style="font-size: 20px; line-height: 20px;">
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" width="150" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">
<table>
<tr>
<td style="padding-right: 7px;">
<a href="${socialIconLink1}" style="width:30px;text-decoration: none;border:0;" class="button_link">
<img src="${socialIcon1}" width="30" alt="" style="border-width:0;width:100%;max-width:30px;height:auto;"
/>
</a>
</td>
<td style="padding-right: 7px;">
<a href="${socialIconLink2}" style="width:30px;text-decoration: none;border:0;" class="button_link">
<img src="${socialIcon2}" width="30" alt="" style="border-width:0;width:100%;max-width:30px;height:auto;"
/>
</a>
</td>
<td style="padding-right: 7px;">
<a href="${socialIconLink3}" style="width:30px;text-decoration: none;border:0;" class="button_link">
<img src="${socialIcon3}" width="30" alt="" style="border-width:0;width:100%;max-width:30px;height:auto;"
/>
</a>
</td>
</tr>
</table>
</td>
<td align="right" width="123" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">
<div class="mktoImg" id="footerLogo" mktoName="Footer Logo" mktoImgSrc="http://go.mysticlake.com/rs/485-SMD-064/images/logo_ML_purple.png" mktoImgLink="http://www.mysticlake.com/" mktoLockImgStyle="true">
<a>
<img width="123" align="right" style="border-width:0;width:100%;max-width:123px;height:auto;" />
</a>
</div>
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="10" width="100%" style="font-size: 10px; line-height: 10px;">
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ======= end social and logo ======= -->
<!-- ======= start footer ======= -->
<table class="mktoModule one-column" id="footerTextModule" mktoname="Footer Text" border="0" cellpadding="10" cellspacing="0" width="100%" style="border-spacing:0;background-color: ${emailBackgroundColor};" bgcolor="#ffffff">
<tr>
<td data-medium-editor-element="true" class="mktoText" mktoname="Footer Text 2" id="footerText" style="color: #999999; font-size: 12px; line-height: 18px; text-align:left;">
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Make sure our emails reach your inbox. Please add <a href="mailto:noreply@mysticlake.com" target="_blank" id="" style="text-decoration: underline; color: #9d3d96;">noreply@mysticlake.com</a> to your address book.<br />This email was sent to a member of the Mystic Lake Casino Hotel Email Club.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Please do not reply to this message. Replies to this message are routed to an unmonitored mailbox. If you have questions, please visit our <a href="http://mysticlake.com/contact-us" style="text-decoration: underline; color: #9d3d96;">contact page</a>.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">We respect your privacy. Please review our <a href="http://mysticlake.com/-privacy-policy" style="text-decoration: underline; color: #9d3d96;">Privacy Policy</a>.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">2400 Mystic Lake Blvd. Prior Lake, MN 55372<br /> Owned and Operated by the Shakopee Mdewakanton Sioux Community</span></p>
</td>
</tr>
<tr>
<td align="left" width="600">
<img src="${footerBannerImg}" width="600" alt="" style="border-width:0;width:100%;max-width:600px;height:auto;"
/>
</td>
</tr>
</table>
<!-- ======= end footer ======= -->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</td>
</tr>
</table>
</center>
</body>
</html>
6 REPLIES 6
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-29-2018
03:13 PM
08-29-2018
03:13 PM
Re: Invalid Module
Hey Katie,
Modules must be held within a "mktoContainer" in order to be valid. The section preceding your problem module closed that <td> tag too early.
I've corrected it for you here - this should now work:
<!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>
<!--Mystic Lake - List Template-->
<!-- Marketo Variable Definitions -->
<meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#f0f0f0" mktomodulescope="false" />
<meta class="mktoColor" id="clubMLabelColor" mktoname="Label Color" default="#666666" mktomodulescope="true" />
<meta class="mktoColor" id="clubMTextColor" mktoname="Text Color" default="#000000" mktomodulescope="true" />
<meta class="mktoString" id="memberNameLabel" mktoname="Member Name Label" default="Name" mktomodulescope="true" />
<meta class="mktoString" id="memberStatusLabel" mktoname="Member Status Label" default="Status" mktomodulescope="true" />
<meta class="mktoString" id="memberNumberLabel" mktoname="Club M Number Label" default="Number" mktomodulescope="true" />
<meta class="mktoString" id="bannerText" mktoname="Banner Text" default="Comedy at Meadows After Dark" mktomodulescope="true" />
<meta class="mktoImg" id="bannerIcon" mktoName="Banner Icon" default="http://go.mysticlake.com/rs/485-SMD-064/images/icon_phone.jpg" mktomodulescope="true" />
<meta class="mktoImg" id="bannerLogoImg" mktoName="Banner Logo Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/logo_header_ML.jpg" mktomodulescope="true" />
<meta class="mktoNumber" id="verticalSpaceAmountClubM" mktoname="Spacing Height" default="20" min="10" max="40" units="px" step="1" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon1" mktoName="Social Icon 1" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_FB_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink1" mktoname="Social Icon Link 1" default="https://www.facebook.com/mysticlake/" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon2" mktoName="Social Icon 2" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_twitter_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink2" mktoname="Social Icon Link 2" default="https://twitter.com/mysticlake" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon3" mktoName="Social Icon 3" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_insta_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink3" mktoname="Social Icon Link 3" default="https://www.instagram.com/mysticlakecasino/" mktomodulescope="true" />
<meta class="mktoImg" id="footerBannerImg" mktoName="Footer Banner Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/bottom_colorbar_purple.jpg" mktomodulescope="true" />
<meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#f0f0f0" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="textBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="textSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="textSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer3" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer4" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer5" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer6" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaButtonBackgroundColor" mktoname="Button Background Color" default="#9d3d96" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaBorderColor" mktoname="Button Border Color" default="#9d3d96" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaBorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="bigctaLinkText" mktoname="Button Text" default="CALL TO ACTION" mktomodulescope="true" />
<meta class="mktoString" id="bigctaLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="blankSpaceBackgroundColor4" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer4" mktoname="Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="text2BackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoColor" id="text2BorderColor" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
<meta class="mktoNumber" id="text2BorderSize" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="text2Spacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="text2BorderColor2" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
<meta class="mktoNumber" id="text2BorderSize2" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="text2Spacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<!-- Other Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<meta name="robots" content="noindex,nofollow" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--[if mso]>
<style type='text/css'>
.primary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<!--[if mso]>
<style type='text/css'>
.secondary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<style>
/*startcommon*/
@media only screen and (max-width: 640px) {
table.m_boxing{
width: 100% !important;
}
}
/*endcommon*/
</style>
<style media="all">
/* CLIENT-SPECIFIC STYLES */
#outlook a {
padding: 0;
}
/* Force Outlook to provide a "view in browser" message */
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
/* Force Hotmail to display emails at full width */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
/* Force Hotmail to display normal line spacing */
/* iOS BLUE LINKS */
.appleBody a {
color: .m_000;
text-decoration: none;
}
.appleFooter a {
color: .m_000;
text-decoration: none;
}
@-ms-viewport {
width: device-width;
}
</style>
<style media="all">
@media only screen and (max-width: 640px) {
/*starttablet*/
body {
width: auto !important;
}
table.table600{
width: 450px !important;
}
table.table-inner{
width: 86% !important;
}
table.table1-2{
width: 47% !important;
clear: both;
}
table.table1-3{
width: 29.4% !important;
}
table.table1-4{
width: 100% !important;
text-align: left !important;
}
table.table2-3{
width: 64% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 10% !important;
text-align: right !important;
}
td.outer{
min-width: 0 !important;
}
td.stack{
padding-bottom: 40px !important;
}
.stack-tablet {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
mso-hide: none !important;
display: block !important;
}
img.mobile-img{
width: 100% !important;
height: auto !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-tablet{
display: none !important;
}
table.footer-column{
width: 47% !important;
text-align: left !important;
}
.m_header .table1-3 {
width: 100% !important;
text-align: center !important;
}
.m_header .logo img {
display: inline !important;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.m_header .link {
text-align: center !important;
}
.m_hero .inner {
width: 80% !important;
}
.mktoVideoThumbnail {
width: 100% !important;
height: auto!important;
max-height: inherit!important;
min-height: inherit!important;
}
.m_free-image img {
width: 450px !important;
height: auto;
}
/*endtablet*/
}
@media only screen and (max-width: 479px) {
/*startmobile*/
body {
width: auto !important;
}
table.table600{
width: 290px !important;
}
table.table-inner{
width: 80% !important;
float: none !important;
}
table.table1-2{
width: 100% !important;
clear: both;
}
table.table1-3{
width: 100% !important;
clear: both;
}
table.table1-4{
width: 100% !important;
text-align: center !important;
}
table.table2-3{
width: 100% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 60% !important;
text-align: center !important;
}
td.outer{
min-width: 0 !important;
}
td.td3-1{
width: 60% !important;
text-align: center !important;
}
.stack-smartphone {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
display: block !important;
mso-hide: none !important;
}
td.center-smartphone{
text-align: center !important;
}
img.mobile-img{
width: 100% !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-smartphone{
display: none !important;
}
table.footer-column{
width: 100% !important;
text-align: center !important;
}
.m_hero .background {
background-image: none !important;
}
.m_free-image img {
width: 290px !important;
height: auto;
}
/*endmobile*/
<style type="text/css">
* {
-webkit-font-smoothing: antialiased;
}
body {
Margin: 0;
padding: 0;
min-width: 100%;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
mso-line-height-rule: exactly;
}
table {
border-spacing: 0;
color: #333333;
font-family: Arial, sans-serif;
}
img {
border: 0;
}
.wrapper {
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.webkit {
max-width: 600px;
}
.outer {
Margin: 0 auto;
width: 100%;
max-width: 600px;
}
.full-width-image img {
width: 100%;
max-width: 600px;
height: auto;
}
.inner {
padding: 10px;
}
p {
Margin: 0;
padding-bottom: 10px;
}
.h1 {
font-size: 21px;
font-weight: bold;
Margin-top: 15px;
Margin-bottom: 5px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.h2 {
font-size: 18px;
font-weight: bold;
Margin-top: 10px;
Margin-bottom: 5px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.one-column .contents {
text-align: left;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.one-column p {
font-size: 14px;
Margin-bottom: 10px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.two-column {
text-align: center;
font-size: 0;
}
.two-column .column {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.contents {
width: 100%;
}
.two-column .contents {
font-size: 14px;
text-align: left;
}
.two-column img {
width: 100%;
height: auto;
}
.two-column .text {
padding-top: 10px;
}
.three-column {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.three-column .column {
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
.three-column .contents {
font-size: 14px;
text-align: center;
}
.three-column img {
width: 100%;
max-width: 180px;
height: auto;
}
.three-column .text {
padding-top: 10px;
}
.img-align-vertical img {
display: inline-block;
vertical-align: middle;
}
</style>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse !important;}
</style>
<![endif]-->
</head>
<body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:${emailBackgroundColor};">
<center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:${emailBackgroundColor};">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor};">
<tr>
<td width="100%">
<div class="webkit" style="max-width:600px;Margin:0 auto;">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Calibri, sans-serif;color:#333333;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<!-- ======= start main body ======= -->
<table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;" bgcolor="${emailBackgroundColor}">
<tr>
<td class="mktoContainer" id="template-wrapper" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<!-- ======= start vertical spacer club M Module ======= -->
<table class="mktoModule" id="verticalSpacerClubM" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
<tr>
<td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">
</td>
</tr>
</table>
<!-- ======= end vertical spacer club M module ======= -->
<!-- ======= start Club M Module ======= -->
<table class="mktoModule one-column" id="clubMModule" mktoname="Club M Module" border="0 " cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor}">
<tr>
<td align="right" style="max-width: 300px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;">
</td>
<td valign="top" align="right" style="width: 150px; padding-top: 0px; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNameLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Name" id="clubMMemberName" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">{{lead.First Name:default=First Name}} {{lead.Last Name:default=Last Name}}</div>
</td>
<td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 7px; padding-left: 7px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberStatusLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Status" id="clubMMemberStatus" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">Status Var</div>
</td>
<td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNumberLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Number" id="clubMMemberNumber" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">{{lead.Guest ID:default=Guest ID}}</div>
</td>
</tr>
</table>
<!-- ======= start Club M Module ======= -->
<!-- ======= start vertical spacer club M Module ======= -->
<table class="mktoModule" id="verticalSpacerClubM2" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
<tr>
<td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">
</td>
</tr>
</table>
<!-- ======= end vertical spacer club M module ======= -->
<!-- ======= start header banner ======= -->
<table class="mktoModule one-column" id="headerBanner" mktoname="Header Banner" border="0" cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:">
<tr bgcolor="#ffffff" style="background-color: #ffffff;">
<td width="33" style="padding-bottom:0;padding-right:5px;padding-left:20px;padding-top:0px;background-color:#ffffff;">
<img src="${bannerIcon}" width="25" alt=" " style="display: block;border-width:0;width:100%;max-width:25px;height:auto; "
/>
</td>
<td class="text" style="padding-bottom:0; padding-right:0; padding-left:0; padding-top:0px; text-decoration: none; color: #9d3d96; font-family: arial, sans-serif; font-weight: bold; text-align:left;min-width:130px;background-color:#ffffff;">
<h1 style="font-size: 13px; text-transform: uppercase; color: #9d3d96;
display: inline; vertical-align: top; ">${bannerText}</h1>
</td>
<td align="right" style="padding-top: 0;background-color:#ffffff;float: right;min-width:100px;">
<img src="${bannerLogoImg}" alt=" " align="right" style="display: block; border-width:0;width:100%;min-width:100px;min-height:90px;" />
</td>
</tr>
</table>
<!-- ======= end header banner ======= -->
<!-- ======= start blank space ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace" mktoname="Blank Space" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor};" bgcolor="${blankSpaceBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer};font-size:${blankSpaceSpacer};" height="${blankSpaceSpacer}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end blank space ======= -->
<!-- ======= start title 2 ======= -->
<table class="mktoModule m_title" id="title2" mktoname="Title2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${titleBackgroundColor};" bgcolor="${titleBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer};font-size:${titleSpacer};" height="${titleSpacer}">
</td>
</tr>
<tr>
<td class="primary-font pretitle" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 17px;color: #333;border-collapse: collapse;">
<div class="mktoText" mktoname="Pre-Title" id="preTitle">
Lorem ipsum dolor sit amet.
</div>
</td>
</tr>
<tr>
<td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 27px;font-weight: bold;color: #000;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="title3">
This is the main title
</div>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer2};font-size:${titleSpacer2};" height="${titleSpacer2}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Dots" id="dots" mktolockimgstyle="false">
<a><img src="http://templates.marketo.net/newsletter3/dots.png" style="border-left-width: 0; line-height: 100%; outline: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; display: block; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: 16px; width: auto;" height="16px" /></a>
</div>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer3};font-size:${titleSpacer3};" height="${titleSpacer3}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end title 2 ======= -->
<!-- ======= start photo l ======= -->
<table class="mktoModule m_photo-l" id="photo-l" mktoname="Photo-l" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor};" bgcolor="${photoLBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer};font-size:${photoLSpacer};" height="${photoLSpacer}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post1.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div>
</td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
</td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle">
Intro title
</div>
</td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text3">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer2};font-size:${photoLSpacer2};" height="${photoLSpacer2}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end photo l ======= -->
<!-- ======= start big cta ======= -->
<table class="mktoModule m_bigcta" id="bigctaf743a37c-eba5-4d03-be69-84a9a789d36f" mktoname="Bigcta-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}">
</td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<!-- ======= end big cta ======= -->
<!-- ======= start blank space 2 ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace4d9d5eee2-3690-43ff-964a-0883a03d7920" mktoname="Blank Space4-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end blank space 2 ======= -->
<!-- ======= start photo l 2 ======= -->
<table class="mktoModule m_photo-l" id="photo-l2" mktoname="Photo-l2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor2};" bgcolor="${photoLBackgroundColor2}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer3};font-size:${photoLSpacer3};" height="${photoLSpacer3}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo2" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post2.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div>
</td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
</td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle2">
Intro title
</div>
</td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text4">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer4};font-size:${photoLSpacer4};" height="${photoLSpacer4}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end photo l 2 ======= -->
<!-- ======= start big cta 2 ======= -->
<table class="mktoModule m_bigcta" id="bigctaa9fbb863-d58c-49cf-968e-ea0d275e2c06" mktoname="Bigcta-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}">
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<!-- ======= end big cta 2 ======= -->
<!-- ======= start text ======= -->
<table class="mktoModule m_text" id="text132cad90-d0c5-4b4a-b9bf-eb3099eea6ac" mktoname="Text-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; font-size: 15px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${textBackgroundColor};" bgcolor="${textBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${textSpacer};font-size:${textSpacer};" height="${textSpacer}">
</td>
</tr>
<tr>
<td class="primary-font content" style="-webkit-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-ms-text-size-adjust: 100%;-moz-hyphens: none;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text7132cad90-d0c5-4b4a-b9bf-eb3099eea6ac">
Hi
<strong>Philip</strong>,
<br /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${textSpacer2};font-size:${textSpacer2};" height="${textSpacer2}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end text ======= -->
<!-- ======= start blank space 4 ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace4fc5d1d89-9088-414c-8856-473ec5cab719" mktoname="Blank Space4" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end blank space 4 ======= -->
<!-- ======= start photo l 3 ======= -->
<table class="mktoModule m_photo-l" id="photo-l3" mktoname="Photo-l3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor3};" bgcolor="${photoLBackgroundColor3}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer5};font-size:${photoLSpacer5};" height="${photoLSpacer5}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo3" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post3.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div>
</td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> </td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle3">
Intro title
</div>
</td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text5">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer6};font-size:${photoLSpacer6};" height="${photoLSpacer6}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end photo l 3 ======= -->
<!-- ======= start big cta 3 ======= -->
<table class="mktoModule m_bigcta" id="bigcta" mktoname="Bigcta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display:
inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size:
19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<!-- ======= end big cta 3 ======= -->
<!-- ======= start text 2 ======= -->
<table class="mktoModule m_text2" id="text2" mktoname="Text2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; font-size: 19px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${text2BackgroundColor};" bgcolor="${text2BackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td class="border1" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-top-width:${text2BorderSize};border-top-style: solid;border-top-color:${text2BorderColor};border-collapse: collapse;line-height:${text2Spacer};font-size:${text2Spacer};" height="${text2Spacer}"> </td>
</tr>
<tr>
<td class="primary-font content" style="-webkit-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-ms-text-size-adjust: 100%;-moz-hyphens: none;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text6">
Interested in learning more?
<strong>Visit our Help Center </strong>
<br /> Sincerly,
<strong>Marco</strong>
</div>
</td>
</tr>
<tr>
<td class="border2" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-bottom-width:${text2BorderSize2};border-bottom-style: solid;border-bottom-color:${text2BorderColor2};border-collapse: collapse;line-height:${text2Spacer2};font-size:${text2Spacer2};" height="${text2Spacer2}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end text 2 ======= -->
<!-- ======= start social and logo ======= -->
<table class="mktoModule one-column" id="socialWithLogo" mktoname="Social With Logo" border="0 " cellpadding="10 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:${emailBackgroundColor}">
<tr>
<td>
<table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">
<tr>
<td height="20 " width="100% " style="font-size: 20px; line-height: 20px; ">
</td>
</tr>
</table>
<table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">
<tr>
<td align="left " width="150 " style="-moz-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; ">
<table>
<tr>
<td style="padding-right: 7px;">
<a href="${socialIconLink1}" style="width:30px;text-decoration: none;border:0;" class="button_link ">
<img src="${socialIcon1}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "
/>
</a>
</td>
<td style="padding-right: 7px;">
<a href="${socialIconLink2}" style="width:30px;text-decoration: none;border:0;" class="button_link ">
<img src="${socialIcon2}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "
/>
</a>
</td>
<td style="padding-right: 7px;">
<a href="${socialIconLink3}" style="width:30px;text-decoration: none;border:0;" class="button_link ">
<img src="${socialIcon3}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "
/>
</a>
</td>
</tr>
</table>
</td>
<td align="right " width="123 " style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; ">
<div class="mktoImg" id="footerLogo" mktoName="Footer Logo" mktoImgSrc="http://go.mysticlake.com/rs/485-SMD-064/images/logo_ML_purple.png"
mktoImgLink="http://www.mysticlake.com/" mktoLockImgStyle="true">
<a>
<img width="123" align="right" style="border-width:0;width:100%;max-width:123px;height:auto; " />
</a>
</div>
</td>
</tr>
</table>
<table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">
<tr>
<td height="10 " width="100% " style="font-size: 10px; line-height: 10px; ">
</td>
</tr>
</table>
<!-- ======= end social and logo ======= -->
<!-- ======= start footer ======= -->
<table class="mktoModule one-column" id="footerTextModule" mktoname="Footer Text" border="0 " cellpadding="10 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:
${emailBackgroundColor}; " bgcolor="#ffffff ">
<tr>
<td data-medium-editor-element="true" class="mktoText" mktoname="Footer Text 2" id="footerText" style="color: #999999; font-size: 12px; line-height: 18px; text-align:left; ">
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Make sure our emails reach your inbox. Please add <a href="mailto:noreply@mysticlake.com" target="_blank" id="" style="text-decoration: underline; color: #9d3d96;">noreply@mysticlake.com</a> to your address book.<br />This email was sent to a member of the Mystic Lake Casino Hotel Email Club.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">Please do not reply to this message. Replies to this message are routed to an unmonitored mailbox. If you have questions, please visit our <a href="http://mysticlake.com/contact-us" style="text-decoration: underline; color: #9d3d96;">contact page</a>.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">We respect your privacy. Please review our <a href="http://mysticlake.com/-privacy-policy" style="text-decoration: underline; color: #9d3d96;">Privacy Policy</a>.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">2400 Mystic Lake Blvd. Prior Lake, MN 55372<br /> Owned and Operated by the Shakopee Mdewakanton Sioux Community</span></p>
</td>
</tr>
<tr>
<td align="left " width="600 ">
<img src="${footerBannerImg}" width="600 " alt=" " style="border-width:0;width:100%;max-width:600px;height:auto;"
/>
</td>
</tr>
</table>
<!-- ======= end footer ======= -->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</td>
</tr>
</table>
</center>
</body>
</html>
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-29-2018
03:20 PM
08-29-2018
03:20 PM
Re: Invalid Module
Thanks Grace, but when I paste that in NOTHING appears in the preview anymore. Is there another error I'm missing?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-29-2018
03:30 PM
08-29-2018
03:30 PM
Sorry Katie - found some other closing tags missing that I didn't pick up before! This should work:
<!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>
<!--Mystic Lake - List Template-->
<!-- Marketo Variable Definitions -->
<meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#f0f0f0" mktomodulescope="false" />
<meta class="mktoColor" id="clubMLabelColor" mktoname="Label Color" default="#666666" mktomodulescope="true" />
<meta class="mktoColor" id="clubMTextColor" mktoname="Text Color" default="#000000" mktomodulescope="true" />
<meta class="mktoString" id="memberNameLabel" mktoname="Member Name Label" default="Name" mktomodulescope="true" />
<meta class="mktoString" id="memberStatusLabel" mktoname="Member Status Label" default="Status" mktomodulescope="true" />
<meta class="mktoString" id="memberNumberLabel" mktoname="Club M Number Label" default="Number" mktomodulescope="true" />
<meta class="mktoString" id="bannerText" mktoname="Banner Text" default="Comedy at Meadows After Dark" mktomodulescope="true" />
<meta class="mktoImg" id="bannerIcon" mktoName="Banner Icon" default="http://go.mysticlake.com/rs/485-SMD-064/images/icon_phone.jpg" mktomodulescope="true" />
<meta class="mktoImg" id="bannerLogoImg" mktoName="Banner Logo Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/logo_header_ML.jpg" mktomodulescope="true" />
<meta class="mktoNumber" id="verticalSpaceAmountClubM" mktoname="Spacing Height" default="20" min="10" max="40" units="px" step="1" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon1" mktoName="Social Icon 1" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_FB_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink1" mktoname="Social Icon Link 1" default="https://www.facebook.com/mysticlake/" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon2" mktoName="Social Icon 2" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_twitter_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink2" mktoname="Social Icon Link 2" default="https://twitter.com/mysticlake" mktomodulescope="true" />
<meta class="mktoImg" id="socialIcon3" mktoName="Social Icon 3" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_insta_grey.png" mktomodulescope="true" />
<meta class="mktoString" id="socialIconLink3" mktoname="Social Icon Link 3" default="https://www.instagram.com/mysticlakecasino/" mktomodulescope="true" />
<meta class="mktoImg" id="footerBannerImg" mktoName="Footer Banner Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/bottom_colorbar_purple.jpg" mktomodulescope="true" />
<meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#f0f0f0" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="textBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="textSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="textSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer3" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer4" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="photoLBackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer5" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="photoLSpacer6" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaButtonBackgroundColor" mktoname="Button Background Color" default="#9d3d96" mktomodulescope="true" />
<meta class="mktoColor" id="bigctaBorderColor" mktoname="Button Border Color" default="#9d3d96" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaBorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="bigctaSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="bigctaLinkText" mktoname="Button Text" default="CALL TO ACTION" mktomodulescope="true" />
<meta class="mktoString" id="bigctaLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="blankSpaceBackgroundColor4" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer4" mktoname="Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="text2BackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoColor" id="text2BorderColor" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
<meta class="mktoNumber" id="text2BorderSize" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="text2Spacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="text2BorderColor2" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
<meta class="mktoNumber" id="text2BorderSize2" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="text2Spacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<!-- Other Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<meta name="robots" content="noindex,nofollow" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!--[if mso]>
<style type='text/css'>
.primary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<!--[if mso]>
<style type='text/css'>
.secondary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<style>
/*startcommon*/
@media only screen and (max-width: 640px) {
table.m_boxing{
width: 100% !important;
}
}
/*endcommon*/
</style>
<style media="all">
/* CLIENT-SPECIFIC STYLES */
#outlook a {
padding: 0;
}
/* Force Outlook to provide a"view in browser" message */
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
/* Force Hotmail to display emails at full width */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
/* Force Hotmail to display normal line spacing */
/* iOS BLUE LINKS */
.appleBody a {
color: .m_000;
text-decoration: none;
}
.appleFooter a {
color: .m_000;
text-decoration: none;
}
@-ms-viewport {
width: device-width;
}
</style>
<style media="all">
@media only screen and (max-width: 640px) {
/*starttablet*/
body {
width: auto !important;
}
table.table600{
width: 450px !important;
}
table.table-inner{
width: 86% !important;
}
table.table1-2{
width: 47% !important;
clear: both;
}
table.table1-3{
width: 29.4% !important;
}
table.table1-4{
width: 100% !important;
text-align: left !important;
}
table.table2-3{
width: 64% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 10% !important;
text-align: right !important;
}
td.outer{
min-width: 0 !important;
}
td.stack{
padding-bottom: 40px !important;
}
.stack-tablet {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
mso-hide: none !important;
display: block !important;
}
img.mobile-img{
width: 100% !important;
height: auto !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-tablet{
display: none !important;
}
table.footer-column{
width: 47% !important;
text-align: left !important;
}
.m_header .table1-3 {
width: 100% !important;
text-align: center !important;
}
.m_header .logo img {
display: inline !important;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.m_header .link {
text-align: center !important;
}
.m_hero .inner {
width: 80% !important;
}
.mktoVideoThumbnail {
width: 100% !important;
height: auto!important;
max-height: inherit!important;
min-height: inherit!important;
}
.m_free-image img {
width: 450px !important;
height: auto;
}
/*endtablet*/
}
@media only screen and (max-width: 479px) {
/*startmobile*/
body {
width: auto !important;
}
table.table600{
width: 290px !important;
}
table.table-inner{
width: 80% !important;
float: none !important;
}
table.table1-2{
width: 100% !important;
clear: both;
}
table.table1-3{
width: 100% !important;
clear: both;
}
table.table1-4{
width: 100% !important;
text-align: center !important;
}
table.table2-3{
width: 100% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 60% !important;
text-align: center !important;
}
td.outer{
min-width: 0 !important;
}
td.td3-1{
width: 60% !important;
text-align: center !important;
}
.stack-smartphone {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
display: block !important;
mso-hide: none !important;
}
td.center-smartphone{
text-align: center !important;
}
img.mobile-img{
width: 100% !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-smartphone{
display: none !important;
}
table.footer-column{
width: 100% !important;
text-align: center !important;
}
.m_hero .background {
background-image: none !important;
}
.m_free-image img {
width: 290px !important;
height: auto;
}
/*endmobile*/
<style type="text/css">
* {
-webkit-font-smoothing: antialiased;
}
body {
Margin: 0;
padding: 0;
min-width: 100%;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
mso-line-height-rule: exactly;
}
table {
border-spacing: 0;
color: #333333;
font-family: Arial, sans-serif;
}
img {
border: 0;
}
.wrapper {
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.webkit {
max-width: 600px;
}
.outer {
Margin: 0 auto;
width: 100%;
max-width: 600px;
}
.full-width-image img {
width: 100%;
max-width: 600px;
height: auto;
}
.inner {
padding: 10px;
}
p {
Margin: 0;
padding-bottom: 10px;
}
.h1 {
font-size: 21px;
font-weight: bold;
Margin-top: 15px;
Margin-bottom: 5px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.h2 {
font-size: 18px;
font-weight: bold;
Margin-top: 10px;
Margin-bottom: 5px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.one-column .contents {
text-align: left;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.one-column p {
font-size: 14px;
Margin-bottom: 10px;
font-family: Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.two-column {
text-align: center;
font-size: 0;
}
.two-column .column {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.contents {
width: 100%;
}
.two-column .contents {
font-size: 14px;
text-align: left;
}
.two-column img {
width: 100%;
height: auto;
}
.two-column .text {
padding-top: 10px;
}
.three-column {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.three-column .column {
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
.three-column .contents {
font-size: 14px;
text-align: center;
}
.three-column img {
width: 100%;
max-width: 180px;
height: auto;
}
.three-column .text {
padding-top: 10px;
}
.img-align-vertical img {
display: inline-block;
vertical-align: middle;
}
</style>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse !important;}
</style>
<![endif]-->
</head>
<body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:${emailBackgroundColor};">
<center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:${emailBackgroundColor};">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor};">
<tr>
<td width="100%">
<div class="webkit" style="max-width:600px;Margin:0 auto;">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Calibri, sans-serif;color:#333333;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<!-- ======= start main body ======= -->
<table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;" bgcolor="${emailBackgroundColor}">
<tr>
<td class="mktoContainer" id="template-wrapper" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<!-- ======= start vertical spacer club M Module ======= -->
<table class="mktoModule" id="verticalSpacerClubM" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
<tr>
<td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">
</td>
</tr>
</table>
<!-- ======= end vertical spacer club M module ======= -->
<!-- ======= start Club M Module ======= -->
<table class="mktoModule one-column" id="clubMModule" mktoname="Club M Module" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor}">
<tr>
<td align="right" style="max-width: 300px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;">
</td>
<td valign="top" align="right" style="width: 150px; padding-top: 0px; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNameLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Name" id="clubMMemberName" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600;">{{lead.First Name:default=First Name}} {{lead.Last Name:default=Last Name}}</div>
</td>
<td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 7px; padding-left: 7px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberStatusLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Status" id="clubMMemberStatus" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600;">Status Var</div>
</td>
<td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; text-align: right;">
<div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNumberLabel}</div>
<div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Number" id="clubMMemberNumber" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600;">{{lead.Guest ID:default=Guest ID}}</div>
</td>
</tr>
</table>
<!-- ======= start Club M Module ======= -->
<!-- ======= start vertical spacer club M Module ======= -->
<table class="mktoModule" id="verticalSpacerClubM2" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
<tr>
<td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">
</td>
</tr>
</table>
<!-- ======= end vertical spacer club M module ======= -->
<!-- ======= start header banner ======= -->
<table class="mktoModule one-column" id="headerBanner" mktoname="Header Banner" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;background-color:">
<tr bgcolor="#ffffff" style="background-color: #ffffff;">
<td width="33" style="padding-bottom:0;padding-right:5px;padding-left:20px;padding-top:0px;background-color:#ffffff;">
<img src="${bannerIcon}" width="25" alt="" style="display: block;border-width:0;width:100%;max-width:25px;height:auto;"
/>
</td>
<td class="text" style="padding-bottom:0; padding-right:0; padding-left:0; padding-top:0px; text-decoration: none; color: #9d3d96; font-family: arial, sans-serif; font-weight: bold; text-align:left;min-width:130px;background-color:#ffffff;">
<h1 style="font-size: 13px; text-transform: uppercase; color: #9d3d96;
display: inline; vertical-align: top;">${bannerText}</h1>
</td>
<td align="right" style="padding-top: 0;background-color:#ffffff;float: right;min-width:100px;">
<img src="${bannerLogoImg}" alt="" align="right" style="display: block; border-width:0;width:100%;min-width:100px;min-height:90px;" />
</td>
</tr>
</table>
<!-- ======= end header banner ======= -->
<!-- ======= start blank space ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace" mktoname="Blank Space" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor};" bgcolor="${blankSpaceBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer};font-size:${blankSpaceSpacer};" height="${blankSpaceSpacer}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end blank space ======= -->
<!-- ======= start title 2 ======= -->
<table class="mktoModule m_title" id="title2" mktoname="Title2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${titleBackgroundColor};" bgcolor="${titleBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer};font-size:${titleSpacer};" height="${titleSpacer}">
</td>
</tr>
<tr>
<td class="primary-font pretitle" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 17px;color: #333;border-collapse: collapse;">
<div class="mktoText" mktoname="Pre-Title" id="preTitle">
Lorem ipsum dolor sit amet.
</div>
</td>
</tr>
<tr>
<td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 27px;font-weight: bold;color: #000;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="title3">
This is the main title
</div>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer2};font-size:${titleSpacer2};" height="${titleSpacer2}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Dots" id="dots" mktolockimgstyle="false">
<a><img src="http://templates.marketo.net/newsletter3/dots.png" style="border-left-width: 0; line-height: 100%; outline: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; display: block; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: 16px; width: auto;" height="16px" /></a>
</div>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${titleSpacer3};font-size:${titleSpacer3};" height="${titleSpacer3}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end title 2 ======= -->
<!-- ======= start photo l ======= -->
<table class="mktoModule m_photo-l" id="photo-l" mktoname="Photo-l" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor};" bgcolor="${photoLBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer};font-size:${photoLSpacer};" height="${photoLSpacer}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post1.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div>
</td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
</td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle">
Intro title
</div>
</td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text3">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer2};font-size:${photoLSpacer2};" height="${photoLSpacer2}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end photo l ======= -->
<!-- ======= start big cta ======= -->
<table class="mktoModule m_bigcta" id="bigctaf743a37c-eba5-4d03-be69-84a9a789d36f" mktoname="Bigcta-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}">
</td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<!-- ======= end big cta ======= -->
<!-- ======= start blank space 2 ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace4d9d5eee2-3690-43ff-964a-0883a03d7920" mktoname="Blank Space4-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end blank space 2 ======= -->
<!-- ======= start photo l 2 ======= -->
<table class="mktoModule m_photo-l" id="photo-l2" mktoname="Photo-l2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor2};" bgcolor="${photoLBackgroundColor2}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer3};font-size:${photoLSpacer3};" height="${photoLSpacer3}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo2" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post2.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div>
</td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
</td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle2">
Intro title
</div>
</td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text4">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer4};font-size:${photoLSpacer4};" height="${photoLSpacer4}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end photo l 2 ======= -->
<!-- ======= start big cta 2 ======= -->
<table class="mktoModule m_bigcta" id="bigctaa9fbb863-d58c-49cf-968e-ea0d275e2c06" mktoname="Bigcta-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}">
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<!-- ======= end big cta 2 ======= -->
<!-- ======= start text ======= -->
<table class="mktoModule m_text" id="text132cad90-d0c5-4b4a-b9bf-eb3099eea6ac" mktoname="Text-1" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; font-size: 15px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${textBackgroundColor};" bgcolor="${textBackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${textSpacer};font-size:${textSpacer};" height="${textSpacer}">
</td>
</tr>
<tr>
<td class="primary-font content" style="-webkit-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-ms-text-size-adjust: 100%;-moz-hyphens: none;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text7132cad90-d0c5-4b4a-b9bf-eb3099eea6ac">
Hi
<strong>Philip</strong>,
<br /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${textSpacer2};font-size:${textSpacer2};" height="${textSpacer2}">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end text ======= -->
<!-- ======= start blank space 4 ======= -->
<table class="mktoModule m_blankSpace" id="blankSpace4fc5d1d89-9088-414c-8856-473ec5cab719" mktoname="Blank Space4" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end blank space 4 ======= -->
<!-- ======= start photo l 3 ======= -->
<table class="mktoModule m_photo-l" id="photo-l3" mktoname="Photo-l3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoLBackgroundColor3};" bgcolor="${photoLBackgroundColor3}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer5};font-size:${photoLSpacer5};" height="${photoLSpacer5}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="290">
<tbody>
<tr>
<td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo3" mktolockimgstyle="false">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post3.jpg" class="mobile-img" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
</div>
</td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> </td>
</tr>
</tbody>
</table>
<table class="table2-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="280">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="article" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font title" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Article title" id="articleTitle3">
Intro title
</div>
</td>
</tr>
<tr>
<td class="primary-font text" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text5">
Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${photoLSpacer6};font-size:${photoLSpacer6};" height="${photoLSpacer6}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end photo l 3 ======= -->
<!-- ======= start big cta 3 ======= -->
<table class="mktoModule m_bigcta" id="bigcta" mktoname="Bigcta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust:
100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display:
inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size:
19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</a> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
<!-- ======= end big cta 3 ======= -->
<!-- ======= start text 2 ======= -->
<table class="mktoModule m_text2" id="text2" mktoname="Text2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; font-size: 19px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${text2BackgroundColor};" bgcolor="${text2BackgroundColor}" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td class="border1" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-top-width:${text2BorderSize};border-top-style: solid;border-top-color:${text2BorderColor};border-collapse: collapse;line-height:${text2Spacer};font-size:${text2Spacer};" height="${text2Spacer}"> </td>
</tr>
<tr>
<td class="primary-font content" style="-webkit-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-ms-text-size-adjust: 100%;-moz-hyphens: none;hyphens: none;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text6">
Interested in learning more?
<strong>Visit our Help Center </strong>
<br /> Sincerly,
<strong>Marco</strong>
</div>
</td>
</tr>
<tr>
<td class="border2" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-bottom-width:${text2BorderSize2};border-bottom-style: solid;border-bottom-color:${text2BorderColor2};border-collapse: collapse;line-height:${text2Spacer2};font-size:${text2Spacer2};" height="${text2Spacer2}"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- ======= end text 2 ======= -->
<!-- ======= start social and logo ======= -->
<table class="mktoModule one-column" id="socialWithLogo" mktoname="Social With Logo" border="0" cellpadding="10" cellspacing="0" width="100%" style="border-spacing:0;background-color:${emailBackgroundColor}">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20" width="100%" style="font-size: 20px; line-height: 20px;">
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" width="150" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">
<table>
<tr>
<td style="padding-right: 7px;">
<a href="${socialIconLink1}" style="width:30px;text-decoration: none;border:0;" class="button_link">
<img src="${socialIcon1}" width="30" alt="" style="border-width:0;width:100%;max-width:30px;height:auto;"
/>
</a>
</td>
<td style="padding-right: 7px;">
<a href="${socialIconLink2}" style="width:30px;text-decoration: none;border:0;" class="button_link">
<img src="${socialIcon2}" width="30" alt="" style="border-width:0;width:100%;max-width:30px;height:auto;"
/>
</a>
</td>
<td style="padding-right: 7px;">
<a href="${socialIconLink3}" style="width:30px;text-decoration: none;border:0;" class="button_link">
<img src="${socialIcon3}" width="30" alt="" style="border-width:0;width:100%;max-width:30px;height:auto;"
/>
</a>
</td>
</tr>
</table>
</td>
<td align="right" width="123" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">
<div class="mktoImg" id="footerLogo" mktoName="Footer Logo" mktoImgSrc="http://go.mysticlake.com/rs/485-SMD-064/images/logo_ML_purple.png" mktoImgLink="http://www.mysticlake.com/" mktoLockImgStyle="true">
<a>
<img width="123" align="right" style="border-width:0;width:100%;max-width:123px;height:auto;" />
</a>
</div>
</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="10" width="100%" style="font-size: 10px; line-height: 10px;">
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ======= end social and logo ======= -->
<!-- ======= start footer ======= -->
<table class="mktoModule one-column" id="footerTextModule" mktoname="Footer Text" border="0" cellpadding="10" cellspacing="0" width="100%" style="border-spacing:0;background-color: ${emailBackgroundColor};" bgcolor="#ffffff">
<tr>
<td data-medium-editor-element="true" class="mktoText" mktoname="Footer Text 2" id="footerText" style="color: #999999; font-size: 12px; line-height: 18px; text-align:left;">
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Make sure our emails reach your inbox. Please add <a href="mailto:noreply@mysticlake.com" target="_blank" id="" style="text-decoration: underline; color: #9d3d96;">noreply@mysticlake.com</a> to your address book.<br />This email was sent to a member of the Mystic Lake Casino Hotel Email Club.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Please do not reply to this message. Replies to this message are routed to an unmonitored mailbox. If you have questions, please visit our <a href="http://mysticlake.com/contact-us" style="text-decoration: underline; color: #9d3d96;">contact page</a>.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">We respect your privacy. Please review our <a href="http://mysticlake.com/-privacy-policy" style="text-decoration: underline; color: #9d3d96;">Privacy Policy</a>.</span></p>
<p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">2400 Mystic Lake Blvd. Prior Lake, MN 55372<br /> Owned and Operated by the Shakopee Mdewakanton Sioux Community</span></p>
</td>
</tr>
<tr>
<td align="left" width="600">
<img src="${footerBannerImg}" width="600" alt="" style="border-width:0;width:100%;max-width:600px;height:auto;"
/>
</td>
</tr>
</table>
<!-- ======= end footer ======= -->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</td>
</tr>
</table>
</center>
</body>
</html>
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-29-2018
05:03 PM
08-29-2018
05:03 PM
Re: Invalid Module
That fixed it! Thank you so so so much!!!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-30-2018
06:55 AM
08-30-2018
06:55 AM
Re: Invalid Module
Hi again Grace,
After sending this to a co-worker it turns out Outlook 2013 is ignoring the spacing between modules. Any ideas on how to fix this? Looks fine on mobile.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
08-30-2018
02:53 PM
08-30-2018
02:53 PM
Re: Invalid Module
This is a good example of why testing a template is important! 
side note - if you're not already I would strongly recommend that you use a testing tool like Litmus or Email on Acid before you start using a template as it'll help you spot issues like this.
It's likely that whatever the template is using as padding between those sections is code that Outlook doesn't accept. It looks like this template uses the empty cell method (see How to Create Spacing in HTML Emails - Email On Acid for more info on this + other padding methods), which is a bit of an unreliable method for vertical padding.
I'd change all your vertical padding references to one of the other methods - likely either padding or cell padding. Used correctly, those are more reliable methods across email clients.
.png)