<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Email Subject</title>
<meta name="referrer" content="never">
<meta type="xrm/designer/setting" name="type" value="marketing-designer-content-editor-document">
<meta type="xrm/designer/setting" name="layout-editable" value="marketing-designer-layout-editable">
<meta type="xrm/designer/setting" name="layout-max-width" value="700px" datatype="text" label="Layout max width">
<meta type="xrm/designer/setting" name="font-family" value="Verdana,, sans-serif" datatype="font" label="Font Family">
<meta type="xrm/designer/setting" name="body-text-size" value="14px" datatype="text" label="Body Font Size">
<meta type="xrm/designer/setting" name="body-text-color" value="#363640" datatype="color" label="Body Text Color">
<meta type="xrm/designer/setting" name="outer-background" value="#f1f1f1" datatype="color" label="Email Background">
<style>
h1 {
color: #363640;
font-size: 24px;
font-family: Verdana;
font-weight: bold;
}
h2 {
color: #363640;
font-size: 20px;
font-family: Verdana;
font-weight: bold;
}
h3 {
color: #363640;
font-size: 16px;
font-family: Verdana;
font-weight: bold;
}
h4 {
color: #363640;
font-size: 14px;
font-family: Verdana;
font-weight: bold;
}
body {
font-family: /* @font-family */
Verdana, , sans-serif/* @font-family */
;
font-size: /* @body-text-size */
14px/* @body-text-size */
;
color: /* @body-text-color */
#363640/* @body-text-color */
;
background-color: /* @outer-background */
#f1f1f1/* @outer-background */
;
}
div {
background-color: transparent;
}
[data-layout="true"] {
margin: 0 auto;
max-width: /* @layout-max-width */
700px/* @layout-max-width */
;
}
p {
margin: 0px;
padding: 0px;
line-height: 20px;
mso-line-height-rule: at-least;
color: #363640;
font-size: 14px;
font-family: Verdana;
}
p img {
max-width: 100%;
}
a {
text-decoration: none;
}
u a {
text-decoration: underline;
}
.imageWrapper a img {
text-decoration: none;
border: 0px;
}
@media only screen and (max-width: 768px) {
.columnContainerWrapper {
min-height: 70px !important;
}
a span {
line-height: inherit !important;
}
}
@media only screen and (max-width: 768px) {
.tbContainer {
display: block !important;
}
.tbContainer.multi table {
table-layout: fixed;
height: auto !important;
}
.tbContainer.multi td {
width: auto !important;
min-height: 70px !important;
}
.tbContainer.multi tr,
.tbContainer.multi tr td {
display: block
}
.tbContainer.multi .inner {
height: auto !important;
}
.tbContainer .inner {
box-sizing: border-box
}
.outer {
width: auto !important;
}
.innerTable {
min-height: auto !important;
}
}
</style>
<meta name="html-editor">
</head>
<body><div data-layout="true">
<div style="background-color: transparent; margin: 0 auto; max-width: 700px;">
<div>
<div data-section="true" class="">
<table class="outer" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse;width: 700px;display: block;">
<tbody>
<tr>
<td style="padding: 0px 10px; background-color: rgb(255, 255, 255);">
<table style="width: 100%;border-collapse: collapse;" class="containerWrapper tbContainer" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td data-container="true" class="columnContainer" data-container-width="100" style="min-height: 70px;
min-width: 20px;width: 680.00px;" id="containerbe47153cf3e291617956897658">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tbody>
<tr>
<td class="inner ui-sortable" style="height: 40px; min-width: 20px; padding: 10px; vertical-align: top; word-wrap: break-word; word-break: break-word;">
<div data-editorblocktype="Text" style="text-align: center;">
<p style="text-align: center;"></p>
<h1>Headline </h1>
<p></p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div data-section="true" class="">
<table class="outer" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse;width: 700px;display: block;">
<tbody>
<tr>
<td style="vertical-align: top; padding: 10px; background-color: rgb(255, 255, 255);">
<table style="
display: block;
width: 100%;
border-collapse: collapse;
" class="containerWrapper tbContainer" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td data-container="true" class="columnContainer" data-container-width="100" style="
min-height: 70px;
min-width: 20px;width: 680.00px;
;" id="containerd48e5e56a351b1617958992716">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tbody>
<tr>
<td class="inner ui-sortable" style="height: 50px; min-width: 20px; padding: 0px 10px; vertical-align: top; word-wrap: break-word; word-break: break-word;">
<div data-editorblocktype="Text">
<h2>Dear {{contact.lastname}} {{contact.firstname}},</h2>
</div>
<div data-editorblocktype="Text">
<p>Introduction Text</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div data-section="true" class="">
<table class="outer" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse;width: 700px;display: block;">
<tbody>
<tr>
<td style="vertical-align: top; padding: 10px 10px 0px; background-color: rgb(255, 255, 255);">
<table style="
display: block;
width: 100%;
border-collapse: collapse;
" class="containerWrapper tbContainer" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td data-container="true" class="columnContainer" data-container-width="100" style="
min-height: 70px;
min-width: 20px;width: 680.00px;
;" id="container888e741f7085a1617966923222">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tbody>
<tr>
<td class="inner ui-sortable" style="height: 70px; min-width: 20px; padding: 10px 10px 0px; vertical-align: top; word-wrap: break-word; word-break: break-word;">
<div data-editorblocktype="Image" style="margin-left: 10px; margin-right: 10px;">
</div><div data-editorblocktype="Text">
<h2>[H2] Headline Topic</h2>
</div><div data-editorblocktype="Text">
<p>Introduction Text</p>
</div><div data-editorblocktype="Divider"><div align="center" class="dividerWrapper" style="padding-top: 5px; padding-bottom: 5px;">
<table style="padding: 0px; margin: 0px; width: 100%">
<tbody>
<tr style="padding: 0px;">
<td style="margin: 0px; padding: 0px; vertical-align: top; border-bottom: 3px solid rgb(255, 255, 255);">
<p style="margin: 0px; padding: 0px; line-height: 0px; width: 100%;"><span><!--[if gte mso 9]><br/><![endif]--> </span></p>
</td>
</tr>
</tbody>
</table>
</div>
</div><div data-editorblocktype="Button" align="left" class="buttonWrapper"><a class="buttonClass" data-msdyn-tracking-id="fd009730c035b1617967084374" href="#Button" style="text-align: center; margin-right: auto; margin-left: 0px; display: block; text-decoration: none; background-color: rgb(54, 54, 64); border-radius: 4px; color: rgb(255, 255, 255); line-height: 43px; max-width: 100%; width: 171px; height: 43px;mso-hide: none !important;"><span style="font-size:12px;"><big><span style="font-family:Verdana,Geneva,sans-serif;">> Link Call to Action</span></big> </span> </a></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div data-section="true" class="emptyContainer"><table class="outer" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse;width: 700px;display: block;">
<tbody>
<tr>
<td style="vertical-align: top; padding: 10px;">
<table style="
display: block;
width: 100%;
border-collapse: collapse;
" class="containerWrapper tbContainer" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td data-container="true" class="columnContainer" data-container-width="100" style="
min-height: 70px;
min-width: 20px;width: 680.00px;
;" id="container5aed23d5bda231618907756517">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tbody>
<tr>
<td class="inner ui-sortable" style="height: 70px; min-width: 20px; padding: 10px; vertical-align: top; word-wrap: break-word; word-break: break-word;">
<div data-editorblocktype="Content" data-protected="false" data-lookup-id="4d8c7f60-4aa1-eb11-b1ac-000d3adaf7de" data-lookup-name="WIL Block 1"><div class="contentBlockWrapper"><meta name="html-editor"><div data-section="true" class="emptyContainer">
<table class="outer" align="center" cellpadding="0" cellspacing="0" style="border-collapse: collapse;width: 700px;display: block;">
<tbody>
<tr>
<td style="vertical-align: top; padding: 10px 10px 0px; background-color: rgb(255, 255, 255);">
<table style="
display: block;
width: 100%;
border-collapse: collapse;
" class="containerWrapper tbContainer" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="columnContainer" data-container-width="100" style="
min-height: 70px;
min-width: 20px;width: 680.00px;
;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
<tbody>
<tr>
<td class="inner ui-sortable" style="height: 70px; min-width: 20px; padding: 10px 10px 0px; vertical-align: top; word-wrap: break-word; word-break: break-word;">
<div style="margin-left: 10px; margin-right: 10px;" data-sub-block="true" data-block-datatype="Image">
</div><div data-sub-block="true" data-block-datatype="Text">
<h2>[H2] Headline Topic</h2>
</div><div data-sub-block="true" data-block-datatype="Text">
<p>Text</p>
</div><div data-sub-block="true" data-block-datatype="Divider"><div align="center" class="dividerWrapper" style="padding-top: 5px; padding-bottom: 5px;">
<table style="padding: 0px; margin: 0px; width: 100%">
<tbody>
<tr style="padding: 0px;">
<td style="margin: 0px; padding: 0px; vertical-align: top; border-bottom: 3px solid rgb(255, 255, 255);">
<p style="margin: 0px; padding: 0px; line-height: 0px; width: 100%;"><span><!--[if gte mso 9]><br/><![endif]--> </span></p>
</td>
</tr>
</tbody>
</table>
</div>
</div><div align="left" class="buttonWrapper" data-sub-block="true" data-block-datatype="Button"><a class="buttonClass" data-msdyn-tracking-id="fd009730c035b1617967084374" href="#Button" style="text-align: center; margin-right: auto; margin-left: 0px; display: block; text-decoration: none; background-color: rgb(54, 54, 64); border-radius: 4px; color: rgb(255, 255, 255); line-height: 43px; max-width: 100%; width: 171px; height: 43px;mso-hide: none !important;"><span style="font-size:12px;"><big><span style="font-family:Verdana,Geneva,sans-serif;">> Link Call to Action</span></big> </span> </a></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div><div>
</div></div></div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table></div>
<div>
</div>
</div>
</div>
</div></body></html>