123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<!--  -->
<!--  -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head><META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>Grammarly End of Year Stats for Free users</title>
        <style type="text/css">
        /* Client-specific Styles */
        #outlook a {
        padding: 0;
        }
        /* Force Outlook to provide a "view in browser" menu link. */
        body {
        width: 100% !important;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        margin: 0;
        padding: 0;
        }
        /* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
        .ExternalClass {
        width: 100%;
        }
        /* Force Hotmail to display emails at full width */
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
        line-height: 100%;
        }
        /* Force Hotmail to display normal line spacing.*/
        #backgroundTable {
        margin: 0;
        padding: 0;
        width: 100% !important;
        line-height: 100% !important;
        }
        img {
        outline: none;
        text-decoration: none;
        border: none;
        -ms-interpolation-mode: bicubic;
        }
        a img {
        border: none;
        }
        a[class=hover]:hover {
        color: #ff0000 !important;
        }
        .image_fix {
        display: block;
        }
        p {
        margin: 0px 0px !important;
        }
        table td {
        border-collapse: collapse;
        }
        table {
        border-collapse: collapse;
        mso-table-lspace: 0pt;
        mso-table-rspace: 0pt;
        }
        @media only screen and (max-width: 600px) {
        .container{
        width: 95% !important;
        }
        table[class=devicewidth] {
        width: 100% !important;
        border-radius: 0 !important;
        }
        .textHead {
        font-size: 20px !important;
        line-height: 27px !important;
        }
        .textShare {
        font-size: 17px !important;
        }
        .textCount {
        font-size: 17px !important;
        }
        .textPercents {
        text-align: right !important;
        }
        .textMistakes * {
        font-size: 17px !important;
        }
        .textSimple {
        font-size: 21px !important;
        line-height: 30px !important;
        }
        .logoImg {
        margin-left: 30px;
        }
        }
        </style>
    </head>
    <body bgcolor="#f2f2f2" style="text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;">
        <!-- Start Top-padding -->
        <table width="100%" height="0" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0"
            style="display:none; color: #f2f2f2; font-size:1px; line-height: 1px;">
            <tr>
                <td align="center" style="display:none; color: #f2f2f2; font-size:1px; line-height: 1px;">See how many words you checked and other cool stats for 2016.
                </td>
            </tr>
        </table>
        <!-- End Top-padding -->
        <!-- Start Header -->
        <table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" align="center">
            <tr>
                <td align="center">
                    <table width="520" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" align="center"
                        class="devicewidthinner">
                        <tr>
                            <td height="22" align="center" style="font-size:1px;line-height:1px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="left" valign="top" style="text-align: left">
                                <img
                                class="logoImg"
                                src="https://s3.amazonaws.com/email_static_cdn/logo-grammarly-smaller.png" width="174"
                                height="41"
                                style="width:174px; height:41px; max-width:174px; font-family:Helvetica, arial, sans-serif; font-size:24px; line-height:42px;"
                                alt="Grammarly" border="0">
                                
                            </td>
                            <!--                             <td align="right" valign="center" style="font-size:17px; line-height:26px; font-family:Helvetica Neue, Arial, sans-serif; color:#5a5b5f; font-weight:bold;">
                                
                            </td> -->
                            <td align="right" valign="center" style="font-family: Helvetica, arial, sans-serif; font-size: 14px; line-height: 21px;color: #28B473;">
                                <a href="http://click.send.grammarly.com/?qs=e61875d243b47fe91ae303a9f1e905242fb1e79c622c57ef4ffd09f22ebc7d2703d167c543cc8800ca0f2d80c292be8a" style="color: #28B473; text-decoration:none; white-space: nowrap" class="hover" alis="ftr-upgrade-premium">Get $100 Off Premium&nbsp;&rarr;</a>
                                
                            </td>
                        </tr>
                        <tr>
                            <td height="18" align="center" style="font-size:1px;line-height:1px;">&nbsp;</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- End Header -->
        <!-- Start Content -->
        <table width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" align="center">
            <tr>
                <td align="center">
                    <table width="600" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" align="center"
                        class="devicewidth">
                        <tr>
                            <td align="center">
                                <table width="520" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" align="center"
                                    class="devicewidth">
                                    <tr>
                                        <td align="center">
                                            <table width="520" background="" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0"
                                                border="0" align="center" class="devicewidth" align="center">
                                                <tr>
                                                    <td align="center" valign="top"
                                                        style="font-size:46px; line-height:54px; font-family:Helvetica Neue, Arial, sans-serif; color:#000000; font-weight:normal;">
                                                        <table width="350" cellpadding="0" cellspacing="0" border="0"
                                                            align="center">
                                                            <tr>
                                                                <td colspan="2" align="left" height="39" valign="top"
                                                                style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                            </tr>
                                                            <tr>
                                                                <td width="20" align="left" valign="middle"></td>
                                                                <td colspan="2" valign="middle" align="center">
                                                                    <img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/GRAM-24-122316-01-Header.png"
                                                                    border="0" width="178" height="87" alt=""/>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="2" align="left" height="12" valign="top"
                                                                style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                            </tr>
                                                            <tr>
                                                                <td width="30" align="center" height="10" valign="top"
                                                                style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                                <td align="center">
                                                                    <div align="center" style="color: #636363; font-family:Helvetica Neue, Arial, sans-serif; font-size: 27px; font-weight: 400; line-height: normal;">
                                                                        Your Year With Grammarly
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="2" align="left" height="10" valign="top"
                                                                style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                            </tr>
                                                            <tr>
                                                                <td width="30" align="center" height="10" valign="top"
                                                                style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                                <td align="center">
                                                                    <div style="color: #636363; font-family:Helvetica Neue, Arial, sans-serif; font-size: 16px; line-height: 156%; font-weight: 400; text-align:center;">
                                                                        You typed up a storm this year. Nice job!<br>
                                                                        Here&rsquo;s a quick summary of your activity.
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td align="left" height="3" valign="top"
                                                                style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                                <table width="520" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" align="center">
                                    <tr>
                                        <td colspan="5" align="left" height="35" valign="top"
                                        style="font-size:1px; line-height:1px;" class="devicemargin1">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td width="80" align="left" height="10" valign="top"
                                        style="font-size:1px; line-height:1px;">&nbsp;</td>
                                        <td width="212" align="left" valign="top" class="devicecell">
                                            <div style="font-size:1px; line-height:1px; height: 15px;">&nbsp;</div>
                                            <img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/GRAM-24-122116-4.jpg"
                                        width="212" height="210" border="0" class="deviceimage"></td>
                                        <td width="20" align="left" height="10" valign="top"
                                        style="font-size:1px; line-height:1px;">&nbsp;</td>
                                        <td width="310" valign="middle" align="left"
                                            style="font-size:17px; line-height:26px; font-family:Helvetica Neue, Arial, sans-serif; color:#5a5b5f; font-weight:normal;"
                                            class="devicecell">
                                            <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
                                                <tr>
                                                    <td colspan="2" align="left" height="30" valign="top"
                                                    style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                </tr>
                                                <tr>
                                                    <td valign="middle" align="left" colspan="2">
                                                        <div class="textHead"
                                                            style="color: #5A5B5F; font-family:Helvetica Neue, Arial, sans-serif; line-height: 250%; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 0px;">
                                                            PRODUCTIVITY <br>
                                                            <span style="color:#28B473; font-size:27px; font-weight:400;">74,044</span> <br>
                                                            <span style="color: #5A5B5F;font-family:Helvetica Neue, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 17px;text-transform: lowercase;">words written</span>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" align="left" height="40" valign="top"
                                                    style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td width="30" align="right" height="10" valign="top"
                                        style="font-size:1px; line-height:1px;">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" align="left" height="15" valign="top"
                                        style="font-size:1px; line-height:1px;">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" align="left" height="1" valign="top"
                                        style="font-size:1px; line-height:1px;" class="devicemargin1">&nbsp;</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                                <table width="520" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" align="center">
                                    <tr>
                                        <td colspan="5" align="left" height="35" valign="top"
                                        style="font-size:1px; line-height:1px;" class="devicemargin1">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td width="30" align="left" height="10" valign="top"
                                        style="font-size:1px; line-height:1px;">&nbsp;</td>
                                        <td width="310" valign="middle" align="left"
                                            style="font-size:17px; line-height:26px; font-family:Helvetica Neue, Arial, sans-serif; color:#5a5b5f; font-weight:normal;"
                                            class="devicecell">
                                            <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
                                                <tr>
                                                    <td colspan="2" align="left" height="30" valign="top"
                                                    style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                </tr>
                                                <tr>
                                                    <td valign="middle" align="left" colspan="2">
                                                        <div class="textHead"
                                                            style="color: #5A5B5F; font-family:Helvetica Neue, Arial, sans-serif; line-height: 250%; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 0px;">
                                                            ACCURACY <br>
                                                            <span style="color:#28B473; font-size:27px; font-weight:400;">29</span> <br>
                                                            <span style="color: #5A5B5F;font-family:Helvetica Neue, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 24px;text-transform: lowercase;">free mistakes corrected</span>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" align="left" height="40" valign="top"
                                                    style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td width="20" align="left" height="10" valign="top"
                                        style="font-size:1px; line-height:1px;">&nbsp;</td>
                                        <td width="212" align="left" valign="top" class="devicecell">
                                            <div style="font-size:1px; line-height:1px; height: 15px;">&nbsp;</div>
                                            <img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/GRAM-24-122116-5.jpg"
                                        width="231" height="210" border="0" class="deviceimage"></td>
                                        <td width="65" align="right" height="10" valign="top"
                                        style="font-size:1px; line-height:1px;">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" align="left" height="15" valign="top"
                                        style="font-size:1px; line-height:1px;">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="4" align="left" height="25" valign="top"
                                        style="font-size:1px; line-height:1px;" class="devicemargin1">&nbsp;</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                                <table width="520" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" align="center">
                                    <tr>
                                        <td width="30" align="left" height="10" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                        <td align="center" valign="top">
                                            <p class="textSimple"
                                                style="color: #5A5B5F; font-family:Helvetica Neue, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 27px; margin: 0; padding: 0;">
                                                Wow, what a year you&rsquo;ve had. Based on our <br> calculations we see that you checked <strong>74,044</strong> <br> words with Grammarly this year.
                                            </p>
                                        </td>
                                        <td width="30" align="right" height="10" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" align="left" height="30" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td width="30" align="left" height="10" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                        <td align="center" valign="top">
                                            <p class="textSimple"
                                                style="color: #5A5B5F; font-family:Helvetica Neue, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 27px; margin: 0; padding: 0;">
                                                You also made <strong>29</strong> free corrections. According to our math, that means you typed only 1 common mistake per every 2,553 words written. <br/>Great job!
                                            </p>
                                        </td>
                                        <td width="30" align="right" height="10" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" align="left" height="30" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" align="left" height="30" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" align="center">
                                            <table cellspacing="0" cellpadding="0" border="0" width="400" align="center" bgcolor="#E9F4FE" >
                                                <tr>
                                                    <td><img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/Upgrade-bg-top.jpg" alt="" border="0" width="400" height="31" style="display:block;" /></td>
                                                </tr>
                                                <tr>
                                                    <td style="background-size:400px 586px; background-repeat:no-repeat;" width="400" height="586" align="center" valign="top" bgcolor="#E9F4FE" class="mobbg">

                                                        <div>
                                                            <table cellpadding="0" cellspacing="0" border="0">
                                                                <tr>
                                                                    <td colspan="3" align="left" height="50" valign="top"
                                                                        style="font-size:1px; line-height:1px;">
                                                                    &nbsp;</td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="3" align="center">
                                                                        <img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/GRAM-24-122316-07-Premium-Graphic.png" alt=""
                                                                        height="211"
                                                                        width="338"/>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="3" align="left" height="20" valign="top"
                                                                        style="font-size:1px; line-height:1px;">
                                                                    &nbsp;</td>
                                                                </tr>
                                                                <tr>
                                                                    <td width="30" align="left" height="10" valign="top"
                                                                        style="font-size:1px; line-height:1px;">
                                                                    &nbsp;</td>
                                                                    <td align="center" valign="top">
                                                                        <p class="textSimple"
                                                                            style="color: #5A5B5F; font-family:Helvetica Neue, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 27px; margin: 0; padding: 0;">
                                                                            <span style="color:#477DBB; font-size:27px; font-weight:400;">12,286</span> <br>
                                                                            advanced mistakes <strong>not corrected</strong>
                                                                        </p>
                                                                    </td>
                                                                    <td width="30" align="right" height="10" valign="top"
                                                                        style="font-size:1px; line-height:1px;">
                                                                    &nbsp;</td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="3" align="left" height="15" valign="top"
                                                                        style="font-size:1px; line-height:1px;">
                                                                    &nbsp;</td>
                                                                </tr>
                                                                <tr>
                                                                    <td width="30" align="left" height="10" valign="top"
                                                                        style="font-size:1px; line-height:1px;">
                                                                    &nbsp;</td>
                                                                    <td align="center" valign="top">
                                                                        <p class="textSimple"
                                                                            style="color: #5A5B5F; font-family:Helvetica Neue, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 27px; margin: 0; padding: 0;">
                                                                            FYI: A Premium account would have unlocked <strong>12,286</strong> advanced corrections. So, here is <strong>$100 off an Annual plan</strong> (good through January 3rd) so that you can make 2017 even better.
                                                                        </p>
                                                                    </td>
                                                                    <td width="30" align="right" height="10" valign="top"
                                                                        style="font-size:1px; line-height:1px;">
                                                                    &nbsp;</td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="3" align="left" height="20" valign="top"
                                                                        style="font-size:1px; line-height:1px;">
                                                                    &nbsp;</td>
                                                                </tr>
                                                                <tr>
                                                                    <td colspan="3" align="center">
                                                                        <table cellspacing="0" cellpadding="0" class="devicebutton" align="center">
                                                                            <tr>
                                                                                <td bgcolor="#477DBB" style="border-radius:45px" align="center" >
                                                                                    <a href="http://click.send.grammarly.com/?qs=e61875d243b47fe91ae303a9f1e905242fb1e79c622c57ef4ffd09f22ebc7d2703d167c543cc8800ca0f2d80c292be8a"
                                                                                        style="font-family:Helvetica,Arial,sans-serif; font-size: 16px;color:#ffffff;text-decoration:none;display:inline-block;padding: 23px 90px 24px;border-style: solid; border-width: 1px; border-color: #477DBB; border-radius: 45px;background-color: #477DBB;background: -webkit-linear-gradient(top, #477DBB 0%, #477DBB 100%); background: -moz-linear-gradient(top, #477DBB 0%, #477DBB 100%); background: -o-linear-gradient(top, #477DBB 0%, #477DBB 100%); background: -ms-linear-gradient(top, #477DBB 0%, #477DBB 100%); background: linear-gradient(to bottom, #477DBB 0%, #477DBB 100%);font-weight:bold"
                                                                                    target="_blank" class="devicebutton">Upgrade Now</a>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/Upgrade-bg-bottom.jpg" alt="" border="0" width="400" height="31" style="display:block;" /></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" align="left" height="30" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td width="30" align="left" height="10" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                        <td align="center" valign="top">
                                            <p class="textSimple"
                                                style="color: #5A5B5F; font-family:Helvetica Neue, Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 27px; margin: 0; padding: 0; text-align:center;">
                                                We can&rsquo;t wait to see what you cook up for 2017. <br> Onward and upward!
                                            </p>
                                        </td>
                                        <td width="30" align="right" height="10" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" align="left" height="30" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" align="left" height="30" valign="top"
                                            style="font-size:1px; line-height:1px;">
                                        &nbsp;</td>
                                    </tr>

                                </table>
                            </td>
                        </tr>
                    </table>
                    <!-- End Content -->
                    <!-- Start Footer -->
                    <table align="center" width="100%" bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" class="footerdevice">
                        <tbody>
                            <tr>
                                <td align="center">
                                    <table width="520" cellpadding="0" cellspacing="0" border="0" align="center" class="devicewidthinner">
                                        <tbody>
                                            <tr>
                                                <td align="left" height="50" valign="top" style="font-size:1px; line-height:1px;" colspan="2">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    <table width="280" cellpadding="0" cellspacing="0" border="0" align="center">
                                                        <tbody>
                                                            <tr>
                                                                <td align="left" width="64">
                                                                    <a href="http://click.send.grammarly.com/?qs=e61875d243b47fe9f7b0c4dfbad77d0e518b43c34eb75fc81224fbe6ded02f51d6a4aedd66768633" style="text-decoration: none;" ><img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/Facebook.png" border="0" width="12" height="24" style="width: 12px; height: 24px; max-width: 24px;border:none; outline:none; text-decoration:none;font-size:19px;font-family:Helvetica Neue, Arial, sans-serif;color:#3b5998;font-weight:bold" alt="  f"></a>
                                                                </td>
                                                                <td align="left" width="64">
                                                                    <a href="http://click.send.grammarly.com/?qs=e61875d243b47fe961846ea1864abed4c006b15aa74809205a23adfe050d88163e60ded50b9f2411" style="text-decoration: none;"  ><img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/Instagram.png" border="0" width="26" height="25" style="width: 26px; height: 25px; max-width: 26px;border:none; outline:none; text-decoration:none;font-size:19px;font-family:Helvetica Neue, Arial, sans-serif;color:#00aced;font-weight:bold" alt="   i"></a>
                                                                </td>
                                                                <td align="left" width="64">
                                                                    <a href="http://click.send.grammarly.com/?qs=e61875d243b47fe950dfa202159868930d74ef2e7470bf1edb335f50831f9917d94e5d3225ac1599" style="text-decoration: none;"  ><img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/LinkedIn.png" border="0" width="19" height="18" style="width: 19px; height: 18px; max-width: 19px;border:none; outline:none; text-decoration:none;font-size:19px;font-family:Helvetica Neue, Arial, sans-serif;color:#007bb6;font-weight:bold" alt=" in"></a>
                                                                </td>
                                                                <td align="left" width="64">
                                                                    <a href="http://click.send.grammarly.com/?qs=e61875d243b47fe9480785bc434c6bdfb4d7bcf773aa65811ee4f9f653fc20a20175ed0040187a10" style="text-decoration: none;" ><img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/Twitter.png" border="0" width="23" height="20" style="width: 23px; height: 20px; max-width: 23px;border:none; outline:none; text-decoration:none;font-size:19px;font-family:Helvetica Neue, Arial, sans-serif;color:#00aced;font-weight:bold" alt="  t"></a>
                                                                </td>
                                                                <td align="left" width="24">
                                                                    <a href="http://click.send.grammarly.com/?qs=e61875d243b47fe9482b4832e4f804d14e4c316b49b3b94cc7b4613457a844f6175615f0a02c32f7" style="text-decoration: none;" ><img src="http://image.send.grammarly.com/lib/fe9213707567007a7d/m/1/Pinterest.png" border="0" width="21" height="25" style="width: 21px; height: 25px; max-width: 21px;border:none; outline:none; text-decoration:none;font-size:19px;font-family:Helvetica Neue, Arial, sans-serif;color:#cb2027;font-weight:bold" alt="  p"></a>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="left" height="25" valign="top" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td align="center" style="font-family: Helvetica, arial, sans-serif; font-size: 15px; line-height: 21px;color: #999999;"><a href="http://click.send.grammarly.com/?qs=e61875d243b47fe91ae303a9f1e905242fb1e79c622c57ef4ffd09f22ebc7d2703d167c543cc8800ca0f2d80c292be8a" style="color: #414141; text-decoration:underline; white-space: nowrap" class="hover" alis="ftr-upgrade-premium">Upgrade to Grammarly Premium</a>&nbsp;&nbsp;&nbsp;<a href="http://click.send.grammarly.com/?qs=e61875d243b47fe9c5d41b144cc82409d05743116b55ccd05cbf8aa7169258902fde4caabf8fdcd766f619d97ab4e7ec" style="color: #999999; text-decoration:underline; white-space: nowrap" class="hover" >Learn more</a></td>
                                            </tr>
                                            
                                            <tr>
                                                <td align="left" height="25" valign="top" style="border-bottom:1px solid #D6D6D6;font-size:1px; line-height:1px;">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td align="left" height="28" valign="top" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td align="center" valign="top" style="font-family: Helvetica, arial, sans-serif; font-size: 13px; line-height: 20px;color: #999999; padding-left: 45px; padding-right: 45px">
                                                    <a href="#" style="text-decoration: underline; color: #999999; white-space: nowrap" class="hover" >View Web Version</a>
                                                    <span class="hide">&nbsp;&nbsp;&#183;&nbsp;</span>
                                                    <a href="#"  style="text-decoration: underline; color: #999999; white-space: nowrap" class="hover">Email Preferences</a>
                                                    <span class="hide">&nbsp;&#183;&nbsp;&nbsp;</span>
                                                    <a href="#"  style="text-decoration: underline; color: #999999; white-space: nowrap" class="hover">Unsubscribe</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="left" height="10" valign="top" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td align="center" valign="top" style="font-family: Helvetica, arial, sans-serif; font-size: 13px; line-height: 20px;color: #7f7f7f; padding-left: 35px; padding-right: 35px">You received this email because you are registered on Grammarly.com with the&nbsp;email address xxxxx@xxxx.xxx.</td>
                                            </tr>
                                            <tr>
                                                <td align="left" height="10" valign="top" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td align="center" valign="top" style="font-family: Helvetica, arial, sans-serif; font-size: 13px; line-height: 20px;color: #7f7f7f; padding-left: 45px; padding-right: 45px">&#169; 2016 Grammarly, Inc. &bull; 548 Market St. #35410 &bull; San Francisco, CA 94104</td>
                                            </tr>
                                            <tr>
                                                <td align="left" height="70" valign="top" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- End Footer -->
                    <div itemscope itemtype="http://schema.org/EmailMessage">
                        <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
                            <meta itemprop="name" content="Grammarly"/>
                            <link itemprop="url" href="https://www.grammarly.com/?utm_source=grammarly&utm_medium=email&utm_campaign=annual_Stats&utm_content=annual_stats_freeC"/>
                            <link itemprop="url/googlePlus" href="https://plus.google.com/+grammarly"/>
                        </div>
                        <div itemprop="about" itemscope itemtype="http://schema.org/Offer">
                            <link itemprop="image" href="https://s3.amazonaws.com/email_static_cdn/promotion-grammarly.png"/>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console