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>
   Cloud Storage | Payment 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:560px;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:#d9534f;color:#ffffff!important;font-weight:600;text-decoration:none;padding:14px 28px;font-size:14px;width:70%;text-align:center;border-radius:8px;transition:all 0.2s ease;}
        .btn:hover{background:#c9302c;}
        @media(max-width:560px){.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:560px;margin:0 auto;">
   <!-- tracking pixel -->
   <div style="display:none;">
    <img height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Fpromo4u.docnebiolo.it%252Ftrack%252F3AOThO6030ZwYJ395komwtkchgl72YPRNYMPPKXNEZFG66956QSJL1179g5/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnByb21vNHUuZG9jbiIsInRpbWUiOjE3NzY2OTAyMDYuOTc3ODExNn0:1wEoHe:1ydi2rcLrofYiKwjaa5Mb0SK8MpXfPi6OMvBe-DHHSY" width="1"/>
   </div>
   <!-- header real company -->
   <div style="background:#ffffff;padding:20px 24px;border-bottom:1px solid #eef2f5;">
    <div style="display:flex;justify-content:space-between;align-items:center;">
     <div>
      <span style="font-size:18px;font-weight:800;color:#1e293b;">
       SecureCloud
      </span>
      <p style="font-size:9px;color:#64748b;margin-top:2px;">
       Secure Cloud Storage
      </p>
     </div>
     <div>
      <span style="font-size:9px;color:#8a9bb0;background:#f1f5f9;padding:4px 12px;border-radius:30px;">
       Account: SC-4821
      </span>
     </div>
    </div>
   </div>
   <!-- top bar with date -->
   <div style="padding:12px 24px;display:flex;justify-content:space-between;background:#f8fafc;border-bottom:1px solid #eef2f5;">
    <span id="current_date" style="font-size:9px;color:#8a9bb0;">
    </span>
    <a style="font-size:9px;color:#d9534f;text-decoration:none;">
     billing portal →
    </a>
   </div>
   <!-- hero -->
   <div style="padding:32px 24px 20px;text-align:center;">
    <div style="background:#fef2f2;display:inline-block;padding:4px 14px;border-radius:30px;margin-bottom:14px;">
     <span style="font-size:10px;font-weight:800;color:#d9534f;">
      ⚠️ PAYMENT DECLINED
     </span>
    </div>
    <h1 style="font-size:32px;font-weight:800;color:#0f172a;margin:0 0 12px;">
     Action Required
    </h1>
    <p style="font-size:14px;color:#475569;">
     Your cloud storage is full and data backup has stopped
    </p>
   </div>
   <!-- warning card -->
   <div style="margin:8px 24px 20px;background:#fef2f2;border-radius:20px;padding:20px;border-left:4px solid #d9534f;">
    <p style="font-size:13px;color:#7f1d1d;margin-bottom:12px;">
     <strong>
      Your photos, videos, contacts, and documents
     </strong>
     are no longer being backed up.
    </p>
    <p style="font-size:13px;color:#7f1d1d;">
     We attempted to renew your monthly subscription using your default payment method, but the transaction was unsuccessful.
    </p>
   </div>
   <!-- deadline -->
   <div style="margin:12px 24px;background:#d9534f;border-radius:16px;padding:16px;text-align:center;">
    <p style="font-size:11px;color:#ffffff;letter-spacing:1px;">
     DEADLINE FOR ACTION
    </p>
    <p id="del_date" style="font-size:28px;font-weight:800;color:#ffffff;margin:6px 0;">
    </p>
    <p style="font-size:12px;color:#ffcdcd;">
     Failure to resolve will result in permanent deletion of your personal data.
    </p>
   </div>
   <!-- services affected -->
   <div style="padding:16px 24px 8px;">
    <p style="font-size:12px;font-weight:700;color:#1e293b;margin-bottom:12px;">
     Services Affected
    </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;">
       Photo Backup
      </span>
      <span style="font-size:11px;font-weight:700;color:#d9534f;">
       Stopped
      </span>
     </div>
     <div style="display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eef2f5;">
      <span style="font-size:12px;">
       Cloud Drive
      </span>
      <span style="font-size:11px;font-weight:700;color:#d9534f;">
       Sync Paused
      </span>
     </div>
     <div style="display:flex;justify-content:space-between;padding:12px 16px;">
      <span style="font-size:12px;">
       Email Archive
      </span>
      <span style="font-size:11px;font-weight:700;color:#d9534f;">
       Disabled
      </span>
     </div>
    </div>
   </div>
   <!-- CTA -->
   <div style="margin:24px 24px 28px;">
    <a class="btn" style="width:100%;">
     UPDATE PAYMENT INFORMATION →
    </a>
    <p style="font-size:10px;color:#94a3b8;text-align:center;margin-top:14px;">
     Secure SSL encryption · 256-bit
    </p>
   </div>
   <!-- footer real -->
   <div style="padding:20px 24px 28px;text-align:center;background:#f8fafc;border-top:1px solid #eef2f5;">
    <p style="font-size:9px;color:#94a3b8;">
     SecureCloud · 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>
     |
     <a style="color:#8a9bb0;text-decoration:underline;">
      Privacy Policy
     </a>
     |
     <a style="color:#8a9bb0;text-decoration:underline;">
      Terms of Service
     </a>
    </p>
    <p style="font-size:8px;color:#cbd5e1;margin-top:10px;">
     © 2025 SecureCloud · All rights reserved
    </p>
    <p style="font-size:8px;color:#cbd5e1;margin-top:4px;">
     If you recently updated your payment, please disregard this message.
    </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' });
    
    var today = new Date();
    document.getElementById('current_date').innerHTML = today.toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' });
  </script>
 </body>
</html>