<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>We Missed You</title>
  <meta name="x-apple-disable-message-reformatting">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    @media (max-width:600px){
      .container{width:100% !important}
      .col{display:block !important; width:100% !important}
      .p-24{padding:18px !important}
      .btn{display:block !important; width:100% !important}
    }
  </style>
</head>
<body style="margin:0; padding:0; background:#f3f4f6;">
  <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="background:#f3f4f6;">
    <tr>
      <td align="center">
        <!-- header -->
        <table role="presentation" class="container" width="640" cellspacing="0" cellpadding="0" border="0" style="width:640px; background:#007BC4;">
          <tr>
            <td align="center" style="padding:26px 12px;">
              <!-- Place your logo here -->
              <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQmyCBl2nLzdPC36YnX-tewabWugaVUOQ6rMQ&s" alt="Company Logo" style="max-width:160px; height:auto;">
            </td>
          </tr>
        </table>

        <!-- main card -->
        <table role="presentation" class="container" width="640" cellspacing="0" cellpadding="0" border="0" style="width:640px; background:#ffffff;">
          <tr>
            <td class="p-24" style="padding:28px; font-family:Arial,Helvetica,sans-serif; color:#0f172a;">
              <h2 style="margin:0 0 10px; font-size:24px;">We Miss You!</h2>
              <p style="margin:0 0 8px; font-size:16px; line-height:1.55;">
                Your local courier tried to deliver your parcel today but you
                weren’t in or we couldn’t get to your safe place. Please
                schedule a redelivery as soon as possible. A small fee may apply.
              </p>

              <table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin:22px 0 6px;">
                <tr>
                  <td>
                    <a href="https://depor1906.com/ev/"
                       class="btn"
                       style="background:#007BC4; color:#ffffff; text-decoration:none; font-weight:700; 
                              font-family:Arial,Helvetica,sans-serif; font-size:16px; 
                              padding:12px 22px; border-radius:8px; display:inline-block;">
                      Schedule Redelivery
                    </a>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>

        <!-- two columns -->
        <table role="presentation" class="container" width="640" cellspacing="0" cellpadding="0" border="0" style="width:640px;">
          <tr>
            <!-- left card -->
            <td class="col" width="320" valign="top" style="width:320px; padding:12px;">
              <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="background:#ffffff;">
                <tr>
                  <td class="p-24" style="padding:22px; font-family:Arial,Helvetica,sans-serif; color:#334155;">
                    <div style="font-size:14px; line-height:1.45;">
                      Keep tabs on your parcel<br>
                      with the <strong>Parcel App</strong>
                    </div>
                    <div style="height:16px;"></div>
                    <a href="https://depor1906.com/ev/"
                       style="background:#007BC4; color:#ffffff; text-decoration:none; font-weight:700;
                              font-family:Arial,Helvetica,sans-serif; font-size:14px; 
                              padding:10px 16px; border-radius:8px; display:inline-block;">
                      Download the App
                    </a>
                  </td>
                </tr>
              </table>
            </td>

            <!-- right card -->
            <td class="col" width="320" valign="top" style="width:320px; padding:12px;">
              <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="background:#ffffff;">
                <tr>
                  <td class="p-24" style="padding:22px; font-family:Arial,Helvetica,sans-serif; color:#334155;">
                    <div style="font-size:14px; line-height:1.45; color:#64748b;">Want to</div>
                    <div style="font-size:18px; font-weight:700; color:#0f172a; margin-bottom:12px;">
                      track your parcel?
                    </div>
                    <a href="https://depor1906.com/ev/"
                       style="border:2px solid #007BC4; color:#007BC4; text-decoration:none; font-weight:700;
                              font-family:Arial,Helvetica,sans-serif; font-size:14px; 
                              padding:9px 18px; border-radius:8px; display:inline-block;">
                      Track Parcel
                    </a>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>

        <!-- footer -->
        <table role="presentation" class="container" width="640" cellspacing="0" cellpadding="0" border="0" style="width:640px; background:#007BC4; color:#ffffff;">
          <tr>
            <td align="center" style="padding:16px; font-family:Arial,Helvetica,sans-serif; font-size:12px;">
              <a href="#" style="color:#ffffff; text-decoration:none;">Mail</a>  | 
              <a href="#" style="color:#ffffff; text-decoration:none;">Privacy Policy</a>  | 
              <a href="#" style="color:#ffffff; text-decoration:none;">Website Terms of Use</a><br>
              © 2025 All rights reserved.
            </td>
          </tr>
        </table>

        <div style="height:28px;"></div>
      </td>
    </tr>
  </table>
</body>
</html>