200 lines
5.9 KiB
HTML
200 lines
5.9 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>
|
|
<link
|
|
rel="stylesheet"
|
|
href="../../groupsData/shx-order-voucher-codes/backPage.css"
|
|
/>
|
|
<style>
|
|
@page {
|
|
margin: 0;
|
|
padding: 0;
|
|
size: 210mm 148mm;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "Outfit";
|
|
src: url("../../groupsData/static/Outfit-VariableFont_wght.ttf");
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: "Outfit";
|
|
transform: scale(1);
|
|
transform-origin: 0 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div style="height: 100vh; width: 100vw">
|
|
<div
|
|
style="
|
|
background-image: url(../../groupsData/shx-order-voucher-codes/backPageLogo.svg);
|
|
height: 80px;
|
|
background-size: 800px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
padding-top: 9px;
|
|
"
|
|
></div>
|
|
|
|
<div style="display: flex; justify-content: center">
|
|
<div style="display: flex; transform: scale(0.8)">
|
|
<div class="container">
|
|
<img
|
|
class="container-background"
|
|
src="../../groupsData/shx-order-voucher-codes/background.svg"
|
|
/>
|
|
|
|
<div class="container-header">
|
|
<p><span class="percentage">10 %</span> auf Alles</p>
|
|
|
|
<img
|
|
loading="lazy"
|
|
height="28px"
|
|
alt=""
|
|
src="../../groupsData/shx-order-voucher-codes/icon_lock_open.svg"
|
|
/>
|
|
</div>
|
|
|
|
<div class="container-action">
|
|
<img class="image-11-icon" alt="" src="./10percent.png" />
|
|
|
|
<div>
|
|
<div class="status-box">
|
|
<span class="open">Freigeschaltet</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p>
|
|
Glückwunsch! Du hast soeben einen Gutschein im Wert von 10 %
|
|
erhalten!
|
|
</p>
|
|
<p style="padding-bottom: 22px">
|
|
Scanne den QR-Code, um direkt zum Shop zu gelangen.
|
|
</p>
|
|
|
|
<div class="code-box first-item" style="margin-top: 39px">
|
|
<span>{{DISCOUNT_CODE}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<img
|
|
class="container-background"
|
|
src="../../groupsData/shx-order-voucher-codes/background.svg"
|
|
/>
|
|
|
|
<div class="container-header">
|
|
<p><span class="percentage">5 €</span> auf Alles</p>
|
|
|
|
<img
|
|
loading="lazy"
|
|
height="28px"
|
|
alt=""
|
|
src="../../groupsData/shx-order-voucher-codes/icon_lock_closed.svg"
|
|
/>
|
|
</div>
|
|
|
|
<div class="container-action">
|
|
<img class="image-11-icon" alt="" src="./5euro.png" />
|
|
|
|
<div>
|
|
<div class="status-box">
|
|
<span class="closed">Freischaltbar</span>
|
|
</div>
|
|
<!-- <div class="time-needed-box">
|
|
<span>Dauer: 5 Minuten¹</span>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
<p>
|
|
Bewerte dein gekauftes Produkt in unserem Shop und erhalte einen
|
|
Gutschein im Wert von 5 €!
|
|
</p>
|
|
<p>Scanne den QR-Code, um zu bewerten.</p>
|
|
|
|
<div class="minimum-order-value-box" style="margin-top: 37px">
|
|
<span>Mindestbestellwert beträgt 25 €</span>
|
|
</div>
|
|
|
|
<div class="code-box second-item">
|
|
<span>********</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container" style="display: SHOW_THIRD_VOUCHER">
|
|
<img
|
|
class="container-background"
|
|
src="../../groupsData/shx-order-voucher-codes/background.svg"
|
|
/>
|
|
|
|
<div class="container-header">
|
|
<p><span class="percentage">10 €</span> auf Alles</p>
|
|
|
|
<img
|
|
loading="lazy"
|
|
height="28px"
|
|
alt=""
|
|
src="../../groupsData/shx-order-voucher-codes/icon_lock_closed.svg"
|
|
/>
|
|
</div>
|
|
|
|
<div class="container-action">
|
|
<img class="image-11-icon" alt="" src="./10euro.png" />
|
|
|
|
<div>
|
|
<div class="status-box">
|
|
<span class="closed">Freischaltbar</span>
|
|
</div>
|
|
<!-- <div class="time-needed-box">
|
|
<span>Dauer: 5 Minuten¹</span>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
<p>
|
|
Erstelle einen Beitrag auf TikTok oder Instagram, markiere und
|
|
folge
|
|
<img
|
|
src="../../groupsData/shx-order-voucher-codes/@shinnex.official2.svg"
|
|
height="13px"
|
|
style="margin-bottom: 4.1px; vertical-align: middle"
|
|
/>
|
|
und erhalte einen Gutschein im Wert von 10 €!
|
|
</p>
|
|
<p>
|
|
Scanne den QR-Code, um deinen geposteten Beitrag zu verifizieren.
|
|
</p>
|
|
|
|
<div class="minimum-order-value-box">
|
|
<span>Mindestbestellwert beträgt 25 €</span>
|
|
</div>
|
|
|
|
<div class="code-box third-item">
|
|
<span>********</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="padding-top: 30px; padding-left: 40px">
|
|
<p style="margin: 0; font-size: 10px; color: #666666">
|
|
Die Verifizierung kann bis zu 72 Stunden dauern, bevor der Gutschein
|
|
freigeschaltet wird.
|
|
</p>
|
|
<p style="margin: 0; font-size: 10px; color: #666666">
|
|
Nach der Freischaltung senden wir dir den Gutschein per E-Mail zu.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|