Hi we put in a jpeg that has the Marketo recommended specifications into the Snow Bunny template Hero Section. But on the mobile rendering it's cutting out the person in the photo. Any suggestions on how to fix this problem? Will Marketo let you upload one photo for desktop and a separate one for mobile?
Thanks for your help!
Any thoughts on this? Or any developers you know to direct us to?
Please share the code so we can debug and give a solution.
Brittany Brown can you past the code here
<!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" style="width: 100%;">
<head>
<!-- Marketo Variable Definitions -->
<meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#eaeaea" mktomodulescope="false" />
<meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#f2f2f5" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="headerBackgroundColor" mktoname="Module Background" default="#215fa3" mktomodulescope="true" />
<meta class="mktoNumber" id="headerSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="headerSpacer2" mktoname="Spacer Below Right Image" default="8" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="headerSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="headerBorderColor" mktoname="Module Border Border Color" default="#215fa3" />
<meta class="mktoNumber" id="headerBorderSize" mktoname="Module Border Border Width" default="7" min="0" max="20" units="px" step="1" />
<meta class="mktoImg" id="heroBackgroundImage" mktoname="Background Image" default="http://templates.marketo.net/newsletter8/bg-hero.jpg" mktomodulescope="true" />
<meta class="mktoColor" id="heroBackgroundColor" mktoname="Module Background" default="#333333" mktomodulescope="true" />
<meta class="mktoColor" id="heroButtonBackgroundColor" mktoname="Button Background Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoColor" id="heroBorderColor" mktoname="Button Border Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoNumber" id="heroBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="heroLinkText" mktoname="Button Text" default="DISCOVER" mktomodulescope="true" />
<meta class="mktoString" id="heroLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBorderColor" mktoname="Left Box Border Border Color" default="#e4e4e4" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesBorderSize" mktoname="Left Box Border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBackgroundColor2" mktoname="Left Box Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer2" mktoname="Spacer Below Left Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer3" mktoname="Spacer Below Left Date" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer4" mktoname="Spacer Below Left Title" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer5" mktoname="Spacer Below Left Text" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesButtonBackgroundColor" mktoname="Left Button Background Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBorderColor2" mktoname="Left Button Border Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesBorderSize2" mktoname="Left Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer6" mktoname="Spacer Below Left Button" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBorderColor3" mktoname="Center Box Border Border Color" default="#e4e4e4" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesBorderSize3" mktoname="Center Box Border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBackgroundColor4" mktoname="Center Box Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer7" mktoname="Spacer Below Center Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer8" mktoname="Spacer Below Center Date" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer9" mktoname="Spacer Below Center Title" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer10" mktoname="Spacer Below Center Text" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesButtonBackgroundColor2" mktoname="Center Button Background Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBorderColor4" mktoname="Center Button Border Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesBorderSize4" mktoname="Center Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer11" mktoname="Spacer Below Center Button" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBorderColor5" mktoname="Right Box Border Border Color" default="#e4e4e4" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesBorderSize5" mktoname="Right Box Border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBackgroundColor6" mktoname="Right Box Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer12" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer13" mktoname="Spacer Below Right Date" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer14" mktoname="Spacer Below Right Title" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer15" mktoname="Spacer Below Right Text" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesButtonBackgroundColor3" mktoname="Right Button Background Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoColor" id="threeArticlesBorderColor6" mktoname="Right Button Border Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesBorderSize6" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer16" mktoname="Spacer Below Right Button" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="threeArticlesSpacer17" mktoname="Bottom Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="threeArticlesLinkText" mktoname="Left Button Text" default="READ MORE" mktomodulescope="true" />
<meta class="mktoString" id="threeArticlesLink" mktoname="Left Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoString" id="threeArticlesLinkText2" mktoname="Center Button Text" default="READ MORE" mktomodulescope="true" />
<meta class="mktoString" id="threeArticlesLink2" mktoname="Center Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoString" id="threeArticlesLinkText3" mktoname="Right Button Text" default="READ MORE" mktomodulescope="true" />
<meta class="mktoString" id="threeArticlesLink3" mktoname="Right Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="titleSpacer2" mktoname="Bottom Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="freeImageBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="freeImageSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="freeImageSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="freeTextBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="freeTextSpacer" mktoname="Top Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="freeTextSpacer2" mktoname="Bottom Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="callToActionBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="callToActionSpacer" mktoname="Top Spacer" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="callToActionButtonBackgroundColor" mktoname="Button Background Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoColor" id="callToActionBorderColor" mktoname="Button Border Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoNumber" id="callToActionBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="callToActionSpacer2" mktoname="Bottom Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="callToActionLinkText" mktoname="Button Text" default="VIEW DETAILS" mktomodulescope="true" />
<meta class="mktoString" id="callToActionLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="separatorBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="separatorSpacer" mktoname="Top Spacer" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="separatorColor" mktoname="Separator Color" default="#b2b2b2" mktomodulescope="true" />
<meta class="mktoNumber" id="separatorSize" mktoname="Separator Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="separatorSpacer2" mktoname="Top Spacer" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="horizontalBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="horizontalSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="horizontalBorderColor" mktoname="Left Box Border Border Color" default="#e4e4e4" mktomodulescope="true" />
<meta class="mktoNumber" id="horizontalBorderSize" mktoname="Left Box Border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="horizontalBackgroundColor2" mktoname="Left Box Background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="horizontalSpacer2" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="horizontalSpacer3" mktoname="Spacer Below Left Date" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="horizontalSpacer4" mktoname="Spacer Below Left Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="horizontalSpacer5" mktoname="Spacer Below Left Text" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="horizontalButtonBackgroundColor" mktoname="Left Button Background Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoColor" id="horizontalBorderColor2" mktoname="Left Button Border Color" default="#ff9000" mktomodulescope="true" />
<meta class="mktoNumber" id="horizontalBorderSize2" mktoname="Left Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="horizontalSpacer6" mktoname="Spacer Below Left Button" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="horizontalSpacer7" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="horizontalLinkText" mktoname="Left Button Text" default="READ MORE" mktomodulescope="true" />
<meta class="mktoString" id="horizontalLink" mktoname="Left Button Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="overlayImageBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="overlayImageSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoImg" id="overlayImageBackgroundImage" mktoname="Background Image" default="http://templates.marketo.net/newsletter8/big-hero2.jpg" mktomodulescope="true" />
<meta class="mktoColor" id="overlayImageBackgroundColor2" mktoname="Box Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoColor" id="overlayImageBackgroundColor3" mktoname="Box" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoColor" id="featuresBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="featuresBorderColor" mktoname="Box border Border Color" default="#e4e4e4" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresBorderSize" mktoname="Box border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="featuresBackgroundColor2" mktoname="Left Box background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer2" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer3" mktoname="Spacer Below Left Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer4" mktoname="Spacer Below Left Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer5" mktoname="Spacer Below Left Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="featuresBorderColor2" mktoname="Left Box border Border Color" default="#e4e4e4" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresBorderSize2" mktoname="Left Box border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="featuresBackgroundColor3" mktoname="Center Box background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer6" mktoname="Spacer Below Center Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer7" mktoname="Spacer Below Center Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer8" mktoname="Spacer Below Center Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer9" mktoname="Spacer Below Center Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="featuresBorderColor3" mktoname="Center Box border Border Color" default="#e4e4e4" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresBorderSize3" mktoname="Center Box border Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="featuresBackgroundColor4" mktoname="Right Box background" default="#FFFFFF" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer10" mktoname="Spacer Below Right Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer11" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer12" mktoname="Spacer Below Right Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer13" mktoname="Spacer Below Right Links" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer14" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="footerBackgroundColor" mktoname="Module Background" default="#efeef4" mktomodulescope="true" />
<meta class="mktoNumber" id="footerSpacer" mktoname="Top Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="footerSpacer2" mktoname="Spacer Below Text" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="footerSpacer3" mktoname="Bottom Spacer" default="25" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="footerLink" mktoname="Facebook Icon Link" default="http://mylink" mktomodulescope="true" />
<meta class="mktoString" id="footerLink2" mktoname="Twitter Icon Link" default="http://mylink" mktomodulescope="true" />
<!-- Other Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<meta name="robots" content="noindex,nofollow" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Questrial:300,400,700" rel="stylesheet" type="text/css" />
<!--[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 td {
text-align: center !important;
}
.m_hero .background {
background-size: cover !important;
}
.m_overlay-image .background {
background-size: cover !important;
}
.mktoVideoThumbnail{
width: 100% !important;
height: auto!important;
max-height:inherit!important;
min-height:inherit!important;
}
.m_menu {
padding-top: 10px !important;
padding-right: 0 !important;
padding-bottom: 10px !important;
padding-left: 0 !important;
}
.m_menu p {
display: block !important;
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 10px !important;
padding-left: 0 !important;
}
.m_horizontal img {
display: inline-block;
margin-top: 0;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
.m_article .table1-2 {
width: 100% !important;
clear: both;
}
.m_article .cta table {
margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-left: auto !important;
}
.m_overlay-image .box {
float: none !important;
width: 220px;
margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-left: auto !important;
}
.m_contacts .table1-2 {
width: 100% !important;
clear: both;
text-align: center !important;
}
.m_free-image img {
width: 450px !important;
height: auto;
}
.m_team .spacer,
.m_three-articles .spacer {
width: 28px !important;
}
.m_features .spacer {
width: 26px;
}
/*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_free-image img {
width: 290px !important;
height: auto;
}
.m_horizontal img {
margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-left: auto !important;
}
.m_hero .background {
background-size: cover !important;
}
.m_overlay-image .background {
background-size: cover !important;
}
/*endmobile*/
}
</style>
</head>
<body style="margin-bottom: 0; -webkit-text-size-adjust: 100%; padding-bottom: 0; min-width: 100%; margin-top: 0; margin-right: 0; -ms-text-size-adjust: 100%; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; width: 100%;">
<div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">
</div>
<!-- Outer table START -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" 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;">
<tbody>
<tr>
<td class="outer" valign="top" 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: Arial, Helvetica sans-serif;min-width: 600px;border-collapse: collapse;background-color:${emailBackgroundColor};">
<table width="640" align="center" id="boxing" border="0" cellpadding="0" cellspacing="0" 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;" class="m_boxing">
<tbody>
<tr>
<td class="mktoContainer boxedbackground" id="template-wrapper" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">
<table id="blankSpace" 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%" class="mktoModule m_blankSpace" mktoname="Blank Space">
<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;font-family: Arial, Helvetica sans-serif;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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${blankSpaceSpacer};font-size:${blankSpaceSpacer};" height="${blankSpaceSpacer}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="header" 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%" class="mktoModule m_header" mktoname="Header">
<tbody>
<tr>
<td class="bordered" 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:${headerBorderSize};border-top-style: solid;border-top-color:${headerBorderColor};border-collapse: collapse;background-color:${headerBackgroundColor};border-left-color:${headerBorderColor};border-bottom-color:${headerBorderColor};border-right-color:${headerBorderColor};border-left-width:${headerBorderSize};border-bottom-width:${headerBorderSize};border-right-width:${headerBorderSize};" bgcolor="${headerBackgroundColor}" 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;width: 600px;" 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:${headerSpacer};font-size:${headerSpacer};" height="${headerSpacer}"> </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="table3-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; width: 220px;" align="left" border="0" cellpadding="0" cellspacing="0" width="220">
<tbody>
<tr>
<td class="center-tablet logo" 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; width: 100%; font-weight: normal; font-size: 12px; text-align: left; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg" mktoname="logo" id="logo" mktolockimgsize="true">
<a><img src="http://goactive.backroads.com/rs/235-CWJ-695/images/backroads_logo_white.png" alt="Logo" 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; max-width: 100%; line-height: 100%; width: 278px; display: inline-block; height: auto;" height="auto" width="278" /></a>
</div> </td>
</tr>
</tbody>
</table>
<table class="table3-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; width: 340px; valign: middle;" align="right" border="0" cellpadding="0" cellspacing="0" width="340">
<tbody>
<tr>
<td class="primary-font center-tablet links" 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; width: 100%; font-weight: normal; font-size: 12px; text-align: right; border-collapse: collapse; font-family: Arial, Helvetica, serif; font-size: 17px; valign: middle;" valign="middle">
<div class="mktoText" mktoname="Right Header Links" id="headerLinks">
<span style="font-family: Helvetica, sans-serif; color: #ffffff; font-size: 15px; font-weight: normal; line-height: 16px; text-align: right; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; valign: middle;"><strong><span style="color: #f99507;">CALL</span> 800-462-2848</strong><br /><a href="https://www.backroads.com/find/destination" target="_blank" style="color: #ffffff; text-decoration: none;">Find a Trip</a> | <a href="mailto:#" target="_blank" style="color: #ffffff; text-decoration: none;">Email Us</a></span>
</div></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:${headerSpacer};font-size:${headerSpacer};" height="${headerSpacer}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="hero" 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%" class="mktoModule m_hero" mktoname="Hero">
<tbody>
<tr>
<td class="background" 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;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust: 100%;vertical-align: middle;height: 353px;background-repeat: no-repeat;background-position: center
center;background:${heroBackgroundImage};background-color:${heroBackgroundColor};padding-top: 0;padding-right: 0;padding-bottom: 0;padding-left: 0;background-image:${heroBackgroundImage};border-collapse: collapse;" height="353" background="${heroBackgroundImage}" bgcolor="${heroBackgroundColor}" valign="top" width="700">
<center>
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:353px">
<v:fill type="frame" src="${heroBackgroundImage}" color="${heroBackgroundColor}" />
<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
<![endif]-->
<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="" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="86"> </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:Arial, Helvetica sans-serif;font-size: 60px;line-height: 90%;color: #003f7f;text-align: left;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="title">
SKY RACE
</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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="10"> </td>
</tr>
<tr>
<td class="primary-font subtitle" 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:Arial, Helvetica sans-serif;text-align: left;color: black;font-weight: bold;font-size: 17px;letter-spacing: 1px;border-collapse: collapse;">
<div class="mktoText" mktoname="Subtitle" id="subtitle">
LOREM IPSUM DOLOR
</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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="30"> </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; font-family: Arial, Helvetica sans-serif; 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;" align="left" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${heroButtonBackgroundColor}"> <a href="${heroLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;font-size: 14px;font-family:Arial, Helvetica sans-serif;color: white;padding-top: 12px;padding-right: 18px;padding-bottom: 12px;padding-left: 18px;border-top-width:${heroBorderSize};border-right-width:${heroBorderSize};letter-spacing: 2px;border-left-width:${heroBorderSize};border-top-style:
solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-bottom-width:${heroBorderSize};text-decoration: none;border-top-color:${heroBorderColor};border-right-color:${heroBorderColor};border-bottom-color:${heroBorderColor};border-left-color:${heroBorderColor};background-color:${heroButtonBackgroundColor};">${heroLinkText}</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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="86"> </td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</center></td>
</tr>
</tbody>
</table>
<table id="three-articles" 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%" class="mktoModule m_three-articles" mktoname="Three-articles">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${threeArticlesBackgroundColor};" bgcolor="${threeArticlesBackgroundColor}" 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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer};font-size:${threeArticlesSpacer};" height="${threeArticlesSpacer}"> </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; font-family: Arial, Helvetica sans-serif; 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="173">
<tbody>
<tr>
<td class="bordered" 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;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust:
100%;background-color:${threeArticlesBackgroundColor2};border-top-width:${threeArticlesBorderSize};border-left-color:${threeArticlesBorderColor};border-bottom-width:${threeArticlesBorderSize};border-left-width:${threeArticlesBorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style:
solid;border-top-color:${threeArticlesBorderColor};border-right-color:${threeArticlesBorderColor};border-bottom-color:${threeArticlesBorderColor};border-right-width:${threeArticlesBorderSize};border-collapse: collapse;" bgcolor="${threeArticlesBackgroundColor2}">
<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" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo" mktolockimgsize="true">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter8/photo1.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; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="auto" width="173" /></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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer2};font-size:${threeArticlesSpacer2};" height="${threeArticlesSpacer2}"> </td>
</tr>
<tr>
<td class="secondary-font date" 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%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">
<div class="mktoText" mktoname="Left Date" id="date2">
10.23.2016
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer3};font-size:${threeArticlesSpacer3};" height="${threeArticlesSpacer3}"> </td>
</tr>
<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%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">
<div class="mktoText" mktoname="Left Title" id="title2">
LOREM IPSUM DOLOR SIT AMET
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer4};font-size:${threeArticlesSpacer4};" height="${threeArticlesSpacer4}"> </td>
</tr>
<tr>
<td class="secondary-font text" 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: 20px;font-family:'Questrial', Arial, sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom:
0;border-collapse: collapse;">
<div class="mktoText" mktoname="Left Text" id="text">
Lorem ipsum dolor sitan consectetur adipiscing ultrices pellentesque liti sett lacinia eros.
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer5};font-size:${threeArticlesSpacer5};" height="${threeArticlesSpacer5}"> </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; font-family: Arial, Helvetica sans-serif; 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;" align="left" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${threeArticlesButtonBackgroundColor}"> <a href="${threeArticlesLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;letter-spacing: 2px;text-decoration: none;border-top-style: solid;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;border-top-width:${threeArticlesBorderSize2};border-right-width:${threeArticlesBorderSize2};font-size:
12px;border-left-width:${threeArticlesBorderSize2};color: #FFFFFF;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${threeArticlesBorderColor2};border-right-color:${threeArticlesBorderColor2};border-bottom-color:${threeArticlesBorderColor2};border-left-color:${threeArticlesBorderColor2};font-family:Arial, Helvetica
sans-serif;border-bottom-width:${threeArticlesBorderSize2};background-color:${threeArticlesButtonBackgroundColor};">${threeArticlesLinkText}</a> </td>
</tr>
</tbody>
</table> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer6};font-size:${threeArticlesSpacer6};" height="${threeArticlesSpacer6}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="spacer" 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="40">
<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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="40" width="100%"></td>
</tr>
</tbody>
</table>
<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="173">
<tbody>
<tr>
<td class="bordered" 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;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust:
100%;background-color:${threeArticlesBackgroundColor4};border-top-width:${threeArticlesBorderSize3};border-left-color:${threeArticlesBorderColor3};border-bottom-width:${threeArticlesBorderSize3};border-left-width:${threeArticlesBorderSize3};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style:
solid;border-top-color:${threeArticlesBorderColor3};border-right-color:${threeArticlesBorderColor3};border-bottom-color:${threeArticlesBorderColor3};border-right-width:${threeArticlesBorderSize3};border-collapse: collapse;" bgcolor="${threeArticlesBackgroundColor4}">
<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" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo2" mktolockimgsize="true">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter8/photo2.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; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="auto" width="173" /></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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer7};font-size:${threeArticlesSpacer7};" height="${threeArticlesSpacer7}"> </td>
</tr>
<tr>
<td class="secondary-font date" 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%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">
<div class="mktoText" mktoname="Center Date" id="date3">
10.23.2016
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer8};font-size:${threeArticlesSpacer8};" height="${threeArticlesSpacer8}"> </td>
</tr>
<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%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">
<div class="mktoText" mktoname="Center Title" id="title3">
LOREM IPSUM DOLOR SIT AMET
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer9};font-size:${threeArticlesSpacer9};" height="${threeArticlesSpacer9}"> </td>
</tr>
<tr>
<td class="secondary-font text" 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: 20px;font-family:'Questrial', Arial, sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom:
0;border-collapse: collapse;">
<div class="mktoText" mktoname="Center Text" id="text2">
Lorem ipsum dolor sitan consectetur adipiscing ultrices pellentesque liti sett lacinia eros.
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer10};font-size:${threeArticlesSpacer10};" height="${threeArticlesSpacer10}"> </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; font-family: Arial, Helvetica sans-serif; 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;" align="left" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${threeArticlesButtonBackgroundColor2}"> <a href="${threeArticlesLink2}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;letter-spacing: 2px;text-decoration: none;border-top-style: solid;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;border-top-width:${threeArticlesBorderSize4};border-right-width:${threeArticlesBorderSize4};font-size:
12px;border-left-width:${threeArticlesBorderSize4};color: #FFFFFF;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${threeArticlesBorderColor4};border-right-color:${threeArticlesBorderColor4};border-bottom-color:${threeArticlesBorderColor4};border-left-color:${threeArticlesBorderColor4};font-family:Arial, Helvetica
sans-serif;border-bottom-width:${threeArticlesBorderSize4};background-color:${threeArticlesButtonBackgroundColor2};">${threeArticlesLinkText2}</a> </td>
</tr>
</tbody>
</table> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer11};font-size:${threeArticlesSpacer11};" height="${threeArticlesSpacer11}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<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;" align="left" border="0" cellpadding="0" cellspacing="0" width="1">
<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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="40" width="100%"></td>
</tr>
</tbody>
</table>
<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="right" border="0" cellpadding="0" cellspacing="0" width="173">
<tbody>
<tr>
<td class="bordered" 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;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust:
100%;background-color:${threeArticlesBackgroundColor6};border-top-width:${threeArticlesBorderSize5};border-left-color:${threeArticlesBorderColor5};border-bottom-width:${threeArticlesBorderSize5};border-left-width:${threeArticlesBorderSize5};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style:
solid;border-top-color:${threeArticlesBorderColor5};border-right-color:${threeArticlesBorderColor5};border-bottom-color:${threeArticlesBorderColor5};border-right-width:${threeArticlesBorderSize5};border-collapse: collapse;" bgcolor="${threeArticlesBackgroundColor6}">
<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" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo3" mktolockimgsize="true">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter8/photo3.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; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="auto" width="173" /></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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer12};font-size:${threeArticlesSpacer12};" height="${threeArticlesSpacer12}"> </td>
</tr>
<tr>
<td class="secondary-font date" 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%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Date" id="date4">
10.23.2016
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer13};font-size:${threeArticlesSpacer13};" height="${threeArticlesSpacer13}"> </td>
</tr>
<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%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Title" id="title4">
LOREM IPSUM DOLOR SIT AMET
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer14};font-size:${threeArticlesSpacer14};" height="${threeArticlesSpacer14}"> </td>
</tr>
<tr>
<td class="secondary-font text" 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: 20px;font-family:'Questrial', Arial, sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom:
0;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Text" id="text3">
Lorem ipsum dolor sitan consectetur adipiscing ultrices pellentesque liti sett lacinia eros.
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer15};font-size:${threeArticlesSpacer15};" height="${threeArticlesSpacer15}"> </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; font-family: Arial, Helvetica sans-serif; 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;" align="left" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${threeArticlesButtonBackgroundColor3}"> <a href="${threeArticlesLink3}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;letter-spacing: 2px;text-decoration: none;border-top-style: solid;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;border-top-width:${threeArticlesBorderSize6};border-right-width:${threeArticlesBorderSize6};font-size:
12px;border-left-width:${threeArticlesBorderSize6};color: #FFFFFF;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${threeArticlesBorderColor6};border-right-color:${threeArticlesBorderColor6};border-bottom-color:${threeArticlesBorderColor6};border-left-color:${threeArticlesBorderColor6};font-family:Arial, Helvetica
sans-serif;border-bottom-width:${threeArticlesBorderSize6};background-color:${threeArticlesButtonBackgroundColor3};">${threeArticlesLinkText3}</a> </td>
</tr>
</tbody>
</table> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer16};font-size:${threeArticlesSpacer16};" height="${threeArticlesSpacer16}"> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${threeArticlesSpacer17};font-size:${threeArticlesSpacer17};" height="${threeArticlesSpacer17}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="title5" 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-family: Arial, Helvetica sans-serif; text-align: center; color: #ff9000;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title" mktoname="Title5">
<tbody>
<tr>
<td class="background" 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;font-family: Arial, Helvetica sans-serif;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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${titleSpacer};font-size:${titleSpacer};" height="${titleSpacer}"> </td>
</tr>
<tr>
<td class="primary-font title" 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;font-family:Arial, Helvetica sans-serif;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="title6">
Lorem Ipsum adalah contoh teks atau dummy.
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${titleSpacer2};font-size:${titleSpacer2};" height="${titleSpacer2}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="free-image" 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%" class="mktoModule m_free-image" mktoname="Free-image">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${freeImageBackgroundColor};" bgcolor="${freeImageBackgroundColor}" 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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${freeImageSpacer};font-size:${freeImageSpacer};" height="${freeImageSpacer}"> </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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Photo" id="photo4" mktolockimgsize="true">
<a><img alt="Photo" src="http://templates.marketo.net/newsletter8/single.jpg" 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; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" width="600" /></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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${freeImageSpacer2};font-size:${freeImageSpacer2};" height="${freeImageSpacer2}"> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
</tbody>
</table>
<table id="free-text" 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%" class="mktoModule m_free-text" mktoname="Free-text">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${freeTextBackgroundColor};" bgcolor="${freeTextBackgroundColor}" 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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${freeTextSpacer};font-size:${freeTextSpacer};" height="${freeTextSpacer}"> </td>
</tr>
<tr>
<td class="primary-font text" 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:Arial, Helvetica sans-serif;font-size: 14px;color: #333333;line-height: 170%;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum officiis dolorum, nulla, mollitia ducimus iure modi perferendis tenetur ea illum veniam aut sapiente deserunt repellendus. Excepturi illo numquam sint harum.
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${freeTextSpacer2};font-size:${freeTextSpacer2};" height="${freeTextSpacer2}"> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
</tbody>
</table>
<table id="callToAction" 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%" class="mktoModule m_callToAction" mktoname="Call To Action">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${callToActionBackgroundColor};" bgcolor="${callToActionBackgroundColor}" 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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${callToActionSpacer};font-size:${callToActionSpacer};" height="${callToActionSpacer}"> </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; font-family: Arial, Helvetica sans-serif; 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;" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${callToActionButtonBackgroundColor}"> <a href="${callToActionLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;font-size: 14px;font-family:Arial, Helvetica sans-serif;color: white;padding-top: 12px;padding-right: 18px;padding-bottom: 12px;padding-left: 18px;border-top-width:${callToActionBorderSize};border-right-width:${callToActionBorderSize};letter-spacing:
2px;border-left-width:${callToActionBorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${callToActionBorderColor};border-right-color:${callToActionBorderColor};border-bottom-color:${callToActionBorderColor};border-left-color:${callToActionBorderColor};border-bottom-width:${callToActionBorderSize};text-decoration:
none;background-color:${callToActionButtonBackgroundColor};">${callToActionLinkText}</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${callToActionSpacer2};font-size:${callToActionSpacer2};" height="${callToActionSpacer2}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="Separator" 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%" class="mktoModule m_Separator" mktoname="Separator">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${separatorBackgroundColor};" bgcolor="${separatorBackgroundColor}" 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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${separatorSpacer};font-size:${separatorSpacer};" height="${separatorSpacer}"> </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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">
<center>
<table class="table-inner" 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="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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">
<table class="table3-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;" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr style="height: 10px;">
<td class="bordered" 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: Arial, Helvetica sans-serif;border-top-style: none;border-bottom-width:${separatorSize};border-bottom-style: solid;border-bottom-color:${separatorColor};border-collapse: collapse;"></td>
</tr>
<tr style="height: 10px;">
<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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;"></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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${separatorSpacer2};font-size:${separatorSpacer2};" height="${separatorSpacer2}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="horizontal" 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%" class="mktoModule m_horizontal" mktoname="Horizontal">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${horizontalBackgroundColor};" bgcolor="${horizontalBackgroundColor}" 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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer};font-size:${horizontalSpacer};" height="${horizontalSpacer}"> </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; font-family: Arial, Helvetica sans-serif; 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;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="bordered" 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;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust:
100%;background-color:${horizontalBackgroundColor2};border-top-width:${horizontalBorderSize};border-left-color:${horizontalBorderColor};border-bottom-width:${horizontalBorderSize};border-left-width:${horizontalBorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style:
solid;border-top-color:${horizontalBorderColor};border-right-color:${horizontalBorderColor};border-bottom-color:${horizontalBorderColor};border-right-width:${horizontalBorderSize};border-collapse: collapse;" bgcolor="${horizontalBackgroundColor2}">
<center>
<table class="table3-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="209">
<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; font-family: Arial, Helvetica sans-serif; 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" 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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer2};font-size:${horizontalSpacer2};" height="${horizontalSpacer2}"> </td>
</tr>
<tr>
<td class="secondary-font date" 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%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">
<div class="mktoText" mktoname="Left Date" id="date5">
10.23.2016
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer3};font-size:${horizontalSpacer3};" height="${horizontalSpacer3}"> </td>
</tr>
<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%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">
<div class="mktoText" mktoname="Left Title" id="title7">
LOREM IPSUM DOLOR SIT AMET
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer4};font-size:${horizontalSpacer4};" height="${horizontalSpacer4}"> </td>
</tr>
<tr>
<td class="secondary-font text" 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: 20px;font-family:'Questrial', Arial, sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom:
0;border-collapse: collapse;">
<div class="mktoText" mktoname="Left Text" id="text5">
Lorem ipsum dolor sitan consectetur adipiscing ultrices pellentesque liti sett lacinia eros.
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer5};font-size:${horizontalSpacer5};" height="${horizontalSpacer5}"> </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; font-family: Arial, Helvetica sans-serif; 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;" align="left" 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center" bgcolor="${horizontalButtonBackgroundColor}"> <a href="${horizontalLink}" target="_blank" class="primary-font
button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;letter-spacing: 2px;text-decoration: none;border-top-style: solid;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;border-top-width:${horizontalBorderSize2};border-right-width:${horizontalBorderSize2};font-size: 12px;border-left-width:${horizontalBorderSize2};color:
#FFFFFF;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${horizontalBorderColor2};border-right-color:${horizontalBorderColor2};border-bottom-color:${horizontalBorderColor2};border-left-color:${horizontalBorderColor2};font-family:Arial, Helvetica
sans-serif;border-bottom-width:${horizontalBorderSize2};background-color:${horizontalButtonBackgroundColor};">${horizontalLinkText}</a> </td>
</tr>
</tbody>
</table> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer6};font-size:${horizontalSpacer6};" height="${horizontalSpacer6}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="table3-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="385">
<tbody>
<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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;"> </td>
</tr>
<tr>
<td class="secondary-font 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;font-family:'Questrial', Arial, sans-serif;border-collapse: collapse;" valign="middle">
<div style="display:inline-block" class="mktoImg" mktoname="Photo" id="photo5" mktolockimgsize="true">
<a><img src="http://templates.marketo.net/newsletter8/photo4.jpg" alt="Photo" 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%; width: 385px; height: auto;" height="auto" width="385" /></a>
</div> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
</tbody>
</table> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${horizontalSpacer7};font-size:${horizontalSpacer7};" height="${horizontalSpacer7}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="overlay-image" 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%" class="mktoModule m_overlay-image" mktoname="Overlay-image">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${overlayImageBackgroundColor};" bgcolor="${overlayImageBackgroundColor}" 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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${overlayImageSpacer};font-size:${overlayImageSpacer};" height="${overlayImageSpacer}"> </td>
</tr>
<tr>
<td class="background" 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;font-family: Arial, Helvetica sans-serif;-ms-text-size-adjust: 100%;height: 370px;padding-left: 0;background-repeat: no-repeat;background-position: center center;background:${overlayImageBackgroundImage};background-color:${overlayImageBackgroundColor2};padding-top: 0;padding-right: 0;padding-bottom: 0;background-image:${overlayImageBackgroundImage};border-collapse: collapse;" height="370" background="${overlayImageBackgroundImage}" bgcolor="${overlayImageBackgroundColor2}" valign="top" width="600">
<center>
<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:394px">
<v:fill type="frame" src="${overlayImageBackgroundImage}" color="${overlayImageBackgroundColor3}" />
<v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
<![endif]-->
<table valign="top" 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 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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="30"> </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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">
<table class="box" 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-left: 30px;background-color:${overlayImageBackgroundColor3};" align="left" bgcolor="${overlayImageBackgroundColor3}" border="0" cellpadding="0" cellspacing="0" width="300">
<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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="20"> </td>
</tr>
<tr>
<td class="secondary-font pretitle" 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%;font-size: 13px;font-family:'Questrial', Arial, sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;color: #003f7f;border-collapse: collapse;">
<div class="mktoText" mktoname="Pre-title" id="preTitle">
Subtitle here
</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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="10"> </td>
</tr>
<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%;font-family:Arial, Helvetica sans-serif;color: #003f7f;font-size: 15px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="title8">
LOREM SIT DOLOR AMET
</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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="10"> </td>
</tr>
<tr>
<td class="primary-font text" 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: 20px;font-family:Arial, Helvetica sans-serif;color: #7e878b;font-size: 14px;line-height: 150%;padding-top: 0;padding-right: 20px;padding-bottom: 0;border-collapse: collapse;">
<div class="mktoText" mktoname="Text" id="text6">
Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting...
</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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="10"> </td>
</tr>
<tr>
<td class="primary-font link" 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:Arial, Helvetica sans-serif;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;font-size: 14px;border-collapse: collapse;">
<div class="mktoText" mktoname="FootLink" id="footLink">
<a href="http://mylink" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none; color: #000000;">Discover More »</a>
</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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="20"> </td>
</tr>
</tbody>
</table> </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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="100"> </td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]-->
</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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;line-height:20px;font-size:20px;" height="20"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="features" 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%" class="mktoModule m_features" mktoname="Features">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;background-color:${featuresBackgroundColor};" bgcolor="${featuresBackgroundColor}" 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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer};font-size:${featuresSpacer};" height="${featuresSpacer}"> </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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;">
<center>
<table class="table1-3" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-spacing: 0;border-collapse: collapse;-ms-text-size-adjust: 100%;border-top-width:${featuresBorderSize};border-right-width:${featuresBorderSize};border-bottom-width:${featuresBorderSize};background-color:${featuresBackgroundColor2};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${featuresBorderColor};border-right-color:${featuresBorderColor};border-bottom-color:${featuresBorderColor};border-left-color:${featuresBorderColor};border-left-width:${featuresBorderSize};" align="left" bgcolor="${featuresBackgroundColor2}" border="0" cellpadding="0" cellspacing="0" width="170">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer2};font-size:${featuresSpacer2};" height="${featuresSpacer2}"> </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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Icon" id="icon" mktolockimgsize="true">
<a><img src="http://templates.marketo.net/newsletter8/ico2.png" alt="Icon" 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; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="60" width="60" /></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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer3};font-size:${featuresSpacer3};" height="${featuresSpacer3}"> </td>
</tr>
<tr>
<td class="contents" 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: Arial, Helvetica sans-serif; text-align: center; 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;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font name" 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:Arial, Helvetica sans-serif;text-align: center;font-size: 15px;color: black;font-weight: 300;border-collapse: collapse;">
<div class="mktoText" mktoname="Left Data Title" id="dataTitle">
OUR LOCATION
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer4};font-size:${featuresSpacer4};" height="${featuresSpacer4}"> </td>
</tr>
<tr>
<td class="primarty-font links" 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: Arial, Helvetica sans-serif; font-size: 13px; font-weight: 300; text-align: center; border-collapse: collapse;">
<div class="mktoText" mktoname="Left Links" id="links">
<a href="http://mylink" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none; color: #ff9000;">Check on map »</a>
</div></td>
</tr>
</tbody>
</table> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer5};font-size:${featuresSpacer5};" height="${featuresSpacer5}"> </td>
</tr>
</tbody>
</table>
<table class="spacer" 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="40">
<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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="20" width="100%"></td>
</tr>
</tbody>
</table>
<table class="table1-3" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-spacing: 0;border-collapse: collapse;-ms-text-size-adjust: 100%;border-top-width:${featuresBorderSize2};border-right-width:${featuresBorderSize2};border-bottom-width:${featuresBorderSize2};background-color:${featuresBackgroundColor3};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${featuresBorderColor2};border-right-color:${featuresBorderColor2};border-bottom-color:${featuresBorderColor2};border-left-color:${featuresBorderColor2};border-left-width:${featuresBorderSize2};" align="left" bgcolor="${featuresBackgroundColor3}" border="0" cellpadding="0" cellspacing="0" width="179">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer6};font-size:${featuresSpacer6};" height="${featuresSpacer6}"> </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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Icon" id="icon2" mktolockimgsize="true">
<a><img src="http://templates.marketo.net/newsletter8/ico1.png" alt="Icon" 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; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="60" width="60" /></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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer7};font-size:${featuresSpacer7};" height="${featuresSpacer7}"> </td>
</tr>
<tr>
<td class="contents" 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: Arial, Helvetica sans-serif; text-align: center; 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;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font name" 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:Arial, Helvetica sans-serif;text-align: center;font-size: 15px;color: black;font-weight: 300;border-collapse: collapse;">
<div class="mktoText" mktoname="Center Data Title" id="dataTitle2">
CONTACT US
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer8};font-size:${featuresSpacer8};" height="${featuresSpacer8}"> </td>
</tr>
<tr>
<td class="primarty-font links" 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: Arial, Helvetica sans-serif; font-size: 13px; font-weight: 300; text-align: center; border-collapse: collapse;">
<div class="mktoText" mktoname="Center Links" id="links2">
<a href="http://mylink" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none; color: #ff9000;">Send an email »</a>
</div></td>
</tr>
</tbody>
</table> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer9};font-size:${featuresSpacer9};" height="${featuresSpacer9}"> </td>
</tr>
</tbody>
</table>
<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;" align="left" border="0" cellpadding="0" cellspacing="0" width="1">
<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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" height="20" width="100%"></td>
</tr>
</tbody>
</table>
<table class="table1-3" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-spacing: 0;border-collapse: collapse;-ms-text-size-adjust: 100%;border-top-width:${featuresBorderSize3};border-right-width:${featuresBorderSize3};border-bottom-width:${featuresBorderSize3};background-color:${featuresBackgroundColor4};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color:${featuresBorderColor3};border-right-color:${featuresBorderColor3};border-bottom-color:${featuresBorderColor3};border-left-color:${featuresBorderColor3};border-left-width:${featuresBorderSize3};" align="right" bgcolor="${featuresBackgroundColor4}" border="0" cellpadding="0" cellspacing="0" width="170">
<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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer10};font-size:${featuresSpacer10};" height="${featuresSpacer10}"> </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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;" align="center">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Icon" id="icon3" mktolockimgsize="true">
<a><img src="http://templates.marketo.net/newsletter8/ico3.png" alt="Icon" 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; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" height="60" width="60" /></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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer11};font-size:${featuresSpacer11};" height="${featuresSpacer11}"> </td>
</tr>
<tr>
<td class="contents" 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: Arial, Helvetica sans-serif; text-align: center; 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;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="primary-font name" 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:Arial, Helvetica sans-serif;text-align: center;font-size: 15px;color: black;font-weight: 300;border-collapse: collapse;">
<div class="mktoText" mktoname="Right Data Title" id="dataTitle3">
ANY QUESTION?
</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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer12};font-size:${featuresSpacer12};" height="${featuresSpacer12}"> </td>
</tr>
<tr>
<td class="primarty-font links" 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: Arial, Helvetica sans-serif; font-size: 13px; font-weight: 300; text-align: center; border-collapse: collapse;">
<div class="mktoText" mktoname="Right Links" id="links3">
<a href="http://mylink" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none; color: #ff9000;">Check our FAQ »</a>
</div></td>
</tr>
</tbody>
</table> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer13};font-size:${featuresSpacer13};" height="${featuresSpacer13}"> </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;font-family: Arial, Helvetica sans-serif;border-collapse: collapse;line-height:${featuresSpacer14};font-size:${featuresSpacer14};" height="${featuresSpacer14}"> </td>
</tr>
</tbody>
</table> </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; font-family: Arial, Helvetica sans-serif; border-collapse: collapse;line-height:20px;font-size:20px;" height="20"> </td>
</tr>
</tbody>
</table>
<table id="footer" style="border-collapse: collapse; background-color: #0f1e2d; width: 100%; max-width: 700px; margin: -20px auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_footer" mktoname="Footer">
<tbody>
<tr>
<td class="in" style="padding: 6px 0;">
<table class="row" style="border-collapse: collapse;width: 100%; max-width: 600px; margin: 0 auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="in" style="padding: 5px 10px;" align="center" height="45">
<!--footer right-->
<div class="mktEditable" id="social" mktoname="social">
<table class="social-icons-t mid" style="border-collapse: collapse; border: none; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" valign="middle" cellspacing="0" cellpadding="0" border="0" align="right">
<tbody>
<tr>
<td class="s" style="padding-right: 10px;">
<table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="30" height="30" align="center"><a href="https://www.facebook.com/BackroadsActiveTravel" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Facebook icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/facebook-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>
</tr>
</tbody>
</table> </td>
<td class="s" style="padding-right: 10px;">
<table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="30" height="30" align="center"><a href="https://twitter.com/BackroadsTravel" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Twitter icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/twitter-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>
</tr>
</tbody>
</table> </td>
<td class="s" style="padding-right: 10px;">
<table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="30" height="30" align="center"><a href="https://instagram.com/backroadstravel" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Instagram icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/instagram-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>
</tr>
</tbody>
</table> </td>
<td class="s" style="padding-right: 10px;">
<table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="30" height="30" align="center"><a href="https://www.pinterest.com/backroadstravel/" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Pinterest icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/pinterest-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>
</tr>
</tbody>
</table> </td>
<td class="s" style="padding-right: 10px;">
<table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="30" height="30" align="center"><a href="https://www.youtube.com/user/BackroadsTrips" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="YouTube icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/youtube-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>
</tr>
</tbody>
</table> </td>
<td class="s" style="padding-right: 10px;">
<table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="30" height="30" align="center"><a href="https://www.linkedin.com/company/backroads" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="LinkedIn icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/linkedin-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>
</tr>
</tbody>
</table> </td>
<td class="s" style="padding-right: 10px;">
<table class="social-icons color" style="border-collapse: collapse; background-color: #0f1e2d; display: inline-block;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="30" height="30" align="center"><a href="https://plus.google.com/+backroads/posts" style="color: #0f1e2d; text-decoration: none; outline: none; cursor: pointer;" target="_blank"><img alt="Google+ icon" src="https://backroads-web.s3.amazonaws.com/newsletters/images/google-icon.png" style="border: 0; -ms-interpolation-mode: bicubic; max-width: 30px; max-height: 30px;" width="30" /></a></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</div>
<table class="footer-left" style="border-collapse: collapse;border: none;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="content" style="font-family: Tahoma, Arial; font-size: 11px; line-height: 13px; font-weight: 400; color: #77818c; -webkit-font-smoothing: antialiased; text-align: left; padding: 8px 0px 9px;">
<div class="mktEditable" id="contact-info" mktoname="contact-info">
<span style="color:#FFFFFF;"> CALL 800-462-2848 or your travel agent <br />to reserve your trip. <br />Open daily 6 am - 6 pm, Pacific time. </span>
</div> </td>
</tr>
</tbody>
</table>
<table class="footer-left" style="border-collapse: collapse;border: none;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="content" style="font-family: Tahoma, Arial; font-size: 11px; line-height: 13px; font-weight: 400; color: #77818c; -webkit-font-smoothing: antialiased; text-align: left; padding: 8px 0px 9px;"> </td>
</tr>
</tbody>
</table>
<table class="footer-left" style="border-collapse: collapse;border: none;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="left" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="content" style="font-family: Tahoma, Arial; font-size: 11px; line-height: 13px; font-weight: 400; color: #77818c; -webkit-font-smoothing: antialiased; text-align: left; padding: 8px 0px 9px;"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="background-color: #eaeaea;">
<div class="mktEditable" id="footer-links" mktoname="footer-links" style="margin-left: 25px; margin-right: 25px;">
<p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;">To ensure the delivery of Backroads emails to your inbox, just add travelupdate@backroads.com to your Email Address Book or Safe List. Thank you.</p>
<p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;"><strong>UNSUBSCRIBE</strong> Our relationship with you is very important. If you no longer wish to receive occasional emails from us, please <a href="{{system.unsubscribeLink}}" target="_blank" style="color: #3797e0; text-decoration: underline;"><strong>unsubscribe</strong></a> here.</p>
<p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;"><strong>UPDATE YOUR PREFERENCES</strong> We want to make sure we're sending you the emails you want to read.<br /> <a href="http://goactive.backroads.com/email-preferences.html" target="_blank" style="color: #3797e0; text-decoration: underline;"><strong>Update your email subscription preferences</strong></a> here.</p>
<p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;">This email was sent by: <span style="color: #000000; font-family: Roboto, sans-serif; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #eaeaea; display: inline !important; float: none;">Backroads, 801 Cedar Street, Berkeley, CA, 94710, USA</span></p>
<p style="font-family: Roboto, sans-serif; font-size: 12px; line-height: 21px;">All contents and photography © 2017 Backroads | 800-462-2848</p>
</div></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- Outer Table END -->
</body>
</html>
Hi Frank,
Is there anyway you could past the correct code into the Marketo code and send to us? We are having problems developer getting us this template. It's been over 3 weeks and they haven't been able to fix this Marketo template. Thank you for your help. I also live in Dublin!
@brittanybrown
Can you past the code here?
The way Marketo have developed this template, it's supposed to cut off the edges, if you change the css to make it fit full width, then it makes the height too small. I had a lot of problems with a similar template in Outlook when doing physical testing, I found my content was hidden if I didn't download images. I try and stay clear of background images in email altogether, they are not worth the hassle, although some people here may have better solutions, I tend to stick to solid background colors and add images in normally using <img tag. Marketo template lack a lot of physical testing, they developed most of them via Litmus testing but when you put them in the real world, cracks start showing, they are great start though.
One small note if you do develop it more, in your code you had:
background:${heroBackgroundImage}
but it should be:
background:url(${heroBackgroundImage})
and
background-image:${heroBackgroundImage}
should be
background-image:url(${heroBackgroundImage})