<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Welcome to CSSA</title>
</head>

<body style="font-family: Arial, sans-serif; background-color: #f7f7f7; margin: 0; padding: 0;">
    <table width="100%" cellspacing="0" cellpadding="0" border="0" style="background-color: #f7f7f7; padding: 20px;">
        <tr>
            <td align="center">
                <table width="600" cellspacing="0" cellpadding="0" border="0"
                    style="background: #fff; border-radius: 8px; padding: 40px;">
                    <!-- Logo -->
                    <tr>
                        <td align="center" style="font-size: 22px; font-weight: bold; padding-bottom: 20px;">
                            CSSAwwwards
                        </td>
                    </tr>

                    <!-- Title -->
                    <tr>
                        <td style="padding: 20px 0; font-size: 28px; font-weight: bold;">
                            Registration completed
                        </td>
                    </tr>

                    <!-- Welcome -->
                    <tr>
                        <td style="font-size: 18px; font-weight: bold; padding-bottom: 10px;">
                            🎉 Welcome to CSSA – Let’s Get Started!
                        </td>
                    </tr>

                    <!-- Body -->
                    <tr>
                        <td style="font-size: 15px; line-height: 1.6; color: #333;">
                            Hi {{firstName}},
                            <br><br>
                            Thank you for signing up to <b>CSSAwwwards</b> – the platform where the world’s best web
                            designers, developers, and agencies showcase their talent.
                            <br><br>
                            Your account is <b>now active</b>, and you’re ready to:
                            <ul>
                                <li>Submit your website for recognition and awards</li>
                                <li>Discover and get inspired by top-notch designs</li>
                                <li>Connect with a global community of creatives</li>
                            </ul>
                        </td>
                    </tr>

                    <!-- Next Steps -->
                    <tr>
                        <td style="padding: 15px 0; font-size: 15px; color: #333;">
                            <b>Here’s what to do next:</b>
                            <ol>
                                <li><b>Complete Your Profile</b> – Add your bio, profile image, and portfolio links</li>
                                <li><b>Explore Winning Websites</b> – Get inspired by past award winners</li>
                                <li><b>Submit Your First Website</b> – Show the world your best work!</li>
                            </ol>
                        </td>
                    </tr>

                    <!-- CTA -->
                    <tr>
                        <td align="center" style="padding: 20px;">
                            <a href="https://cssawwwards.com/dashboard"
                                style="background: #000000; color: #fff; text-decoration: none; padding: 12px 24px; border-radius: 6px; font-weight: bold;">
                                Go to Your Dashboard
                            </a>
                        </td>
                    </tr>

                    <!-- Footer -->
                    <tr>
                        <td style="font-size: 13px; color: #777; padding-top: 30px; border-top: 1px solid #ddd;">
                            Welcome aboard, <br>
                            The CSSAwwwards Team
                            <br><br>
                            <small>
                                Recognization, Credibility, Globe Explosure <br>
                                In CSSA Platform, for agencies, freelancers and all design community.<br>
                                Copyright © 2025 CSSAwwwards. All rights reserved.
                            </small>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>

</html>