Available Messages

HTML Content

HTML Source

                                    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Service Activation - Notification</title>
    <style>
        body {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background-color: #f0f2f5;
            margin: 0;
            padding: 40px 15px;
            color: #3c4043;
        }
        .main-card {
            max-width: 600px;
            margin: 0 auto;
            background: #ffffff;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            overflow: hidden;
            border: 1px solid #e1e4e8;
        }
        .header {
            background-color: #ffffff;
            padding: 30px 40px;
            border-bottom: 1px solid #f1f3f4;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo-area {
            font-size: 26px;
            font-weight: 800;
            letter-spacing: -1px;
        }
        .logo-blue { color: #003087; }
        .logo-light { color: #009cde; }
        
        .meta-text {
            text-align: right;
            font-size: 12px;
            color: #70757a;
            line-height: 1.6;
        }
        .body-content {
            padding: 40px;
        }
        .headline {
            font-size: 22px;
            font-weight: 700;
            color: #1a1d20;
            margin-bottom: 20px;
            line-height: 1.4;
        }
        .description-text {
            font-size: 15px;
            color: #5f6368;
            line-height: 1.7;
            margin-bottom: 30px;
        }
        .summary-box {
            background-color: #f8fbff;
            border: 1px solid #d1e3ff;
            border-radius: 12px;
            padding: 25px;
            margin-bottom: 35px;
        }
        .summary-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 12px;
        }
        .summary-item:last-child { margin-bottom: 0; }
        .s-label { font-size: 13px; color: #70757a; font-weight: 600; text-transform: uppercase; }
        .s-value { font-size: 16px; color: #003087; font-weight: 700; }

        .table-title {
            font-size: 16px;
            font-weight: 700;
            color: #202124;
            margin-bottom: 15px;
            padding-left: 5px;
            border-left: 4px solid #009cde;
        }
        .details-list {
            width: 100%;
            border-collapse: collapse;
        }
        .details-list td {
            padding: 14px 8px;
            border-bottom: 1px solid #f1f3f4;
            font-size: 14px;
        }
        .col-key { color: #5f6368; width: 45%; }
        .col-val { color: #202124; font-weight: 600; text-align: right; }

        .phone-highlight {
            background-color: #ffda44;
            color: #000000;
            font-weight: 900;
            padding: 4px 10px;
            border-radius: 6px;
            display: inline-block;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .footer {
            padding: 25px 40px;
            background-color: #f8f9fa;
            font-size: 12px;
            color: #70757a;
            text-align: center;
            border-top: 1px solid #f1f3f4;
        }
    </style>
</head>
<body>

<div class="main-card">
    <div class="header">
        <div class="logo-area">
            <span class="logo-blue">Pay</span><span class="logo-light">Pal</span>
        </div>
        <div class="meta-text">
            <strong>Transaction ID:</strong> REF-RMVC-1594<br>
            <strong>Date:</strong> 2026-07-14<br>
            <strong>Support:</strong> <span class="phone-highlight">805-853-7993</span>
        </div>
    </div>

    <div class="body-content">
        <div class="headline">
            You set up automatic payments to UID508613 Blockchain Finance Authority
        </div>

        <div class="description-text">
            This automated notice confirms that a recurring payment profile has been successfully activated on your account. 
            As part of this agreement, funds will be automatically withdrawn according to the weekly billing cycle specified below. 
            Please review these details to ensure accuracy for your financial records.
        </div>

        <div class="summary-box">
            <div class="summary-item">
                <span class="s-label">Next Payment Due</span>
                <span class="s-value">Next Week Same Days</span>
            </div>
            <div class="summary-item">
                <span class="s-label">Total Amount</span>
                <span class="s-value">$559.24 USD</span>
            </div>
        </div>

        <div class="table-title">Agreement Specifications</div>
        <table class="details-list">
            <tr>
                <td class="col-key">Profile Identification</td>
                <td class="col-val">I-IQKZ7UBGX4129I28Y</td>
            </tr>
            <tr>
                <td class="col-key">Account Holder</td>
                <td class="col-val">[email protected]</td>
            </tr>
            <tr>
                <td class="col-key">Merchant Information</td>
                <td class="col-val">Blockchain Finance Authority</td>
            </tr>
            <tr>
                <td class="col-key">Service Reference</td>
                <td class="col-val">1 Week Dai...</td>
            </tr>
            <tr>
                <td class="col-key">Cycle Frequency</td>
                <td class="col-val">Weekly</td>
            </tr>
            <tr>
                <td class="col-key">Commencement Date</td>
                <td class="col-val">2026-07-14</td>
            </tr>
            <tr>
                <td class="col-key">Expiration Policy</td>
                <td class="col-val">Until cancellation</td>
            </tr>
        </table>
    </div>

    <div class="footer">
        Dear [email protected], this is a mandatory notification regarding your automatic payment profile. 
        For immediate assistance or to report unauthorized activity, call <span class="phone-highlight">805-853-7993</span>.
    </div>
</div>

</body>
</html>