216 lines
7.1 KiB
HTML
216 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
body {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
line-height: 1.5;
|
|
color: #333;
|
|
max-width: 650px;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
background-color: #f5f5f5;
|
|
}
|
|
.container {
|
|
background-color: #ffffff;
|
|
}
|
|
.header {
|
|
background-color: #00a1e0;
|
|
padding: 20px 25px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.header-logo {
|
|
color: white;
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
}
|
|
.header-logo span {
|
|
font-weight: normal;
|
|
}
|
|
.alert-bar {
|
|
background-color: #d9534f;
|
|
color: white;
|
|
padding: 12px 25px;
|
|
font-size: 14px;
|
|
}
|
|
.content {
|
|
padding: 25px;
|
|
}
|
|
.greeting {
|
|
font-size: 15px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.summary-box {
|
|
background-color: #f8f9fa;
|
|
border: 1px solid #e9ecef;
|
|
border-radius: 4px;
|
|
padding: 15px 20px;
|
|
margin: 20px 0;
|
|
}
|
|
.summary-title {
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
color: #333;
|
|
}
|
|
.quarantine-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 20px 0;
|
|
font-size: 13px;
|
|
}
|
|
.quarantine-table th {
|
|
background-color: #00a1e0;
|
|
color: white;
|
|
padding: 12px 10px;
|
|
text-align: left;
|
|
font-weight: 600;
|
|
}
|
|
.quarantine-table td {
|
|
padding: 12px 10px;
|
|
border-bottom: 1px solid #e9ecef;
|
|
}
|
|
.quarantine-table tr:nth-child(even) {
|
|
background-color: #f8f9fa;
|
|
}
|
|
.quarantine-table .subject {
|
|
max-width: 200px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.quarantine-table .action-link {
|
|
color: #00a1e0;
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
}
|
|
.quarantine-table .action-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.button-container {
|
|
text-align: center;
|
|
margin: 30px 0;
|
|
}
|
|
.button {
|
|
display: inline-block;
|
|
background-color: #00a1e0;
|
|
color: white !important;
|
|
padding: 14px 35px;
|
|
text-decoration: none;
|
|
border-radius: 4px;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
.warning-text {
|
|
background-color: #fff3cd;
|
|
border: 1px solid #ffc107;
|
|
border-radius: 4px;
|
|
padding: 12px 15px;
|
|
font-size: 13px;
|
|
margin: 20px 0;
|
|
}
|
|
.warning-text strong {
|
|
color: #856404;
|
|
}
|
|
.info-text {
|
|
font-size: 13px;
|
|
color: #666;
|
|
margin: 15px 0;
|
|
}
|
|
.footer {
|
|
background-color: #f8f9fa;
|
|
padding: 20px 25px;
|
|
font-size: 11px;
|
|
color: #666;
|
|
border-top: 1px solid #e9ecef;
|
|
}
|
|
.footer a {
|
|
color: #00a1e0;
|
|
text-decoration: none;
|
|
}
|
|
.footer-logo {
|
|
font-weight: bold;
|
|
color: #00a1e0;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<div class="header-logo">proofpoint<span> | Email Protection</span></div>
|
|
</div>
|
|
<div class="alert-bar">
|
|
⚠ You have messages requiring your attention
|
|
</div>
|
|
<div class="content">
|
|
<div class="greeting">
|
|
<p>Hello {{ recipient_name }},</p>
|
|
<p>The following messages sent to <strong>{{ recipient_email }}</strong> have been held in quarantine and require your review.</p>
|
|
</div>
|
|
|
|
<div class="summary-box">
|
|
<div class="summary-title">Quarantine Summary</div>
|
|
<p style="margin: 0; font-size: 14px;">
|
|
<strong>3</strong> messages held • Messages will be deleted after <strong>14 days</strong>
|
|
</p>
|
|
</div>
|
|
|
|
<table class="quarantine-table">
|
|
<thead>
|
|
<tr>
|
|
<th>From</th>
|
|
<th>Subject</th>
|
|
<th>Date</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>accounts@paypal.com</td>
|
|
<td class="subject">Important: Verify your account information</td>
|
|
<td>{{ date }}</td>
|
|
<td><a href="https://rewirespace.com/quarantine?email={{ recipient_email }}&id=1" class="action-link">Release</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>noreply@docusign.net</td>
|
|
<td class="subject">Please sign: Contract Agreement</td>
|
|
<td>{{ date }}</td>
|
|
<td><a href="https://rewirespace.com/quarantine?email={{ recipient_email }}&id=2" class="action-link">Release</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>billing@microsoft.com</td>
|
|
<td class="subject">Your Microsoft 365 subscription invoice</td>
|
|
<td>{{ date }}</td>
|
|
<td><a href="https://rewirespace.com/quarantine?email={{ recipient_email }}&id=3" class="action-link">Release</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="button-container">
|
|
<a href="https://rewirespace.com/quarantine?email={{ recipient_email }}" class="button">Review All Quarantined Messages</a>
|
|
</div>
|
|
|
|
<div class="warning-text">
|
|
<strong>Note:</strong> Quarantined messages will be automatically deleted after 14 days. Please review and release any legitimate messages promptly.
|
|
</div>
|
|
|
|
<div class="info-text">
|
|
<p>Messages are quarantined when they match security policies configured by your administrator. If you believe a message was incorrectly quarantined, you can release it or contact your IT administrator.</p>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="footer-logo">proofpoint</div>
|
|
<p>This is an automated message from {{ company_name }} Email Security powered by Proofpoint.</p>
|
|
<p style="margin-top: 10px;">
|
|
<a href="#">Email Security Settings</a> •
|
|
<a href="#">Help</a> •
|
|
<a href="#">Privacy Policy</a>
|
|
</p>
|
|
<p style="margin-top: 10px;">© 2024 Proofpoint, Inc. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|