<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>DHL Notification</title>
<style type="text/css">:root {
color-scheme: light dark;
}
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #ffffff;
color: #000000;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #1e1e1e;
color: #ffffff;
}
.card {
background-color: #2a2a2a !important;
}
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
}
.card {
background-color: #f2f2f2;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.logo {
text-align: center;
margin-bottom: 20px;
}
.logo img {
width: 120px;
height: auto;
}
.button {
display: inline-block;
padding: 12px 20px;
margin-top: 20px;
background-color: #ffcc00;
color: #000000;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
}
.footer {
font-size: 12px;
color: #666;
text-align: center;
margin-top: 40px;
}
a.unsubscribe {
color: #888;
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<div class="logo"><span style="color:#ff6600;"><span style="font-size:26px;"><strong>DHL Express</strong></span></span></div>
<div class="card">
<h2>Your parcel is on hold</h2>
<p>We attempted to deliver your parcel, but there was an issue with the address or availability.</p>
<p>Please click the button below to reschedule the delivery:</p>
<a class="button" href="https://tv2playdk.com/">Reschedule Delivery</a>
<p style="margin-top: 30px;">If you do not reschedule within 3 days, the parcel will be returned to the sender.</p>
</div>
<div class="footer">
<p>You are receiving this message because you have a pending delivery with DHL.</p>
<p><a class="unsubscribe" href="https://www.dhl.com/en/contact_us.html">Unsubscribe</a></p>
</div>
</div>
</body>
</html>