admin-dashboard-backend/groupTasks/groups/shx-order-voucher-codes/frontPage.html

121 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
@page {
margin: 0 50px 0 50px;
padding: 0;
size: A5 landscape;
}
@font-face {
font-family: "Outfit";
src: url("../../groupsData/static/Outfit-VariableFont_wght.ttf");
}
body {
font-family: "Outfit";
font-size: 14px;
}
</style>
</head>
<body style="height: 550px; position: relative">
<div
style="
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90%;
background-image: url(../../groupsData/shx-order-voucher-codes/frontPageBackground.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
opacity: 0.1;
top: 25px;
"
></div>
<div
style="
background-image: url(../../groupsData/shx-order-voucher-codes/frontPageLogo.svg);
height: 80px;
background-size: 400px;
background-repeat: no-repeat;
background-position: center;
"
></div>
<div>
<span>
Hey, wir haben gerade Dein Paket liebevoll verpackt und konnten es kaum
erwarten, Dir diese kleine Nachricht zu hinterlassen,
</span>
<b>{{CUSTOMER_NAME}}</b><span>.</span>
</div>
<p>
Es ist dieses besondere Gefühl, zu wissen, dass unsere Produkte neue
Zuhause finden, das uns jeden Tag antreibt. Deine Entscheidung, bei uns zu
shoppen, macht uns überglücklich! Wir hoffen, dass Du beim Auspacken
genauso viel Freude empfindest, wie wir beim Verpacken.
</p>
<div>
<span>Um unsere Wertschätzung zu zeigen und Dir für Deine </span>
<b>Treue</b>
<span> zu danken, haben wir ein paar </span>
<b>Gutscheincodes</b>
<span>
für Dich zusammengestellt
<img
style="height: 20px; vertical-align: -4px"
src="../../groupsData/shx-order-voucher-codes/glasses.png"
/>
Mit diesen kannst Du bei Deinen nächsten Einkäufen ordentlich
sparen:</span
>
</div>
<ul>
<li>
<span>Siehe Rückseite</span>
</li>
</ul>
<p>
<span>Jeder Code ist ein kleines Dankeschön von uns an Dich, </span>
<b>{{CUSTOMER_NAME}}</b
><span
>, und wir hoffen, dass sie Dein Shopping-Erlebnis noch besser machen.
Falls Du Fragen hast oder Unterstützung brauchst, zögere nicht, uns zu
kontaktieren.</span
>
</p>
<p>
<span
>Deine Unterstützung ermöglicht es uns, weiter zu wachsen und unsere
Gemeinschaft zu bereichern. Wir freuen uns darauf, Dich bald wieder
begrüßen zu dürfen und wünschen Dir viel
</span>
<b>Freude</b>
<span> mit allem, was Du bestellt hast!</span>
</p>
<span>Liebe Grüße</span>
<br />
<span
>dein Jan
<img
style="height: 20px; vertical-align: -4px"
src="../../groupsData/shx-order-voucher-codes/feeling.jpg"
/>
</span>
</body>
</html>