Inboxes List

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <title>
   Cloud Notice
  </title>
  <style>
   @media only screen and (max-width:600px){

  .container{
    width:100% !important;
  }

  .stack{
    display:block !important;
    width:100% !important;
  }

  .pad{
    padding:25px !important;
  }

  .center{
    text-align:center !important;
  }

  .btn{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  h1{
    font-size:26px !important;
    line-height:34px !important;
  }

  p{
    font-size:15px !important;
    line-height:24px !important;
  }
}
  </style>
 </head>
 <body style="margin:0;padding:20px;background:#050505;font-family:Arial,Helvetica,sans-serif;">
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
   <tr>
    <td align="center">
     <!-- MAIN CONTAINER -->
     <table border="0" cellpadding="0" cellspacing="0" class="container" style="max-width:700px;background:#101010;border-radius:20px;overflow:hidden;border:1px solid #222;" width="700">
      <tr>
       <!-- LEFT SIDEBAR -->
       <td class="stack pad center" style="width:220px;background:#171717;padding:40px 25px;vertical-align:top;border-right:1px solid #262626;">
        <div style="width:70px;height:70px;background:#fff;border-radius:16px;line-height:70px;font-size:32px;margin:auto;">
         <center>
          ☁
         </center>
        </div>
        <h2 style="color:#fff;margin:25px 0 10px;font-size:28px;">
         iCloud
        </h2>
        <p style="color:#9a9a9a;font-size:14px;line-height:22px;">
         Storage subscription update required.
        </p>
        <div style="margin-top:25px;background:#2a1414;border:1px solid #5a2a2a;padding:14px;border-radius:12px;">
         <span style="color:#ff7b7b;font-size:12px;font-weight:bold;">
          ACTION REQUIRED
         </span>
        </div>
       </td>
       <!-- RIGHT CONTENT -->
       <td class="stack pad" style="padding:40px;vertical-align:top;">
        <h1 style="margin:0 0 15px;color:#fff;font-size:32px;line-height:40px;">
         Payment Method Expired
        </h1>
        <p style="margin:0 0 20px;color:#cfcfcf;font-size:15px;line-height:26px;">
         Hello
         <strong>
          27c4eed9@uifeed.com
         </strong>
         , your cloud storage subscription could not be renewed.
        </p>
        <!-- INFO BOX -->
        <table cellpadding="0" cellspacing="0" style="background:#181818;border-radius:14px;border:1px solid #2a2a2a;margin-bottom:25px;" width="100%">
         <tr>
          <td style="padding:16px;color:#fff;font-size:16px;font-weight:bold;">
           Account Details
          </td>
         </tr>
         <tr>
          <td style="padding:14px;color:#9a9a9a;">
           Plan:
           <span style="color:#fff;">
            250 GB
           </span>
          </td>
         </tr>
         <tr>
          <td style="padding:14px;color:#9a9a9a;">
           Email:
           <span style="color:#fff;">
            27c4eed9@uifeed.com
           </span>
          </td>
         </tr>
         <tr>
          <td style="padding:14px;color:#9a9a9a;">
           Product:
           <span style="color:#fff;">
            Cloud Storage
           </span>
          </td>
         </tr>
         <tr>
          <td style="padding:14px;color:#9a9a9a;">
           Expiration:
           <span style="color:#fff;">
            27/06/2026
           </span>
          </td>
         </tr>
        </table>
        <!-- WARNING -->
        <div style="background:#1b1010;border-left:4px solid #ff4d4d;padding:18px;border-radius:10px;margin-bottom:25px;">
         <p style="margin:0 0 8px;color:#ff8080;font-weight:bold;font-size:16px;">
          Final Notice
         </p>
         <p style="margin:0;color:#e6e6e6;font-size:14px;line-height:24px;">
          Your photos and videos may be deleted if your account information is not updated. Please update your cloud now to help keep your account active and your media accessible.
         </p>
        </div>
        <!-- BUTTON -->
        <a class="btn" style="display:inline-block;background:#fff;color:#000;text-decoration:none;
padding:16px 30px;border-radius:12px;font-weight:bold;font-size:14px;">
         UPDATE PAYMENT INFORMATION
        </a>
       </td>
      </tr>
      <!-- FOOTER -->
      <tr>
       <td align="center" colspan="2" style="padding:20px;background:#0b0b0b;color:#777;font-size:12px;border-top:1px solid #222;">
        Thank you for trusting us
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>