Your Achievements
Level 1
0% to
Level 2
Next /
to gain points, level up, and earn exciting badges like the new Applaud 5 BadgeLearn more!
View All BadgesSign in to view all badges
Open Alert Bar

Code for module hero banner, where image can be uploaded for the background, and live editable text in foreground. Must work in Outlook.

Disha_Goyal6
Level 6
Level 6
‎04-08-2025 03:15 AM
‎04-08-2025 03:15 AM

Re: Code for module hero banner, where image can be uploaded for the background, and live editable text in foreground. Must work in Outlook.

Hi @Christine_LeBla, please find the attached code.

Part 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" style="-webkit-text-size-adjust: none; ">

  <head> 

  <!--[if gte mso 9]><xml>

 <o:OfficeDocumentSettings>

  <o:AllowPNG/>

  <o:PixelsPerInch>96</o:PixelsPerInch>

 </o:OfficeDocumentSettings>

</xml><![endif]--> 

    <!-- Marketo Variable Definitions --> 

    <meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#d4d7d7" mktomodulescope="false" /> 

    <meta class="mktoColor" id="preheaderBackgroundColor" mktoname="Module Background" default="#457cbf" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="preheaderSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="preheaderSpacer2" mktoname="Spacer Below Text" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="headerBackgroundColor" mktoname="Module Background" default="#ffffff" 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="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="headerSpacer3" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="heroBackgroundColor" mktoname="Module Background" default="#3e74b6" mktomodulescope="true" /> 

    <meta class="mktoImg" id="heroBackgroundImage" mktoname="Background Image" default="https://lp.mysite.com/rs/0000/images/featured-banner-fallback.jpg" mktomodulescope="true" /> 

    <meta class="mktoColor" id="heroButtonBackgroundColor" mktoname="Button Background Color" default="#002f87" mktomodulescope="true" /> 

    <meta class="mktoColor" id="heroBorderColor" mktoname="Button Border Color" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="heroBorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoString" id="heroLinkText" mktoname="Button Text" default="READ MORE" mktomodulescope="true" /> 

    <meta class="mktoString" id="heroLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" /> 

    <meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#d4d7d7" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoLBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer" mktoname="Spacer Below Right Image" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer2" mktoname="Spacer Below Topic Header" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer3" mktoname="Spacer Below Right Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer4" mktoname="Spacer Below Right Text" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoLButtonBackgroundColor" mktoname="Right Button Background Color" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoLBorderColor" mktoname="Right Button Border Color" default="#002f87" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLBorderSize" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoLLinkText" mktoname="Right Button Text" default="READ MORE" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoLLink" mktoname="Right Button Link" default="http://mylink" mktomodulescope="true" /> 

    <meta class="mktoColor" id="blankSpaceBackgroundColor2" mktoname="Module Background" default="#d4d7d7" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="blankSpaceSpacer2" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoRBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer" mktoname="Spacer Below Right Image" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer2" mktoname="Spacer Below Topic Header" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer3" mktoname="Spacer Below Right Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer4" mktoname="Spacer Below Right Text" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoRButtonBackgroundColor" mktoname="Right Button Background Color" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoRBorderColor" mktoname="Right Button Border Color" default="#002f87" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRBorderSize" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoRLinkText" mktoname="Right Button Text" default="READ MORE" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoRLink" mktoname="Right Button Link" default="http://mylink" mktomodulescope="true" /> 

    <meta class="mktoColor" id="blankSpaceBackgroundColor3" mktoname="Module Background" default="#d4d7d7" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="blankSpaceSpacer3" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoLBackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer5" mktoname="Spacer Below Right Image" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer6" mktoname="Spacer Below Topic Header" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer7" mktoname="Spacer Below Right Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer8" mktoname="Spacer Below Right Text" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoLButtonBackgroundColor2" mktoname="Right Button Background Color" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoLBorderColor2" mktoname="Right Button Border Color" default="#002f87" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLBorderSize2" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoLLinkText2" mktoname="Right Button Text" default="READ MORE" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoLLink2" mktoname="Right Button Link" default="http://mylink" mktomodulescope="true" /> 

    <meta class="mktoColor" id="blankSpaceBackgroundColor4" mktoname="Module Background" default="#d4d7d7" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="blankSpaceSpacer4" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoRBackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer5" mktoname="Spacer Below Right Image" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer6" mktoname="Spacer Below Topic Header" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer7" mktoname="Spacer Below Right Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer8" mktoname="Spacer Below Right Text" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoRButtonBackgroundColor2" mktoname="Right Button Background Color" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoRBorderColor2" mktoname="Right Button Border Color" default="#002f87" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRBorderSize2" mktoname="Right Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoRLinkText2" mktoname="Right Button Text" default="READ MORE" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoRLink2" mktoname="Right Button Link" default="http://mylink" mktomodulescope="true" /> 

    <meta class="mktoColor" id="blankSpaceBackgroundColor5" mktoname="Module Background" default="#d4d7d7" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="blankSpaceSpacer5" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoLBackgroundColor5" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer9" mktoname="Spacer Below Right Image" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer10" mktoname="Spacer Below Topic Header" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer11" mktoname="Spacer Below Right Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLSpacer12" mktoname="Spacer Below Right Text" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoLButtonBackgroundColor3" mktoname="Right Button Background Color" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoLBorderColor3" mktoname="Right Button Border Color" default="#002f87" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoLBorderSize3" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoLLinkText3" mktoname="Right Button Text" default="READ MORE" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoLLink3" mktoname="Right Button Link" default="http://mylink" mktomodulescope="true" /> 

    <meta class="mktoColor" id="blankSpaceBackgroundColor6" mktoname="Module Background" default="#d4d7d7" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="blankSpaceSpacer6" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoRBackgroundColor5" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer9" mktoname="Spacer Below Right Image" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer10" mktoname="Spacer Below Topic Header" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer11" mktoname="Spacer Below Right Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRSpacer12" mktoname="Spacer Below Right Text" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoRButtonBackgroundColor3" mktoname="Right Button Background Color" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoColor" id="photoRBorderColor3" mktoname="Right Button Border Color" default="#002f87" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="photoRBorderSize3" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoRLinkText3" mktoname="Right Button Text" default="READ MORE" mktomodulescope="true" /> 

    <meta class="mktoString" id="photoRLink3" mktoname="Right Button Link" default="http://mylink" mktomodulescope="true" /> 

    <meta class="mktoColor" id="blankSpaceBackgroundColor7" mktoname="Module Background" default="#d4d7d7" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="blankSpaceSpacer7" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="separatorBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="separatorSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="separatorBorderColor" mktoname="Separator Border Color" default="#bae6ff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="separatorBorderSize" mktoname="Separator Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="separatorSpacer2" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="mkvideoBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="mkvideoSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="mkvideoSpacer2" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="freeImageBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoColor" id="freeTextBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="freeTextSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="freeTextSpacer2" mktoname="Spacer Below Title" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="freeTextSpacer3" mktoname="Spacer Below Text" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="freeTextSpacer4" mktoname="Spacer Below Text" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoColor" id="footerBackgroundColor" mktoname="Module Background" default="#457cbf" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="footerSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="footerSpacer2" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="footerSpacer3" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoNumber" id="footerSpacer4" mktoname="Spacer Below Right Unsubscribe" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 

    <meta class="mktoString" id="footerLinkText" mktoname="Left Link Text" default="info@company.com" mktomodulescope="true" /> 

    <meta class="mktoString" id="footerLink" mktoname="Left Link" default="http://mylink" mktomodulescope="true" /> 

    <meta class="mktoString" id="unsubLink" mktoname="Unsubscribe Link" default="{{system.unsubscribeLink}}" mktomodulescope="true" /> 

    <!-- Other Meta Tags --> 

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> 

    <meta name="robots" content="noindex,nofollow" /> 

    <meta content="telephone=no" name="format-detection" /> 

    <link href="https://fonts.googleapis.com/css?family=Varela+Round:300,400,700" rel="stylesheet" type="text/css" /> 

    <link href="https://fonts.googleapis.com/css?family=Raleway: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]--> 

    <!-- Sans-serif --> 

    <!-- Serif --> 

    <!-- Monospace --> 

    <!-- Calligraphic --> 

    <style media="all">

/* CLIENT-SPECIFIC STYLES */

      

   /* Add more if new section modality blocks  */   

#topic,

#topic2,

#topic3,

#topic4

#topic5

#topic6 {

  margin-left: -5px;

}

  /* HIDE THIS  

 sup {

    vertical-align: super;

    font-size: smaller;

    margin-left: -0.3em;

}*/   

      




/* Outlook.com / Hotmail */

.ExternalClass {

  width: 100%;

}

.ReadMsgBody,

.ExternalClass,

.ExternalClass p,

.ExternalClass span,

.ExternalClass font,

.ExternalClass td,

.ExternalClass div {

  line-height: 100%;

}




/* OL07-10-13 "Read in browser link" */

#outlook a {

  padding: 0;

}




/* Various OL fixes */

body{

    -webkit-text-size-adjust:100%;

    -ms-text-size-adjust:100%;

}




table {

    mso-table-lspace:0pt;

    mso-table-rspace:0pt;

}

      

   /* Resetting border styles for Outlook */

  td, table {

    border: none !important;

    border-collapse: collapse !important;

  }




  /* Outlook fix: ensuring no borders or underlines */

  img {

    border: none !important;

  }    

      

      




img{

 -ms-interpolation-mode: bicubic;

}




</style> 

    <style media="all">

@media only screen and (max-width: 660px) {

  /*starttablet*/




  .stack-tablet {

    overflow: visible !important;

    float: none !important;

    mso-hide: none !important;

    display: block !important;

    max-height: none !important;

  }




  img.responsive {

    max-width: none !important;

  }




  .full,

  .t100 {

    width: 450px !important;

  }




  .full.unboxed,

  .t100.unboxed {

    width: 100% !important;

  }




  .t40 {

    width: 180px !important;

  }




  .t60 {

    width: 270px !important;

  }




  .m_free-image .full,

  .m_free-text .full,

  .m_separator .full,

  .m_mkvideo .full {

    width: 90% !important;

  }




  .m_free-image .full .t100,

  .m_free-text .full .t100,

  .m_separator .full .t100,

  .m_mkvideo .full .t100 {

    width: 100% !important;

  }




  .m_photoR .padder,

  .m_photoL .padder {

    width: 90% !important;

  }

  

  /*endtablet*/

}

</style> 

    <style media="all">

@media only screen and (max-width: 360px) {

  /*startmobile*/

  

  #heroBodyTxtSpan {

    font-size: 15px;

  }

  




  .stack-phone {

    overflow: visible !important;

    float: none !important;

    mso-hide: none !important;

    display: block !important;

    max-height: none !important;

  }

  

  .stack-tablet {

 line-height: 2px !important;

 }




 .increase-line-height {padding-top: 1.35em;}  /* control gap above copyright and below social on mobile view */




  .full,

  .p100 {

    width: 280px !important;

  }




  .full.unboxed,

  .p100.unboxed {

    width: 100% !important;

  }

  

   .socialFooterAlignment {float: left;}




  /*endmobile*/

}

</style> 

    <style>

      /*startcommon*/

      @media only screen and (max-width: 660px) {

       table.m_boxing{

     

width: 100% !important;

       }

      }

      /*endcommon*/

    </style> 

  </head> 

 

0 Likes
525
Reply
Disha_Goyal6
Level 6
Level 6
‎04-08-2025 03:16 AM
‎04-08-2025 03:16 AM

Re: Code for module hero banner, where image can be uploaded for the background, and live editable text in foreground. Must work in Outlook.

Part II

 

 <body style="width: 100%; min-width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;">
<!-- Outer table-->
<table class="full-container" width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; border-collapse: collapse;">
<tbody>
<tr>
<td class="outer" valign="top" align="center" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;background-color:${emailBackgroundColor};">
<table class="m_boxing" id="boxing" width="660" border="0" cellpadding="0" cellspacing="0" align="center" style="border-spacing: 0; border-collapse: collapse;">
<tbody>
<tr>
<td class="mktoContainer boxedbackground" id="template-wrapper" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table id="preheader" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_preheader" mktoname="Preheader">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${preheaderBackgroundColor};" valign="top" bgcolor="${preheaderBackgroundColor}">
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td>
</tr>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600">
<tbody>
<tr>
<td class="secondary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;color: #ffffff;font-family:'Raleway', Arial, sans-serif;text-align: center;">
<div class="mktoText" mktoname="Text" id="text">
<p><strong>Preheader here.</strong> Preheader continued.</p>
</div></td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="header" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_header" mktoname="Header">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#ffffff; border-bottom: 2px solid #bae6ff;" valign="top" bgcolor="${headerBackgroundColor}">
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:22px;font-size:10px;" height="10">&nbsp;</td>
</tr>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col1 d60 t60 p100" style="border-spacing: 0; border-collapse: collapse; width: 305px;" align="left" width="305" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:22px;font-size:10px;" height="10">&nbsp;</td>
</tr>
<tr style="outline: medium none;">
<td class="logo" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg" mktoname="Logo_header" id="logo_header" mktolockimgsize="true" mktolockimgstyle="false">
<a href="https://company.com/" target="_blank"><img src="https://lp.mysite.com/rs/0000/images/company-logo-hz.png" style="border-left-width: 0; line-height: 100%; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; height: auto; display: block; max-width: 358px; margin-top: 2px; padding-top: 2px;" height="auto" alt="company logo" /></a>
</div> </td>
</tr>
</tbody>
</table>
<table class="col2 d40 t40 p100" style="border-spacing: 0; border-collapse: collapse; width: 238px;" align="right" width="238" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td>
</tr>
<tr>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="social" style="border-spacing: 0; border-collapse: collapse;" align="right">
<tbody>
<tr>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg" mktoname="Ico Subscribe" id="icoSubscribe" mktolockimgsize="true" mktolockimgstyle="false">
<a href="https://pages.company.com/subscription-preference-center.html" target="_blank"><img src="https://lp.mysite.com/rs/0000/images/subscribe-btn.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; border-top-width: 0; display: block; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;" alt="Subscribe button icon" /></a>
</div></td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg" mktoname="Ico LinkedIn" id="icoLinkedIn" mktolockimgsize="true" mktolockimgstyle="false">
<a href="https://www.linkedin.com/company/company-corporation" target="_blank"><img src="https://lp.mysite.com/rs/0000/images/linkedin-circle-660.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; border-top-width: 0; display: block; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;" alt="LinkedIn icon" /></a>
</div></td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg" mktoname="Ico Facebook" id="icoFacebook" mktolockimgsize="true" mktolockimgstyle="false">
<a href="https://www.facebook.com/company" target="_blank"><img src="https://lp.mysite.com/rs/0000/images/facebook-circle-660.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; border-top-width: 0; display: block; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;" alt="Facebook icon" /></a>
</div></td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg" mktoname="Ico Instagram" id="icoInstagram" mktolockimgsize="true" mktolockimgstyle="false">
<a href="https://www.instagram.com/companymedical/" target="_blank"><img src="https://lp.mysite.com/rs/0000/images/instagram-circle-660.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; border-top-width: 0; display: block; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;" alt="Instagram icon" /></a>
</div></td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg" mktoname="Ico X (Twitter)" id="icoX" mktolockimgsize="true" mktolockimgstyle="false">
<a href="https://x.com/companymedical" target="_blank"><img src="https://lp.mysite.com/rs/0000/images/x-twitter-circle-660.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; border-top-width: 0; display: block; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;" alt="X (formerly Twitter) icon" /></a>
</div></td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg" mktoname="Ico Blog" id="icoBlog" mktolockimgsize="true" mktolockimgstyle="false">
<a href="https://blog.company.com/" target="_blank"><img src="https://lp.mysite.com/rs/0000/images/blog-circle-660.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; border-top-width: 0; display: block; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;" alt="Blog icon" /></a>
</div></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="mktoModule module_wrapper m_hero" id="hero" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" mktoname="Hero">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-moz-hyphens: none;hyphens: none;border-collapse: collapse;-webkit-hyphens: none;background-image:url('${heroBackgroundImage}');background-repeat: no-repeat;padding-left: 0;background-size: cover;background-color:${heroBackgroundColor};padding-top: 0;padding-right: 0;padding-bottom: 0;background-position: center center;" valign="top" bgcolor="${heroBackgroundColor}">
<center>
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; width: 660px; height: 226px;" src="${heroBackgroundImage}" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; width: 660px; height: 226px;">
<v:fill opacity="0%" color="${heroBackgroundColor}" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20"></td>
</tr>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="30"></td>
</tr>
<tr>
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #ffffff;font-size: 49px;font-weight: bold;">
<div class="mktoText" mktoname="Title" id="title">
FEATURED NEWS
</div> </td>
</tr>
<tr>
<td class="primary-font date" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #ffffff;font-size: 35px;">
<div class="mktoText" mktoname="Date" id="date">
Lead in line here; keep brief
</div> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="10"></td>
</tr>
<tr>
<td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="border-spacing: 0; border-collapse: collapse;" align="left" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="border-collapse: collapse; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;" align="left" bgcolor="${heroButtonBackgroundColor}"><a class="primary-font button" href="${heroLink}" target="_blank" style="border-left-style: solid;font-size: 14px;text-decoration: none;padding-top: 0.8em;padding-bottom: 0.8em;padding-left: 1.3em;padding-right: 1.3em;border-top-width:${heroBorderSize};border-right-width:${heroBorderSize};border-bottom-width:${heroBorderSize};border-left-width:${heroBorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;color:
#ffffff;border-top-color:${heroBorderColor};border-right-color:${heroBorderColor};border-bottom-color:${heroBorderColor};border-left-color:${heroBorderColor};display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight: 700;font-family:'Varela Round', Arial,
sans-serif;background-color:${heroButtonBackgroundColor};">
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]-->${heroLinkText}
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--></a></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20"></td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]> 
</v:textbox>
</v:fill>
</v:rect>
</v:image>
<![endif]-->
</center></td>
</tr>
</tbody>
</table>
<table id="blankSpace" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor};" valign="top" bgcolor="${blankSpaceBackgroundColor}">
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="mktoModule module_wrapper m_hero" id="hero45a46dc9-9aae-4dea-b8e7-e0e619b2958a" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" mktoname="Hero-clone-1">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-moz-hyphens: none;hyphens: none;border-collapse: collapse;-webkit-hyphens: none;background-image:url('${heroBackgroundImage}');background-repeat: no-repeat;padding-left: 0;background-size: cover;background-color:${heroBackgroundColor};padding-top: 0;padding-right: 0;padding-bottom: 0;background-position: center center;" valign="top" bgcolor="${heroBackgroundColor}">
<center>
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; width: 660px; height: 226px;" src="${heroBackgroundImage}" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; width: 660px; height: 226px;">
<v:fill opacity="0%" color="${heroBackgroundColor}" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20"></td>
</tr>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="30"></td>
</tr>
<tr>
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #ffffff;font-size: 49px;font-weight: bold;">
<div class="mktoText" mktoname="Title" id="titlece7ba180-a8f0-43ed-882b-2ce26d078541">
<p style="color: #457cbf;">FEATURED NEWS</p>
</div> </td>
</tr>
<tr>
<td class="primary-font date" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #ffffff;font-size: 35px;">
<div class="mktoText" mktoname="Date" id="date2934180c-c4f8-4b34-b638-43c8055fb260">
<p style="color: #002f87;">Lead in line here; keep brief</p>
</div> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="10"></td>
</tr>
<tr>
<td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="border-spacing: 0; border-collapse: collapse;" align="left" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="border-collapse: collapse; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;" align="left" bgcolor="${heroButtonBackgroundColor}"><a class="primary-font button" href="${heroLink}" target="_blank" style="border-left-style: solid;font-size: 14px;text-decoration: none;padding-top: 0.8em;padding-bottom: 0.8em;padding-left: 1.3em;padding-right: 1.3em;border-top-width:${heroBorderSize};border-right-width:${heroBorderSize};border-bottom-width:${heroBorderSize};border-left-width:${heroBorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;color:
#ffffff;border-top-color:${heroBorderColor};border-right-color:${heroBorderColor};border-bottom-color:${heroBorderColor};border-left-color:${heroBorderColor};display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight: 700;font-family:'Varela Round', Arial,
sans-serif;background-color:${heroButtonBackgroundColor};">
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]-->${heroLinkText}
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--></a></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20"></td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]> 
</v:textbox>
</v:fill>
</v:rect>
</v:image>
<![endif]-->
</center></td>
</tr>
</tbody>
</table>
<table id="blankSpacea98f9341-1363-421c-bf44-759ae91c9160" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space-clone-1">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor};" valign="top" bgcolor="${blankSpaceBackgroundColor}">
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="mktoModule module_wrapper m_hero" id="herod61fa169-c093-4cd6-bc85-c0b430e55322" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" mktoname="Hero-clone">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-moz-hyphens: none;hyphens: none;border-collapse: collapse;-webkit-hyphens: none;background-image:url('${heroBackgroundImage}');background-repeat: no-repeat;padding-left: 0;background-size: cover;background-color:${heroBackgroundColor};padding-top: 0;padding-right: 0;padding-bottom: 0;background-position: center center;" valign="top" bgcolor="${heroBackgroundColor}">
<center>
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; width: 660px; height:226px;" src="${heroBackgroundImage}" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; width: 660px; height: 226px;">
<v:fill opacity="0%" color="${heroBackgroundColor}" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20"></td>
</tr>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="30"></td>
</tr>
<tr>
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #ffffff;font-size: 49px;font-weight: bold; padding-bottom: -20px">
<div class="mktoText" mktoname="Title" id="title353d6246-48c4-4ef2-b9fd-cbc73dce9fc5">
<p>Welcome to Our New Newsletter</p>
</div> </td>
</tr>
<tr>
<td class="primary-font date" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #ffffff;font-size: 35px;">
<div class="mktoText" mktoname="Date" id="datedd3fe600-a5f7-44a7-9f59-434bacb8bc1c">
<p><span id="heroBodyTxtSpan" style="font-size: 22px;">Use this hero option to say more. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat dignissim orci. Quisque nec vestibulum ligula. Nulla varius tellus sit amet elementum lacinia.</span></p>
<ul>
<li style="font-size: 18px;"><span style="font-size: 22px;">Vivamus pretium turpis vitae magna tristique rutrum</span></li>
<li style="font-size: 18px;"><span style="font-size: 22px;">Ut sollicitudin quam eget dolor accumsan ultrices</span></li>
<li style="font-size: 18px;"><span style="font-size: 22px;">Nam at porttitor mi, quis molestie nisl</span></li>
</ul>
<p><span style="font-size: 22px;">Text.</span></p>
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20"></td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]> 
</v:textbox>
</v:fill>
</v:rect>
</v:image>
<![endif]-->
</center></td>
</tr>
</tbody>
</table>
<table id="blankSpace7a59582a-370d-4d0e-abe2-1d726ce89d0d" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space-clone">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor};" valign="top" bgcolor="${blankSpaceBackgroundColor}">
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="mktoModule module_wrapper m_hero" id="hero60a0b02f-653b-422d-8014-d3a730537b7a" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" mktoname="Hero-clone-clone">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-moz-hyphens: none;hyphens: none;border-collapse: collapse;-webkit-hyphens: none;background-image:url('${heroBackgroundImage}');background-repeat: no-repeat;padding-left: 0;background-size: cover;background-color:${heroBackgroundColor};padding-top: 0;padding-right: 0;padding-bottom: 0;background-position: center center;" valign="top" bgcolor="${heroBackgroundColor}">
<center>
<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block; width: 660px; height: 226px;" src="${heroBackgroundImage}" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style=" border: 0;display: inline-block;position: absolute; width: 660px; height: 226px;">
<v:fill opacity="0%" color="${heroBackgroundColor}" />
<v:textbox inset="0,0,0,0">
<![endif]-->
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20"></td>
</tr>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="30"></td>
</tr>
<tr>
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #ffffff;font-size: 49px;font-weight: bold; padding-bottom: -20px">
<div class="mktoText" mktoname="Title" id="title094530a6-3363-4d3c-9a59-59aaf8480f63">
<p style="color: #002f87;">Welcome to Our New Newsletter</p>
</div> </td>
</tr>
<tr>
<td class="primary-font date" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #ffffff;font-size: 35px;">
<div class="mktoText" mktoname="Date" id="date3de8cd46-474a-4ff5-9d9e-896753effa76">
<p style="color: #444444;"><span id="heroBodyTxtSpan" style="font-size: 22px;">Use this hero option to say more. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat dignissim orci. Quisque nec vestibulum ligula. Nulla varius tellus sit amet elementum lacinia.</span></p>
<ul>
<li style="font-size: 18px; color: #444444;"><span style="font-size: 22px;">Vivamus pretium turpis vitae magna tristique rutrum</span></li>
<li style="font-size: 18px; color: #444444;"><span style="font-size: 22px;">Ut sollicitudin quam eget dolor accumsan ultrices</span></li>
<li style="font-size: 18px; color: #444444;"><span style="font-size: 22px;">Nam at porttitor mi, quis molestie nisl</span></li>
</ul>
<p><span style="font-size: 22px; color: #444444;">Text.</span></p>
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20"></td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]> 
</v:textbox>
</v:fill>
</v:rect>
</v:image>
<![endif]-->
</center></td>
</tr>
</tbody>
</table>
<table id="blankSpacee74d614c-5b3f-4148-9de6-c0e4d9463bb4" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space-clone-clone">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor};" valign="top" bgcolor="${blankSpaceBackgroundColor}">
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="photoL1" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_photoL" mktoname="PhotoL1">
<tbody>
<tr>
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoRBackgroundColor3};" valign="top" bgcolor="${photoRBackgroundColor3}">
<table class="full unboxed" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 660px;" align="center" width="660" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="col1 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 300px;" align="left" width="300" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 35px 30px 2px;">
<div style="display:inline-block" class="mktoImg responsive" mktoname="Photo1" id="photo1" mktolockimgsize="true" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/breast-health-default.jpg" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 300px; display: block; height: auto; width: 100%;" height="auto" width="300" alt="" /></a>
</div> </td>
</tr>
</tbody>
</table>
<table class="col2 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 320px;" align="left" width="320" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:7px;font-size:7px;" height="7">&nbsp;</td>
</tr>
<tr>
<!-- The td below controls overall content in left column, all txt. Padding applied for Outlook. -->
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 15px 30px;">
<table class="padder" style="border-spacing: 0; border-collapse: collapse;" align="center" width="550">
<tbody>
<tr>
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="border-spacing: 0; border-collapse: collapse;">
<tbody>
<tr>
<td class="primary-font modality" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;color: #81898b;font-family:'Varela Round', Arial, sans-serif;font-weight: bold;">
<div class="mktoText" mktoname="Topic Header" id="topic4">
<p>Topic<br /></p>
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:5px;font-size:5px;" height="5">&nbsp;</td>
</tr>
<tr>
<td class="secondary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #002f87;font-weight: bold;font-size: 18px;">
<div class="mktoText" mktoname="Left Title" id="title5">
<p>Subject Line, Headline Very Long Headline For This Example</p>
</div> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td>
</tr>
<tr>
<td class="primary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #444444;font-size: 14px;">
<div class="mktoText" mktoname="Left Text" id="text5">
<p>Example with many lead in lines, end with the ellipsis punctuation to suggest there's more to this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis elit lectus. Pellentesque vitae tristique lacus. Vestibulum ac ligula nunc. Phasellus fringilla tellus id tortor tristique, at commodo est porta. Do not retype this ellipsis, it is coded…</p>
</div> </td>
</tr>
<tr>
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:12px;font-size:12px;" height="12">&nbsp;</td>
</tr>
<tr>
<td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="border-spacing: 0; border-collapse: collapse;" align="left" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td style="border-collapse: collapse; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;" align="left" bgcolor="${photoRButtonBackgroundColor2}"><a class="primary-font button" href="${photoRLink2}" target="_blank" style="border-left-style: solid;font-size: 14px;text-decoration: none;padding-top: 0.8em;padding-bottom: 0.8em;padding-left: 1.3em;padding-right: 1.3em;border-top-width:${photoRBorderSize2};border-right-width:${photoRBorderSize2};border-bottom-width:${photoRBorderSize2};border-left-width:${photoRBorderSize2};border-top-style: solid;border-right-style: solid;border-bottom-style:
solid;color: #002f87;border-top-color:${photoRBorderColor2};border-right-color:${photoRBorderColor2};border-bottom-color:${photoRBorderColor2};border-left-color:${photoRBorderColor2};display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight:
700;font-family:'Varela Round', Arial, sans-serif;background-color:${photoRButtonBackgroundColor2};">
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]-->${photoRLinkText2}
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--></a></td>
</tr>
</tbody>
</table> </td>
</tr>
<tr class="stack-20" style="line-height:tabletpx;font-size:tabletpx">
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="blankSpace4235fdf7c-bb18-439a-a81d-6e9e47148087" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space4-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" valign="top" bgcolor="${blankSpaceBackgroundColor4}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="photoL2" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_photoL" mktoname="PhotoL2"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoRBackgroundColor3};" valign="top" bgcolor="${photoRBackgroundColor3}"> 
<table class="full unboxed" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 660px;" align="center" width="660" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col1 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 300px;" align="left" width="300" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 35px 30px 2px;"> 
<div style="display:inline-block" class="mktoImg responsive" id="photo2" mktoname="Photo2" mktolockimgsize="true" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/ct-scan-default.jpg" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 300px; display: block; height: auto; width: 100%;" height="auto" width="300" alt="" /></a>
</div> </td> 
</tr> 
</tbody> 
</table> 
<table class="col2 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 320px;" align="left" width="320" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:7px;font-size:7px;" height="7">&nbsp;</td> 
</tr> 
<tr> 
<!-- The td below controls overall content in left column, all txt. Padding applied for Outlook. --> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 15px 30px;"> 
<table class="padder" style="border-spacing: 0; border-collapse: collapse;" align="center" width="550"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;"> 
<tbody> 
<tr> 
<td class="primary-font modality" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;color: #81898b;font-family:'Varela Round', Arial, sans-serif;font-weight: bold;"> 
<div class="mktoText" mktoname="Topic Header" id="topic4f255915f-b2c3-4276-b040-694aa5ee2b7f">
<p>Topic<br /></p>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:5px;font-size:5px;" height="5">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #002f87;font-weight: bold;font-size: 18px;"> 
<div class="mktoText" mktoname="Left Title" id="title5c13abc65-1465-4798-af44-2eb37e4995bc">
<p>Subject Line, Headline Very Long Headline For This Example</p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="primary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #444444;font-size: 14px;"> 
<div class="mktoText" mktoname="Left Text" id="text5d7bd6593-baae-494b-8170-8cdf756ad2a2">
<p>Example with many lead in lines, end with the ellipsis punctuation to suggest there's more to this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis elit lectus. Pellentesque vitae tristique lacus. Vestibulum ac ligula nunc. Phasellus fringilla tellus id tortor tristique, at commodo est porta. Do not retype this ellipsis, it is coded…</p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:12px;font-size:12px;" height="12">&nbsp;</td> 
</tr> 
<tr> 
<td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;" align="left" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="border-collapse: collapse; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;" align="left" bgcolor="${photoRButtonBackgroundColor2}"><a class="primary-font button" href="${photoRLink2}" target="_blank" style="border-left-style: solid;font-size: 14px;text-decoration: none;padding-top: 0.8em;padding-bottom: 0.8em;padding-left: 1.3em;padding-right: 1.3em;border-top-width:${photoRBorderSize2};border-right-width:${photoRBorderSize2};border-bottom-width:${photoRBorderSize2};border-left-width:${photoRBorderSize2};border-top-style: solid;border-right-style: solid;border-bottom-style: 
solid;color: #002f87;border-top-color:${photoRBorderColor2};border-right-color:${photoRBorderColor2};border-bottom-color:${photoRBorderColor2};border-left-color:${photoRBorderColor2};display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight: 
700;font-family:'Varela Round', Arial, sans-serif;background-color:${photoRButtonBackgroundColor2};"> 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]-->${photoRLinkText2} 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--></a></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr class="stack-20" style="line-height:tabletpx;font-size:tabletpx"> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace42ea94f51-06ce-4865-9c75-a79fd36b84bd" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space4-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" valign="top" bgcolor="${blankSpaceBackgroundColor4}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>

 

 

0 Likes
525
Reply
Disha_Goyal6
Level 6
Level 6
‎04-08-2025 03:20 AM
‎04-08-2025 03:20 AM

Re: Code for module hero banner, where image can be uploaded for the background, and live editable text in foreground. Must work in Outlook.

Part III

 

 <table id="photoL3" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_photoL" mktoname="PhotoL3"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoRBackgroundColor3};" valign="top" bgcolor="${photoRBackgroundColor3}"> 
<table class="full unboxed" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 660px;" align="center" width="660" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col1 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 300px;" align="left" width="300" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 35px 30px 2px;"> 
<div style="display:inline-block" class="mktoImg responsive" id="photo3" mktoname="Photo3" mktolockimgsize="true" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/mri-default.jpg" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 300px; display: block; height: auto; width: 100%;" height="auto" width="300" alt="" /></a>
</div> </td> 
</tr> 
</tbody> 
</table> 
<table class="col2 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 320px;" align="left" width="320" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:7px;font-size:7px;" height="7">&nbsp;</td> 
</tr> 
<tr> 
<!-- The td below controls overall content in left column, all txt. Padding applied for Outlook. --> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 15px 30px;"> 
<table class="padder" style="border-spacing: 0; border-collapse: collapse;" align="center" width="550"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;"> 
<tbody> 
<tr> 
<td class="primary-font modality" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;color: #81898b;font-family:'Varela Round', Arial, sans-serif;font-weight: bold;"> 
<div class="mktoText" mktoname="Topic Header" id="topic4d1d2a04c-bb52-4f6b-a5a8-eb5f91865e02">
<p>Topic<br /></p>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:5px;font-size:5px;" height="5">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #002f87;font-weight: bold;font-size: 18px;"> 
<div class="mktoText" mktoname="Left Title" id="title5470713e7-ed31-40ec-b260-cf9ab49a33f5">
<p>Subject Line, Headline<br /></p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="primary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #444444;font-size: 14px;"> 
<div class="mktoText" mktoname="Left Text" id="text52efbee3f-c55b-437e-939c-68eb22f64909">
<p>Example with many lead in lines, end with the ellipsis punctuation to suggest there's more to this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis elit lectus. Pellentesque vitae tristique lacus. Vestibulum ac ligula nunc. Phasellus fringilla tellus id tortor tristique, at commodo est porta. Fusce tempus, massa eu malesuada gravida, mauris leo convallis nunc, vel hendrerit sapien lorem vel est. Etiam vel sem eu odio eleifend efficitur. Vivamus ornare est eget dolor sagittis, sed eleifend erat molestie. Pellentesque quis orci auctor, porttitor neque sit amet, sodales nibh. Do not retype this ellipsis, it is coded…</p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:12px;font-size:12px;" height="12">&nbsp;</td> 
</tr> 
<tr> 
<td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;" align="left" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="border-collapse: collapse; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;" align="left" bgcolor="${photoRButtonBackgroundColor2}"><a class="primary-font button" href="${photoRLink2}" target="_blank" style="border-left-style: solid;font-size: 14px;text-decoration: none;padding-top: 0.8em;padding-bottom: 0.8em;padding-left: 1.3em;padding-right: 1.3em;border-top-width:${photoRBorderSize2};border-right-width:${photoRBorderSize2};border-bottom-width:${photoRBorderSize2};border-left-width:${photoRBorderSize2};border-top-style: solid;border-right-style: solid;border-bottom-style: 
solid;color: #002f87;border-top-color:${photoRBorderColor2};border-right-color:${photoRBorderColor2};border-bottom-color:${photoRBorderColor2};border-left-color:${photoRBorderColor2};display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight: 
700;font-family:'Varela Round', Arial, sans-serif;background-color:${photoRButtonBackgroundColor2};"> 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]-->${photoRLinkText2} 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--></a></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr class="stack-20" style="line-height:tabletpx;font-size:tabletpx"> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace402abd918-2d1a-40f6-a9f0-7229a4d54490" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space4-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" valign="top" bgcolor="${blankSpaceBackgroundColor4}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="photoL4" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_photoL" mktoname="PhotoL4"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoRBackgroundColor3};" valign="top" bgcolor="${photoRBackgroundColor3}"> 
<table class="full unboxed" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 660px;" align="center" width="660" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col1 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 300px;" align="left" width="300" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 35px 30px 2px;"> 
<div style="display:inline-block" class="mktoImg responsive" id="photo4" mktoname="Photo4" mktolockimgsize="true" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/radiation-oncology-default.jpg" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 300px; display: block; height: auto; width: 100%;" height="auto" width="300" alt="" /></a>
</div> </td> 
</tr> 
</tbody> 
</table> 
<table class="col2 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 320px;" align="left" width="320" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:7px;font-size:7px;" height="7">&nbsp;</td> 
</tr> 
<tr> 
<!-- The td below controls overall content in left column, all txt. Padding applied for Outlook. --> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 15px 30px;"> 
<table class="padder" style="border-spacing: 0; border-collapse: collapse;" align="center" width="550"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;"> 
<tbody> 
<tr> 
<td class="primary-font modality" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;color: #81898b;font-family:'Varela Round', Arial, sans-serif;font-weight: bold;"> 
<div class="mktoText" mktoname="Topic Header" id="topic45019ac5a-e3e3-4c01-9cd6-33488bcd2b36">
<p>Topic<br /></p>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:5px;font-size:5px;" height="5">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #002f87;font-weight: bold;font-size: 18px;"> 
<div class="mktoText" mktoname="Left Title" id="title572eb7430-f837-4853-922e-5c91e99b867f">
<p>Subject Line, Headline Very Long Headline For This Example. Spills Into 3 or 4 Lines.</p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="primary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #444444;font-size: 14px;"> 
<div class="mktoText" mktoname="Left Text" id="text50eb5539b-2e98-47c6-98ba-35ed2f4ba5b7">
<p>Example with many lead in lines, end with the ellipsis punctuation to suggest there's more to this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis elit lectus. Pellentesque vitae tristique lacus. Vestibulum ac ligula nunc. Phasellus fringilla tellus id tortor tristique, at commodo est porta. Fusce tempus, massa eu malesuada gravida, mauris leo convallis nunc, vel hendrerit sapien lorem vel est. Etiam vel sem eu odio eleifend efficitur. Vivamus ornare est eget dolor sagittis, sed eleifend erat molestie. Pellentesque quis orci auctor, porttitor neque sit amet, sodales nibh. Do not retype this ellipsis, it is coded…</p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:12px;font-size:12px;" height="12">&nbsp;</td> 
</tr> 
<tr> 
<td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;" align="left" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="border-collapse: collapse; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;" align="left" bgcolor="${photoRButtonBackgroundColor2}"><a class="primary-font button" href="${photoRLink2}" target="_blank" style="border-left-style: solid;font-size: 14px;text-decoration: none;padding-top: 0.8em;padding-bottom: 0.8em;padding-left: 1.3em;padding-right: 1.3em;border-top-width:${photoRBorderSize2};border-right-width:${photoRBorderSize2};border-bottom-width:${photoRBorderSize2};border-left-width:${photoRBorderSize2};border-top-style: solid;border-right-style: solid;border-bottom-style: 
solid;color: #002f87;border-top-color:${photoRBorderColor2};border-right-color:${photoRBorderColor2};border-bottom-color:${photoRBorderColor2};border-left-color:${photoRBorderColor2};display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight: 
700;font-family:'Varela Round', Arial, sans-serif;background-color:${photoRButtonBackgroundColor2};"> 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]-->${photoRLinkText2} 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--></a></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr class="stack-20" style="line-height:tabletpx;font-size:tabletpx"> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace4a7fcfbbb-c8d4-4ec5-bec0-6861a5bc50ae" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space4-clone-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" valign="top" bgcolor="${blankSpaceBackgroundColor4}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="photoL5" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_photoL" mktoname="PhotoL5"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoRBackgroundColor3};" valign="top" bgcolor="${photoRBackgroundColor3}"> 
<table class="full unboxed" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 660px;" align="center" width="660" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col1 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 300px;" align="left" width="300" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 35px 30px 2px;"> 
<div style="display:inline-block" class="mktoImg responsive" id="photo5" mktoname="Photo5" mktolockimgsize="true" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/aromatherapy-default.jpg" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 300px; display: block; height: auto; width: 100%;" height="auto" width="300" alt="" /></a>
</div> </td> 
</tr> 
</tbody> 
</table> 
<table class="col2 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 320px;" align="left" width="320" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:7px;font-size:7px;" height="7">&nbsp;</td> 
</tr> 
<tr> 
<!-- The td below controls overall content in left column, all txt. Padding applied for Outlook. --> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 15px 30px;"> 
<table class="padder" style="border-spacing: 0; border-collapse: collapse;" align="center" width="550"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;"> 
<tbody> 
<tr> 
<td class="primary-font modality" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;color: #81898b;font-family:'Varela Round', Arial, sans-serif;font-weight: bold;"> 
<div class="mktoText" mktoname="Topic Header" id="topic4e844e0bf-ce2f-4a40-9681-d5be7b329fdb">
<p>Topic<br /></p>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:5px;font-size:5px;" height="5">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #002f87;font-weight: bold;font-size: 18px;"> 
<div class="mktoText" mktoname="Left Title" id="title509ad1577-c2fd-44da-8dcf-89e1c1022839">
<p>Subject Line, Headline Very Long Headline For This Example</p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="primary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #444444;font-size: 14px;"> 
<div class="mktoText" mktoname="Left Text" id="text571c51f40-40e3-473e-807b-db97592d737e">
<p>Example with many lead in lines, end with the ellipsis punctuation to suggest there's more to this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis elit lectus. Pellentesque vitae tristique lacus. Vestibulum ac ligula nunc. Phasellus fringilla tellus id tortor tristique, at commodo est porta. Fusce tempus, massa eu malesuada gravida, mauris leo convallis nunc, vel hendrerit sapien lorem vel est. Etiam vel sem eu odio eleifend efficitur. Vivamus ornare est eget dolor sagittis, sed eleifend erat molestie. Pellentesque quis orci auctor, porttitor neque sit amet, sodales nibh. Do not retype this ellipsis, it is coded…</p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:12px;font-size:12px;" height="12">&nbsp;</td> 
</tr> 
<tr> 
<td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;" align="left" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="border-collapse: collapse; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;" align="left" bgcolor="${photoRButtonBackgroundColor2}"><a class="primary-font button" href="${photoRLink2}" target="_blank" style="border-left-style: solid;font-size: 14px;text-decoration: none;padding-top: 0.8em;padding-bottom: 0.8em;padding-left: 1.3em;padding-right: 1.3em;border-top-width:${photoRBorderSize2};border-right-width:${photoRBorderSize2};border-bottom-width:${photoRBorderSize2};border-left-width:${photoRBorderSize2};border-top-style: solid;border-right-style: solid;border-bottom-style: 
solid;color: #002f87;border-top-color:${photoRBorderColor2};border-right-color:${photoRBorderColor2};border-bottom-color:${photoRBorderColor2};border-left-color:${photoRBorderColor2};display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight: 
700;font-family:'Varela Round', Arial, sans-serif;background-color:${photoRButtonBackgroundColor2};"> 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]-->${photoRLinkText2} 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--></a></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr class="stack-20" style="line-height:tabletpx;font-size:tabletpx"> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace4faf11113-8c2f-4874-a5d5-9aaf1fc41b89" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space4-clone-clone-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor4};" valign="top" bgcolor="${blankSpaceBackgroundColor4}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="photoL6" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_photoL" mktoname="PhotoL6"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${photoRBackgroundColor3};" valign="top" bgcolor="${photoRBackgroundColor3}"> 
<table class="full unboxed" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 660px;" align="center" width="660" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col1 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 300px;" align="left" width="300" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 35px 30px 2px;"> 
<div style="display:inline-block" class="mktoImg responsive" id="photo6" mktoname="Photo6" mktolockimgsize="true" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/x-ray-default.jpg" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 300px; display: block; height: auto; width: 100%;" height="auto" width="300" alt="" /></a>
</div> </td> 
</tr> 
</tbody> 
</table> 
<table class="col2 d50 t100 p100 unboxed" style="border-spacing: 0; border-collapse: collapse; width: 320px;" align="left" width="320" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:7px;font-size:7px;" height="7">&nbsp;</td> 
</tr> 
<tr> 
<!-- The td below controls overall content in left column, all txt. Padding applied for Outlook. --> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding: 15px 30px;"> 
<table class="padder" style="border-spacing: 0; border-collapse: collapse;" align="center" width="550"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;"> 
<tbody> 
<tr> 
<td class="primary-font modality" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;color: #81898b;font-family:'Varela Round', Arial, sans-serif;font-weight: bold;"> 
<div class="mktoText" mktoname="Topic Header" id="topic4d0f45f5b-7a57-4376-ad88-7a7cf8c41222">
<p>Topic<br /></p>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:5px;font-size:5px;" height="5">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #002f87;font-weight: bold;font-size: 18px;"> 
<div class="mktoText" mktoname="Left Title" id="title55d6147be-deb4-47da-97e0-9791d96796d3">
<p>Subject Line, Headline Very Long Headline For This Example</p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="primary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #444444;font-size: 14px;"> 
<div class="mktoText" mktoname="Left Text" id="text524088de3-6d8e-4d22-8e4d-1889e22f56ba">
<p>Example with many lead in lines, end with the ellipsis punctuation to suggest there's more to this. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam facilisis elit lectus. Pellentesque vitae tristique lacus. Vestibulum ac ligula nunc. Phasellus fringilla tellus id tortor tristique, at commodo est porta. Fusce tempus, massa eu malesuada gravida, mauris leo convallis nunc, vel hendrerit sapien lorem vel est. Etiam vel sem eu odio eleifend efficitur. Vivamus ornare est eget dolor sagittis, sed eleifend erat molestie. Pellentesque quis orci auctor, porttitor neque sit amet, sodales nibh. Do not retype this ellipsis, it is coded…</p>
</div> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:12px;font-size:12px;" height="12">&nbsp;</td> 
</tr> 
<tr> 
<td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;" align="left" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td style="border-collapse: collapse; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;" align="left" bgcolor="${photoRButtonBackgroundColor2}"><a class="primary-font button" href="${photoRLink2}" target="_blank" style="border-left-style: solid;font-size: 14px;text-decoration: none;padding-top: 0.8em;padding-bottom: 0.8em;padding-left: 1.3em;padding-right: 1.3em;border-top-width:${photoRBorderSize2};border-right-width:${photoRBorderSize2};border-bottom-width:${photoRBorderSize2};border-left-width:${photoRBorderSize2};border-top-style: solid;border-right-style: solid;border-bottom-style: 
solid;color: #002f87;border-top-color:${photoRBorderColor2};border-right-color:${photoRBorderColor2};border-bottom-color:${photoRBorderColor2};border-left-color:${photoRBorderColor2};display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight: 
700;font-family:'Varela Round', Arial, sans-serif;background-color:${photoRButtonBackgroundColor2};"> 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]-->${photoRLinkText2} 
<!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--></a></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr class="stack-20" style="line-height:tabletpx;font-size:tabletpx"> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace5" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space5"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor5};" valign="top" bgcolor="${blankSpaceBackgroundColor5}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="separator" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_separator" mktoname="Separator"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${separatorBackgroundColor};" valign="top" bgcolor="${separatorBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="bordered" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;border-top-style: none;border-bottom-width:${separatorBorderSize};border-bottom-style: solid;border-bottom-color: #bae6ff;"></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-image" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-image" mktoname="Free-image"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeImageBackgroundColor};" valign="top" bgcolor="${freeImageBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<div style="display:inline-block" class="mktoImg responsive" mktoname="Photo Big" id="photoBig" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/photo.jpg" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 600px; display: block; height: auto; width: 100%;" height="auto" width="600" /></a>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-text" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-text" mktoname="Free-text"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeTextBackgroundColor};" valign="top" bgcolor="${freeTextBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #002f87;font-size: 25px;"> 
<div class="mktoText" mktoname="Title" id="title8">
Information
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #444444;font-size: 15px;mso-line-height-rule: exactly;line-height: 160%;"> 
<div class="mktoText" mktoname="Text" id="text8">
Copyright info
<span style="font-size: smaller; display: inline-block; line-height: 0;"><sup>®</sup></span> 
<br />© 2024 Info
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace7d804c2c5-ae0f-429d-9fed-eb4a369782ed" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space7-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor7};" valign="top" bgcolor="${blankSpaceBackgroundColor7}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="separator2" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_separator" mktoname="Separator"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${separatorBackgroundColor};" valign="top" bgcolor="${separatorBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="bordered" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;border-top-style: none;border-bottom-width:${separatorBorderSize};border-bottom-style: solid;border-bottom-color:#bae6ff;"></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-image292f5261f-5783-4b30-8d68-c9f765a313c4" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-image" mktoname="Free-image-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeImageBackgroundColor};" valign="top" bgcolor="${freeImageBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<div style="display:inline-block" class="mktoImg responsive" id="photoBig22f2a4f19-8e55-4d10-ac2f-7b1af74b7b0f" mktoname="Photo Big2" mktolockimgsize="true" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/tradeshow-banner.jpg" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 600px; display: block; height: auto; width: 100%;" height="auto" width="600" alt="Schedule Banner" /></a>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-text2" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-text" mktoname="Free-text"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeTextBackgroundColor};" valign="top" bgcolor="${freeTextBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #002f87;font-size: 25px;"> 
<div class="mktoText" mktoname="Title" id="title9">
Schedule
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #444444;font-size: 15px;mso-line-height-rule: exactly;line-height: 160%;"> 
<div class="mktoText" mktoname="Text" id="text9">
<a style="color: #457cbf;" href="#">Schedule</a> 
<br />
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;"> 
<tbody> 

</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace7d387b199-165a-4e8c-97ed-fd2f0d244593" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space7-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor7};" valign="top" bgcolor="${blankSpaceBackgroundColor7}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="separator2ab37ee14-f771-49ce-b694-39d4c82488f8" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_separator" mktoname="Separator-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${separatorBackgroundColor};" valign="top" bgcolor="${separatorBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="bordered" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;border-top-style: none;border-bottom-width:${separatorBorderSize};border-bottom-style: solid;border-bottom-color:#bae6ff;"></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-image2" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-image" mktoname="Free-image"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeImageBackgroundColor};" valign="top" bgcolor="${freeImageBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<div style="display:inline-block" class="mktoImg responsive" mktoname="Photo Big2" id="photoBig2" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/webinar-and-ceu-activities-banner.jpg" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 600px; display: block; height: auto; width: 100%;" height="auto" width="600" /></a>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-text22762255e-e995-4700-8759-0ef1f70d90d9" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-text" mktoname="Free-text-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeTextBackgroundColor};" valign="top" bgcolor="${freeTextBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #002f87;font-size: 25px;"> 
<div class="mktoText" mktoname="Title" id="title9f924e166-da7f-4f15-84df-eae1dfdff81b">
Events
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #444444;font-size: 15px;mso-line-height-rule: exactly;line-height: 160%;"> 
<div class="mktoText" mktoname="Text" id="text9481bb2c0-412c-47de-a6b9-2645d83c2f0b">

<a style="color: #457cbf;" href="#">Event here</a> 
<br />
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
0 Likes
525
Reply
Disha_Goyal6
Level 6
Level 6
‎04-08-2025 03:21 AM
‎04-08-2025 03:21 AM

Re: Code for module hero banner, where image can be uploaded for the background, and live editable text in foreground. Must work in Outlook.

Part IV

 

<table id="blankSpace789a7c24d-ef77-4e62-acd1-92789e725926" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space7-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor7};" valign="top" bgcolor="${blankSpaceBackgroundColor7}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="separator2996bebbf-f026-40c2-a5e9-57d4ed4a3885" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_separator" mktoname="Separator-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${separatorBackgroundColor};" valign="top" bgcolor="${separatorBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="bordered" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;border-top-style: none;border-bottom-width:${separatorBorderSize};border-bottom-style: solid;border-bottom-color:#bae6ff;"></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-image2d5b51f2f-d770-46be-87a3-839d64ae0d0f" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-image" mktoname="Free-image-clone-1-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeImageBackgroundColor};" valign="top" bgcolor="${freeImageBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<div style="display:inline-block" class="mktoImg responsive" id="photoBig25f66effc-4725-45fb-8ceb-84d9c235964c" mktoname="Photo Big2" mktolockimgsize="true" mktolockimgstyle="false">
<a><img class="responsive" src="https://lp.mysite.com/rs/0000/images/associate-spotlight-banner_wProfilePic.png" style="text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; outline: none; -ms-interpolation-mode: bicubic; line-height: 100%; max-width: 600px; display: block; height: auto; width: 100%;" height="auto" width="600" alt="Employee in the Spotlight Banner Graphic" /></a>
</div> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-text2b7e11822-fc2f-43f4-846b-93181355fa40" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-text" mktoname="Free-text-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeTextBackgroundColor};" valign="top" bgcolor="${freeTextBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #002f87;font-size: 25px;"> 
<div class="mktoText" mktoname="Title" id="title9e86c4505-f49a-4f8a-963f-2959ab4b6871">
Employee in the Spotlight
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #444444;font-size: 15px;mso-line-height-rule: exactly;line-height: 160%;"> 
<div class="mktoText" mktoname="Text" id="text95730334b-bf1c-4047-949e-49f0b239e22c">

<p>Text here.</p> 
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace7cbbe4c51-f05b-47e7-8f03-a91972582044" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space7-clone-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor7};" valign="top" bgcolor="${blankSpaceBackgroundColor7}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-text22e595896-0fbf-473e-91e6-9a09b4e87cab" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-text" mktoname="Free-text-clone-clone-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeTextBackgroundColor};" valign="top" bgcolor="${freeTextBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #002f87;font-size: 25px;"> 
<div class="mktoText" mktoname="Title" id="title916fdefa1-c7a1-4af5-9a3d-ba22c2a280c3">
<p>Latest Testimonials</p>
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #444444;font-size: 15px;mso-line-height-rule: exactly;line-height: 160%;"> 
<div class="mktoText" mktoname="Text" id="text97d289730-3a1c-4e07-b04b-54ce60ac3a2c">
<p><strong>"</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tempus lorem a massa venenatis cursus. Nam et sodales magna. Mauris tellus arcu, sodales sed convallis id.<strong>"<br /></strong>— <em>J. Doe</em></p> 

<p><strong>"</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tempus lorem a massa venenatis cursus. Nam et sodales magna. Mauris tellus arcu, sodales sed convallis id.<strong>"<br /></strong>— <em>J. Doe</em></p>
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace7a72fbbec-166c-4967-a13c-469f91dfc6b2" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space7-clone-clone-clone-clone-clone-1"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor7};" valign="top" bgcolor="${blankSpaceBackgroundColor7}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-text26ca5d082-914b-418e-89e3-1f974a421c8b" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-text" mktoname="Free-text-clone-clone-clone-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeTextBackgroundColor};" valign="top" bgcolor="${freeTextBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #002f87;font-size: 25px;"> 
<div class="mktoText" mktoname="Title" id="title99ac25588-bd54-4949-bb2c-3b53e2ec2822">
<p>Schedule&nbsp; <img src="https://lp.mysite.com/rs/0000/images/shipping-icon.png" alt="shipping icon" style="vertical-align: middle;" width="75" height="39" /></p>
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #444444;font-size: 15px;mso-line-height-rule: exactly;line-height: 160%;"> 
<div class="mktoText" mktoname="Text" id="text94ca234bd-4185-4b1e-bed8-5cea675560a5">
<!-- Nested Table --> 
<table style="border: 1px solid #ccc; width: 100%;"> 
<tbody> 
<tr> 
<td> <p style="color: #457cbf;"><strong>Order</strong></p> </td> 
<td> <p style="color: #457cbf;"><strong>Estimated <span style="font-size: 18px;">&nbsp;</span></strong></p> </td> 
</tr> 
<tr> 
<td>02/27/25</td> 
<td>02/28/25</td> 
</tr> 
<tr> 
<td>02/27/25</td> 
<td>02/28/25</td> 
</tr> 
<tr> 
<td>02/27/25</td> 
<td>02/28/25</td> 
</tr> 
</tbody> 
</table> 
<p><br /></p> 
<p style="text-align: left; color: #457cbf;"><strong>Notes here.</strong></p> 
<p><span style="font-size: 13px;"><span style="font-size: 18px;">*Notes here.</span></span></p>
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="blankSpace7fd2b6092-72d4-4ba3-a375-6c056f5b6624" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_blankSpace" mktoname="Blank Space7-clone-clone-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${blankSpaceBackgroundColor7};" valign="top" bgcolor="${blankSpaceBackgroundColor7}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="free-text2ab332fef-6467-4cff-95ea-7ca25f5b6e30" style="border-spacing: 0; border-collapse: collapse;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_free-text" mktoname="Free-text-clone-clone-clone-clone"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeTextBackgroundColor};" valign="top" bgcolor="${freeTextBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="primary-font title" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Varela Round', Arial, sans-serif;color: #002f87;font-size: 25px;"> 
<div class="mktoText" mktoname="Title" id="title946e13eb6-e18f-46f5-89f2-a729bb65d78f">
We're All Ears!&nbsp; 
<img src="https://lp.mysite.com/rs/0000/images/all-ears-ear-icon.png" alt="ear icon" width="36" height="53" style="vertical-align: middle;" />
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:10px;font-size:10px;" height="10">&nbsp;</td> 
</tr> 
<tr> 
<td class="secondary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;color: #444444;font-size: 15px;mso-line-height-rule: exactly;line-height: 160%;"> 
<div class="mktoText" mktoname="Text" id="text9f6e7480e-4428-4adc-9b0c-2d0a4616a62c">
<p>We want to hear from you! Anything you'd like to see in our monthly newsletters?<br />Feel free to send feedback.<br /><a href="mailto:info@company.com" style="color: #457cbf;" target="_blank">Give us a shout!</a></p>
</div></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table>
<table id="footer" style="border-spacing: 0; border-collapse: collapse; border-top: 2px solid #bae6ff;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" class="mktoModule m_footer" mktoname="Footer"> 
<tbody> 
<tr> 
<td class="module" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color: #457cbf;" valign="top" bgcolor="${footerBackgroundColor}"> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px;" height="20">&nbsp;</td> 
</tr> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col1 d60 t100 p100" style="border-spacing: 0; border-collapse: collapse; border: none; width: 358px;" align="left" width="358" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="stacker" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse;" align="left" width="100%"> 
<tbody> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:5px;font-size:5px;" height="5">&nbsp;</td> 
</tr> 
<tr> 
<td class="row" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="subcol" style="border-spacing: 0; border-collapse: collapse;" align="left"> 
<tbody> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> 
<td class="secondary-font text" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-family:'Raleway', Arial, sans-serif;font-size: 13px;color: #ffffff;line-height: 18px;"> 
<div>
company 
<span style="font-size: smaller; display: inline-block; line-height: 0;"><sup>®</sup></span> | 1.800.555.5555 | 
<a style="color: #ffffff;" href="mailto:info@company.com">info@company.com</a> 
</div> 
<div>
Address Line Here, USA 
</div> </td> 
</tr> 
<tr class="stack-phone" style="padding-bottom: 0; max-height: 0; overflow: hidden; float: left; display: none; padding-top: 0; padding-right: 0; mso-hide: all; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 10px; line-height: 10px;"> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr class="stack-tablet" style="padding-bottom: 0; max-height: 0; overflow: hidden; float: left; display: none; padding-top: 0; padding-right: 0; mso-hide: all; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 30px; line-height: 30px;">


<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> 
</tr> 
</tbody> 
</table> 
<table class="col2 d40 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 238px;" align="right" width="238" cellspacing="0" cellpadding="0" border="0"> 
<tbody class="socialFooterAlignment"> 
<tr> 
<td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table style="border-spacing: 0; border-collapse: collapse; border: none !important;" align="right"> 
<tbody> 
<!-- Forward to a Friend Row --> 
<tr> 
<td class="secondary-font text" style="-webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; font-family:'Raleway', Arial, sans-serif; font-size: 13px; color: #ffffff; line-height: 28px; padding-bottom: 5px;"> 
<div> 
<a href="{{system.forwardToFriendLink}}" target="_blank" title="Forward to a friend" style="color: #ffffff; white-space: nowrap;">Forward to a friend</a> 
</div> </td> 
</tr> 
<!-- Social Media Icons Row --> 
<tr> 
<td style="padding: 0; margin: 0; word-break: break-word; border-collapse: collapse; border: none !important;"> 
<!-- Container for Social Icons in a table layout --> 
<table align="right" cellpadding="0" cellspacing="0" style="border-spacing: 0; border-collapse: collapse; border: none !important;"> 
<tbody> 
<tr> 
<td style="padding-right: 4px; border: none;"> <a href="https://www.linkedin.com/company/company-corporation" target="_blank"> <img src="https://lp.mysite.com/rs/0000/images/linkedin-circle-660-reverseout.png" style="height: auto; outline: none; border: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block;" alt="LinkedIn icon" /> </a> </td> 
<td style="padding-right: 4px; border: none;"> <a href="https://www.facebook.com/company" target="_blank"> <img src="https://lp.mysite.com/rs/0000/images/facebook-circle-660-reverseout.png" style="height: auto; outline: none; border: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block;" alt="Facebook icon" /> </a> </td> 
<td style="padding-right: 4px; border: none;"> <a href="https://www.instagram.com/companymedical/" target="_blank"> <img src="https://lp.mysite.com/rs/0000/images/instagram-circle-660-reverseout.png" style="height: auto; outline: none; border: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block;" alt="Instagram icon" /> </a> </td> 
<td style="padding-right: 4px; border: none;"> <a href="https://x.com/companymedical" target="_blank"> <img src="https://lp.mysite.com/rs/0000/images/x-twitter-circle-660-reverseout.png" style="height: auto; outline: none; border: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block;" alt="X icon" /> </a> </td> 
<!-- Last icon does not need right padding or margin --> 
<td style="border: none;"><a href="https://blog.company.com/" target="_blank"><img src="https://lp.mysite.com/rs/0000/images/blog-circle-660-reverseout.png" style="height: auto; outline: none; border: none; text-decoration: none; -ms-interpolation-mode: bicubic; display: block;" alt="Blog icon" /></a></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
<tr> 
<td class="spacer increase-line-height" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:20px;font-size:20px; border: none !important;" height="20">&nbsp;</td> 
</tr> 
</tbody> 
</table> 
<table class="full" style="border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 600px;" align="center" width="600" cellspacing="0" cellpadding="0" border="0"> 
<tbody> 
<tr> 
<td class="contents" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; width: 600px;" align="left" width="600"> 
<tbody> 
<tr> 
<td class="unsub" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; text-align: center; font-family: 'Varela Round', sans-serif; font-size: 12px; color: #ffffff;"><span style="display:inline;font-family:'Raleway', Arial, sans-serif;" class="secondary-font"> 
<div class="mktoText" mktoname="Right Unsubscribe" id="unsubscribe">
<p>© company Corporation. All rights reserved. <br /> <br /><a href="https://pages.company.com/subscription-preference-center.html?email={{lead.Email Address}}" style="color: #ffffff; font-family: 'Raleway', Arial, sans-serif;" class="secondary-font">Manage your subscription / Unsubscribe</a> <br /> <a style="color: #ffffff;" href="https://www.company.com/privacy-policy" target="_blank" title="Privacy&nbsp;Policy">Privacy&nbsp;Policy</a>&nbsp; |&nbsp; <a href="https://www.company.com/terms-of-use" target="_blank" title="Terms of Use" style="color: #ffffff;">Terms of Use</a></p>
</div></span></td> 
</tr> 
<tr> 
<td class="spacer" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;line-height:30px;font-size:30px;" height="30">&nbsp;</td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> 
</body>
</html>

 

0 Likes
525
Reply
Christine_LeBla
Level 4
Level 4
‎04-09-2025 05:08 AM
‎04-09-2025 05:08 AM

Re: Code for module hero banner, where image can be uploaded for the background, and live editable text in foreground. Must work in Outlook.

I have to thank you so much! The additional Microsoft codes "gte mso" have cleaned up my issue on Outlook email client!

There is still one thing not quite rendering correctly in Outlook.

A couple of the hero banners w/ background pattern and live text on the top layer are specifically designed where I would like the admin to be able to invoke lots of text, bullets, links in that hero banner box. Those 2 examples in my template need to expand vertically based on content invoked. And, unfortunately, those are now being cut off - hard stop at the same banner height as the shorter ones.  ...This would be the reason below, I'm certain as it's hard coded. Any idea how I can apply code to the two elongated containers where the height would be flexible and render correctly in Outlook?

I would just need this code modified or any other CSS parameters. Two of those hero banners need flexibility - Please advise.

 

<!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="border: 0; display: inline-block; width: 660px; height: 226px;" src="${heroBackgroundImage}" />
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="border: 0; display: inline-block; position: absolute; width: 660px; height: 226px;">
<v:fill opacity="0%" color="${heroBackgroundColor}" />
<v:textbox inset="0,0,0,0">
<![endif]-->

0 Likes
514
Reply
Disha_Goyal6
Level 6
Level 6
‎04-10-2025 12:19 AM
‎04-10-2025 12:19 AM

Re: Code for module hero banner, where image can be uploaded for the background, and live editable text in foreground. Must work in Outlook.

Hi @Christine_LeBla , you have to update the height according to the section height in this code.

0 Likes
500
Reply
Christine_LeBla
Level 4
Level 4
‎04-11-2025 11:48 AM
‎04-11-2025 11:48 AM

Re: Code for module hero banner, where image can be uploaded for the background, and live editable text in foreground. Must work in Outlook.

I tried auto for height as that section will grow based on how much content will be entered.

It fails in Outlook. Cannot really pre-define that height up-front. - So, I guess there really is no way to have a container with a background image and live editable text sitting on top of it that will grow and render properly in Outlook.

0 Likes
466
Reply
Disha_Goyal6
Level 6
Level 6
‎04-21-2025 04:00 AM
‎04-21-2025 04:00 AM

Re: Code for module hero banner, where image can be uploaded for the background, and live editable text in foreground. Must work in Outlook.

Hi @Christine_LeBla, height auto will not work. You have to specify height in px to make it work in outlook.

0 Likes
358
Reply
Home