431 lines
12 KiB
HTML
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.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
<head>
<meta content="width=device-width" name="viewport" />
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" />
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
<meta name="x-apple-disable-message-reformatting" />
<meta
content="telephone=no,address=no,email=no,date=no,url=no"
name="format-detection"
/>
<meta content="light" name="color-scheme" />
<meta content="light" name="supported-color-schemes" />
<!--$-->
<style>
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
mso-font-alt: "sans-serif";
src: url(https://rsms.me/inter/font-files/Inter-Regular.woff2?v=3.19)
format("woff2");
}
* {
font-family: "Inter", sans-serif;
}
</style>
<style>
blockquote,
h1,
h2,
h3,
img,
li,
ol,
p,
ul {
margin-top: 0;
margin-bottom: 0;
}
@media only screen and (max-width: 425px) {
.tab-row-full {
width: 100% !important;
}
.tab-col-full {
display: block !important;
width: 100% !important;
}
.tab-pad {
padding: 0 !important;
}
}
</style>
</head>
<body style="margin: 0">
<div
style="
display: none;
overflow: hidden;
line-height: 1px;
opacity: 0;
max-height: 0;
max-width: 0;
"
id="__react-email-preview"
>
Willkommen beim {{event_name}} 🏃‍♂️🌏
<div>
                                                                                                           
</div>
</div>
<table
align="center"
width="100%"
border="0"
cellpadding="0"
cellspacing="0"
role="presentation"
style="
max-width: 600px;
min-width: 300px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0.5rem;
"
>
<tbody>
<tr style="width: 100%">
<td>
<table
align="center"
width="100%"
border="0"
cellpadding="0"
cellspacing="0"
role="presentation"
style="margin-top: 0px; margin-bottom: 32px"
>
<tbody style="width: 100%">
<tr style="width: 100%">
<td align="left" data-id="__react-email-column">
<img
title="Logo"
alt="Logo"
src="https://run.lauf-fuer-kaya.de/lfk-logo.png"
style="
display: block;
outline: none;
border: none;
text-decoration: none;
width: 64px;
height: 64px;
"
height="64"
/>
</td>
</tr>
</tbody>
</table>
<h2
style="
text-align: left;
color: #111827;
margin-bottom: 12px;
margin-top: 0;
font-size: 30px;
line-height: 36px;
font-weight: 700;
"
>
<strong>Willkommen beim {{event_name}}</strong>
</h2>
<p
style="
font-size: 15px;
line-height: 24px;
margin: 16px 0;
text-align: left;
margin-bottom: 20px;
margin-top: 0px;
color: #374151;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
"
>
<strong>Hallo {{name}} 👋</strong>
</p>
<p
style="
font-size: 15px;
line-height: 24px;
margin: 16px 0;
text-align: left;
margin-bottom: 20px;
margin-top: 0px;
color: #374151;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
"
>
vielen Dank für deine Registrierung beim {{event_name}}
</p>
<p
style="
font-size: 15px;
line-height: 24px;
margin: 16px 0;
text-align: left;
margin-bottom: 20px;
margin-top: 0px;
color: #374151;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
"
>
Am Lauftag (<strong>{{event_date}}</strong>) musst du nur noch
diesen Barcode vorzeigen, damit erhältst du deine Läuferkarte.<br />Der
<b>Bürgerlauf</b> findet von
<b>14:00 bis 18:00 Uhr</b> statt.<br />Der
<b>Firmenlauf</b> beginnt um <b>13:30 Uhr</b>.
</p>
<table
align="center"
width="100%"
border="0"
cellpadding="0"
cellspacing="0"
role="presentation"
style="margin-top: 0px; margin-bottom: 32px"
>
<tbody style="width: 100%">
<tr style="width: 100%">
<td align="center" data-id="__react-email-column">
<img
title="Dein Registrierungs-Code"
alt="Dein Registrierungs-Code"
src="{{barcode_url}}"
style="
display: block;
outline: none;
border: none;
text-decoration: none;
height: 150px;
width: auto;
max-width: 601px;
max-height: 315.2938461538462px;
"
height="150"
/>
</td>
</tr>
</tbody>
</table>
<p
style="
font-size: 15px;
line-height: 24px;
margin: 16px 0;
text-align: left;
margin-bottom: 20px;
margin-top: 0px;
color: #374151;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
"
>
Deinen Registrierungs-Code, Rundenzeiten und weitere Infos kannst
du jederzeit im Lauf für Kaya! Selfservice einsehen.
</p>
<table
align="center"
width="100%"
border="0"
cellpadding="0"
cellspacing="0"
role="presentation"
style="max-width: 100%; text-align: center; margin-bottom: 20px"
>
<tbody>
<tr style="width: 100%">
<td>
<a
href="{{link}}"
style="
line-height: 100%;
text-decoration: none;
display: inline-block;
max-width: 100%;
mso-padding-alt: 0px;
color: #ffffff;
background-color: #3a4bdd;
border-color: #3a4bdd;
border-width: 2px;
border-style: solid;
font-size: 14px;
font-weight: 500;
border-radius: 0px;
padding: 12px 32px 12px 32px;
"
target="_blank"
><span
><!--[if mso
]><i
style="mso-font-width: 400%; mso-text-raise: 18"
hidden
>&#8202;&#8202;&#8202;&#8202;</i
><!
[endif]--></span
><span
style="
max-width: 100%;
display: inline-block;
line-height: 120%;
mso-padding-alt: 0px;
mso-text-raise: 9px;
"
>Zum Selfservice Portal</span
><span
><!--[if mso
]><i style="mso-font-width: 400%" hidden
>&#8202;&#8202;&#8202;&#8202;&#8203;</i
><!
[endif]--></span
></a
>
</td>
</tr>
</tbody>
</table>
<p
style="
font-size: 15px;
line-height: 24px;
margin: 16px 0;
text-align: left;
margin-bottom: 20px;
margin-top: 0px;
color: #374151;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
"
>
Wir freuen uns schon auf dich und einen erfolgreichen Lauf für
Kaya!
</p>
<p
style="
font-size: 15px;
line-height: 24px;
margin: 16px 0;
text-align: left;
margin-bottom: 20px;
margin-top: 0px;
color: #374151;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
"
>
Bei Fragen antworte gerne jederzeit auf diese E-Mail oder schreibe
an
<u
><strong
><a
href="mailto:info@lauf-fuer-kaya.de"
rel="noopener noreferrer nofollow"
style="
color: #111827;
text-decoration: underline;
font-weight: 500;
"
target="_blank"
>info@lauf-fuer-kaya.de</a
></strong
></u
>
</p>
<p
style="
font-size: 15px;
line-height: 24px;
margin: 16px 0;
text-align: left;
margin-bottom: 20px;
margin-top: 0px;
color: #374151;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
"
>
Sportliche Grüße 🏃‍♂️<br />Dein Team Lauf für Kaya!
</p>
<hr
style="
width: 100%;
border: none;
border-top: 1px solid #eaeaea;
margin-top: 32px;
margin-bottom: 32px;
"
/>
<p
style="
font-size: 15px;
line-height: 24px;
margin: 16px 0;
text-align: left;
margin-bottom: 20px;
margin-top: 0px;
color: #374151;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
"
>
Lauf für Kaya! <strong>Powered by </strong
><u
><strong
><a
href="https://odit.services?ref=lfkmail"
rel="noopener noreferrer nofollow"
style="
color: #111827;
text-decoration: underline;
font-weight: 500;
"
target="_blank"
>ODIT.Services</a
></strong
></u
>.<br /><u
><strong
><a
href="https://lauf-fuer-kaya.de/impressum/"
rel="noopener noreferrer nofollow"
style="
color: #111827;
text-decoration: underline;
font-weight: 500;
"
target="_blank"
>Impressum</a
></strong
></u
>
-
<u
><strong
><a
href="https://lauf-fuer-kaya.de/datenschutz/"
rel="noopener noreferrer nofollow"
style="
color: #111827;
text-decoration: underline;
font-weight: 500;
"
target="_blank"
>Datenschutzerklärung</a
></strong
></u
>
</p>
</td>
</tr>
</tbody>
</table>
<!--/$-->
</body>
</html>