ameniboukattaya/CloudOps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
1166a52f2642a08f37f7b283c4dadb8087fdcad6
CloudOps/docker-compose/mautic-setup/mautic-backup-files/docroot/themes/Theme1313Column/html/email.html.twig

168 lines
6.5 KiB
Twig
Executable File
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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 padding-top="40px" 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" padding-top="0px">
</mj-image>
</mj-column>
</mj-section>
<mj-section background-color="#ffffff">
<mj-column>
<mj-text font-size="24px" align="center" font-weight="700">
<p>Start customizing your email
</p>
</mj-text>
<mj-spacer align="center">
</mj-spacer>
<mj-text font-size="16px" align="center">
<p>Design a standout email by strategically placing content blocks in key areas. Test different layouts to maximize reader engagement and conversion.
</p>
<p>
<br data-cke-filler="true"/>
</p>
<p>Adjust colors, fonts, and spacing to align with your brand and enhance visual appeal.
</p>
</mj-text>
<mj-spacer>
</mj-spacer>
</mj-column>
</mj-section>
<mj-section background-color="#f4f4f4">
<mj-column>
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
</mj-image>
<mj-text font-size="14px" align="center">
<p>Showcase your best sellers here.
</p>
</mj-text>
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
</mj-button>
<mj-spacer>
</mj-spacer>
</mj-column>
<mj-column>
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
</mj-image>
<mj-text font-size="14px" align="center">
<p>Showcase your best sellers here.
</p>
</mj-text>
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
</mj-button>
<mj-spacer>
</mj-spacer>
</mj-column>
<mj-column>
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
</mj-image>
<mj-text font-size="14px" align="center">
<p>Showcase your best sellers here.
</p>
</mj-text>
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
</mj-button>
<mj-spacer>
</mj-spacer>
</mj-column>
</mj-section>
<mj-section background-color="#ffffff">
<mj-column>
<mj-text font-size="16px" align="center">
<p>Design a standout email by strategically placing content blocks in key areas. Test different layouts to maximize reader engagement and conversion.
</p>
<p>
<br data-cke-filler="true"/>
</p>
<p>Adjust colors, fonts, and spacing to align with your brand and enhance visual appeal.
</p>
</mj-text>
<mj-spacer>
</mj-spacer>
</mj-column>
</mj-section>
<mj-section background-color="#f4f4f4">
<mj-column>
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
</mj-image>
<mj-text font-size="14px" align="center">
<p>Showcase your best sellers here.
</p>
</mj-text>
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
</mj-button>
<mj-spacer>
</mj-spacer>
</mj-column>
<mj-column>
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
</mj-image>
<mj-text font-size="14px" align="center">
<p>Showcase your best sellers here.
</p>
</mj-text>
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
</mj-button>
<mj-spacer>
</mj-spacer>
</mj-column>
<mj-column>
<mj-image src="{{ getOverridableUrl('images/placeholder-image.png') }}">
</mj-image>
<mj-text font-size="14px" align="center">
<p>Showcase your best sellers here.
</p>
</mj-text>
<mj-button href="https://" background-color="#{{ getBrandPrimaryColor() }}" color="#{{ getTextOnBrandColor() }}" inner-padding="16px 32px" border-radius="{{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px {{ getRoundedCorners('lg') }}px" font-size="16px">Button
</mj-button>
<mj-spacer>
</mj-spacer>
</mj-column>
</mj-section>
<mj-section padding-top="0" padding-bottom="20px" background-color="#{{ getBrandPrimaryColor() }}">
<mj-column>
<mj-spacer height="40px">
</mj-spacer>
<mj-image src="{{ getOverridableUrl('images/placeholder-logo-inverse.png') }}" width="70px" padding-bottom="0px">
</mj-image>
<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>
Reference in New Issue View Git Blame Copy Permalink