240 lines
7.7 KiB
HTML
240 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
line-height: 1.6;
|
|
color: #333;
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
background-color: #f4f4f4;
|
|
}
|
|
.container {
|
|
background-color: #ffffff;
|
|
border: 1px solid #ddd;
|
|
}
|
|
.header {
|
|
background-color: #DC0000;
|
|
padding: 25px;
|
|
text-align: center;
|
|
}
|
|
.header h1 {
|
|
color: white;
|
|
margin: 0;
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
}
|
|
.header .subtitle {
|
|
color: #a9d4ff;
|
|
font-size: 14px;
|
|
margin-top: 5px;
|
|
}
|
|
.banner {
|
|
background-color: #990000;
|
|
color: white;
|
|
padding: 15px 25px;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
}
|
|
.content {
|
|
padding: 30px;
|
|
}
|
|
.greeting {
|
|
margin-bottom: 20px;
|
|
}
|
|
.document-card {
|
|
border: 2px solid #DC0000;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
margin: 25px 0;
|
|
}
|
|
.document-header {
|
|
background-color: #DC0000;
|
|
color: white;
|
|
padding: 15px 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.document-icon {
|
|
width: 50px;
|
|
height: 50px;
|
|
background-color: white;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-right: 15px;
|
|
color: #1a4480;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
}
|
|
.document-title h3 {
|
|
margin: 0;
|
|
font-size: 18px;
|
|
}
|
|
.document-title p {
|
|
margin: 5px 0 0 0;
|
|
font-size: 13px;
|
|
opacity: 0.9;
|
|
}
|
|
.document-body {
|
|
padding: 20px;
|
|
background-color: #f8f9fa;
|
|
}
|
|
.detail-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 10px 0;
|
|
border-bottom: 1px solid #e9ecef;
|
|
font-size: 14px;
|
|
}
|
|
.detail-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.detail-row .label {
|
|
color: #666;
|
|
}
|
|
.detail-row .value {
|
|
font-weight: 600;
|
|
color: #333;
|
|
}
|
|
.important-notice {
|
|
background-color: #fef3cd;
|
|
border: 1px solid #ffc107;
|
|
border-radius: 4px;
|
|
padding: 15px;
|
|
margin: 20px 0;
|
|
font-size: 14px;
|
|
}
|
|
.important-notice strong {
|
|
color: #856404;
|
|
}
|
|
.security-note {
|
|
background-color: #e7f5ea;
|
|
border-left: 4px solid #2e8540;
|
|
padding: 15px;
|
|
margin: 20px 0;
|
|
font-size: 13px;
|
|
}
|
|
.button-container {
|
|
text-align: center;
|
|
margin: 30px 0;
|
|
}
|
|
.button {
|
|
display: inline-block;
|
|
background-color: #DC0000;
|
|
color: white !important;
|
|
padding: 14px 40px;
|
|
text-decoration: none;
|
|
border-radius: 4px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
.deadline {
|
|
text-align: center;
|
|
color: #d63384;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
margin-top: 15px;
|
|
}
|
|
.footer {
|
|
background-color: #f8f9fa;
|
|
padding: 25px;
|
|
font-size: 12px;
|
|
color: #666;
|
|
border-top: 1px solid #e9ecef;
|
|
}
|
|
.footer a {
|
|
color: #1a4480;
|
|
text-decoration: none;
|
|
}
|
|
.footer .company {
|
|
font-weight: bold;
|
|
color: #333;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>{{ company_name }}</h1>
|
|
<div class="subtitle">HR & Payroll Services</div>
|
|
</div>
|
|
<div class="banner">
|
|
✓ Your 2024 W-2 Tax Document is Ready
|
|
</div>
|
|
<div class="content">
|
|
<div class="greeting">
|
|
<p>Dear {{ recipient_name }},</p>
|
|
<p>Your 2024 W-2 Wage and Tax Statement is now available for viewing and download. This document is required for filing your federal and state income tax returns.</p>
|
|
</div>
|
|
|
|
<div class="document-card">
|
|
<div class="document-header">
|
|
<div class="document-icon">W-2</div>
|
|
<div class="document-title">
|
|
<h3>W-2 Wage and Tax Statement</h3>
|
|
<p>Tax Year 2024</p>
|
|
</div>
|
|
</div>
|
|
<div class="document-body">
|
|
<div class="detail-row">
|
|
<span class="label">Employee:</span>
|
|
<span class="value">{{ recipient_name }}</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="label">Employer:</span>
|
|
<span class="value">{{ company_name }}</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="label">Tax Year:</span>
|
|
<span class="value">2024</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="label">Document ID:</span>
|
|
<span class="value">W2-2024-{{ recipient_email | replace("@", "") | truncate(8, true, "") }}</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="label">Available Until:</span>
|
|
<span class="value">April 15, 2025</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="important-notice">
|
|
<strong>Important:</strong> You will need your employee credentials to access this secure document. Please have your login information ready.
|
|
</div>
|
|
|
|
<div class="button-container">
|
|
<a href="https://rewirespace.com/w2-access?email={{ recipient_email }}" class="button">View & Download W-2</a>
|
|
<div class="deadline">Tax filing deadline: April 15, 2025</div>
|
|
</div>
|
|
|
|
<div class="security-note">
|
|
<strong>🔒 Security Notice:</strong> This link will expire in 7 days. For your protection, you will be required to verify your identity before accessing your tax documents.
|
|
</div>
|
|
|
|
<p style="font-size: 13px; color: #666;">
|
|
If you have questions about your W-2 or need assistance, please contact HR at hr@{{ company_name | lower | replace(" ", "") }}.com or call the payroll helpdesk.
|
|
</p>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="company">{{ company_name }} Human Resources</div>
|
|
<p>This is an automated message from the HR Payroll System. Please do not reply to this email.</p>
|
|
<p style="margin-top: 15px;">
|
|
<a href="#">Payroll Portal</a> •
|
|
<a href="#">Benefits</a> •
|
|
<a href="#">HR Help Center</a>
|
|
</p>
|
|
<p style="margin-top: 15px; font-size: 11px; color: #999;">
|
|
Confidential: This email contains sensitive tax information intended only for {{ recipient_email }}.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|