<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{{subject}}</title>
</head>

<body style="margin:0;padding:0;background:#f4f6f9;font-family:Arial,Helvetica,sans-serif;">

    <!-- Wrapper -->
    <table width="100%" cellpadding="0" cellspacing="0" style="background:#f4f6f9;padding:30px 0;">
        <tr>
            <td align="center">

                <!-- Container -->
                <table width="600" cellpadding="0" cellspacing="0"
                    style="background:#ffffff;border-radius:8px;overflow:hidden;">

                    <!-- Header -->
                    <tr>
                        <td style="background:#2563eb;padding:25px;text-align:center;color:#ffffff;">
                            <h1 style="margin:0;font-size:28px;">{{appName}}</h1>
                            <p style="margin:8px 0 0;font-size:15px;">
                                Course Notification
                            </p>
                        </td>
                    </tr>

                    <!-- Body -->
                    <tr>
                        <td style="padding:35px;">

                            <p style="margin:0 0 20px;font-size:16px;color:#333;">
                                Hello <strong>{{name}}</strong>,
                            </p>

                            <p style="font-size:15px;color:#555;line-height:1.8;">
                                We hope you're doing well.
                            </p>

                            <p style="font-size:15px;color:#555;line-height:1.8;">
                                Please find the latest course update below.
                            </p>

                            <!-- Subject Box -->
                            <table width="100%" cellpadding="12" cellspacing="0"
                                style="background:#eef5ff;border-left:4px solid #2563eb;margin:25px 0;">
                                <tr>
                                    <td>
                                        <strong style="color:#2563eb;">Subject</strong><br>
                                        <span style="font-size:16px;color:#333;">
                                            {{subject}}
                                        </span>
                                    </td>
                                </tr>
                            </table>

                            <!-- Message -->
                            <table width="100%" cellpadding="18" cellspacing="0"
                                style="background:#fafafa;border:1px solid #e5e7eb;">
                                <tr>
                                    <td style="font-size:15px;color:#444;line-height:1.8;">
                                        {{message}}
                                    </td>
                                </tr>
                            </table>

                            <p style="margin-top:30px;font-size:15px;color:#555;">
                                If you have any questions regarding this course,
                                feel free to contact our support team.
                            </p>

                            <p style="margin-top:35px;font-size:15px;color:#333;">
                                Best Regards,<br>
                                <strong>{{appName}} Team</strong>
                            </p>

                        </td>
                    </tr>

                    <!-- Footer -->
                    <tr>
                        <td style="background:#f8f9fa;padding:20px;text-align:center;font-size:13px;color:#777;">
                            © {{year}} {{appName}}. All rights reserved.
                        </td>
                    </tr>

                </table>

            </td>
        </tr>
    </table>

</body>
</html>