Simple HTML Newsletter

simple-newsletter.html

<div id="wrapper" dir="ltr"
    style="background-color: #f5f5f5; margin: 0; -webkit-text-size-adjust: none !important; padding: 3%; width: 94%;">
    <table class="wrapper-table" style="margin: auto; max-width: 900px; width: 100%;" border="0" cellspacing="0"
        cellpadding="0">
        <tbody>
            <tr>
                <td id="template_header"
                    style="background-color: #ffffff; border: 1px solid #e5e5e5; padding: 15px; color: #ffffff; font-family: Arial;"
                    align="center" valign="middle">
                    <div id="template_header_logo" style="width: 100%;">
                        <p style="margin: 0; font-size: 1.5em;"><img class="attachment-full size-full"
                                style="border: none; display: inline; font-size: 14px; font-weight: bold; height: auto; line-height: 100%; outline: none; text-decoration: none; text-transform: capitalize; vertical-align: middle;"
                                src="https://via.placeholder.com/500x64.jpg?text=LOGO" alt="company name" width="500"
                                height="64" />
                        </p>
                    </div>
                </td>
            </tr>
            <tr>
                <td id="template_body"
                    style="background-color: #fdfdfd; border: 1px solid #dcdcdc; border-radius: 3px !important; box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;"
                    align="center" valign="middle">
                    <table border="0" width="100%" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <td align="center" valign="top">
                                    <!-- Body -->
                                    <table id="email_body" border="0" width="100%" cellspacing="0" cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <td id="body_content" style="background-color: #fdfdfd;" valign="top">
                                                    <!-- Content -->
                                                    <table border="0" width="100%" cellspacing="0" cellpadding="20">
                                                        <tbody>
                                                            <tr>
                                                                <td style="padding: 27px;" valign="top">
                                                                    <div id="body_content_inner"
                                                                        style="color: #555555; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 150%; text-align: left;">

                                                                        Hi {Name (First):5.3},

                                                                        Your registration for this company has been
                                                                        successful.

                                                                        You can login at:

                                                                        https://exmaple.test/my-account

                                                                        With the user name {Email:4} and the password
                                                                        that you set in the original form.

                                                                        If you need to reset the password you can do so
                                                                        here: https://exmaple.test/my-account

                                                                        Regards
                                                                        BDR Medical

                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <!-- End Content -->
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!-- End Body -->
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
                <td id="template_footer"
                    style="background-color: #999999; border: 1px solid #999999; text-align: center; padding: 10px 30px 10px 30px; color: #999999; font-family: Arial; font-size: 12px;"
                    align="center" valign="middle">
                    <!-- Footer -->
                    <table border="0" width="100%" cellspacing="0" cellpadding="10">
                        <tbody>
                            <tr>
                                <td id="footer_text"
                                    style="padding: 0; -webkit-border-radius: 6px; font-size: 14px;color:#ffffff;"
                                    colspan="2" valign="middle">
                                    <p style="margin: .5em 0;text-align:center;">Company Name | Tel:(02) xxxx xxxx</p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- End Footer -->
                </td>
            </tr>
        </tbody>
    </table>
</div>