<!
DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pakket Bezorging</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #FFCC00;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
text-align: center;
}
.logo {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.logo img {
height: 90px;
margin-right: 10px;
}
.package-img img {
width: 100px;
margin-bottom: 20px;
}
.message {
font-size: 20px;
margin-bottom: 10px;
color: #333;
}
.sub-message {
font-size: 14px;
color: #777;
margin-bottom: 30px;
}
.button {
background-color: #D40511;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
display: inline-block;
}
.footer {
font-size: 12px;
color: #aaa;
margin-top: 20px;
}
.footer a {
color: #aaa;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<div class="logo">
<center><img border="0"
src="https://logos-world.net/wp-content/uploads/2020/08/DHL-Logo.png"
alt="Logo"><br>
<span>PAKKET BEZORGING</span></center>
</div>
<div class="package-img">
<img border="0"
src="https://686.efuserassets.com/686/offers/14629/c/43203/assets/image2052.png"
alt="Pakket">
</div>
<div class="message">
U heeft (1) pakket dat op bezorging wacht.
</div>
<div class="sub-message">
Bevestig uw verzendgegevens
</div>
<a href="https://www.instantcodelink.com/45LC6KK/WWNC9NP/?creative_id=43214"
class="button">DOORGAAN</a>
<div class="footer">
<p>Wilt u geen e-mails meer ontvangen? <a
href="https://opt.listarmor.com/unsub/FszpGBqOQMf8rKW7Zb4l526J">Afmelden</a></p>
</div>
</div>
</body>
</html>
