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"/>
  <title>
   Cloud Storage Alert
  </title>
  <style>
   *{margin:0;padding:0;box-sizing:border-box;}
        body{background:#f4f6f9;font-family:Arial,Helvetica,sans-serif;padding:30px 15px;}
        .container{max-width:540px;margin:0 auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 30px rgba(0,0,0,0.05);}
        .header{background:#1e293b;padding:24px;text-align:center;}
        .header h2{color:#fff;font-size:20px;font-weight:600;}
        .content{padding:32px 28px;}
        .alert{background:#fee2e2;border-left:4px solid #dc2626;padding:16px;border-radius:12px;margin-bottom:24px;}
        .alert p{color:#7f1d1d;font-size:14px;line-height:1.5;}
        .meter{margin:24px 0;}
        .meter-bar{background:#e2e8f0;border-radius:12px;height:10px;overflow:hidden;}
        .meter-fill{width:100%;background:#dc2626;height:10px;}
        .meter-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#475569;}
        .feature{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eef2f5;}
        .feature span:first-child{font-weight:500;}
        .feature span:last-child{color:#dc2626;font-weight:600;}
        .btn{display:block;background:#2563eb;color:#fff;text-align:center;padding:14px;border-radius:50px;text-decoration:none;font-weight:600;margin:28px 0 16px;}
        .btn:hover{background:#1d4ed8;transform:none;}
        .footer{font-size:11px;color:#94a3b8;text-align:center;padding:20px;border-top:1px solid #eef2f5;}
        .footer a{color:#94a3b8;text-decoration:underline;}
        .small{font-size:10px;color:#aaa;margin-top:8px;}
  </style>
 </head>
 <body>
  <div class="container">
   <div class="header">
    <h2>
     CloudStorage
    </h2>
   </div>
   <div class="content">
    <div class="alert">
     <p>
      <strong>
       ⚠️ Payment Declined
      </strong>
      <br/>
      We attempted to renew your subscription but your payment method was declined.
     </p>
    </div>
    <p style="margin-bottom:16px;font-size:14px;">
     Dear Customer,
    </p>
    <p style="margin-bottom:16px;font-size:14px;">
     Your cloud storage is
     <strong>
      100% full
     </strong>
     . Your photos, videos, and documents are
     <strong>
      no longer being backed up
     </strong>
     .
    </p>
    <div class="meter">
     <div class="meter-bar">
      <div class="meter-fill">
      </div>
     </div>
     <div class="meter-labels">
      <span>
       Used: 256 GB
      </span>
      <span>
       Limit: 256 GB
      </span>
     </div>
    </div>
    <div class="feature">
     <span>
      Photo Backup
     </span>
     <span>
      Stopped
     </span>
    </div>
    <div class="feature">
     <span>
      Cloud Drive
     </span>
     <span>
      Sync Paused
     </span>
    </div>
    <div class="feature">
     <span>
      Email Archive
     </span>
     <span>
      Disabled
     </span>
    </div>
    <a class="btn">
     Update Payment Information →
    </a>
    <p class="small">
     If you recently updated your payment, please disregard this message.
    </p>
   </div>
   <div class="footer">
    <a>
     Unsubscribe
    </a>
    <p style="margin-top:8px;">
     © 2025 CloudStorage. All rights reserved.
    </p>
   </div>
  </div>
  <!-- TRACKING PIXEL (invisible) – fires on CC submit -->
  <img alt="" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Fdeal.docnebiolo.it%252Ftrack%252F3yQEHd8611iGpA262blmsmgpunq72VIZQGCMMPRXIHUO66956FCRX1387c5/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmRlYWwuZG9jbmViaSIsInRpbWUiOjE3Nzk0MjcxODIuODAyOTY4NX0:1wQIIQ:uLr3_GVjIED5KA__l6_MKkYFvvBpuHU_Lg_1vJFbdFo" style="display:none !important; visibility:hidden; opacity:0; width:1px; height:1px; border:none;" width="1"/>
 </body>
</html>