132 lines
4.7 KiB
Twig
Executable File
132 lines
4.7 KiB
Twig
Executable File
<mjml>
|
||
<mj-head>
|
||
<!-- CSS-STYLE -->
|
||
<mj-style inline="inline"> p, li {margin:0 !important; padding:0; line-height:1.4em;}
|
||
</mj-style>
|
||
</mj-head>
|
||
<!-- BODY -->
|
||
<mj-body background-color="#d0d0d0">
|
||
<mj-section background-color="#ffffff">
|
||
<mj-column>
|
||
<mj-text font-size="11px" align="center">
|
||
<p>
|
||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{webview_text}</span></span>
|
||
</p>
|
||
</mj-text>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
<mj-image src="{{ getOverridableUrl('images/placeholder-logo.png') }}" width="70px" padding-bottom="0px">
|
||
</mj-image>
|
||
</mj-column>
|
||
</mj-section>
|
||
<mj-section background-color="#ffffff">
|
||
<mj-column width="550px">
|
||
<mj-text font-size="30px" align="center" font-weight="700">
|
||
<p>Your main headline goes here
|
||
</p>
|
||
</mj-text>
|
||
<mj-text font-size="16px" align="center">
|
||
<p>Customize these sections with your brand voice, specific products or services, and relevant images. The key is to make each section informative, engaging, and aligned with your email marketing goals.
|
||
</p>
|
||
</mj-text>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
</mj-column>
|
||
</mj-section>
|
||
<mj-section background-color="#f4f4f4">
|
||
<mj-column width="275px">
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
<mj-text font-size="22px" align="center" font-weight="700">
|
||
<p>Column title
|
||
</p>
|
||
</mj-text>
|
||
<mj-text font-size="16px" align="center">
|
||
<p>Share a story about your company, team, or production process.
|
||
</p>
|
||
</mj-text>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
</mj-column>
|
||
<mj-column width="275px">
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||
</mj-image>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
</mj-column>
|
||
</mj-section>
|
||
<mj-section background-color="#ffffff">
|
||
<mj-column width="550px">
|
||
<mj-text font-size="16px" align="center">
|
||
<p>You can also encourage readers to subscribe to your newsletter. Briefly explain what kind of content they can expect and how often.
|
||
</p>
|
||
</mj-text>
|
||
</mj-column>
|
||
</mj-section>
|
||
<mj-section background-color="#f4f4f4">
|
||
<mj-column width="275px">
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
|
||
</mj-image>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
</mj-column>
|
||
<mj-column width="275px">
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
<mj-text font-size="22px" align="center" font-weight="700">
|
||
<p>Inverse column title
|
||
</p>
|
||
</mj-text>
|
||
<mj-text font-size="16px" align="center">
|
||
<p>Keep it brief but engaging.
|
||
</p>
|
||
</mj-text>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
</mj-column>
|
||
</mj-section>
|
||
<mj-section padding-top="0" padding-bottom="20px" background-color="#{{ getBrandPrimaryColor() }}">
|
||
<mj-column>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
<mj-social font-size="12px" icon-size="30px" border-radius="12px" mode="horizontal">
|
||
<mj-social-element name="facebook" border-radius="{{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px" padding-right="10px" color="#000000" background-color="#{{ getBrandPrimaryColor() }}">
|
||
</mj-social-element>
|
||
<mj-social-element name="instagram" border-radius="{{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px" padding-right="10px" padding-left="10px" color="#000000" background-color="#{{ getBrandPrimaryColor() }}">
|
||
</mj-social-element>
|
||
<mj-social-element name="youtube" border-radius="{{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px {{ getRoundedCorners('md') }}px" padding-left="10px" color="#000000" background-color="#{{ getBrandPrimaryColor() }}">
|
||
</mj-social-element>
|
||
</mj-social>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
<mj-text font-family="Ubuntu, Helvetica, Arial, sans-serif" line-height="1.5" align="center" padding-top="0px" padding-bottom="0px" font-size="12px" color="#{{ getTextOnBrandColor() }}">
|
||
<p>{brand=name}
|
||
<br/>11111 Beautiful City, 1212 Nice Street
|
||
<br/>Brazil
|
||
<br/>
|
||
</p>
|
||
</mj-text>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||
<p>Fancy seeing you down here. You’re getting this email because you gave us your email address.
|
||
</p>
|
||
<p>Want to change how you receive these emails?
|
||
</p>
|
||
</mj-text>
|
||
<mj-text font-size="11px" align="center" color="#{{ getTextOnBrandHelperColor() }}">
|
||
<p>
|
||
<span data-fr-verified="true"><span data-fr-verified="true" class="atwho-inserted">{unsubscribe_text}</span></span>
|
||
</p>
|
||
</mj-text>
|
||
<mj-spacer>
|
||
</mj-spacer>
|
||
</mj-column>
|
||
</mj-section>
|
||
</mj-body>
|
||
</mjml>
|