Calendar Page

For emails that include event details or time-constrained calls-to-action, it may be helpful to provide a big, obvious display of a specific date:

Following the tried-and-true design of a calendar page is an easy way to make sure important dates won’t be missed by readers. The code is a fairly uncomplicated setup of nested tables and multiple table rows:

<table border="0" cellpadding="0" cellspacing="0" width="160" style="background-color:#FFFFFF; border:1px solid #CCCCCC;">
    <tr>
        <td align="left" valign="top" style="padding:5px;">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td align="center" valign="top" style="background-color:#2C9AB7; color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px; text-align:center;">
                        September
                    </td>
                </tr>
                <tr>
                    <td align="center" valign="top" style="color:#2C9AB7; font-family:Helvetica, Arial, sans-serif; font-size:60px; font-weight:bold; line-height:100%; padding-top:20px; padding-bottom:20px; text-align:center;">
                        16
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>