Solid Affiliate Email (Affiliate - Referral Notification)

emails-4.html

<table id="bodyTable" style="border-collapse: collapse; height: 100%; margin: 0; padding: 0; width: 100%; background-color: #fafbff;" border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td id="bodyCell" style="height: 100%; margin: 0; padding: 60px 0; width: 100%;" align="center" valign="top">
<table style="width: 600px;" border="0" width="600" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="width: 600px;" align="center" valign="top" width="600">
<table class="templateContainer" style="border-collapse: collapse; border: 1px solid #d9e1ec; max-width: 600px !important;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td id="templatePreheader" style="background-color: #fafbff; background-image: none; background-position: center; background-size: cover; border-top: 0; border-bottom: 0; padding-top: 5px; padding-bottom: 5px;" valign="top">
<table class="mcnTextBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody class="mcnTextBlockOuter">
<tr>
<td class="mcnTextBlockInner" style="padding-top: 9px;" valign="top">
<table style="width: 100%;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td style="width: 600px;" valign="top" width="600">
<table class="mcnTextContentContainer" style="max-width: 100%; min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="mcnTextContent" style="padding: 0px 18px 9px; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; text-align: center; color: #4b587c; line-height: 150%;" valign="top"><strong>Solid Affiliate — </strong>New Referral Earned</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td id="templateHeader" style="background-color: #ffffff; background-image: none; background-position: center; background-size: cover; border-top: 1px solid #d9e1ec; border-bottom: 1px solid #d9e1ec; padding-top: 10px; padding-bottom: 10px;" valign="top">
<table class="mcnImageBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" style="padding: 9px;" valign="top">
<table class="mcnImageContentContainer" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="mcnImageContent" style="text-align: center; padding: 0 9px 0 9px;" valign="top"><a href="https://solidaffiliate.com/" target="_blank" rel="noopener">
<img class="mcnRetinaImage" style="max-width: 178px; padding-bottom: 0; vertical-align: bottom; border: 0; height: auto; text-decoration: none;" src="https://solidaffiliate.com/brand/[email protected]" alt="" width="178" align="center" />
</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td id="templateBody" style="background-color: #ffffff; background-image: none; background-position: center; background-size: cover; border-top: 0; border-bottom: 1px solid #d9e1ec; padding-top: 40px; padding-bottom: 40px;" valign="top">
<table class="mcnTextBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody class="mcnTextBlockOuter">
<tr>
<td class="mcnTextBlockInner" style="padding-top: 9px;" valign="top">
<table style="width: 100%;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td style="width: 600px;" valign="top" width="600">
<table class="mcnTextContentContainer" style="max-width: 100%; min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="mcnTextContent" style="padding: 0px 18px 9px; font-size: 18px; color: #4b587c; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 150%; text-align: left;" valign="top">
<div style="text-align: center;">You've earned a new referral!</div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mcnCodeBlock" style="border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody class="mcnTextBlockOuter">
<tr>
<td class="mcnTextBlockInner" valign="top">
<table class="tg" style="border-collapse: collapse; width: 80%; margin: 30px auto; border-spacing: 0; color: #4b587c;">
<tbody>
<tr>
<td class="tg-0lax" style="text-align: right; font-family: 'Roboto', sans-serif; font-size: 14px; overflow: hidden; padding: 10px 5px; vertical-align: top; border: 1px solid #D9E1EC;">Referral amount</td>
<td class="tg-0lax" style="color: #212044; font-family: 'Roboto', sans-serif; font-size: 14px; overflow: hidden; padding: 10px 5px; text-align: left; vertical-align: top; border: 1px solid #D9E1EC;">{referral_order_amount}</td>
</tr>
<tr>
<td class="tg-0lax" style="text-align: right; font-family: 'Roboto', sans-serif; font-size: 14px; overflow: hidden; padding: 10px 5px; vertical-align: top; border: 1px solid #D9E1EC;">Commission amount</td>
<td class="tg-0lax" style="color: #212044; font-family: 'Roboto', sans-serif; font-size: 14px; overflow: hidden; padding: 10px 5px; text-align: left; vertical-align: top; border: 1px solid #D9E1EC;">{referral_commission_amount}</td>
</tr>
<tr>
<td class="tg-0lax" style="text-align: right; font-family: 'Roboto', sans-serif; font-size: 14px; overflow: hidden; padding: 10px 5px; vertical-align: top; border: 1px solid #D9E1EC;">Referral description</td>
<td class="tg-0lax" style="color: #212044; font-family: 'Roboto', sans-serif; font-size: 14px; overflow: hidden; padding: 10px 5px; text-align: left; vertical-align: top; border: 1px solid #D9E1EC;">{referral_description}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="mcnButtonBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody class="mcnButtonBlockOuter">
<tr>
<td class="mcnButtonBlockInner" style="padding: 0 18px 18px 18px;" align="center" valign="top">
<table class="mcnButtonContentContainer" style="border-collapse: separate !important;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="mcnButtonContent" style="padding-top: 15px;" align="center" valign="middle"><a class="mcnButton " style="border-radius: 50px; background-color: #2a26ec; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal; letter-spacing: normal; line-height: 100%; text-align: center; text-decoration: none; color: #ffffff; padding: 15px 20px;" title="View affiliate" href="https://solidaffiliate.com/affiliates/portal/" target="_blank" rel="noopener">Go to the portal</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td id="templateFooter" style="background-color: #ffffff; background-image: none; background-position: center; background-size: cover; border-top: 0; border-bottom: 0; padding-top: 10px; padding-bottom: 10px;" valign="top">
<table class="mcnImageBlock" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" style="padding: 9px;" valign="top">
<table class="mcnImageContentContainer" style="min-width: 100%; border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="mcnImageContent" style="text-align: center; padding: 0 9px 0 9px;" valign="top"><a href="https://solidaffiliate.com/" target="_blank" rel="noopener">
<img class="mcnRetinaImage" style="max-width: 380px; padding-bottom: 0px; vertical-align: bottom; border-radius: 0%; border: 0; height: auto; text-decoration: none;" src="https://solidaffiliate.com/brand/powered-by-solid-affiliate.png" alt="" width="190" align="center" />
</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>