Default ad type markup

default-ad-type-markup.html

<!--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-->