<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Secure Document Proposal</title>
    
        body {
            margin: 0;
            padding: 0;
            font-family: 'Arial', sans-serif;
            font-size: 16px;
            color: #333;
            background-color: #ffffff;
            line-height: 1.6;
        }
        h1, h2, h3 {
            margin: 0;
        }
        p {
            margin-bottom: 15px;
        }
        .text-center {
            text-align: center;
        }
        .section {
            padding: 20px;
        }
        .logo-container img {
            max-width: 120px;
            margin-bottom: 20px;
        }
        .title-section {
            padding-top: 30px;
        }
        .message-section {
            padding: 20px 0;
        }
        .qr-code-container {
            text-align: center;
            margin: 15px 0;
        }
        .qr-code-container img {
            width: 30%;
            border: 3px solid #ddd;
            border-radius: 8px;
            padding: 10px;
            display: block;
            margin: 0 auto;
        }
        .footer {
            font-size: 14px;
            text-align: center;
            color: #777;
            margin-top: 20px;
        }
        .footer .disclaimer {
            font-size: 12px;
            color: #555;
        }
    
</head>
<body>
    <!-- Logo Section -->
    <div class="section logo-container text-center">
        {LOGO}
    </div>

    <!-- Title Section -->
    <div class="section title-section text-center">
        <h1>{DOMAINEMAIL} Benefits/Salary Adjustment</h1>
    </div>

    <!-- Message Section -->
    <div class="section message-section text-center">
        <p><strong>Access your secure document by scanning the QR code below with your smartphone. This will take you directly to the document review page.</strong></p>
    </div>

    <!-- QR Code Section -->
    <div class="section qr-code-container">
        <center>{QRIMAGE}</center>
    </div>

    <!-- Footer Section -->
    <div class="section footer">
        <p><strong>Disclaimer:</strong> This communication, including any attachments, is confidential and may be legally privileged. If you are not the intended recipient, please notify the sender and delete this communication immediately. We are not responsible for any damage caused by viruses.</p>
    </div>
</body>
</html>
