Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save cdvillard/1815c8e222e18128f850b1627fde8952 to your computer and use it in GitHub Desktop.
Save cdvillard/1815c8e222e18128f850b1627fde8952 to your computer and use it in GitHub Desktop.
Default ad type markup
<!--begin text ad markup-->
<table class='letterhead-promotion' style='margin: 0 auto; max-width: 600px;'>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell' style='text-align: center; padding-bottom: 8px;'>
<p class='letterhead-promotion__row__cell__promoter-display-name' style='font-size: 85%;'>
Advertisement from {{ promoterDisplayName }}
</p>
</td>
</tr>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell'>
<h3 class='letterhead-promotion__row__cell__heading' style='margin: 0 0 10px 0;'>
{{ heading }}
</h3>
<p class='letterhead-promotion__row__cell__blurb'>
{{ blurb }}
</p>
<a class='letterhead-promotion__row__cell__call-to-action' href='{{ resolvedCallToActionUrl }}'>
{{ callToAction }}
</a>
</td>
</tr>
<img class='letterhead-promotion__ranger' alt='' aria-hidden='true' src='{{ pixel }}' />
</table>
<!--end text ad markup-->
<!--begin image with text ad markup-->
<table class='letterhead-promotion' style='margin: 0 auto; max-width: 600px;'>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell' style='text-align: center; padding-bottom: 8px;'>
<p class='letterhead-promotion__row__cell__promoter-display-name' style='font-size: 85%;'>
Advertisement from {{ promoterDisplayName }}
</p>
</td>
</tr>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell'>
<table class='letterhead-promotion__row__cell__image-container' align='left' style='max-width: 35%;'>
<tr class='letterhead-promotion__row__cell__image-container__row'>
<td class='letterhead-promotion__row__cell__image-container__row__cell'>
<img class='letterhead-promtoion__row__cell__image-container__row__cell__image' src='{{ promoterImage }}' style='max-width: 95%;' alt='{{ promoterImageAlternativeText }}' />
</td>
</tr>
</table>
<table class='letterhead-promotion__row__cell__content-container' align='left' style='max-width: 65%;'>
<tr class='letterhead-promotion__row__cell__content-container__row'>
<td class='letterhead-promotion__row__cell__content-container__row__cell'>
<h3 class='letterhead-promotion__row__cell__content-container__row__cell__heading' style='margin: 0 0 10px 0;'>
{{ heading }}
</h3>
<p class='letterhead-promotion__row__cell__content-container__row__cell__blurb'>
{{ blurb }}
</p>
<a class='letterhead-promotion__row__cell__content-container__row__cell__call-to-action' href='{{ resolvedCallToActionUrl }}'>
{{ callToAction }}
</a>
</td>
</tr>
</table>
</td>
</tr>
<img class='letterhead-promotion__ranger' alt='' aria-hidden='true' src='{{ pixel }}' />
</table>
<!--begin banner ad markup-->
<table class='letterhead-promotion' style='margin: 0 auto; max-width: 600px;'>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell' style='text-align: center; padding-bottom: 8px;'>
<p class='letterhead-promotion__row__cell__promoter-display-name' style='font-size: 85%;'>
Advertisement from {{ promoterDisplayName }}
</p>
</td>
</tr>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell'>
<a class='letterhead-promotion__row__cell__call-to-action' href='{{ resolvedCallToActionUrl }}'>
<img class='letterhead-promotion__row__cell__image' src='{{ promoterImage }}' style='max-width: 100%' alt='{{ promoterImageAlternativeText }}' />
</a>
</td>
</tr>
</table>
<!--end banner ad markup-->
<!--begin expanded text ad markup-->
<table class='letterhead-promotion' style="margin: 0 auto; max-width: 600px;">
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell' style="text-align: center; padding-bottom: 8px;">
<p class='letterhead-promotion__row__cell__promoter-display-name' style="font-size: 85%;">
Advertisement from {{ promoterDisplayName }}
</p>
</td>
</tr>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell'>
<h3 class='letterhead-promotion__row__cell__heading' style="margin: 0 0 10px 0;">
{{ heading }}
</h3>
<div class='letterhead-promotion__row__cell__content'>
{{ content }}
</div>
</td>
</tr>
</table>
<!--end expanded text ad markup-->
<!--begin expanded text with image ad markup-->
<table class='letterhead-promotion' style="margin: 0 auto; max-width: 600px;">
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell' style="text-align: center; padding-bottom: 8px;">
<p class='letterhead-promotion__row__cell__promoter-display-name' style="font-size: 85%;">
Advertisement from {{ promoterDisplayName }}
</p>
</td>
</tr>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell' style="text-align: center; padding-bottom: 10px;">
<img class='letterhead-promotion__row__cell__image' src='{{ promoterImage }}' alt='{{ promoterImageAlternativeText }}' />
</td>
</tr>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell'>
<h3 class='letterhead-promotion__row__cell__heading' style="margin: 0 0 10px 0;">
{{ heading }}
</h3>
<div class='letterhead-promotion__row__cell__content'>
{{ content }}
</div>
</td>
</tr>
</table>
<!--end expanded text with image ad markup-->
<!--begin sponsored expanded text with image ad markup-->
<table class='letterhead-promotion' style="margin: 0 auto; max-width: 600px;">
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell' style="text-align: center; padding-bottom: 8px;">
<p class='letterhead-promotion__row__cell__promoter-display-name' style="font-size: 85%;">
Sponsored by {{ promoterDisplayName }}
<img class='letterhead-promotion__row__cell__logo' src='{{ promoterLogo }}' alt='{{ promoterlogoAlternativeText }}' />
</p>
</td>
</tr>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell' style="text-align: center; padding-bottom: 10px;">
<img class='letterhead-promotion__row__cell__image' src='{{ promoterImage }}' alt='{{ promoterImageAlternativeText }}' />
</td>
</tr>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell'>
<h3 class='letterhead-promotion__row__cell__heading' style="margin: 0 0 10px 0;">
{{ heading }}
</h3>
<div class='letterhead-promotion__row__cell__content'>
{{ content }}
</div>
</td>
</tr>
</table>
<!--end sponsored expanded text with image ad markup-->
<!--begin sponsored expanded text ad markup-->
<table class='letterhead-promotion' style="margin: 0 auto; max-width: 600px;">
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell' style="text-align: center; padding-bottom: 8px;">
<p class='letterhead-promotion__row__cell__promoter-display-name' style="font-size: 85%;">
Sponsored by {{ promoterDisplayName }}
<img class='letterhead-promotion__row__cell__logo' src='{{ promoterLogo }}' alt='{{ promoterlogoAlternativeText }}' />
</p>
</td>
</tr>
<tr class='letterhead-promotion__row'>
<td class='letterhead-promotion__row__cell'>
<h3 class='letterhead-promotion__row__cell__heading' style="margin: 0 0 10px 0;">
{{ heading }}
</h3>
<div class='letterhead-promotion__row__cell__content'>
{{ content }}
</div>
</td>
</tr>
</table>
<!--end sponsored expanded text ad markup-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment