<!doctype html> <html lang="en">   <head>     <meta charset="utf-8">     <title>Payment Failure for Cloud Storage Renewal</title>     <meta name="viewport" content="width=device-width, initial-scale=1">     <style>       body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }       table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }       img { -ms-interpolation-mode: bicubic; border: 0; outline: none; text-decoration: none; }       body { margin: 0; padding: 0; width: 100% !important; height: 100% !important; background: #f6f7f9; font-family: Arial, Helvetica, sans-serif; }        .wrapper { width: 100%; padding: 30px 0; background-color: #f6f7f9; }       .container { max-width: 500px; width: 100%; margin: 0 auto; background: #ffffff; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,.08); border-collapse: collapse; }        .logo { display: block; margin: 0 auto; padding: 24px 0 12px; max-width: 100px; height: auto; }        .headline { font-size: 18px; font-weight: bold; color: #b91c1c; margin: 0 0 10px; text-align: center; }       .alert { background: #fee2e2; border: 1px solid #fecaca; padding: 14px; border-radius: 4px; font-size: 14px; color: #111827; line-height: 20px; margin-bottom: 18px; }        .copy { font-size: 14px; color: #111827; line-height: 22px; margin: 0 0 10px; }        .details { font-size: 14px; color: #111827; line-height: 22px; margin-bottom: 18px; }       .details strong { font-weight: 600; }        .btn { background: #2563eb; color: #ffffff !important; text-decoration: none; display: inline-block; padding: 14px 22px; border-radius: 6px; font-size: 14px; font-weight: bold; }       .center { text-align: center; }        .footer { font-size: 12px; color: #6b7280; line-height: 18px; text-align: center; padding: 18px; max-width: 500px; margin: 0 auto; }       .footer a { color: #6b7280; text-decoration: underline; }        /* Responsive Adjustments for Mobile Screens */       @media screen and (max-width: 520px) {         .wrapper { padding: 10px 0 !important; }         .container { width: 95% !important; border-radius: 4px !important; }         td { padding-left: 15px !important; padding-right: 15px !important; }         .btn { display: block !important; padding: 14px 10px !important; text-align: center !important; }       }     </style>   </head>   <body>     <table role="presentation" cellpadding="0" cellspacing="0" border="0" class="wrapper" width="100%">       <tr>         <td align="center">           <table role="presentation" cellpadding="0" cellspacing="0" border="0" class="container">             <tr>               <td align="center">                 <img src="https://www.ni03hfph.com/686/offers/16448/thumb/logo.png" alt="Cloud Logo" class="logo">               </td>             </tr>              <tr>               <td style="padding: 0 24px 10px;">                 <p class="headline">Payment Failure for Cloud Storage Renewal</p>               </td>             </tr>              <tr>               <td style="padding: 0 24px;">                 <div class="alert">                   <strong>Your Payment Method Has Expired</strong><br>                   We're unable to renew your Cloud Storage. Please update your payment information to avoid disruption to your service.<br><br>                   If your storage is full, you can upgrade your plan to ensure you have enough space for your files and backups.                 </div>               </td>             </tr>              <tr>               <td style="padding: 0 24px;">                 <div class="details">                   <p style="margin: 0 0 10px;"><strong>Account Details:</strong></p>                   <p style="margin: 0;">                     <strong>Subscription ID:</strong> IC-4920481537<br>                     <strong>Product:</strong> Cloud Storage Space<br>                     <strong>Expiration Date: <span style="color:red">July 19, 2026</span></strong>                   </p>                 </div>               </td>             </tr>              <tr>               <td style="padding: 10px 24px 0;">                 <p class="copy">                   Without enough storage space, you may lose access to store and sync your data across devices. Cloud provides secure storage for your photos, videos, documents, and more — all accessible from any device.                 </p>               </td>             </tr>              <tr>               <td class="center" style="padding: 20px 24px 30px;">                 <a href="https://d2pspgh2665mzt.cloudfront.net/tPN4" target="_blank" class="btn">Update Payment Information</a>               </td>             </tr>              <tr>               <td style="padding: 0 24px 24px;">                 <p class="copy center" style="margin: 0;">Thank you for using Cloud Storage service!<br><br>Best regards,<br>Cloud Customer Support</p>               </td>             </tr>           </table>            <div class="footer">             To stop messages regarding this offer, <a href="https://d2pspgh2665mzt.cloudfront.net/jgjb" target="_blank">unsubscribe here</a>.           </div>         </td>       </tr>     </table>   </body> </html>