new welcome mail templates

This commit is contained in:
Philipp Dormann 2024-11-22 10:43:34 +01:00
parent a0c35d1cef
commit 876663a00d
Signed by: philipp
GPG Key ID: 3BB9ADD52DCA4314
4 changed files with 807 additions and 12 deletions

View File

@ -1,3 +1,387 @@
<h1>Willkommen {{name}}!</h1> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<p>Danke, dass Sie sich bei uns registriert haben. Bitte klicken Sie auf den Link unten, um Ihr Konto zu aktivieren:</p> <html dir="ltr" lang="en">
<a href="{{activationLink}}" style="display: inline-block; background: #007bff; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin: 15px 0;">Konto aktivieren</a> <head>
<meta content="width=device-width" name="viewport" />
<link
rel="preload"
as="image"
href="https://lauf-fuer-kaya.de/images/logo.svg"
/>
<link
rel="preload"
as="image"
href="https://barcodeapi.org/api/8/12345670?"
/>
<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 Lauf für Kaya! 2025 🏃‍♂️🌏
<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://lauf-fuer-kaya.de/images/logo.svg"
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>Willkommen beim Lauf für Kaya! 2025</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 Lauf für Kaya! 2025
</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>23.05.2025</strong>) musst du nur noch diesen
Barcode vorzeigen, damit erhältst du deine Läuferkarte.
</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="Image"
alt="Image"
src="https://barcodeapi.org/api/8/12345670?"
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;
"
>
Deinen Registrierungs-Code, Rundenzeiten und weitere Infos kannst
du jederzeit im
<a
href="{{link}}"
rel="noopener noreferrer nofollow"
style="
color: #111827;
text-decoration: underline;
font-weight: 500;
"
target="_blank"
>Lauf für Kaya! Selfservice</a
>
einsehen.
</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;
"
>
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="http://ODIT.Services"
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>

View File

@ -1,4 +1,20 @@
Willkommen {{name}}! Hallo {{name}} 👋
Danke, dass Sie sich bei uns registriert haben. Bitte verwenden Sie den folgenden Link, um Ihr Konto zu aktivieren: vielen Dank für deine Registrierung beim Lauf für Kaya! 2025
{{activationLink}}
Am Lauftag (23.05.2025) musst du nur noch deinen Barcode vorzeigen, damit erhältst du deine Läuferkarte.
Deinen Registrierungs-Code, Rundenzeiten und weitere Infos kannst du jederzeit im Lauf für Kaya! Selfservice unter {{link}} einsehen.
Wir freuen uns schon auf dich und einen erfolgreichen Lauf für Kaya!
Bei Fragen antworte gerne jederzeit auf diese E-Mail oder schreibe an info@lauf-fuer-kaya.de
Sportliche Grüße 🏃‍♂️
Dein Team Lauf für Kaya!
-
Lauf für Kaya!
Powered by ODIT.Services (https://odit.services)
Impressum: https://lauf-fuer-kaya.de/impressum/
Datenschutzerklärung: https://lauf-fuer-kaya.de/datenschutz/

View File

@ -1,3 +1,382 @@
<h1>Welcome {{name}}!</h1> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<p>Thank you for joining us. Please click the link below to activate your account:</p> <html dir="ltr" lang="en">
<a href="{{activationLink}}" style="display: inline-block; background: #007bff; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin: 15px 0;">Activate Account</a> <head>
<meta content="width=device-width" name="viewport" />
<link
rel="preload"
as="image"
href="https://lauf-fuer-kaya.de/images/logo.svg"
/>
<link
rel="preload"
as="image"
href="https://barcodeapi.org/api/8/12345670?"
/>
<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 Lauf für Kaya! 2025 🏃‍♂️🌏
<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://lauf-fuer-kaya.de/images/logo.svg"
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 Lauf für Kaya! 2025</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 Lauf für Kaya! 2025
</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>23.05.2025</strong>) you only have to show your barcode to receive your runner's card.
</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="Image"
alt="Image"
src="https://barcodeapi.org/api/8/12345670?"
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
<a
href="{{link}}"
rel="noopener noreferrer nofollow"
style="
color: #111827;
text-decoration: underline;
font-weight: 500;
"
target="_blank"
>Lauf für Kaya! Selfservice</a
>
</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;
"
>
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="http://ODIT.Services"
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>

View File

@ -1,4 +1,20 @@
Welcome {{name}}! Hello {{name}} 👋
Thank you for joining us. Please use the following link to activate your account: Thank you for registering for the Lauf für Kaya! 2025
{{activationLink}}
On the day of the run (23.05.2025) you only have to show your barcode to receive your runner's card.
You can view your registration code, lap times and further information at any time from the Lauf für Kaya! Selfservice at {{link}}.
We look forward to seeing you and to a successful Lauf für Kaya!
If you have any questions, please reply to this e-mail at any time or write to info@lauf-fuer-kaya.de
Sporty Greetings 🏃‍♂️
Your Team Lauf für Kaya!
-
Lauf für Kaya!
Powered by ODIT.Services (https://odit.services)
Imprint: https://lauf-fuer-kaya.de/impressum/
Privacy Policy: https://lauf-fuer-kaya.de/datenschutz/