462 lines
13 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"
>
Welcome to {{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;
"
/>
</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>Welcome to {{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>Hello {{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;
"
>
Thank you for registering for the {{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;
"
>
On the day of the run (<strong>{{event_date}}</strong>) you only
have to show your barcode to receive your runner's card.<br />The
Citizens' & Company Run will take place from
<strong> 1:00 p.m. to 6:00 p.m.</strong>
</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="Your registration code"
alt="Your registration 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;
"
/>
</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;
"
>
You can view your registration code, lap times and further
information at any time from the Lauf für Kaya! Selfservice
</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;
"
>To the self-service 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: 26.25px;
margin: 0 0 20px 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #374151;
"
>
If the button doesn't work, you can copy this link into your
browser:
<code
style="
background-color: #efefef;
color: #111827;
padding: 2px 4px;
border-radius: 6px;
font-family: SFMono-Regular, Menlo, Monaco, Consolas,
'Liberation Mono', 'Courier New', monospace;
font-weight: 400;
letter-spacing: 0;
"
>{{link}}</code
>
</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;
"
>
We look forward to seeing you and to a successful 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;
"
>
If you have any questions, please reply to this e-mail at any time
or write to
<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;
"
>
Sporty Greetings 🏃‍♂️<br />Your 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"
>Imprint</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"
>Privacy Policy</a
></strong
></u
>
</p>
</td>
</tr>
</tbody>
</table>
<!--/$-->
</body>
</html>