Skip to content

Instantly share code, notes, and snippets.

@banderson

banderson/template.html

Last active August 29, 2015 14:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save banderson/cfdfa0aa7af0d27634dc to your computer and use it in GitHub Desktop.
Save banderson/cfdfa0aa7af0d27634dc to your computer and use it in GitHub Desktop.
Download ZIP
Block Model Test Template
Raw
template.html
<!DOCTYPE HTML>
<html format=implicit>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" type="text/css" href="https://static.ctctcdn.com/galileo/images/templates/Galileo-Template-Images/GalileoExternalCSS.css">
<style>
table {
border-collapse: collapse;
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
*[background-color="Primary"] {
background-color: #eeeeee;
}
*[background-color="Secondary"] {
background-color: #ffffff;
}
*[background-color="Tertiary"] {
background-color: #F95747;
}
*[background-color="Accent1"] {
background-color: #F95747;
}
*[background-color="Accent2"] {
background-color: #ECF0F1;
}
*[color="Primary"] {
color: #eeeeee;
}
*[color="Secondary"] {
color: #ffffff;
}
*[color="Tertiary"] {
color: #F95747;
}
*[color="Accent1"] {
color: #F95747;
}
*[color="Accent2"] {
color: #ECF0F1;
}
*[border-color="Primary"] {
border-color: #eeeeee;
}
*[border-color="Secondary"] {
border-color: #ffffff;
}
*[border-color="Tertiary"] {
border-color: #F95747;
}
*[border-color="Accent1"] {
border-color: #F95747;
}
*[border-color="Accent2"] {
border-color: #ECF0F1;
}
@media only screen and (max-width: 480px) {
table[class="MainWidth"] {
width:100% !important;
}
td[class="MainCenter"] {
width:100% !important;
}
td[class="MainSide"] {
display:none !important;
}
body,td {
font-size: 16px;
}
table[class="HideInMobile"], img[class="HideInMobile"], td[class="HideInMobile"] {
display: none !important;
}
table[class="MobileOuterPadding"], td[class="MobileOuterPadding"] {
padding: 0px 0px 0px 0px !important;
}
td[class="OneColumnMobile"], table[class="OneColumnMobile"] {
width: 100% !important;
display:block !important;
}
td[class="FooterMobile"] {
padding: 0px 10px 0px 10px !important;
}
td[class="LogoContainer"] {
padding: 10px 0px 10px 0px !important;
}
div[class="TitleText"] {
font-size: 20px !important;
line-height: 125% !important;
}
div[class="HeadingText"] {
font-size: 20px !important;
line-height: 125% !important;
}
div[class="SubheadingText"] {
font-size: 18px !important;
line-height: 125% !important;
}
div[class="TaglineText"] {
font-size: 16px !important;
line-height: 125% !important;
text-align: left !important;
}
div[class="MainTextFullWidth"] {
font-size: 16px !important;
line-height: 125% !important;
}
td[class="MainTextFullWidthTD"] {
padding: 10px 20px 10px 20px !important;
}
td[class="FeaturePadding"] {
padding: 10px 10px 10px 10px !important;
}
td[class="FeatureContent"] {
padding: 10px 15px 10px 15px !important;
}
div[class="MobileFooter"] {
font-size: 11px !important;
line-height: 125% !important;
}
img[class="HeaderImage"] {
width: 100% !important;
height: auto !important;
}
td[class="SocialMediaIcon"] {
padding: 5px 10px 0px 10px !important;
}
}
@media only screen and (min-width: 601px) {
table[class="MainWidth"] {
width:100% !important;
}
}
</style>
</head>
<body align="center" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" style="width:100% !important;min-width:100% !important;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;" primary="#eeeeee" secondary="#ffffff" tertiary="#F95747" accent1="#F95747" accent2="#ECF0F1" data-template-version="1.0">
<div align="center" background-color="Primary">
<table width="100%" cellpadding="0" cellspacing="0" border="0" background-color="Primary">
<tr>
<td align="center">
<div align="center" style="max-width:640px;margin-left:auto;margin-right:auto;" background-color="Primary">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-left:auto;margin-right:auto;" background-color="Primary">
<tr>
<td class="MainSide"><img alt="" width="1" height="5" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" /></td>
<td width="638" align="center" valign="top" class="MainCenter">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" valign="top" style="padding: 10px 5px 10px 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" align="center" valign="top" style="padding: 0px 0px 0px 0px ;" background-color="Secondary" class="MobileOuterPadding">
<!-- ** Galileo Data Layout Container ** -->
<div layout-container="">
<!-- ** Pre-Header container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Pre-Header" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_PreHeader.svg" layout-type="email-row" style="table-layout:fixed" background-color="Primary">
<tr>
<!-- ** Pre-Header Block ** -->
<td align="center" valign="top" class="MainTextFullWidthTD" style="padding: 8px 30px 15px 30px ;">
<div style-group="PreHeader" content-type="text" content-name="PreHeaderText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.3; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth">Type highlights of your message here</div>
</div>
</div>
</td>
<!-- ** // END Pre-Header Block ** -->
</tr>
</table>
<!-- ** Spacer Container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Spacer2" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/SpacerV3.svg" layout-addable="false" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 8px 0px 8px 0px; height:1px;line-height:1px;" class="MainTextFullWidthTD" content-type="divider" content-name="Divider">
<!-- ** Spacer Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<!-- ** // END Spacer Block ** -->
</td>
</tr>
</table>
<!-- ** LOGO W. RIGHT TAGLINE container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Image w. Right Tagline" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_LogoRightTagV2.svg" layout-display="false" layout-addable="false" layout-type="email-row" style="table-layout:fixed" layout-data-type="Image-Logo">
<tr>
<!-- ** LOGO W. RIGHT TAGLINE BLOCK ** -->
<td align="right" valign="top" style="padding: 0px 30px 0px 30px ;" class="MainTextFullWidthTD">
<table width="1" align="left" cellpadding="0" cellspacing="0" border="0" class="OneColumnMobile">
<tr>
<td width="1%" valign="top" style="padding: 0px 20px 10px 0px ;" class="LogoContainer">
<div align="center"><img image-type="logo-image" content-type="image" content-name="Image" alt="" width="220" height="110" max-width="220" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleLogo220x110.png" /></div>
</td>
</tr>
</table>
<div style-group="Body Text" content-type="text" content-name="BodyText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div style="text-align:right;" class="TaglineText">Company Name<br />Company Address<br />Contact Info<br /></div>
</div>
</div>
</td>
<!-- ** // END LOGO W. RIGHT TAGLINE BLOCK ** -->
</tr>
</table>
<!-- ** LOGO W. LEFT TAGLINE container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Image w. Left Tagline" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_LogoLeftTagV2.svg" layout-display="false" layout-addable="false" layout-type="email-row" style="table-layout:fixed" layout-data-type="Image-Logo">
<tr>
<!-- ** LOGO W. LEFT TAGLINE BLOCK ** -->
<td align="left" valign="top" style="padding: 0px 30px 0px 30px ;" class="MainTextFullWidthTD">
<table width="1" align="right" cellpadding="0" cellspacing="0" border="0" class="OneColumnMobile">
<tr>
<td width="1%" valign="top" style="padding: 0px 0px 10px 20px ;" class="LogoContainer">
<div align="center"><img image-type="logo-image" content-type="image" content-name="Image" alt="" width="220" height="110" max-width="220" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleLogo220x110.png" /></div>
</td>
</tr>
</table>
<div style-group="Body Text" content-type="text" content-name="BodyText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="TaglineText">Company Name<br />Company Address<br />Contact Info<br /></div>
</div>
</div>
</td>
<!-- ** // END LOGO W. LEFT TAGLINE BLOCK ** -->
</tr>
</table>
<!-- LOGO NO TAGLINE -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Logo No Tagline" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_LogoNoTag.svg" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/LogoV2.svg" layout-type="email-row" style="table-layout:fixed" layout-data-type="Image-Logo">
<tr>
<!-- ** LOGO NO TAGLINE ** -->
<td align="center" valign="top" style="padding: 0px 0px 0px 0px;"><img image-type="logo-image" content-type="image" content-name="Image" alt="" width="220" height="110" max-width="600" style="display: block; height:auto !important; max-width:100% !important;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleLogo220x110.png" class="HeaderImage" /></td>
<!-- ** // END LOGO NO TAGLINE BLOCK ** -->
</tr>
</table>
<!-- IMAGE -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Image" palette-thumbnail_="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/ImageV2.svg" layout-display="false" layout-type="email-row" layout-data-type="Image-Default">
<tr>
<!-- ** IMAGE BLOCK ** -->
<td align="center" valign="top" style="padding: 0px 0px 0px 0px;"><img alt="" content-type="image" content-name="Image" width="540" height="260" style="display: block; height:auto !important; max-width:100% !important;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleMain540x260.png" class="HeaderImage" /></td>
<!-- ** // END IMAGE BLOCK ** -->
</tr>
</table>
<!-- IMAGE (block-model 50/50) -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Image 50/50" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/ImageV2.svg" layout-display="false" layout-type="email-row" layout-data-type="Image-Default">
<tr>
<td width="100%">
<table width="300" cellspacing="20" style="float: left;border-collapse: separate;border-spacing: 20px;">
<tr>
<!-- ** IMAGE BLOCK ** -->
<td align="center" width="100%" valign="top" style="padding: 0px 0px 0px 0px;">
<img alt="" content-type="image" content-name="Image" width="260" height="260" style="display: block; height:auto !important; max-width:100% !important;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleMain540x260.png" class="HeaderImage" />
</td>
<!-- ** // END IMAGE BLOCK ** -->
</tr>
</table>
<table width="300" cellspacing="20" style="float: left;float: left;border-collapse: separate;border-spacing: 20px;">
<tr>
<!-- ** IMAGE BLOCK ** -->
<td align="center" width="100%" valign="top" style="padding: 0px 0px 0px 0px;">
<img alt="" content-type="image" content-name="Image 2" width="260" height="260" style="display: block; height:auto !important; max-width:100% !important;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleMain540x260.png" class="HeaderImage" />
</td>
<!-- ** // END IMAGE BLOCK ** -->
</tr>
</table>
</td>
</tr>
</table>
<!-- <!## ** QUICK LINKS container ** ##>
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Quick Links" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_QuickLinks.svg" layout-display="false" layout-type="email-row" style="table-layout:fixed">
<tr>
<!## ** Quick Links Block ** ##>
<td align="center" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<div style-group="Quick Links" content-type="text" content-name="QuickLinks" link-style="color:#de4e3a;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 12px; line-height: 1.1; display:block; word-wrap:break-word; width:auto; color:#DE4E3A;">
<div class="MainTextFullWidth">
<a href="#" style="color:#F95747;">Quick Links 1</a>
&nbsp;&nbsp; | &nbsp;&nbsp;
<a href="#" style="color:#F95747;">Quick Links 2</a>
&nbsp;&nbsp; | &nbsp;&nbsp;
<a href="#" style="color:#F95747;">Quick Links 3</a>
&nbsp;&nbsp; | &nbsp;&nbsp;
<a href="#" style="color:#F95747;">Quick Links 4</a>
<br />
<br />
</div>
</div>
</div>
</td>
<!## ** // END Quick Links Block ** ##>
</tr>
</table> -->
<!-- ** Spacer Container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Spacer3" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/SpacerV3.svg" layout-addable="false" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 8px 0px 8px 0px; height:1px;line-height:1px;" class="MainTextFullWidthTD" content-type="divider" content-name="Divider">
<!-- ** Spacer Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<!-- ** // END Spacer Block ** -->
</td>
</tr>
</table>
<!-- ** SECTION HEADLINE container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Section Headline" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/SectionHeadline.svg" layout-type="email-row" style="table-layout:fixed">
<tr>
<td align="center" valign="top" style="padding: 8px 0px 9px 20px ;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" background-color="Accent1">
<tr>
<!-- ** Section Headline Block ** -->
<td align="left" valign="top" style="padding: 7px 10px 7px 10px ;" class="MainTextFullWidthTD">
<div style-group="SectionHeading" content-type="text" content-name="HeadingText" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Century Gothic,Calibri,Helvetica,Arial,sans-serif; font-size: 26px; line-height: 1.1; display:block; word-wrap:break-word; width:auto; color:#ffffff;">
<div class="HeadingText">Add a Title to Introduce Your Main Topic<br /></div>
</div>
</div>
</td>
<!-- ** // END Section Heading Block ** -->
</tr>
</table>
</td>
</tr>
</table>
<!-- ** HEADLINE container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Headline" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/HeadlineV2.svg" layout-display="false" layout-type="email-row" style="table-layout:fixed">
<tr>
<!-- ** Headline Block ** -->
<td align="left" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<div style-group="Heading" content-type="text" content-name="HeadingText" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Century Gothic,Calibri,Helvetica,Arial,sans-serif; font-size: 24px; line-height: 1.1; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="HeadingText">Hook your readers with a direct and compelling headline.<br /></div>
</div>
</div>
</td>
<!-- ** // END Heading Block ** -->
</tr>
</table>
<!-- ** SUBHEADLINE container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Subheadline" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_SubHeadline.svg" layout-display="false" layout-type="email-row" style="table-layout:fixed">
<tr>
<!-- ** Subheadline Block ** -->
<td align="left" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<div style-group="Subheading" content-type="text" content-name="SubheadingText" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.1; font-weight: bold; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="SubheadingText">Use a subhead to sell the reader on continuing to read.</div>
</div>
</div>
</td>
<!-- ** // END Subheading Block ** -->
</tr>
</table>
<!-- ** Content Block container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Content" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/ContentV2.svg" layout-type="email-row" layout-display="false" style="table-layout:fixed">
<tr>
<!-- ** Content Text Block ** -->
<td align="left" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<div style-group="Body Text" content-type="text" content-name="BodyText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth">Place article copy here. Be sure to make the articles short and concise as people tend not to read much more than a couple of paragraphs. Place article copy here.<br />
<br />
</div>
</div>
</div>
</td>
<!-- ** // END Content Block ** -->
</tr>
</table>
<!-- ** Feature Article Left Image container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Feature Article Left Image" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_FeatureImageLeft.svg" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/FeatureArticleV2.svg" layout-type="email-row" layout-display="false" layout-data-type="Content-Feature">
<tr>
<td align="left" valign="top" style="padding: 8px 20px 9px 20px ;" class="FeaturePadding">
<!-- ** Feature Article Left Image Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="table-layout:fixed" background-color="Accent2">
<tr>
<td align="left" valign="top" style="padding: 15px 17px 15px 20px;" class="FeatureContent">
<table width="1" align="left" cellpadding="0" cellspacing="0" border="0" style="margin-right:5px" class="OneColumnMobile">
<tr>
<td width="1%" valign="top" style="padding: 0px 15px 10px 0px ;" class="LogoContainer">
<div align="center"><img content-type="image" content-name="FeatureArticleImage" alt="" width="220" height="140" max-width="220" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleArticle220x140.png" /></div>
</td>
</tr>
</table>
<div style-group="Feature Heading" content-type="text" content-name="FeatureHeadingText" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.1; font-weight: bold; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="HeadingText">Feature Heading<br /></div>
</div>
</div>
<div style-group="Feature Text" content-type="text" content-name="FeatureText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><br />Place article copy here. Be sure to make the articles short and concise as people tend not to read much more than a couple of paragraphs.<br />
<br />
<a href="#" style="color:#F95747;">Text Link</a></div>
</div>
</div>
</td>
</tr>
</table>
<!-- ** // END Feature Article Left Image ** -->
</td>
</tr>
</table>
<!-- ** Feature Article Right Image container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Feature Article Right Image" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_FeatureImageRight.svg" layout-display="false" layout-addable="false" layout-type="email-row" layout-data-type="Content-Feature">
<tr>
<td align="left" valign="top" style="padding: 8px 20px 9px 20px ;" class="FeaturePadding">
<!-- ** Feature Article Right Image Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="table-layout:fixed" background-color="Accent2">
<tr>
<td align="left" valign="top" style="padding: 15px 17px 15px 20px;" class="FeatureContent">
<table width="1" align="right" cellpadding="0" cellspacing="0" border="0" style="margin-left:5px" class="OneColumnMobile">
<tr>
<td width="1%" valign="top" style="padding: 0px 0px 10px 15px ;" class="LogoContainer">
<div align="center"><img content-type="image" content-name="FeatureArticleImage" alt="" width="220" height="140" max-width="220" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleArticle220x140.png" /></div>
</td>
</tr>
</table>
<div style-group="Feature Heading" content-type="text" content-name="FeatureHeadingText" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.1; font-weight: bold; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="HeadingText">Feature Heading<br /></div>
</div>
</div>
<div style-group="Feature Text" content-type="text" content-name="FeatureText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><br />Place article copy here. Be sure to make the articles short and concise as people tend not to read much more than a couple of paragraphs.<br />
<br />
<a href="#" style="color:#F95747;">Text Link</a></div>
</div>
</div>
</td>
</tr>
</table>
<!-- ** // END Feature Article Right Image ** -->
</td>
</tr>
</table>
<!-- ** Feature Article container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Feature Article" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_FeatureContent.svg" layout-display="false" layout-addable="false" layout-type="email-row" layout-data-type="Content-Feature">
<tr>
<td align="left" valign="top" style="padding: 8px 20px 9px 20px ;" class="FeaturePadding">
<!-- ** Feature Article Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="table-layout:fixed" background-color="Accent2">
<tr>
<td align="left" valign="top" style="padding: 15px 17px 15px 20px;" class="FeatureContent">
<div style-group="Feature Heading" content-type="text" content-name="FeatureHeadingText" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.1; font-weight: bold; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="HeadingText">Feature Heading<br /></div>
</div>
</div>
<div style-group="Feature Text" content-type="text" content-name="FeatureText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><br />Place article copy here. Be sure to make the articles short and concise as people tend not to read much more than a couple of paragraphs.<br />
<br />
<a href="#" style="color:#F95747;">Text Link</a></div>
</div>
</div>
</td>
</tr>
</table>
<!-- ** // END Feature Article ** -->
</td>
</tr>
</table>
<!-- ** Article w. Left Image container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Article w. Left Image" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_ArticleImageLeft.svg" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/ArticleV2.svg" layout-display="false" layout-type="email-row" style="table-layout:fixed" layout-data-type="Content-Article">
<tr>
<!-- ** Article w. Left Image Block ** -->
<td align="left" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<table width="1" align="left" cellpadding="0" cellspacing="0" border="0" style="margin-right:5px" class="OneColumnMobile">
<tr>
<td width="1%" valign="top" style="padding: 0px 15px 10px 0px ;" class="LogoContainer">
<div align="center"><img content-type="image" content-name="ArticleImage" alt="" width="220" height="140" max-width="220" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleArticle220x140.png" /></div>
</td>
</tr>
</table>
<div style-group="Article Heading" content-type="text" content-name="ArticleHeading" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.1; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="SubheadingText">Heading Here</div>
</div>
</div>
<div style-group="Body Text" content-type="text" content-name="BodyText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><br />Place article copy here. Be sure to make the articles short and concise as people tend not to read much more than a couple of paragraphs.<br />
<br />
<a href="#" style="color:#F95747;">Text Link</a></div>
</div>
</div>
</td>
<!-- ** // END Article w. Left Image Block ** -->
</tr>
</table>
<!-- ** Article w. Right Image container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Article w. Right Image" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_ArticleImageRight.svg" layout-type="email-row" layout-display="false" layout-addable="false" style="table-layout:fixed" layout-data-type="Content-Article">
<tr>
<!-- ** Article w. Right Image Block ** -->
<td align="left" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<table width="1" align="right" cellpadding="0" cellspacing="0" border="0" style="margin-left:5px" class="OneColumnMobile">
<tr>
<td width="1%" valign="top" style="padding: 0px 0px 10px 15px ;" class="LogoContainer">
<div align="center"><img content-type="image" content-name="ArticleImage" alt="" width="220" height="140" max-width="220" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleArticle220x140.png" /></div>
</td>
</tr>
</table>
<div style-group="Article Heading" content-type="text" content-name="ArticleHeading" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.1; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="SubheadingText">Heading Here</div>
</div>
</div>
<div style-group="Body Text" content-type="text" content-name="BodyText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><br />Place article copy here. Be sure to make the articles short and concise as people tend not to read much more than a couple of paragraphs.<br />
<br />
<a href="#" style="color:#F95747;">Text Link</a></div>
</div>
</div>
</td>
<!-- ** // END Article w. Right Image Block ** -->
</tr>
</table>
<!-- ** Article container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Article" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_ArticleText.svg" layout-type="email-row" layout-display="false" layout-addable="false" style="table-layout:fixed" layout-data-type="Content-Article">
<tr>
<!-- ** Article Block ** -->
<td align="left" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<div style-group="Article Heading" content-type="text" content-name="ArticleHeading" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 16px; line-height: 1.1; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="SubheadingText">Heading Here</div>
</div>
</div>
<div style-group="Body Text" content-type="text" content-name="BodyText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><br />Place article copy here. Be sure to make the articles short and concise as people tend not to read much more than a couple of paragraphs.<br />
<br />
<a href="#" style="color:#F95747;">Text Link</a>
<br />
</div>
</div>
</div>
</td>
<!-- ** // END Article Block ** -->
</tr>
</table>
<!-- ** Article container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Article 2" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_ArticleText.svg" layout-type="email-row" layout-addable="false" style="table-layout:fixed" layout-data-type="Content-Article">
<tr>
<!-- ** Article Block ** -->
<td align="center" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<div style-group="Article Heading" content-type="text" content-name="ArticleHeading" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 24px; line-height: 1.1; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="SubheadingText">Reinforce your main point with a heading<br /></div>
</div>
</div>
<div style-group="Body Text" content-type="text" content-name="BodyText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><br /><span style="font-weight:bold;">Think about the purpose of your email:</span><br />
You want readers to respond in a certain way, so make sure to spell it out for them. Use specific calls-to-action such as <i>visit our website, shop the sale now, or sign up for specials.</i><br />
<br />
<a href="#" style="color:#F95747;">Call-to-Action Link</a><br />
</div>
</div>
</div>
</td>
<!-- ** // END Article Block ** -->
</tr>
</table>
<!-- ** Custom Divider container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Custom Divider 1" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_CustomDivider.svg" layout-addable="false" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 8px 30px 9px 30px ; height:1px;line-height:1px;" class="MainTextFullWidthTD">
<!-- ** Custom Divider Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%" align="center" valign="middle">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:4px;">
<tr>
<td height="4" align="center" style="height:4px;line-height:1px;"><img alt="" width="5" height="4" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:4px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
</td>
<td align="center" valign="middle" style="padding: 0px 15px 0px 15px ;">
<div align="center"><img alt="" width="48" height="21" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo-Template-Images/AnnouncementRed/CustomDivider.png" /></div>
</td>
<td width="50%" align="center" valign="middle">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:4px;">
<tr>
<td height="4" align="center" style="height:4px;line-height:1px;"><img alt="" width="5" height="4" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:4px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ** // END Custom Divider Block ** -->
</td>
</tr>
</table>
<!-- ** Article w. Right Image container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Article w. Right Image 2" layout-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_ArticleImageRight.svg" layout-type="email-row" layout-addable="false" style="table-layout:fixed" layout-data-type="Content-Article">
<tr>
<!-- ** Article w. Right Image Block ** -->
<td align="left" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<div style-group="Article Heading" content-type="text" content-name="ArticleHeading" link-style="color:#0078c1; text-decoration:none;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 24px; line-height: 1.1; display:block; word-wrap:break-word; width:auto;" color="Accent1">
<div class="SubheadingText">Use this heading to describe an additional topic<br /></div>
</div>
</div>
<br />
<table width="1" align="right" cellpadding="0" cellspacing="0" border="0" style="margin-left:5px" class="OneColumnMobile">
<tr>
<td width="1%" valign="top" style="padding: 5px 0px 10px 15px ;" class="LogoContainer">
<div align="center"><img content-type="image" content-name="ArticleImage" alt="" width="220" height="140" max-width="220" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleArticle220x140.png" /></div>
</td>
</tr>
</table>
<div style-group="Body Text" content-type="text" content-name="BodyText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth">Write a message that is brief, friendly, and to the point. If readers need to know more than you can fit here, add a link to an outside resource that covers the rest. Lastly, make sure the accompanying image matches the topic.<br />
<br />
<a href="#" style="color:#F95747;">Link to Additional Resource</a></div>
</div>
</div>
</td>
<!-- ** // END Article w. Right Image Block ** -->
</tr>
</table>
<!-- ** Custom Divider container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Custom Divider 2" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_CustomDivider.svg" layout-addable="false" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 8px 30px 9px 30px ; height:1px;line-height:1px;" class="MainTextFullWidthTD">
<!-- ** Custom Divider Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%" align="center" valign="middle">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:4px;">
<tr>
<td height="4" align="center" style="height:4px;line-height:1px;"><img alt="" width="5" height="4" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:4px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
</td>
<td align="center" valign="middle" style="padding: 0px 15px 0px 15px ;">
<div align="center"><img alt="" width="48" height="21" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo-Template-Images/AnnouncementRed/CustomDivider.png" /></div>
</td>
<td width="50%" align="center" valign="middle">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:4px;">
<tr>
<td height="4" align="center" style="height:4px;line-height:1px;"><img alt="" width="5" height="4" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:4px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ** // END Custom Divider Block ** -->
</td>
</tr>
</table>
<!-- ** Three Column container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Three Column" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/3ColumnV2.svg" layout-type="email-row" style="table-layout:fixed">
<tr>
<!-- ** Three Column Block ** -->
<td align="center" valign="top" style="padding: 8px 0px 9px 0px ;" class="MainTextFullWidthTD">
<div style="max-width:638px;">
<table align="left" width="14" cellpadding="0" cellspacing="0" border="0" style="display:none !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"><tr><td><img alt="" width="1" height="5" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S590x1.gif" /></td></tr></table>
<table align="left" width="1" cellpadding="0" cellspacing="0" border="0" style="display:inline-block;vertical-align:top;width:186px;float:none !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="OneColumnMobile">
<tr>
<td align="center" valign="top" style="padding: 0px 0px 18px 3px ;">
<table width="180" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="OneColumnMobile">
<tr>
<td align="center" valign="top">
<div><img content-type="image" content-name="ImageLeft" alt="" width="180" max-width="180" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleArticle180x115.png" style="display:block;" /></div>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top" style="padding: 8px 0px 0px 0px ;">
<div style-group="Body Text" content-type="text" content-name="BodyText1" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><span style="font-weight:bold;">Describe this section</span><br />
Highlight a promotion, product, event, or anything that needs special attention.<br /></div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="line-height:1px;"><div style="max-width:5px;"><img width="5" alt="" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S590x1.gif" style="width:auto !important;max-width:5px;" /></div></td>
</tr>
</table>
</td>
</tr>
</table>
<table align="left" width="1" cellpadding="0" cellspacing="0" border="0" style="display:inline-block;vertical-align:top;width:186px;float:none !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="OneColumnMobile">
<tr>
<td align="center" valign="top" style="padding: 0px 0px 18px 3px ;">
<table width="180" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="OneColumnMobile">
<tr>
<td align="center" valign="top">
<div><img content-type="image" content-name="ImageMiddle" alt="" width="180" max-width="180" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleArticle180x115.png" style="display:block;" /></div>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top" style="padding: 8px 0px 0px 0px ;">
<div style-group="Body Text" content-type="text" content-name="BodyText2" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><span style="font-weight:bold;">Describe this section</span><br />
Highlight a promotion, product, event, or anything that needs special attention.<br /></div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="line-height:1px;"><div style="max-width:5px;"><img width="5" alt="" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S590x1.gif" style="width:auto !important;max-width:5px;" /></div></td>
</tr>
</table>
</td>
</tr>
</table>
<table align="left" width="1" cellpadding="0" cellspacing="0" border="0" style="display:inline-block;vertical-align:top;width:186px;float:none !important; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="OneColumnMobile">
<tr>
<td align="center" valign="top" style="padding: 0px 0px 18px 3px ;">
<table width="180" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="OneColumnMobile">
<tr>
<td align="center" valign="top">
<div><img content-type="image" content-name="ImageRight" alt="" width="180" max-width="180" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo_ImagePlaceholder/IdleArticle180x115.png" style="display:block;" /></div>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="top" style="padding: 8px 0px 0px 0px ;">
<div style-group="Body Text" content-type="text" content-name="BodyText3" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth"><span style="font-weight:bold;">Describe this section</span><br />
Highlight a promotion, product, event, or anything that needs special attention.<br /></div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="line-height:1px;"><div style="max-width:5px;"><img width="5" alt="" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S590x1.gif" style="width:auto !important;max-width:5px;" /></div></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
<!-- ** // END Three Column Block ** -->
</tr>
</table>
<!-- ** Signature Block container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="SignatureBlock" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_Signature.svg" layout-display="false" layout-type="email-row" style="table-layout:fixed">
<tr>
<!-- ** Signature Block Block ** -->
<td align="left" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<div style-group="Body Text" content-type="text" content-name="SignatureText1" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth">Thanks again for your continued support.<br />
<br />
Sincerely,<br />
<br />
Your Name<br />Company Name<br />
</div>
</div>
</div>
</td>
<!-- ** // END Signature Block Block ** -->
</tr>
</table>
<!-- ** ABOUT US container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="About Us" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_AboutUs.svg" layout-display="false" layout-type="email-row" style="table-layout:fixed">
<tr>
<td align="left" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD">
<!-- ** About Us Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" valign="top" style="padding: 1px 1px 1px 1px;" background-color="Tertiary">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" valign="top" style="padding: 15px 15px 15px 15px;" background-color="Secondary">
<div style-group="About Us Text" content-type="text" content-name="AboutUsText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.3; display:block; word-wrap:break-word; width:auto; color:#1E88B4;">
<div class="MainTextFullWidth">
<b>Company Name</b><br />
Company Url<br />
<span style="color:#383838;">City, State Zip Code</span><br />
</div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ** // END About Us Block ** -->
</td>
</tr>
</table>
<!-- ** BUTTON container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Button" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/ButtonV2.svg" layout-display="false" layout-type="email-row">
<tr>
<td align="center" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD" content-type="button" content-name="Button">
<table border="0" cellpadding="0" cellspacing="0" style="width:auto !important; -moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;" background-color="Tertiary">
<tr>
<td align="center" valign="top" style="padding: 9px 15px 10px 15px ;" class="MainTextFullWidthTD">
<div>
<div class="MainTextFullWidth"><a href="javascript: void 0;" style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; font-weight: bold; color:#ffffff; line-height: 1.1; text-decoration:none;">Button Text</a></div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ** BUTTON container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Button 2" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/ButtonV2.svg" layout-addable="false" layout-type="email-row">
<tr>
<td align="center" valign="top" style="padding: 8px 30px 9px 30px ;" class="MainTextFullWidthTD" content-type="button" content-name="Button">
<table border="0" cellpadding="0" cellspacing="0" style="width:auto !important; -moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;" background-color="Tertiary">
<tr>
<td align="center" valign="top" style="padding: 9px 15px 10px 15px ;" class="MainTextFullWidthTD">
<div>
<div class="MainTextFullWidth"><a href="javascript: void 0;" style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; font-weight: bold; color:#ffffff; line-height: 1.1; text-decoration:none;">VISIT OUR WEBSITE</a></div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ** Custom Divider container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Custom Divider" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Layout-Thumbnails/ABL_CustomDivider.svg" layout-display="false" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 8px 30px 9px 30px ; height:1px;line-height:1px;" class="MainTextFullWidthTD">
<!-- ** Custom Divider Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%" align="center" valign="middle">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:4px;">
<tr>
<td height="4" align="center" style="height:4px;line-height:1px;"><img alt="" width="5" height="4" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:4px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
</td>
<td align="center" valign="middle" style="padding: 0px 15px 0px 15px ;">
<div align="center"><img alt="" width="48" height="21" style="display: block;" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/galileo/images/templates/Galileo-Template-Images/AnnouncementRed/CustomDivider.png" /></div>
</td>
<td width="50%" align="center" valign="middle">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:4px;">
<tr>
<td height="4" align="center" style="height:4px;line-height:1px;"><img alt="" width="5" height="4" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:4px; width:5px;" /></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#000000; height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ** // END Custom Divider Block ** -->
</td>
</tr>
</table>
<!-- ** Divider container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Divider" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/DividerV2.svg" layout-display="false" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 0px 0px 0px 0px ; height:7px;line-height:1px;" content-type="divider" content-name="Divider">
<!-- ** Divider Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:7px;" background-color="Tertiary">
<tr>
<td height="7" align="center" style="height:7px;line-height:1px;"><img alt="" width="5" height="7" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:7px; width:5px;" /></td>
</tr>
</table>
<!-- ** // END Divider Block ** -->
</td>
</tr>
</table>
<!-- ** Coupon Block container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Coupon" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/CouponV2.svg" layout-display="false" layout-type="email-row">
<tr>
<td width="100%" align="left" valign="top" style="padding: 8px 20px 9px 20px;" class="MainTextFullWidthTD">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="100%" align="left" valign="top" style="border-width:3px;border-style: dashed;" border-color="Tertiary">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<!-- Left Column -->
<td align="left" valign="top" class="OneColumnMobile">
<table width="100%" cellpadding="0" cellspacing="0" border="0" background-color="Tertiary">
<tr>
<td align="center" valign="top" style="padding: 10px 10px 10px 10px;">
<div style-group="Coupon Heading" content-type="text" content-name="CouponHeadingText" link-style="color:#ffffff;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 19px; font-weight:bold; line-height: 1.3; display:block; word-wrap:break-word; width:auto; color:#ffffff;">
<div class="SubheadingText">
<span style="font-size: 16px;">SIGN UP &amp;<br /></span>
<span style="font-size: 26px;">SAVE<br />50%</span><br />
</div>
</div>
</div>
</td>
</tr>
<!-- Left Column Spacer Table -->
<tr>
<td align="center" valign="top" style="height: 1px; line-height: 1px;"><img alt="" width="150" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:120px;" /></td>
</tr>
</table>
</td>
<!-- Right Column -->
<td width="100%" align="left" valign="top" class="OneColumnMobile">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left" valign="top" style="padding: 0px 0px 0px 20px;" class="MainTextFullWidthTD">
<div style-group="Coupon Text" content-type="text" content-name="CouponText" link-style="color:#DE4E3A;">
<div style="font-family: Calibri,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.5; display:block; word-wrap:break-word; width:auto; color:#383838;">
<div class="MainTextFullWidth">
<br />
Place offer copy here. Available at participating stores only. Place offer copy here. Available at participating stores only.<br />
<br />
Offer Expires MM/DD/YYYY.<br />
</div>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ** Spacer Container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Spacer4" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/SpacerV3.svg" layout-addable="false" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 8px 0px 8px 0px; height:1px;line-height:1px;" class="MainTextFullWidthTD" content-type="divider" content-name="Divider">
<!-- ** Spacer Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<!-- ** // END Spacer Block ** -->
</td>
</tr>
</table>
<!-- ** Social Media container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Social Media" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/SocialMediaV2.svg" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 0px 30px 10px 30px;" class="MainTextFullWidthTD">
<!-- ** Social Media Block ** -->
<table align="center" cellpadding="0" cellspacing="0" border="0" style="width:auto !important;">
<tr>
<td align="center" valign="middle" style="padding: 0px 10px 0px 0px;" class="OneColumnMobile">
<div style-group="Social Media Text" content-type="text" content-name="SocialMediaText">
<div style="font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.3; color:#383838;">
<div class="MainTextFullWidth">STAY CONNECTED:</div>
</div>
</div>
</td>
<td align="center" valign="middle" class="OneColumnMobile">
<table cellpadding="0" cellspacing="0" border="0" style="width:auto !important;" content-type="social-button" content-name="SocialButton">
<tr>
<td align="center" valign="top" style="padding: 0px 10px 0px 0px;" class="SocialMediaIcon">
<div>
<a href="#"><img content-name="FacebookImage" alt="Facebook" width="22" height="22" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/ui/images1/ic_fbk_36.png" style="display:block;" /></a>
</div>
</td>
<td align="center" valign="top" style="padding: 0px 10px 0px 0px;" class="SocialMediaIcon">
<div>
<a href="#"><img content-name="TwitterImage" alt="Twitter" width="22" height="22" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/ui/images1/ic_twit_36.png" style="display:block;" /></a>
</div>
</td>
<td align="center" valign="top" style="padding: 0px 10px 0px 0px;" class="SocialMediaIcon">
<div>
<a href="#"><img content-name="LinkedInImage" alt="LinkedIn" width="22" height="22" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/ui/images1/ic_lkdin_36.png" style="display:block;" /></a>
</div>
</td>
<td align="center" valign="top" style="padding: 0px 10px 0px 0px;" class="SocialMediaIcon">
<div>
<a href="#"><img content-name="PinterestImage" alt="Pinterest" width="22" height="22" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/ui/images1/pinterest-36.png" style="display:block;" /></a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ** // END Social Media Block ** -->
</td>
</tr>
</table>
<!-- ** Divider container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Divider 2" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/DividerV2.svg" layout-addable="false" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 0px 20px 0px 20px ; height:7px;line-height:1px;" content-type="divider" content-name="Divider">
<!-- ** Divider Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:7px;" background-color="Tertiary">
<tr>
<td height="7" align="center" style="height:7px;line-height:1px;"><img alt="" width="5" height="7" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:7px; width:5px;" /></td>
</tr>
</table>
<!-- ** // END Divider Block ** -->
</td>
</tr>
</table>
<!-- ** Spacer Container ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" layout-name="Spacer" palette-thumbnail="https://static.ctctcdn.com/galileo/images/templates/Galileo-Block-Thumbnails/SpacerV3.svg" layout-display="false" layout-type="email-row">
<tr>
<td width="100%" align="center" valign="top" style="padding: 8px 0px 8px 0px; height:1px;line-height:1px;" class="MainTextFullWidthTD" content-type="divider" content-name="Divider">
<!-- ** Spacer Block ** -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height:1px;">
<tr>
<td height="1" align="center" style="height:1px;line-height:1px;"><img alt="" width="5" height="1" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" style="display: block; height:1px; width:5px;" /></td>
</tr>
</table>
<!-- ** // END Spacer Block ** -->
</td>
</tr>
</table>
<!-- ** // END Data Layout Container ** -->
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="MainSide"><img alt="" width="1" height="5" border="0" hspace="0" vspace="0" src="https://static.ctctcdn.com/letters/images/1101116784221/S.gif" /></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment