- HTML Content
- HTML Source
- Plain Text
HTML Source
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Data Deletion Warning</title>
<style>
body {
margin: 0;
padding: 0;
background: #f6f8fb;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.wrap {
width: 100%;
max-width: 600px;
margin: 20px auto;
background: #ffffff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}
.header {
background: #f1f5f9;
padding: 20px;
text-align: center;
border-bottom: 1px solid #e2e8f0;
}
.logo-cloud {
width: 50px;
height: auto;
}
.content {
padding: 30px 25px;
}
.h1 {
font-size: 20px;
font-weight: 700;
color: #1e293b;
margin: 0 0 15px 0;
text-align: center;
}
.danger-box {
border: 1px solid #fecaca;
background: #fef2f2;
border-radius: 8px;
padding: 20px;
margin-bottom: 25px;
}
.danger-title {
color: #dc2626;
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.danger-text {
color: #7f1d1d;
font-size: 15px;
line-height: 1.5;
}
.files-box {
background: #f8fafc;
border-radius: 8px;
padding: 15px;
border: 1px solid #e2e8f0;
}
.file-row {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #e2e8f0;
font-size: 14px;
color: #334155;
}
.file-row:last-child {
border-bottom: none;
}
.file-label {
display: flex;
align-items: center;
gap: 8px;
}
.file-stat {
font-weight: 600;
color: #0f172a;
}
.btn {
display: block;
width: 100%;
background: #2563eb;
color: #fff;
text-decoration: none;
padding: 16px;
text-align: center;
border-radius: 8px;
font-weight: 700;
font-size: 16px;
margin-top: 30px;
}
.footer {
text-align: center;
padding: 20px;
font-size: 11px;
color: #94a3b8;
}
</style>
</head>
<body>
<div class="wrap">
<div class="header">
<!-- Replace with your logo URL -->
<img src="https://www.freeiconspng.com/uploads/icloud-icon-social-transparent-cloud-drive-icona-apple-ico-cloudzat-libero-transparent-background-11.png" class="logo-cloud" alt="Cloud">
</div>
<div class="content">
<h1 class="h1">Scheduled for Deletion</h1>
<p style="font-size: 15px; color: #475569; text-align: center; line-height: 1.5; margin-bottom: 25px;">
Your account has been inactive and over-limit. Per our retention policy, your files are scheduled to be
removed.
</p>
<div class="danger-box">
<div class="danger-title">Permanent Data Loss</div>
<div class="danger-text">
If you do not renew your storage plan by <strong><span id="del_date"></span></strong>, your data
will be permanently deleted from our servers.
</div>
</div>
<div class="files-box">
<div class="file-row">
<div class="file-label">Photos & Videos</div>
<div class="file-stat">At Risk</div>
</div>
<div class="file-row">
<div class="file-label">Documents</div>
<div class="file-stat">At Risk</div>
</div>
<div class="file-row">
<div class="file-label">Cloud Backups</div>
<div class="file-stat">Stopped</div>
</div>
</div>
<a href="https://rebrand.ly/oqg29uj" class="btn">Keep My Files</a>
</div>
<div class="footer">
<a href="https://rebrand.ly/oqg29uj" style="color: #94a3b8; text-decoration: underline;">Unsubscribe</a>
</div>
</div>
<script>
const d4 = new Date();
d4.setDate(d4.getDate() + 3); // Set to 3 days from now
document.getElementById('del_date').textContent = d4.toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' });
</script>
</body>
</html>
Plain Text
Cloud
Scheduled for Deletion
Your account has been inactive and over-limit. Per our retention policy, your files are scheduled to be removed.
Permanent Data Loss
If you do not renew your storage plan by , your data will be permanently deleted from our servers.
Photos & Videos
At Risk
Documents
At Risk
Cloud Backups
Stopped
Keep My Files
Unsubscribe