143 lines
5.4 KiB
XML
143 lines
5.4 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: 24px;
|
|
line-height: 28px;
|
|
margin-bottom: 0;
|
|
padding-bottom: 8px;
|
|
}
|
|
h2 {
|
|
font-weight: normal;
|
|
font-size: 20px;
|
|
line-height: 24px;
|
|
margin-bottom: 0;
|
|
/* Was 0 while an h2 only ever preceded a p, which brings its own spacing. */
|
|
padding-bottom: 8px;
|
|
}
|
|
h3 {
|
|
font-weight: bold;
|
|
font-size: 17px;
|
|
line-height: 22px;
|
|
margin-bottom: 0;
|
|
padding-bottom: 4px;
|
|
}
|
|
p {
|
|
font-size: 16px;
|
|
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;
|
|
}
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
em {
|
|
font-style: italic;
|
|
}
|
|
ul, ol {
|
|
/* Margin, not padding: Outlook on Windows renders list padding unreliably. */
|
|
margin: 0 0 16px 24px;
|
|
padding: 0;
|
|
font-size: 16px;
|
|
}
|
|
li {
|
|
padding-bottom: 4px;
|
|
}
|
|
</mj-style>
|
|
</mj-head>
|
|
<mj-body background-color="#666666">
|
|
<mj-hero mode="fluid-height" height="285px" background-color="#FFFFFF" padding-top="10px" padding-bottom="10px">
|
|
<mj-image src="{{ email.image('@images/logo.png') }}" width="160px" 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
|
|
<strong>earum eius fugiat in nesciunt quas quidem vitae</strong>, <em>eius fugiat</em>?
|
|
</p>
|
|
<ul>
|
|
<li>Lorem ipsum dolor</li>
|
|
<li>Consectetur adipisicing elit</li>
|
|
</ul>
|
|
<h3>
|
|
Lorem ipsum
|
|
</h3>
|
|
<ol>
|
|
<li>Lorem ipsum dolor</li>
|
|
<li>Consectetur adipisicing elit</li>
|
|
</ol>
|
|
<p>
|
|
<a href="#" class="button">
|
|
Button
|
|
</a>
|
|
</p>
|
|
<p class="small">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, eveniet!
|
|
</p>
|
|
{% endblock %}
|
|
{% block button %}
|
|
<p>
|
|
<a href="{{ url('app_index') }}" class="button">Zum Portal</a>
|
|
</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>
|