102 lines
3.9 KiB
XML
102 lines
3.9 KiB
XML
<mjml>
|
|
<mj-head>
|
|
<mj-font name="Lato" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" />
|
|
<mj-preview>MyE&P Team</mj-preview>
|
|
<mj-title>MyE&P Team</mj-title>
|
|
<mj-attributes>
|
|
<mj-all font-family="Lato, Verdana, Arial, 'Helvetica neue', sans-serif" />
|
|
</mj-attributes>
|
|
<mj-style>
|
|
h1 {
|
|
font-weight: bold;
|
|
font-size: 32px;
|
|
line-height: 36px;
|
|
margin-bottom: 0;
|
|
padding-bottom: 16px;
|
|
}
|
|
h2 {
|
|
font-weight: normal;
|
|
font-size: 24px;
|
|
line-height: 28px;
|
|
margin-bottom: 0;
|
|
}
|
|
p {
|
|
padding-bottom: 16px;
|
|
}
|
|
p.small {
|
|
font-size: 14px;
|
|
color: #999999;
|
|
}
|
|
a {
|
|
text-decoration: underline;
|
|
color: #5F7983;
|
|
}
|
|
a.footerlink {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
a.button {
|
|
text-decoration: none;
|
|
color: white;
|
|
display: inline-block;
|
|
background-color: #3d8ccb;
|
|
padding: 8px 16px;
|
|
border-radius: 4px;
|
|
}
|
|
</mj-style>
|
|
</mj-head>
|
|
<mj-body background-color="#666666">
|
|
<mj-hero mode="fluid-height" height="285px" background-color="#FFFFFF" padding-top="20px" padding-bottom="20px">
|
|
<mj-image src="{{ email.image('@images/logo.png') }}" width="200px" align="left" alt="Logo E&P" />
|
|
</mj-hero>
|
|
<mj-section background-color="#FFFFFF" border-top="1px solid #3d8ccb">
|
|
<mj-column>
|
|
<mj-text font-size="16px" line-height="24px" color="#666666">
|
|
{% block body %}
|
|
<h1>
|
|
Lorem ipsum dolor sit amet
|
|
</h1>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa delectus dolores
|
|
earum eius fugiat in nesciunt quas quidem vitae?
|
|
</p>
|
|
<h2>
|
|
Lorem ipsum dolor
|
|
</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto culpa delectus dolores
|
|
earum eius fugiat in nesciunt quas quidem vitae?
|
|
</p>
|
|
<p>
|
|
<a href="#" class="button">
|
|
Button
|
|
</a>
|
|
</p>
|
|
<p class="small">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, eveniet!
|
|
</p>
|
|
{% endblock %}
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
<mj-section background-color="#3d8ccb">
|
|
<mj-column>
|
|
<mj-text color="#FFFFFF" font-size="14px" line-height="18px">
|
|
E&P Reisen und Events GmbH
|
|
<br />
|
|
Aachener Str. 326-328
|
|
<br />
|
|
50933 Köln
|
|
</mj-text>
|
|
</mj-column>
|
|
<mj-column>
|
|
<mj-text color="#FFFFFF" font-size="14px">
|
|
<a href="https://www.ep-reisen.de/unternehmen/impressum-skireiseveranstalter/" title="E&P Impressum" class="footerlink" target="_blank">Impressum</a>
|
|
<span>|</span>
|
|
<a href="https://www.ep-reisen.de/unternehmen/impressum-skireiseveranstalter/datenschutz-winterreisen/" title="E&P Datenschutz" class="footerlink" target="_blank">Datenschutz</a>
|
|
</mj-text>
|
|
</mj-column>
|
|
</mj-section>
|
|
</mj-body>
|
|
</mjml>
|