cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

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.

            
              
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;" charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Boost Productivity with LiveChat</title>
    
 <!--[if !mso]><!--><style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
</style><link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"><!--<![endif]-->

    <style type="text/css">
        @media (max-width: 560px) {
            .lc-col-stack {
                width: 100% !important;
                text-align: center;
            }
        }

      /* COOL KIDS ANIMATION */

      .button:hover{opacity:.9;}
      .social:hover{opacity:.9;}

      
    </style>
</head>

<body style="background: #f0f0f0; padding: 0px; margin: 0px; width: 100%;" bgcolor="#f0f0f0">

<div style="display:none;font-size:1px;color:#fff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;">
    Let me teach you about apps you should use to boost your productivity, bahaviours you should stick to when talking
    with customers and the newest customer service trends.
</div>

<div style="background: #f0f0f0; padding-bottom:2em;">
    <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
        <tr>
            <td></td>
            <td align="center" width="530" style="max-width: 530px; width: 530px;">
                <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width: 530px;">
                    <tr>
                        <td colspan="3">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td height="20"></td>
                                </tr>
                                <tr>
                                    <td align="left">
                                        <table cellspacing="0" cellpadding="0" border="0" align="left">
                                            <tr>
                                                <td style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #2b2b2b;vertical-align:top;">
                                                    <a href="https://www.livechatinc.com/" target="_blank" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.02em;font-weight:300;text-align:center;font-size: 16px; color: #2b2b2b;">
                                                        <img src="https://cdn.livechatinc.com/mailing/logo-transparent.png" width="96" height="53" alt=" LiveChat " title="LiveChat - The fastest way to reach your customers" border="0" style="padding-left: 10px; border:0;height:53px;width:96px;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.02em;font-weight:300;font-size: 16px; color: #ccc;">
                                                    </a>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="10"></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" bgcolor="#F4B65B">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td align="center" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.25em;letter-spacing:0.04em;font-weight:300;text-align:center;font-size: 28px; color: #ffffff;; color:#516091;font-weight:400;letter-spacing:0;text-align:center;">
                                        <a href="https://www.livechatinc.com/" target="_blank" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.05em;font-weight:400;text-align:left;font-size: 18px; color: #454553; text-decoration:none;">
                                            <img src="https://cdn.livechatinc.com/mailing/2017-01/clock.png" width="530" height="auto" alt="Boost Productivity with LiveChat" title="Boost Productivity with LiveChat" border="0" style="border:0;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.02em;font-weight:300;font-size: 16px; color: #ffffff;text-align:center; max-width:100%; height:auto;">
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <table bgcolor="#F4B65B" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                            <tr>
                                                <td colspan="3" align="center" height="20">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="70"></td>
                                                <td style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.25em;font-weight:300;text-align:center;font-size: 32px; color: #ffffff; letter-spacing:0.05em;text-align:center;">
                                                    <a style="font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.25em;font-weight:300;text-align:center;font-size: 32px; color: #ffffff; letter-spacing:0.05em;text-align:center; text-decoration:none;" target="_blank" href="https://www.livechatinc.com/">Boost
                                                        Productivity <br>with LiveChat</a></td>
                                                <td width="70"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" align="center" height="40">
                                                </td>
                                            </tr>
                                        </table>

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

                    <tr bgcolor="#ffffff">
                        <td colspan="3" bgcolor="#ffffff">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" bgcolor="#ffffff">
                                <tr>
                                    <td></td>
                                    <td width="480" style="max-width:480px;">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:480px;background:#ffffff" bgcolor="#ffffff">
                                            <tr>
                                                <td colspan="3" height="90"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 20px; color: #000000;">
                                                    Hi Smiles Davis,
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="15"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #000000;">
                                                    There’s no secret, for many of us the new year brings fresh energy
                                                    and drive to make things happen. Why don’t we use it to <strong>make
                                                        our work more effective? </strong></td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="15"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #000000;">
                                                    Let me teach you about the newest customer service trends,
                                                    behaviours you should stick to when talking with customers and apps
                                                    you should use to boost your productivity. You know you need it!
                                                    </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="20"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="right" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:right;font-size: 16px; color: #000000;">
                                                    <table cellpadding="0" cellspacing="0" width="100%">
                                                        <tr>
                                                            <td align="right" style="text-align: right; font-family: Lato,'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 13px; line-height: 16px; color: #454553; margin: 0px; padding: 0px; vertical-align:middle; letter-spacing: 0.05em;">
                                                                <a href="https://www.livechatinc.com/blog/author/olga-kolodynska" style="text-align: right; font-family: Lato,'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; line-height: 16px; color: #000; vertical-align:middle; letter-spacing: 0.05em; font-style: italic; text-decoration:none;" target="_blank">Olga Kolodynska</a>
                                                            </td>
                                                            <td width="60" align="right">
                                                                <a href="https://www.livechatinc.com/blog/author/olga-kolodynska" style="text-align: right; font-family: Lato,'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 13px; line-height: 16px; color: #454553; vertical-align:middle; letter-spacing: 0.05em; text-decoration:none;" target="_blank"><img height="75" width="75" src="https://cdn.livechatinc.com/mailing/2017-01/okolodynska@2x.gif" alt="Olga Kolodynska" title="Olga Kolodynska" style="width: 75px; height: 75px; border: 0; padding: 10px; vertical-align:middle;"></a>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="40"></td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td></td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <tr>
                        <td colspan="1" bgcolor="#F5A460" valign="top">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td colspan="3" align="center" height="70">
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <table bgcolor="#F5A460" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                            <tr>
                                                <td colspan="3" align="center" height="20">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td width="70"></td>
                                                <td style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.25em;font-weight:300;text-align:center;font-size: 28px; color: #ffffff; letter-spacing:0.05em;text-align:center;">
                                                    <a style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.25em;font-weight:300;text-align:center;font-size: 28px; color: #ffffff; letter-spacing:0.05em;text-align:center; text-decoration:none;" target="_blank" href="https://www.livechatinc.com/blog/apps-for-work/">Work
                                                        Apps to Boost Your Productivity</a></td>
                                                <td width="70"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" align="center" height="40">
                                                </td>
                                            </tr>
                                        </table>

                                    </td>
                                </tr>
                                <tr>
                                    <td align="center" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.25em;letter-spacing:0.04em;font-weight:300;text-align:center;font-size: 28px; color: #ffffff;; color:#516091;font-weight:400;letter-spacing:0;text-align:center;">
                                        <a href="https://www.livechatinc.com/blog/apps-for-work/" target="_blank" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:0.05em;font-weight:400;text-align:left;text-decoration:none;">
                                            <img src="https://cdn.livechatinc.com/mailing/2017-01/apps@2x.png" width="530" height="auto" alt="Work Apps to Boost Your Productivity" title="Work Apps to Boost Your Productivity" border="0" style="border:0;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.02em;font-weight:300;font-size: 16px; color: #ffffff;text-align:center; max-width:100%; height:auto;"></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                            <tr>
                                                <td></td>
                                                <td width="440" style="max-width:440px;">
                                                    <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:440px;">
                                                        <tr>
                                                            <td colspan="3" height="20"></td>
                                                        </tr>
                                                        <tr>
                                                            <td width="30"></td>
                                                            <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #2B2B2B;">
                                                                Are you one of those people who always wish to have more
                                                                hours in a day?
                                                            </td>
                                                            <td width="30"></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3" height="10"></td>
                                                        </tr>
                                                        <tr>
                                                            <td width="30"></td>
                                                            <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #2B2B2B;">
                                                                Learn about popular work apps that will help you set
                                                                your goals, organize your time and deal with
                                                                distractions.
                                                            </td>
                                                            <td width="30"></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3" height="40"></td>
                                                        </tr>
                                                        <tr>
                                                            <td width="30"></td>
                                                            <td align="center">
                                                                <div>
                                                                    <!--[if mso]>
                                                                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
                                                                                 xmlns:w="urn:schemas-microsoft-com:office:word"
                                                                                 href="https://www.livechatinc.com/blog/apps-for-work/"
                                                                                 style="height:50px;v-text-anchor:middle;width:240px;margin:0 auto;"
                                                                                 arcsize="4%" fillcolor="#B5505E"
                                                                                 stroke="false">
                                                                        <w:anchorlock/>
                                                                        <center style="color:#fff;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0.04em;">
                                                                            CHECK THE APPS
                                                                        </center>
                                                                    </v:roundrect>
                                                                    <![endif]-->
                                                                    <a href="https://www.livechatinc.com/blog/apps-for-work/" target="_blank" style="background-color:#B5505E;border:0;border-radius:4px;color:#fff;display:block;padding: 1.3em .5em;margin: 5px auto;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:0.12em;font-size:13px;line-height:18px;text-align:center;text-decoration:none;width:240px;-webkit-text-size-adjust:none;mso-hide:all;" class="button">CHECK THE APPS</a>
                                                                </div>
                                                            </td>
                                                            <td width="30"></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3" height="80"></td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>

                    </tr>
                    <tr>
                        <td colspan="3" bgcolor="#24233E">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td colspan="3" height="50"></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td width="440" style="max-width:440px;">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:440px;">
                                            <tr>
                                                <td width="30"></td>
                                                <td align="center" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0 30px;line-height:1.3em;letter-spacing:0.05em;font-weight:400;text-align:center;font-size: 22px; color: #fff;">
                                                    <a href="https://www.livechatinc.com/blog/resolutions-customer-service-agents-make/" target="_blank" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.01em;font-weight:300;text-align:center;font-size: 28px; color: #fff;text-decoration:none;">4
                                                        Behaviours You Should Stick to as Customer Service Agent</a>
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="30"></td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td align="center" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.25em;letter-spacing:0.04em;font-weight:300;text-align:center;font-size: 28px; color: #ffffff;; color:#516091;font-weight:400;letter-spacing:0;text-align:center;">
                                        <a href="https://www.livechatinc.com/blog/resolutions-customer-service-agents-make/" target="_blank" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.05em;font-weight:400;text-align:left;font-size: 18px; color: #454553; text-decoration:none;">
                                            <img src="https://cdn.livechatinc.com/mailing/2017-01/agent.png" width="530" height="auto" alt="4 Behaviours You Should Stick to as Customer Service Agent" title="4 Behaviours You Should Stick to as Customer Service Agent" border="0" style="border:0;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.02em;font-weight:300;font-size: 16px; color: #ffffff;text-align:center; max-width:100%; height:auto;">
                                        </a>
                                    </td>
                                    <td></td>
                                </tr>

                                <tr>
                                    <td></td>
                                    <td width="440" style="max-width:440px;">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:440px;">
                                            <tr>
                                                <td colspan="3" height="20"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #fff;">
                                                    New Year’s Eve doesn’t have any magical powers that would help to change your life. Only you can do it yourself.
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="20"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #fff;">
                                                    To make your job more pleasant, stick to these behaviours the whole year and enjoy providing great experience to your clients.
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="40"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="center">
                                                    <div>
                                                        <!--[if mso]>
                                                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
                                                                     xmlns:w="urn:schemas-microsoft-com:office:word"
                                                                     href="https://www.livechatinc.com/blog/resolutions-customer-service-agents-make/"
                                                                     style="height:50px;v-text-anchor:middle;width:240px;margin:0 auto;"
                                                                     arcsize="4%" fillcolor="#F5A460" stroke="false">
                                                            <w:anchorlock/>
                                                            <center style="color:#fff;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0.04em;">
                                                                READ THE POST
                                                            </center>
                                                        </v:roundrect>
                                                        <![endif]-->
                                                        <a href="https://www.livechatinc.com/blog/resolutions-customer-service-agents-make/" target="_blank" style="background-color:#F5A460;border:0;border-radius:4px;color:#fff;display:block;padding: 1.3em .5em;margin: 5px auto;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:0.12em;font-size:13px;line-height:18px;text-align:center;text-decoration:none;width:240px;-webkit-text-size-adjust:none;mso-hide:all;" class="button">READ
                                                            THE POST</a>
                                                    </div>
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="80"></td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <!--- section 2 ends -->

                    <tr>
                        <td colspan="3" bgcolor="#63D5D5">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td colspan="3" height="50"></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td width="440" style="max-width:440px;">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:440px;">
                                            <tr>
                                                <td width="30"></td>
                                                <td align="center" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0 30px;line-height:1.3em;letter-spacing:0.05em;font-weight:400;text-align:center;font-size: 22px; color: #fff;">
                                                    <a href="https://www.livechatinc.com/url-shortener/" target="_blank" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.01em;font-weight:300;text-align:center;font-size: 28px; color: #fff;text-decoration:none;">
                                                        Make Your Life Easier with the Mighty URL&nbsp;Shortener! </a>
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="30"></td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td align="center" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.25em;letter-spacing:0.04em;font-weight:300;text-align:center;font-size: 28px; color: #ffffff;; color:#516091;font-weight:400;letter-spacing:0;text-align:center;">
                                        <a href="https://www.livechatinc.com/url-shortener/" target="_blank" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.05em;font-weight:400;text-align:left;font-size: 18px; color: #454553; text-decoration:none;">
                                            <img src="https://cdn.livechatinc.com/mailing/2017-01/shortener.gif" width="300" height="auto" alt="Make Your Life Easier with the Mighty URL Shortener!" title="Make Your Life Easier with the Mighty URL Shortener!" border="0" style="border:0;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.02em;font-weight:300;font-size: 16px; color: #ffffff;text-align:center; max-width:100%; height:auto;">
                                        </a>
                                    </td>
                                    <td></td>
                                </tr>

                                <tr>
                                    <td></td>
                                    <td width="440" style="max-width:440px;">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:440px;">
                                            <tr>
                                                <td colspan="3" height="20"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #fff;">
                                                    Transform your long and boring URLs into shorter and way more attractive versions.
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="20"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #fff;">
                                                    Store all of your shortened links and see how many times your customers clicked on them.
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="40"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="center">
                                                    <div>
                                                        <!--[if mso]>
                                                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
                                                                     xmlns:w="urn:schemas-microsoft-com:office:word"
                                                                     href="https://www.livechatinc.com/url-shortener/"
                                                                     style="height:50px;v-text-anchor:middle;width:240px;margin:0 auto;"
                                                                     arcsize="4%" fillcolor="#24233E" stroke="false">
                                                            <w:anchorlock/>
                                                            <center style="color:#fff;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0.04em;">
                                                                START SHORTENING NOW
                                                            </center>
                                                        </v:roundrect>
                                                        <![endif]-->
                                                        <a href="https://www.livechatinc.com/url-shortener/" target="_blank" style="background-color:#24233E;border:0;border-radius:4px;color:#fff;display:block;padding: 1.3em .5em;margin: 5px auto;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:0.12em;font-size:13px;line-height:18px;text-align:center;text-decoration:none;width:240px;-webkit-text-size-adjust:none;mso-hide:all;" class="button">START SHORTENING NOW</a>
                                                    </div>
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="80"></td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <!-- End section 3 -->
                    <tr>
                        <td colspan="3" bgcolor="#FFEA7E">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td height="50"></td>
                                </tr>
                                <tr>
                                    <td width="440" style="max-width:440px;">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:440px;">
                                            <tr>
                                                <td width="30"></td>
                                                <td align="center" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0 30px;line-height:1.3em;letter-spacing:0.05em;font-weight:400;text-align:center;font-size: 22px; color: #52414C;">
                                                    <a href="http://www.slideshare.net/livechat/7-key-findings-on-latest-customer-service-trends" target="_blank" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.01em;font-weight:300;text-align:center;font-size: 28px; color: #52414C;text-decoration:none;">7 Key Findings from the Customer Service Report</a>
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="30"></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>

                                <tr>
                                    <td width="440" style="max-width:440px;">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:440px;">
                                            <tr>
                                                <td colspan="3" height="20"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #5A414D;">
                                                    Check out the presentation about key findings from our <strong>Customer Service Report 2017.</strong> Find out what your customers will expect from you and how to make them happy.

                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="20"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #5A414D;">
                                                    The report is based on over <strong>240 million interactions</strong> and includes commentary from 4 customer service experts.
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="40"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="center">
                                                    <div>
                                                        <!--[if mso]>
                                                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
                                                                     xmlns:w="urn:schemas-microsoft-com:office:word"
                                                                     href="http://www.slideshare.net/livechat/7-key-findings-on-latest-customer-service-trends"
                                                                     style="height:50px;v-text-anchor:middle;width:240px;margin:0 auto;"
                                                                     arcsize="4%" fillcolor="#52414C" stroke="false">
                                                            <w:anchorlock/>
                                                            <center style="color:#fff;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0.04em;">
                                                                WATCH THE PRESENTATION
                                                            </center>
                                                        </v:roundrect>
                                                        <![endif]-->
                                                        <a href="http://www.slideshare.net/livechat/7-key-findings-on-latest-customer-service-trends" target="_blank" style="background-color:#52414C;border:0;border-radius:4px;color:#fff;display:block;padding: 1.3em .5em;margin: 5px auto;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:0.12em;font-size:13px;line-height:18px;text-align:center;text-decoration:none;width:240px;-webkit-text-size-adjust:none;mso-hide:all;" class="button">WATCH THE PRESENTATION</a>
                                                    </div>
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="80"></td>
                                            </tr>
                                        </table>
                                    </td>

                                </tr>

                                <tr>
                                    <td align="center" colspan="3">
                                        <a href="http://www.slideshare.net/livechat/7-key-findings-on-latest-customer-service-trends" target="_blank">
                                            <img src="https://cdn.livechatinc.com/mailing/2017-01/cs-trends.png" width="530" height="auto" alt="7 Key Findings from the Customer Service Report" title="7 Key Findings from the Customer Service Report" border="0" style="border:0;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.02em;font-weight:300;font-size: 16px; color: #ffffff;text-align:center; max-width:100%; height:auto;">
                                        </a>
                                    </td>

                                </tr>
                            </table>
                        </td>
                    </tr>
					<!---
					End Section 4
					--> <tr>
                        <td colspan="3" bgcolor="#EAEAEA">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td height="50"></td>
                                </tr>
                                <tr>
                                    <td width="440" style="max-width:440px;">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:440px;">
                                            <tr>
                                                <td width="30"></td>
                                                <td align="center" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0 30px;line-height:1.3em;letter-spacing:0.05em;font-weight:400;text-align:center;font-size: 22px; color: #3C3C3B;">
                                                    <a href="https://www.livechatinc.com/kb/shortcuts-in-livechat/" target="_blank" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.01em;font-weight:300;text-align:center;font-size: 28px; color: #3C3C3B;text-decoration:none;">Tips&nbsp;from&nbsp;LiveChat&nbsp;Agents –&nbsp;Be productive on chat</a>
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="30"></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>

                                <tr>
                                    <td align="center" colspan="3">
                                        <a href="https://www.livechatinc.com/kb/shortcuts-in-livechat/" target="_blank">
                                            <img src="https://cdn.livechatinc.com/mailing/2017-01/keyboard@2x.png" width="348" height="auto" alt="Tips from LiveChat agents – Be productive on chat" title="Tips from LiveChat agents – Be productive on chat" border="0" style="border:0;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.3em;letter-spacing:0.02em;font-weight:300;font-size: 16px; color: #ffffff;text-align:center; max-width:100%; height:auto;">
                                        </a>
                                    </td>

                                </tr>
                                <tr>
                                    <td width="440" style="max-width:440px;">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width:440px;">
                                            <tr>
                                                <td colspan="3" height="20"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #3C3C3B;">
                                                    Did you know that you can make your chatting a lot quicker by using a set of LiveChat keyboard shortcuts?

                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="20"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="left" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:left;font-size: 16px; color: #3C3C3B;">
                                                    By using them, you will be able to quickly jump between chats, open different parts of the application and generally make your job much easier.
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="40"></td>
                                            </tr>
                                            <tr>
                                                <td width="30"></td>
                                                <td align="center">
                                                    <div>
                                                        <!--[if mso]>
                                                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml"
                                                                     xmlns:w="urn:schemas-microsoft-com:office:word"
                                                                     href="https://www.livechatinc.com/kb/shortcuts-in-livechat/"
                                                                     style="height:50px;v-text-anchor:middle;width:240px;margin:0 auto;"
                                                                     arcsize="4%" fillcolor="#B5505E" stroke="false">
                                                            <w:anchorlock/>
                                                            <center style="color:#fff;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0.04em;">
                                                                SEE THE SHORTCUTS
                                                            </center>
                                                        </v:roundrect>
                                                        <![endif]-->
                                                        <a href="https://www.livechatinc.com/kb/shortcuts-in-livechat/" target="_blank" style="background-color:#B5505E;border:0;border-radius:4px;color:#fff;display:block;padding: 1.3em .5em;margin: 5px auto;font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:0.12em;font-size:13px;line-height:18px;text-align:center;text-decoration:none;width:240px;-webkit-text-size-adjust:none;mso-hide:all;" class="button">SEE THE SHORTCUTS</a>
                                                    </div>
                                                </td>
                                                <td width="30"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" height="80"></td>
                                            </tr>
                                        </table>
                                    </td>

                                </tr>

                            </table>
                        </td>
                    </tr>
					<!---
					End Section 5
					-->
                    <tr>
                        <td colspan="3" bgcolor="#393e46" align="center">
                            <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" bgcolor="#393e46">
                                <tr>
                                    <td height="16" colspan="11"></td>
                                </tr>
                                <tr>
                                    <td>
                                        <table cellspacing="0" cellpadding="0" border="0" style="margin: 0 auto;" align="center">
                                            <tr>
                                                <td width="8"></td>
                                                <td width="20">
                                                    <a href="https://twitter.com/LiveChat" target="_blank" style="text-decoration: none; display: block">
                                                        <img height="20" width="20" src="https://cdn.livechatinc.com/mailing/social-twitter.png" alt="" title="Twitter" style="border: 0; margin: 0 auto; display: block" class="social">
                                                    </a>
                                                </td>
                                                <td width="8"></td>
                                                <td width="20">
                                                    <a href="https://facebook.com/LiveChat" style="text-decoration: none; display: block">
                                                        <img height="20" width="20" src="https://cdn.livechatinc.com/mailing/social-fb.png" alt="" title="Facebook" style="border: 0; margin: 0 auto; display: block" class="social">
                                                    </a>
                                                </td>
                                                <td width="8"></td>
                                                <td width="20">
                                                    <a href="https://www.linkedin.com/company/livechat" style="text-decoration: none; display: block">
                                                        <img height="20" width="20" src="https://cdn.livechatinc.com/mailing/social-linkedin.png" alt="" title="LinkedIn" style="border: 0; margin: 0 auto; display: block" class="social">
                                                    </a>
                                                </td>
                                                <td width="8"></td>
                                                <td width="20">
                                                    <a href="https://plus.google.com/113792782105766577434" style="text-decoration: none; display: block">
                                                        <img height="20" width="20" src="https://cdn.livechatinc.com/mailing/social-google.png" alt="" title="Google+" style="border: 0; margin: 0 auto; display: block" class="social">
                                                    </a>
                                                </td>
                                                <td width="8"></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="8" colspan="11"></td>
                                </tr>
                                <tr>
                                    <td colspan="11">
                                        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                            <tr>
                                                <td align="center" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:center;font-size: 10px; color: #999999;">
                                                    <a href="https://www.livechatinc.com" style="font-family:Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.5em;letter-spacing:0.05em;font-weight:300;text-align:center;font-size: 10px; color: #999999;text-decoration:underline;">livechatinc.com</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="16" colspan="13"></td>
                                </tr>

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

</body>
</html>
            
          
!
999px
Loading ..................

Console