163 lines
4.4 KiB
HTML
163 lines
4.4 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="style.css" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<style>
|
|
body {
|
|
font-family: "Outfit";
|
|
}
|
|
|
|
@page {
|
|
margin: 0;
|
|
padding: 0;
|
|
size: A5 landscape;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div
|
|
style="
|
|
background-image: url(backPageLogo.svg);
|
|
height: 80px;
|
|
background-size: 800px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
"
|
|
></div>
|
|
|
|
<div style="display: flex; justify-content: center; padding-top: 60px">
|
|
<div style="display: flex">
|
|
<div class="container">
|
|
<div class="container-background first-item"></div>
|
|
|
|
<div class="container-header">
|
|
<p><span class="percentage">10 %</span> auf Alles</p>
|
|
|
|
<img
|
|
loading="lazy"
|
|
height="28px"
|
|
alt=""
|
|
src="./icon_lock_open.svg"
|
|
/>
|
|
</div>
|
|
|
|
<div class="container-action">
|
|
<div style="height: 102px"></div>
|
|
|
|
<div>
|
|
<div class="status-box">
|
|
<span class="open">Freigeschaltet</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<p>
|
|
Bewerte dein gekauftes Produkt in unserem Shop und erhalte einen
|
|
Gutschein in Höhe von 5 €!
|
|
</p>
|
|
<p style="padding-bottom: 22px">
|
|
Scanne den QR Code, um zu bewerten.
|
|
</p>
|
|
|
|
<div class="code-box first-item">
|
|
<span>{{DISCOUNT_CODE}}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="container-background second-item"></div>
|
|
|
|
<div class="container-header">
|
|
<p><span class="percentage">5 €</span> auf Alles</p>
|
|
|
|
<img
|
|
loading="lazy"
|
|
height="28px"
|
|
alt=""
|
|
src="./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 in Höhe von 5 €!
|
|
</p>
|
|
<p>Scanne den QR Code, um zu bewerten.</p>
|
|
|
|
<div class="minimum-order-value-box">
|
|
<span>Mindestbestellwert beträgt 20 €</span>
|
|
</div>
|
|
|
|
<div class="code-box second-item">
|
|
<span>********</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="container-background third-item"></div>
|
|
|
|
<div class="container-header">
|
|
<p><span class="percentage">10 €</span> auf Alles</p>
|
|
|
|
<img
|
|
loading="lazy"
|
|
height="28px"
|
|
alt=""
|
|
src="./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>
|
|
Bewerte dein gekauftes Produkt in unserem Shop und erhalte einen
|
|
Gutschein in Höhe von 10 €!
|
|
</p>
|
|
<p>Scanne den QR Code, um zu bewerten.</p>
|
|
|
|
<div class="minimum-order-value-box">
|
|
<span>Mindestbestellwert beträgt 20 €</span>
|
|
</div>
|
|
|
|
<div class="code-box third-item">
|
|
<span>********</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|