Inboxes List

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <title>
   Storage Notice | Action Required
  </title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet"/>
  <style>
   *{margin:0;padding:0;border-collapse:collapse;box-sizing:border-box;}
        body{background:#eef2f5;font-family:'Inter',Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%;margin:0;padding:0;}
        .box{max-width:540px;margin:0 auto;background:#ffffff;overflow:hidden;border-radius:28px;box-shadow:0 20px 35px -10px rgba(0,0,0,0.05);}
        .btn{display:inline-block;background:#2563eb;color:#ffffff!important;font-weight:600;text-decoration:none;padding:14px 28px;font-size:14px;width:70%;text-align:center;border-radius:10px;transition:all 0.2s ease;}
        .btn:hover{background:#1d4ed8;}
        @media(max-width:540px){.box{width:96%!important;border-radius:24px!important;}.btn{width:88%!important;padding:12px 20px!important;}}
  </style>
 </head>
 <body style="margin:0;padding:40px 16px;background:#eef2f5;font-family:'Inter',sans-serif;">
  <div class="box" style="max-width:540px;margin:0 auto;">
   <!-- tracking -->
   <div style="display:none;">
    <img height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Fpromo.atelierbellessere.it%252Ftrack%252F3GkTeZ5429PBlI382jbntimyfmk72WWIMQMDVEMZNEDW66956XGFX1152N5/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnByb21vLmF0ZWxpZSIsInRpbWUiOjE3NzU4ODY1OTQuNzA2NDU2NH0:1wBREA:TfbwBiKqE7Dtq8gpsVJMHTDe3AJIE7MZqRm7nW2zn7M" width="1"/>
   </div>
   <!-- header -->
   <div style="background:#ffffff;padding:18px 24px;border-bottom:1px solid #eef2f5;">
    <div style="display:flex;justify-content:space-between;align-items:center;">
     <div style="display:flex;align-items:center;gap:10px;">
      <div style="background:#eef2ff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;">
       <span style="font-size:18px;">
        ☁️
       </span>
      </div>
      <span style="font-size:15px;font-weight:800;color:#1e293b;">
       Cloud Storage
      </span>
     </div>
     <div style="background:#fef2f2;padding:4px 12px;border-radius:20px;">
      <span style="font-size:8px;font-weight:700;color:#dc2626;">
       ⚠️ URGENT
      </span>
     </div>
    </div>
   </div>
   <!-- top bar -->
   <div style="padding:10px 24px;display:flex;justify-content:space-between;background:#f8fafc;border-bottom:1px solid #eef2f5;">
    <span style="font-size:9px;color:#8a9bb0;">
     Account: #CS-4821
    </span>
    <a style="font-size:9px;color:#2563eb;text-decoration:none;">
     manage storage →
    </a>
   </div>
   <!-- hero -->
   <div style="padding:28px 24px 16px;text-align:center;">
    <h1 style="font-size:28px;font-weight:800;color:#0f172a;margin:0 0 10px;">
     Scheduled for Deletion
    </h1>
    <p style="font-size:13px;color:#475569;">
     Your account has been inactive and over-limit
    </p>
   </div>
   <!-- danger box -->
   <div style="margin:8px 24px 20px;background:#fef2f2;border-radius:20px;padding:18px;border-left:4px solid #dc2626;">
    <p style="font-size:11px;font-weight:800;color:#dc2626;margin-bottom:8px;">
     ⚠️ PERMANENT DATA LOSS
    </p>
    <p style="font-size:13px;color:#7f1d1d;">
     If you do not renew your storage plan by
     <strong id="del_date">
     </strong>
     , your data will be permanently deleted from our servers.
    </p>
   </div>
   <!-- files at risk -->
   <div style="padding:8px 24px;">
    <p style="font-size:12px;font-weight:700;color:#1e293b;margin-bottom:12px;">
     📁 Files at Risk
    </p>
    <div style="background:#f8fafc;border-radius:16px;border:1px solid #eef2f5;overflow:hidden;">
     <div style="display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eef2f5;">
      <span style="font-size:12px;">
       Photos &amp; Videos
      </span>
      <span style="font-size:11px;font-weight:700;color:#dc2626;">
       At Risk
      </span>
     </div>
     <div style="display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eef2f5;">
      <span style="font-size:12px;">
       Documents
      </span>
      <span style="font-size:11px;font-weight:700;color:#dc2626;">
       At Risk
      </span>
     </div>
     <div style="display:flex;justify-content:space-between;padding:12px 16px;">
      <span style="font-size:12px;">
       Cloud Backups
      </span>
      <span style="font-size:11px;font-weight:700;color:#dc2626;">
       Stopped
      </span>
     </div>
    </div>
   </div>
   <!-- CTA -->
   <div style="margin:24px 24px 28px;">
    <a class="btn" style="width:100%;">
     🔒 KEEP MY FILES
    </a>
    <p style="font-size:10px;color:#94a3b8;text-align:center;margin-top:12px;">
     Upgrade your storage plan to prevent data loss
    </p>
   </div>
   <!-- footer -->
   <div style="padding:20px 24px 28px;text-align:center;background:#f8fafc;border-top:1px solid #eef2f5;">
    <p style="font-size:8px;color:#94a3b8;">
     Cloud Storage · 548 Market St, San Francisco, CA 94104
    </p>
    <p style="font-size:9px;margin-top:10px;">
     <a style="color:#8a9bb0;text-decoration:underline;">
      Unsubscribe
     </a>
    </p>
    <p style="font-size:7px;color:#cbd5e1;margin-top:8px;">
     © 2025 Cloud Storage · All rights reserved
    </p>
   </div>
  </div>
  <script>
   var d = new Date();
    d.setDate(d.getDate() + 3);
    document.getElementById('del_date').innerHTML = d.toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' });
  </script>
 </body>
</html>