Inboxes List

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

+New inbox

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1.0, user-scalable=yes" name="viewport"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <title>
   Payment Advice – Banking Information Required
  </title>
  <style>
   /* Reset & modern base &#8211; optimized for email clients & spam-free reputation */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      margin: 0;
      padding: 0;
      background-color: #f0f4f8;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.5;
      color: #1e2f3e;
    }

    /* Primary email container &#8211; clean, card-style, professional */
    .email-wrapper {
      max-width: 620px;
      margin: 30px auto;
      background: #ffffff;
      border-radius: 28px;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);
      overflow: hidden;
      transition: all 0.2s;
    }

    /* header &#8211; refined, no aggressive gradients, accessible */
    .email-header {
      background: #1A3A4F;
      padding: 32px 32px 24px 32px;
      border-bottom: 3px solid #E0A458;
    }

    .company-name {
      font-size: 26px;
      font-weight: 600;
      letter-spacing: -0.3px;
      color: #ffffff;
      line-height: 1.2;
      margin-bottom: 6px;
    }

    .company-sub {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 400;
      margin-top: 6px;
    }

    /* main content area */
    .email-content {
      padding: 32px 32px 28px 32px;
    }

    /* subtle alert / info bar &#8211; spam-friendly & formal */
    .info-banner {
      background: #F9FBFD;
      border-left: 4px solid #E0A458;
      padding: 14px 20px;
      border-radius: 16px;
      margin-bottom: 24px;
      font-size: 14px;
      color: #2C4A6E;
    }

    .greeting {
      font-size: 16px;
      font-weight: 500;
      color: #1A3A4F;
      margin-bottom: 20px;
    }

    .message-text {
      font-size: 15px;
      color: #2c3f4f;
      margin-bottom: 22px;
    }

    /* modern data card for payment reference */
    .payment-card {
      background: #F7FAFF;
      border-radius: 24px;
      padding: 20px 24px;
      margin: 24px 0;
      border: 1px solid #E9F0F5;
      box-shadow: 0 1px 2px rgba(0,0,0,0.02);
    }

    .payment-ref {
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      color: #E0A458;
      margin-bottom: 8px;
    }

    .claim-value {
      font-size: 28px;
      font-weight: 700;
      color: #1A3A4F;
      margin: 8px 0 4px;
    }

    .payment-meta {
      font-size: 14px;
      color: #5F7F9A;
      border-top: 1px solid #E2EDF5;
      margin-top: 14px;
      padding-top: 12px;
    }

    /* clean CTA &#8211; no suspicious URL shorteners, plain & secure */
    .btn-container {
      margin: 28px 0 20px;
    }

    .btn-primary {
      display: inline-block;
      background-color: #1F6392;
      color: #ffffff !important;
      text-decoration: none;
      font-weight: 600;
      font-size: 16px;
      padding: 14px 32px;
      border-radius: 60px;
      transition: background 0.2s ease;
      border: none;
      letter-spacing: 0.2px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .btn-primary:hover {
      background-color: #0F4B70;
    }

    /* explicit domain notice &#8211; reinforces legitimacy & anti-phishing */
    .domain-verification {
      background: #F0F6FA;
      border-radius: 18px;
      padding: 14px 20px;
      font-size: 13px;
      color: #2C6280;
      margin: 16px 0 10px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }

    .domain-verification span {
      font-family: monospace;
      font-weight: 600;
      background: #ffffff;
      padding: 3px 10px;
      border-radius: 30px;
      font-size: 12px;
      color: #155f8b;
    }

    .footer-note {
      margin-top: 28px;
      padding-top: 20px;
      border-top: 1px solid #E6EDF4;
      font-size: 13px;
      color: #5F7F9A;
    }

    /* formal signature block */
    .signature-block {
      background: #FCF9F5;
      border-radius: 24px;
      padding: 20px 26px;
      margin: 28px 0 12px;
      border-left: 3px solid #E0A458;
    }

    .signature-name {
      font-size: 17px;
      font-weight: 700;
      color: #1A3A4F;
    }

    .signature-title {
      font-size: 13px;
      color: #5F7F9A;
      margin-top: 2px;
      margin-bottom: 12px;
    }

    .contact-details {
      font-size: 13px;
      line-height: 1.5;
      color: #2F5B7A;
      margin-top: 12px;
    }

    .contact-details strong {
      color: #1A3A4F;
    }

    .eco-footer {
      background: #F4F8FC;
      padding: 16px 32px;
      font-size: 12px;
      color: #4C6C86;
      text-align: left;
      border-top: 1px solid #E2ECF3;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    /* responsiveness */
    @media only screen and (max-width: 550px) {
      .email-wrapper {
        margin: 0;
        border-radius: 0;
      }

      .email-content,
      .email-header {
        padding: 24px 20px;
      }

      .btn-primary {
        display: block;
        text-align: center;
      }

      .claim-value {
        font-size: 24px;
      }
    }

    a {
      color: #1F6392;
      text-decoration: none;
    }

    /* no aggressive spam keywords, safe language */
    .spam-safe {
      display: none;
    }
  </style>
 </head>
 <body style="margin: 0;
      padding: 0;
      background-color: #f0f4f8;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.5;
      color: #1e2f3e">
  <div class="email-wrapper" style="max-width: 620px;
      margin: 30px auto;
      background: #ffffff;
      border-radius: 28px;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);
      overflow: hidden;
      transition: all 0.2s">
   <!-- header: clear brand identity -->
   <div class="email-header">
    <div class="company-name">
     CSCON SDN BHD
     <br/>
     <span style="font-size: 20px; font-weight: 500;">
      CSTAN ENGINEERING
     </span>
    </div>
    <div class="company-sub">
     Construction &amp; Engineering · Payment Advisory Services
    </div>
   </div>
   <div class="email-content" style="padding: 32px 32px 28px 32px">
    <!-- subtle info banner (spam free: no urgency tricks, just formal) -->
    <div class="info-banner">
     📄 Reference: Progress Claim #5 · Payment Certificate Ready for Final Review
    </div>
    <div class="greeting">
     Dear Valued Partner,
    </div>
    <div class="message-text">
     We hope this message finds you well. Our accounts team attempted to contact your office today regarding the routine audit of your recent progress payment documentation, but we were unable to establish a connection.
    </div>
    <div class="message-text">
     During a standard verification of your
     <strong>
      Progress Claim No. 5
     </strong>
     invoice, we observed that your company’s banking information was not included in the submitted documents. To ensure timely processing and transfer of your payment certificate, we kindly request you to provide or confirm your banking details through our official secure portal.
    </div>
    <!-- payment summary card - clean and professional -->
    <div class="payment-card">
     <div class="payment-ref" style="font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      color: #E0A458;
      margin-bottom: 8px">
      PROGRESS CLAIM REFERENCE
     </div>
     <div class="claim-value" style="font-size: 28px;
      font-weight: 700;
      color: #1A3A4F;
      margin: 8px 0 4px">
      USD 48,620.00
     </div>
     <div style="color: rgb(44, 98, 128); font-size: 14px; margin-top: 6px;">
      Certificate Amount (subject to final verification)
     </div>
     <div class="payment-meta" style="font-size: 14px;
      color: #5F7F9A;
      border-top: 1px solid #E2EDF5;
      margin-top: 14px;
      padding-top: 12px">
      <span>
       📅 Invoice Date: March 2025
      </span>
      |
      <span>
       🏗️ Project: CSTAN Infrastructure Works
      </span>
     </div>
    </div>
    <!-- safe, formal CTA - no link masking, full transparent domain -->
    <div class="btn-container">
     <a class="btn-primary" rel="noopener noreferrer" target="_blank">
      ✓ Confirm Banking Information (Secure Portal)
     </a>
    </div>
    <!-- explicit domain clarity - anti-phishing measure -->
    <div class="message-text" style="margin-top: 8px;">
     <strong>
      Why we need this update:
     </strong>
     Correct banking details prevent payment delays and ensure compliance with audit requirements. Once your information is verified, our finance department will release the payment within
     <strong>
      2 business days
     </strong>
     .
    </div>
    <div class="message-text" style="padding: 12px 16px; border-radius: 20px; font-size: 14px; background-color: rgb(249, 253, 249);">
     ⏱️ Please complete the verification at your earliest convenience. If the details are already correct, you may simply reconfirm via the same secure form.
    </div>
    <!-- optional support note: no pressure wording -->
    <div class="message-text" style="margin-top: 20px;">
     Should you need any assistance or prefer to speak with our accounts receivable team, please reply to this email or use the contact details below. We are happy to guide you through the process.
    </div>
    <!-- formal signature with full traceable company info -->
    <div class="signature-block">
     <div class="signature-name" style="font-size: 17px;
      font-weight: 700;
      color: #1A3A4F">
      Yours sincerely,
     </div>
     <div class="signature-name" style="font-size: 17px;
      font-weight: 700;
      color: #1A3A4F; margin-top: 6px;">
      Chee Sian
     </div>
     <div class="signature-title" style="font-size: 13px;
      color: #5F7F9A;
      margin-top: 2px;
      margin-bottom: 12px">
      Senior Accounts Executive | Finance Operations
     </div>
     <div class="contact-details" style="font-size: 13px;
      line-height: 1.5;
      color: #2F5B7A;
      margin-top: 12px">
      <strong style="color: #1A3A4F">
       CSCON SDN BHD (1214937-X)
      </strong>
      <br/>
      <strong style="color: #1A3A4F">
       CSTAN ENGINEERING (SA0169040-T)
      </strong>
      <br/>
      33, Jalan Pekan Baru, Taman Eng Ann, 41150 Klang, Selangor, Malaysia.
      <br/>
      📞 Tel: +603-3342 1048  |  ✉️ finance@cscon.com.my (official support)
      <br/>
      🌐 www.cscon.com.my
     </div>
    </div>
    <!-- compliance / footer note - reinforces security -->
    <div class="footer-note">
     <span>
      🔐 This email is intended for the named recipient. If you did not expect this payment advice or have any concerns, please contact our finance team directly using the verified details above. Never share sensitive banking information via unencrypted channels.
     </span>
    </div>
   </div>
   <!-- eco + modern closing line -->
   <div class="eco-footer">
    <span>
     🌿
    </span>
    <span>
     Think before you print. CSCON SDN BHD supports sustainable business communication.
    </span>
   </div>
  </div>
 </body>
</html>