This email is sent to end users on a weekly cadence with relevant sections.

Sender: QuickHelp Notifications (no-reply@quickhelp.com)
Subject: Here’s a look at your QuickHelp activity
Preview Text: mm/dd/yyyy – mm/dd/yyyy

<!-- Introduction --> <tr> <td class="text center" align="center" style="border-bottom:1px solid #d9d9d6;"> <table class="copy header table" width="90%" border="0" cellpadding="0" cellspacing="0" valign="top" align="center"> <tbody> <tr> <td align="left" style="font-size:16px !important; color:#4c4441; line-height:180% !important; font-family: Arial, Helvetica, sans-serif;"> Hi {{FirstName}},<br><br> Last week you were in the <strong>{{#}}% percentile</strong> of QuickHelp users in your organization. Here's a look at how you compare, and what you can do to get ahead. </td> </tr> <!-- Pusher Row --> <tr class="thirty pusher" height="30"> <td> </td> </tr> </tbody> </table> </td> </tr> <!-- Start Template Section --> <!-- Pusher Row --> <tr class="twenty pusher" height="20"> <td> </td> </tr> <tr> <td class="text center" align="center"> <table class="copy header table" width="90%" border="0" cellpadding="6" cellspacing="0" valign="top" align="center" style="color:#4c4441;"> <tr> <td class="center" align="center"> <h2 style="margin:0 !important; font-size:28px; line-height:38px !important; font-weight:400; font-family: Arial, Helvitica, san-serif !important;">Finish your incomplete tasks</h2> <p style="margin-top:10px; font-size:16px !important; color:#4c4441; line-height:180% !important; font-family: Arial, Helvetica, sans-serif;">You've been assigned the following tasks. Finish these tasks to align yourself with the goals of your organization.</p> </td> </tr> <tr class="twenty pusher" height="20"> <td> </td> </tr> </table> </td> </tr> <tr> <td class="text center" align="center"> <table class="copy header table" width="90%" border="0" cellpadding="6" cellspacing="0" valign="top" align="center" style="color:#4c4441;"> <tbody align="left"> <tr> <td class="text left" align="left" colspan="2"> <p style="font-weight: normal; font-size:16px;">Incomplete Tasks</p> </td> <td class="text right" align="left"> <p style="font-weight: normal; font-size:16px;">Due Date</p> </td> </tr> <tr> <td height="45" width="30" valign="middle"> <img src="images/task-item@2x.png" width="24" height="24" alt="Task Item" /> </td> <td height="45" valign="middle" class="text left" align="left" style="border-bottom:1px solid #d9d9d6;"> <p style="font-size:12px;">{{Type}}</p> <p style="font-size:16px;"><a href="#" style="color:#1e8bd0; text-decoration:none;">This is an upcoming task with a long title...</a></p> </td> <td height="45" valign="middle" class="text right" align="right" style="border-bottom:1px solid #d9d9d6;"> mm/dd/yy </td> </tr> <tr> <td height="45" width="30" valign="middle"> <img src="images/task-item@2x.png" width="24" height="24" alt="Task Item" /> </td> <td height="45" valign="middle" class="text left" align="left" style="border-bottom:1px solid #d9d9d6;"> <p style="font-size:12px;">{{Type}}</p> <p style="font-size:16px;"><a href="#" style="color:#1e8bd0; text-decoration:none;">This is an upcoming task with a long title...</a></p> </td> <td height="45" valign="middle" class="text right" align="right" style="border-bottom:1px solid #d9d9d6;"> mm/dd/yy </td> </tr> <tr> <td height="45" width="30" valign="middle"> <img src="images/task-item@2x.png" width="24" height="24" alt="Task Item" /> </td> <td height="45" valign="middle" class="text left" align="left" style="border-bottom:1px solid #d9d9d6;"> <p style="font-size:12px;">{{Type}}</p> <p style="font-size:16px;"><a href="#" style="color:#1e8bd0; text-decoration:none;">This is an upcoming task with a long title...</a></p> </td> <td height="45" valign="middle" class="text right" align="right" style="border-bottom:1px solid #d9d9d6;"> mm/dd/yy </td> </tr> <tr> <td height="45" width="30" valign="middle"> <img src="images/task-item@2x.png" width="24" height="24" alt="Task Item" /> </td> <td height="45" valign="middle" class="text left" align="left" style="border-bottom:1px solid #d9d9d6;"> <p style="font-size:12px;">{{Type}}</p> <p style="font-size:16px;"><a href="#" style="color:#1e8bd0; text-decoration:none;">This is an upcoming task with a long title...</a></p> </td> <td height="45" valign="middle" class="text right" align="right" style="border-bottom:1px solid #d9d9d6;"> mm/dd/yy </td> </tr> <tr> <td height="45" width="30" valign="middle"> <img src="images/task-item@2x.png" width="24" height="24" alt="Task Item" /> </td> <td height="45" valign="middle" class="text left" align="left"> <p style="font-size:12px;">{{Type}}</p> <p style="font-size:16px;"><a href="#" style="color:#1e8bd0; text-decoration:none;">This is an upcoming task with a long title...</a></p> </td> <td height="45" valign="middle" class="text right" align="right"> mm/dd/yy </td> </tr> <!-- Pusher Row --> <tr class="twenty pusher" height="20"> <td> </td> </tr> <tr> <td valign="middle" colspan="3" class="text center" align="center"> + {{Count}} more incomplete tasks </td> </tr> </tbody> </table> </td> </tr> <!-- Pusher Row --> <tr class="thirty pusher" height="30"> <td> </td> </tr> <!-- Button Row --> <tr> <td align="center"> <!-- Button Table --> <table class="text center" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <table border="0" cellspacing="0" cellpadding="0" bgcolor="#1e8bd0"> <tr> <td valign="middle" align="center" bgcolor="#1e8bd0" height="42"> <a href="#" target="_blank" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 13px 24px; border: 1px solid #1e8bd0; display: inline-block; background-color:#1e8bd0;"><strong>VIEW ALL TASKS</strong></a> </td> </tr> </table> </td> </tr> </table> </td> </tr> <!-- Pusher Row --> <tr class="forty pusher" height="40"> <td style="border-bottom:1px solid #d9d9d6;"> </td> </tr> <!-- End Template Section --> <!-- Start Template Section --> <!-- Pusher Row --> <tr class="twenty pusher" height="20"> <td> </td> </tr> <tr> <td class="text center" align="center"> <table class="copy header table" width="90%" border="0" cellpadding="6" cellspacing="0" valign="top" align="center" style="color:#4c4441;"> <tr> <td class="center" align="center"> <h2 style="margin:0 !important; font-size:28px; line-height:38px !important; font-weight:400; font-family: Arial, Helvitica, san-serif !important;">How you compare...</h2> <p style="margin-top:10px; font-size:16px !important; color:#4c4441; line-height:180% !important; font-family: Arial, Helvetica, sans-serif;">Did you know that 70% of your peers changed the way they work as a result of using QuickHelp? Start the change today.</p> </td> </tr> <tr class="twenty pusher" height="20"> <td> </td> </tr> <tr> <td class="center" align="center"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center" valign="middle" width="45%"> <img src="images/image-placeholder@2x.png" alt="{{Title}}" width="150" height="150" style="border:1px solid #d9d9d6;"/> </td> <td align="center" valign="middle" width="10%">VS</td> <td align="center" valign="middle" width="45%"> <img src="images/image-placeholder@2x.png" alt="{{Title}}" width="150" height="150" style="border:1px solid #d9d9d6;"/> </td> </tr> <!-- Pusher Row --> <tr class="twenty pusher" height="20"> <td colspan="3"> </td> </tr> <tr> <td align="center" style="font-size:16px !important; color:#4c4441; font-family: Arial, Helvetica, sans-serif;">You</td> <td align="center"> </td> <td align="center" style="font-size:16px !important; color:#4c4441; font-family: Arial, Helvetica, sans-serif;">{{FullName}}</td> </tr> <!-- Pusher Row --> <tr class="twenty pusher" height="20"> <td colspan="3"> </td> </tr> <tr> <td align="left" valign="top"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td valign="top" align="left" width="80%"> <ul style="list-style: none; margin:0; padding:0; font-size:14px !important; color:#4c4441; line-height:180% !important; font-family: Arial, Helvetica, sans-serif;"> <li># Skill Paths started</li> <li># Skill Paths completed</li> <li># Assets viewed</li> <li># Points earned</li> <li># Groups joined</li> <li># Events attended</li> </ul> </td> <td valign="top" align="left" width="20%"> <ul style="list-style: none; margin:0; padding:0; font-size:14px !important; color:#4c4441; line-height:180% !important; font-family: Arial, Helvetica, sans-serif;"> <li style="color: #ec4b36"><img src="images/caret-down@2x.png" alt="up" width="10" height="16" border="0"> #%</li> <li style="color: #39b63f"><img src="images/caret-up@2x.png" alt="up" width="10" height="16" border="0"> #%</li> <li> </li> <li> </li> <li> </li> <li> </li> </ul> </td> </tr> </table> </td> <td align="center"> </td> <td align="left" valign="top"> <ul style="list-style: none; margin:0; padding:0; font-size:14px !important; color:#4c4441; line-height:180% !important; font-family: Arial, Helvetica, sans-serif;"> <li># Skill Paths started</li> <li># Skill Paths completed</li> <li># Assets viewed</li> <li># Points earned</li> <li># Groups joined</li> <li># Events attended</li> </ul> </td> </tr> </table> </td> </tr> </table> </td> </tr> <!-- Pusher Row --> <tr class="thirty pusher" height="30"> <td> </td> </tr> <!-- Button Row --> <tr> <td align="center"> <!-- Button Table --> <table class="text center" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <table border="0" cellspacing="0" cellpadding="0" bgcolor="#1e8bd0"> <tr> <td valign="middle" align="center" bgcolor="#1e8bd0" height="42"> <a href="#" target="_blank" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 13px 24px; border: 1px solid #1e8bd0; display: inline-block; background-color:#1e8bd0;"><strong>VIEW COMPANY STANDINGS</strong></a> </td> </tr> </table> </td> </tr> </table> </td> </tr> <!-- Pusher Row --> <tr class="thirty pusher" height="30"> <td> </td> </tr> <!-- Pusher Row --> <tr> <td class="center" align="center"><a href="#" style="font-size:16px; color:#1e8bd0 !important;">view all history</a></td> </tr> <!-- Pusher Row --> <tr class="forty pusher" height="40"> <td style="border-bottom:1px solid #d9d9d6;"> </td> </tr> <!-- End Template Section --> <!-- Start Template Section --> <!-- Pusher Row --> <tr class="twenty pusher" height="20"> <td> </td> </tr> <tr> <td class="text center" align="center"> <table class="copy header table" width="90%" border="0" cellpadding="6" cellspacing="0" valign="top" align="center" style="color:#4c4441;"> <tr> <td class="center" align="center"> <h2 style="margin:0 !important; font-size:28px; line-height:38px !important; font-weight:400; font-family: Arial, Helvitica, san-serif !important;">Finish what you started</h2> <p style="margin-top:10px; font-size:16px !important; color:#4c4441; line-height:180% !important; font-family: Arial, Helvetica, sans-serif;">Click on the links below to pick up where you left off.</p> </td> </tr> <tr class="twenty pusher" height="20"> <td> </td> </tr> </table> </td> </tr> <tr> <td class="text center" align="center"> <table class="copy header table" width="90%" border="0" cellpadding="6" cellspacing="0" valign="top" align="center" style="color:#4c4441;"> <tbody align="left"> <tr> <td valign="top" width="150" align="left"> <img src="images/image-placeholder@2x.png" alt="{{Title}}" width="134" height="75" style="border:1px solid #d9d9d6;"/> </td> <td valign="top"> <p><a href="#" style="font-size:18px; color:#1e8bd0 !important;">{{Title}}</a></p> <p style="color:#857874 !important;">{{LimitDescription}}...</p> </td> </tr> <tr height="20"> <td colspan="3"> </td> </tr> <tr> <td valign="top" width="150" align="left"> <img src="images/image-placeholder@2x.png" alt="{{Title}}" width="134" height="75" style="border:1px solid #d9d9d6;"/> </td> <td valign="top"> <p><a href="#" style="font-size:18px; color:#1e8bd0 !important;">{{Title}}</a></p> <p style="color:#857874 !important;">{{LimitDescription}}...</p> </td> </tr> <tr height="20" align="center"> <td colspan="2"> </td> </tr> <tr> <td valign="top" width="150" align="left"> <img src="images/image-placeholder@2x.png" alt="{{Title}}" width="134" height="75" style="border:1px solid #d9d9d6;"/> </td> <td valign="top"> <p><a href="#" style="font-size:18px; color:#1e8bd0 !important;">{{Title}}</a></p> <p style="color:#857874 !important;">{{LimitDescription}}....</p> </td> <td align="right" valign="top">  </td> </tr> </tbody> </table> </td> </tr> <!-- Pusher Row --> <tr class="thirty pusher" height="30"> <td> </td> </tr> <!-- Button Row --> <tr> <td align="center"> <!-- Button Table --> <table class="text center" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <table border="0" cellspacing="0" cellpadding="0" bgcolor="#1e8bd0"> <tr> <td valign="middle" align="center" bgcolor="#1e8bd0" height="42"> <a href="#" target="_blank" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 13px 24px; border: 1px solid #1e8bd0; display: inline-block; background-color:#1e8bd0;"><strong>VIEW ALL SKILL PATHS</strong></a> </td> </tr> </table> </td> </tr> </table> </td> </tr> <!-- Pusher Row --> <tr class="forty pusher" height="40"> <td style="border-bottom:1px solid #d9d9d6;"> </td> </tr> <!-- End Template Section --> <!-- Start Template Section --> <!-- Pusher Row --> <tr class="twenty pusher" height="20"> <td> </td> </tr> <tr> <td class="text center" align="center"> <table class="copy header table" width="90%" border="0" cellpadding="6" cellspacing="0" valign="top" align="center" style="color:#4c4441;"> <tr> <td class="center" align="center"> <h2 style="margin:0 !important; font-size:28px; line-height:38px !important; font-weight:400; font-family: Arial, Helvitica, san-serif !important;">Attend an upcoming event</h2> <p style="margin-top:10px; font-size:16px !important; color:#4c4441; line-height:180% !important; font-family: Arial, Helvetica, sans-serif;">Users that attend an event report that they will <strong>save 29.5 hours per year per event attended</strong>. That’s 34 minutes back in your week!</p> </td> </tr> <tr class="twenty pusher" height="20"> <td> </td> </tr> </table> </td> </tr> <tr> <td class="text center" align="center"> <table class="copy header table" width="90%" border="0" cellpadding="6" cellspacing="0" valign="top" align="center" style="color:#4c4441;"> <tbody align="left"> <tr> <td valign="top" width="150" align="left"> <img src="images/image-placeholder@2x.png" alt="{{Title}}" width="134" height="75" style="border:1px solid #d9d9d6;"/> </td> <td valign="top"> <p><a href="#" style="font-size:18px; color:#1e8bd0 !important;">{{Title}}</a></p> <p style="color:#857874 !important;">{{LimitDescription}}...</p> </td> </tr> <tr height="20"> <td colspan="3"> </td> </tr> <tr> <td valign="top" width="150" align="left"> <img src="images/image-placeholder@2x.png" alt="{{Title}}" width="134" height="75" style="border:1px solid #d9d9d6;"/> </td> <td valign="top"> <p><a href="#" style="font-size:18px; color:#1e8bd0 !important;">{{Title}}</a></p> <p style="color:#857874 !important;">{{LimitDescription}}...</p> </td> </tr> <tr height="20" align="center"> <td colspan="2"> </td> </tr> <tr> <td valign="top" width="150" align="left"> <img src="images/image-placeholder@2x.png" alt="{{Title}}" width="134" height="75" style="border:1px solid #d9d9d6;"/> </td> <td valign="top"> <p><a href="#" style="font-size:18px; color:#1e8bd0 !important;">{{Title}}</a></p> <p style="color:#857874 !important;">{{LimitDescription}}....</p> </td> <td align="right" valign="top">  </td> </tr> </tbody> </table> </td> </tr> <!-- Pusher Row --> <tr class="thirty pusher" height="30"> <td> </td> </tr> <!-- Button Row --> <tr> <td align="center"> <!-- Button Table --> <table class="text center" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <table border="0" cellspacing="0" cellpadding="0" bgcolor="#1e8bd0"> <tr> <td valign="middle" align="center" bgcolor="#1e8bd0" height="42"> <a href="#" target="_blank" style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; text-transform: uppercase; padding: 13px 24px; border: 1px solid #1e8bd0; display: inline-block; background-color:#1e8bd0;"><strong>VIEW COMPANY STANDINGS</strong></a> </td> </tr> </table> </td> </tr> </table> </td> </tr>