Skip to content

Instantly share code, notes, and snippets.

@daph3105
Last active August 26, 2021 21:21
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save daph3105/d35555316494ec63e1dc3fd15792abbc to your computer and use it in GitHub Desktop.
Banner
<mj-section padding='10px 0' full-width='full-width'>
<mj-column padding='0' width='100%'>
<mj-text align='center' font-size='16px' padding='10px 0'> {{ emoji }} Promotion from {{ promoterDisplayName }} </mj-text>
<mj-image alt='{{ promoterImageAlternativeText }}' href='{{ resolvedCallToActionUrl }}' src='{{ promoterImage }}' title='{{ callToAction }}' padding='0' />
<mj-image alt='' height='0' width='0' src='{{ pixel }}' padding='0px'></mj-image>
</mj-column>
</mj-section>
Text
<mj-section padding='10px 0' full-width='full-width'>
<mj-column padding='0' width='100%'>
<mj-text align='center' font-size='16px' padding='0'> Promotion from {{ promoterDisplayName }} </mj-text>
<mj-text font-size='16px' padding='0'>
<h3>{{ emoji }} {{ heading }}</h3>
<p>{{ blurb }}</p> <a href='{{ resolvedCallToActionUrl }}'>{{ callToAction }}</a>
</mj-text>
<mj-image alt='' height='0' width='0' padding='0' src='{{ pixel }}' />
</mj-column>
</mj-section>
Image with text
<mj-wrapper padding='10px 0' full-width='full-width'>
<mj-section padding='0' full-width='full-width'>
<mj-column padding='0' width='100%'>
<mj-text align='center' font-size='16px' padding='0'> Promotion from {{ promoterDisplayName }} </mj-text>
</mj-column>
</mj-section>
<mj-section padding='0' full-width='full-width'>
<mj-column width='25%' padding='0'>
<mj-image alt='{{ promoterImageAlternativeText }}' padding='10px 0' src='{{ promoterImage }}' target='{{ resolvedCallToActionUrl }}' title='{{ callToAction }}'></mj-image>
</mj-column>
<mj-column width='75%' padding='0'>
<mj-text font-size='16px' padding='0'>
<h3>{{ emoji }} {{ heading }}</h3>
<p>{{ blurb }}</p> <a href='{{ resolvedCallToActionUrl }}'>{{ callToAction }}</a>
</mj-text>
<mj-image alt='' height='0' width='0' padding='0px' src='{{ pixel }}'></mj-image>
</mj-column>
</mj-section>
</mj-wrapper>
Expanded text
<mj-section padding='10px 0' full-width='full-width'>
<mj-column padding='0' width='100%'>
<mj-text align='center' font-size='16px' padding='0'> Promotion from {{ promoterDisplayName }} </mj-text>
<mj-text font-size='16px' padding='0'>
<h3>{{ emoji }} {{ heading }}</h3>
<p>{{ content }}</p><a href='{{ resolvedCallToActionUrl }}'>{{ callToAction }}</a>
</mj-text>
<mj-image alt='' height='0' width='0' padding='0px' src='{{ pixel }}' />
</mj-column>
</mj-section>
Expanded text with image
<mj-section padding='10px 0' full-width='full-width'>
<mj-column padding='0' width='100%'>
<mj-text align='center' font-size='16px' padding='0'> Promotion from {{ promoterDisplayName }}</mj-text>
<mj-image alt='{{ promoterImageAlternativeText }}' src='{{ promoterImage }}' padding='10px 0' target='{{ resolvedCallToActionUrl }}' title='{{ callToAction }}'></mj-image>
<mj-text font-size='16px' padding='0'>
<h3>{{ emoji }} {{ heading }}</h3>
<p>{{ content }}</p><a href='{{ resolvedCallToActionUrl }}'>{{ callToAction }}</a>
</mj-text>
<mj-image alt='' height='0' width='0' padding='0' src='{{ pixel }}'></mj-image>
</mj-column>
</mj-section>
Expanded text with promoter's logo
<mj-section padding='10px 0' full-width='full-width'>
<mj-column padding='0' width='100%'>
<mj-text align='center' font-size='16px' padding='0'>Promotion from {{ promoterDisplayName }} <img alt='' src='{{ advertiserLogo }}' width='50px' /></mj-text>
<mj-text font-size='16px' padding='0'>
<h3>{{ emoji }} {{ heading }}</h3>
<p>{{ content }}</p><a href='{{ resolvedCallToActionUrl }}'>{{ callToAction }}</a>
</mj-text>
<mj-image alt='' height='0' width='0' padding='0px' src='{{ pixel }}' />
</mj-column>
</mj-section>
Expanded text with image and promoter's logo
<mj-section padding='10px 0' full-width='full-width'>
<mj-column padding='0' width='100%'>
<mj-text align='center' font-size='16px' padding='0'>Promotion from {{ promoterDisplayName }} <img alt='' src='{{ advertiserLogo }}' width='50px' /></mj-text>
<mj-image alt='{{ promoterImageAlternativeText }}' src='{{ promoterImage }}' padding='10px 0' target='{{ resolvedCallToActionUrl }}' title='{{ callToAction }}' />
<mj-text font-size='16px' padding='0'>
<h3>{{ emoji }} {{ heading }}</h3>
<p>{{ content }}</p><a href='{{ resolvedCallToActionUrl }}'>{{ callToAction }}</a>
</mj-text>
<mj-image alt='' height='0' width='0' padding='0' src='{{ pixel }}' />
</mj-column>
</mj-section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment