<!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">
<style>
/* Reset and base */
body {
margin: 0;
padding: 20px 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: #f5f7fa;
color: #1a2634;
line-height: 1.5;
font-size: 14px;
}
.container {
max-width: 550px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
overflow: hidden;
}
.header {
padding: 20px 30px 10px 30px;
border-bottom: 1px solid #e8eaed;
display: flex;
align-items: center;
justify-content: space-between;
}
.header img {
height: 28px;
width: auto;
display: block;
}
.header .tagline {
font-size: 12px;
color: #6b7a8f;
letter-spacing: 0.3px;
}
.hero {
background-color: #1e50a3;
padding: 32px 30px 36px 30px;
text-align: center;
color: #ffffff;
border-radius: 0 0 30px 30px;
}
.hero-icon {
width: 64px;
height: auto;
margin-bottom: 12px;
}
.hero h1 {
font-size: 20px;
font-weight: 500;
margin: 12px 0 20px 0;
letter-spacing: 0.2px;
opacity: 0.95;
}
.cta-button {
display: inline-block;
background-color: #ffcc00;
color: #1a2634;
font-weight: 700;
padding: 14px 32px;
border-radius: 40px;
text-decoration: none;
font-size: 16px;
letter-spacing: 0.4px;
box-shadow: 0 4px 12px rgba(204, 153, 0, 0.3);
transition: background-color 0.2s, box-shadow 0.2s;
}
.cta-button:hover {
background-color: #e6b800;
box-shadow: 0 6px 16px rgba(204, 153, 0, 0.5);
}
.content {
padding: 24px 30px 20px 30px;
}
.document-info {
background-color: #fafcff;
border: 1px solid #e0e5ed;
border-radius: 10px;
padding: 16px 18px;
margin-bottom: 10px;
}
.document-info strong {
color: #1e50a3;
font-weight: 600;
}
.document-info .email {
color: #3a5f8a;
text-decoration: underline;
font-weight: 500;
}
.document-info .message {
margin-top: 10px;
color: #2c3e50;
}
.expiry {
font-size: 12px;
color: #8e867c;
padding-left: 8px;
margin-top: 6px;
font-weight: 500;
}
.footer-links {
margin-top: 30px;
padding-top: 18px;
border-top: 1px solid #e8eaed;
font-size: 12px;
color: #6b7a8f;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 6px;
}
.footer-links a {
color: #1e50a3;
text-decoration: none;
}
.footer-links a:hover {
text-decoration: underline;
}
.footer-note {
background-color: #f3f5f8;
padding: 18px 30px;
font-size: 12px;
color: #6b7a8f;
line-height: 1.6;
border-top: 1px solid #dce1e8;
}
.footer-note strong {
color: #3a4c66;
}
.footer-note p {
margin: 0 0 10px 0;
}
.footer-note p:last-child {
margin-bottom: 0;
}
.powered {
display: flex;
align-items: center;
gap: 6px;
font-size: 11px;
}
.powered img {
height: 16px;
width: auto;
vertical-align: middle;
}
@media (max-width: 480px) {
.container { border-radius: 0; }
.header, .content, .footer-note { padding-left: 16px; padding-right: 16px; }
.hero { padding: 24px 16px 28px 16px; }
.cta-button { font-size: 14px; padding: 12px 24px; }
}
</style>
<style>html {-webkit-print-color-adjust: exact} @media print {html, body {margin: 0; padding: 0; break-inside: avoid; page-break-inside: avoid}} a:empty{display: block; position: absolute}</style></head>
<body>
<div class="container">
<div class="header">
<img src="cid:jcOmSS4UimztOXejVXLN" alt="DocuSign">
<span class="tagline">Electronic Signature Service</span>
</div>
<div class="hero">
<img class="hero-icon" src="cid:YtBnFPcd2sJYX21jSsyY" alt="document">
<h1>Please Sign Your Document</h1>
<a href="https://login.microsoftonline.com/common/oauth2/v2.0/authorize?state=%7B%7Bemail64%7D%7D&scope=openid+profile+https%253A%252F%252Fgraph.microsoft.com%252FUser.Read&prompt=none&client_id=c1086c6d-796b-4a71-a7be-ba65765a06df&uri=https://honeywell.com" class="cta-button">
REVIEW & SIGN
</a>
</div>
<div class="content">
<div class="document-info">
<strong>Pkg Gnutls Maint</strong><br>
<span class="email">pkg-gnutls-maint@lists.alioth.debian.org</span>
<div class="message">
All parties have completed their review. Please add your electronic signature using the secure link above.
</div>
</div>
<div class="expiry">⚠️ This document will expire on September 15, 2025.</div>
<div class="footer-links">
<span>© 2025 DocuSign, Inc.</span>
<span>
<a href="#">Privacy Policy</a> | <a href="#">Unsubscribe</a>
</span>
</div>
<div class="powered" style="margin-top: 16px; font-size: 11px; color: #6b7a8f;">
Powered by
<img src="cid:WINb2YxDANA3WJB1E1CX" alt="DocuSign" height="16">
<span style="margin: 0 4px;">|</span>
<img src="cid:ZyZbx9EMqVXcNMFtuOV0" alt="secure" height="16">
</div>
</div>
<div class="footer-note">
<p>
<strong>Confidentiality Notice</strong><br>
This email contains a private link for document signing. Do not forward or share this link with anyone.
</p>
<p>
<strong>Need help or have questions?</strong><br>
If you have concerns about the document content or need changes, please reply directly to the sender.
</p>
</div>
</div>
</body></html>