Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save michaelschofield/777626877fc78b44146e1b8eba5062ca to your computer and use it in GitHub Desktop.
Save michaelschofield/777626877fc78b44146e1b8eba5062ca 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-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment