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

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