59 lines
2.2 KiB
Handlebars
59 lines
2.2 KiB
Handlebars
<mjml>
|
|
<mj-head>
|
|
<mj-title>{{title}}</mj-title>
|
|
<mj-font name="Lato" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic" />
|
|
<mj-attributes>
|
|
<mj-all font-size="15px" color="#2D3E4F" font-family="Lato, Helvetica, Arial, sans-serif" />
|
|
<mj-class name="h1" font-size="42px" line-height="68px" color="#b4bcc2" />
|
|
<mj-class name="h3" font-size="24px" line-height="32px" />
|
|
<mj-class name="p" font-size="15px" line-height="24px" />
|
|
<mj-class name="small" font-size="12px" line-height="16px" color="#999999" />
|
|
<mj-class name="hr" border-width="1px" border-style="solid" border-color="#e4e5e6" />
|
|
<mj-class name="button" font-size="16px" background-color="#2D3E4F" color="white" align="left" inner-padding="16px 24px" border-radius="6px" />
|
|
<mj-class name="footer-text" font-size="12px" line-height="18px" color="#999999" />
|
|
</mj-attributes>
|
|
</mj-head>
|
|
<mj-body width="560px" background-color="#ffffff">
|
|
<mj-raw>
|
|
{{#if isWeb}}
|
|
<style>
|
|
{{{formInputStyle}}}
|
|
.alert { max-width: 520px; font-family: Lato, Helvetica, Arial, sans-serif; }
|
|
</style>
|
|
{{/if}}
|
|
</mj-raw>
|
|
|
|
<mj-section padding-bottom="0">
|
|
<mj-column>
|
|
<mj-text mj-class="h1">
|
|
{{title}}
|
|
</mj-text>
|
|
<mj-divider mj-class="hr"/>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<mj-raw>
|
|
{{#if isWeb}}
|
|
{{> subscription_flash_messages}}
|
|
{{/if}}
|
|
</mj-raw>
|
|
|
|
{{{body}}}
|
|
|
|
<mj-section padding-top="0">
|
|
<mj-column>
|
|
<mj-text mj-class="small" font-style="italic">
|
|
<!-- POST ADDRESS -->
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
|
|
<mj-raw>
|
|
{{#if isWeb}}
|
|
<!-- fixes https://github.com/mjmlio/mjml/issues/359 -->
|
|
{{> subscription_footer_scripts btnBgColor='#2D3E4F' btnBgColorHover='#1A242F'}}
|
|
{{/if}}
|
|
</mj-raw>
|
|
|
|
</mj-body>
|
|
</mjml>
|