<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"><head><title>Duolingo</title><meta name="x-apple-disable-message-reformatting"/><meta content="text/html; charset=utf-8" http-equiv="Content-Type"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><meta content="IE=edge" http-equiv="x-ua-compatible"/><meta content="light dark" name="color-scheme"/><meta content="light dark" name="supported-color-schemes"/><!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]--><!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {
border-collapse:collapse !important;
mso-table-lspace:0pt!important;
mso-table-rspace:0pt!important;
}
h4,h5,h6,p,a,span,td,strong,li {
font-family: Arial,Helvetica,Verdana,sans-serif !important;
}
h1,h2,h3{
font-family:Arial, Helvetica, sans-serif !important;
}
.ExternalClass .not-for-outlook, [owa] .not-for-outlook { display:none; }
.desktop-only{
display:table !important;
}
</style>
<![endif]--><style type="text/css">
#outlook a{ padding:0; color:inherit;}
.ReadMsgBody{width:100%;}
.ExternalClass{width:100%;}
.ExternalClass,.ExternalClass span,.ExternalClass td,.ExternalClass div{line-height:100%;}
body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;}
img{-ms-interpolation-mode:bicubic;}
body{font-family: Helvetica, Arial, sans-serif;height:100% !important;margin:0 !important;padding:0 !important;width:100% !important;}
img{border:0;height:auto;line-height:100%;outline:none;text-decoration:none;}
a[x-apple-data-detectors]{
color:inherit !important;
text-decoration:none !important;
font-size:inherit !important;
font-family:inherit !important;
font-weight:inherit !important;
line-height:inherit !important;
}
.webkit-hide{display:none !important;}
.webkit-show{
height:auto !important;
width:auto !important;
max-width:none !important;
max-height:none !important;
overflow:auto !important;
visibility:visible !important;
display:block !important;
}
#font-weight-normal{font-weight:normal !important;}
.link-hover:hover{text-decoration:none !important;}
.stat-head {
padding-top: 1px !important;
padding-bottom: 4px !important;
text-align: center !important;
}
.substat-head {
padding-top: 13px !important;
padding-bottom: 5px !important;
}
.stat-heading {
line-height: 18px !important;
}
@media only screen and (max-width:600px) {
body[yahoo] .deviceWidth{width:100%!important;padding:0;min-width:100%!important;}
.deviceWidth{width:100%!important;padding:0 !important;min-width:100%!important;}
.mobile-hide{display:none !important;}
.img-max{max-width:100% !important;height:auto !important;}
.img-max2{width:100% !important;max-width:100% !important;height:auto !important;}
.responsive-table{width:100% !important;max-width:100% !important;}
.pt8{ padding-top:8px !important;}
.mobilespace24 {height: 24px !important;min-height: 24px !important;max-height: 24px !important;line-height: 24px !important;}
.mobilespace20 {height: 20px !important;min-height: 20px !important;max-height: 20px !important;line-height: 20px !important;}
.mobilespace28 {height: 28px !important;min-height: 28px !important;max-height: 28px !important;line-height: 28px !important;}
.mobilespace32 {height: 32px !important;min-height: 32px !important;max-height: 32px !important;line-height: 32px !important;}
.mobilespace34 {height: 34px !important;min-height: 34px !important;max-height: 34px !important;line-height: 34px !important;}
.mobilespace45 {height: 45px !important;min-height: 45px !important;max-height: 45px !important;line-height: 45px !important;}
.mobile20 { padding-top: 20px !important; }
.mobile-pt2 { padding-top: 2px !important; }
.mobile-pt16 { padding-top: 16px !important; }
.mobile-pt13 { padding-top: 13px !important; }
.mobile-pb20 { padding-bottom: 20px !important; }
.mobile-pt30 { padding-top: 30px !important; }
.mobile-pb30 { padding-bottom: 30px !important; }
.mobile-ph-33 { padding-left: 33px !important; padding-right: 33px !important; }
.f28{font-size:25px !important; line-height:32px !important;}
.mw22 { width:22px !important; min-width: 22px !important;}
.mw33 { width:33px !important; min-width: 33px !important;}
.mw103 { width: 103px !important; min-width: 103px !important; }
.mw186{ width:186px !important; min-width:186px !important;}
.mspace8{ height:8px !important; line-height:8px !important; max-height:8px !important;}
.mp0x5{ padding: 0 5px !important;}
.mw100pct{
width:100% !important;
max-width:100% !important;
min-width:100% !important;
}
div[class="mobile_show"] {
display: block !important;
visibility: visible !important;
overflow: hidden !important;
}
tr[class="mobile_show"] {
display: block !important;
visibility: visible !important;
}
td[class="mobile_show"] {
display: block !important;
visibility: visible !important;
}
img[class="mobile_show"] {
display: block !important;
visibility: visible !important;
}
table[class="mobile_show"] {
display: table !important;
visibility: visible !important;
}
.mobile_show {
display: block !important;
visibility: visible !important;
overflow: hidden !important;
}
td[class="mobile_hide"] {
display: none;
width: 0;
height: 0;
visibility: hidden;
opacity: 0;
}
img[class="mobile_hide"] {
display: none !important;
font-size: 0 !important;
max-height: 0 !important;
height: 0 !important;
min-height: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
mso-hide: all !important;
width: 0 !important;
max-width: 0 !important;
min-width: 0 !important;
}
.mobile_hide {
display: none !important;
font-size: 0 !important;
max-height: 0 !important;
height: 0 !important;
min-height: 0 !important;
line-height: 0 !important;
overflow: hidden !important;
padding: 0 !important;
mso-hide: all !important;
width: 0 !important;
max-width: 0 !important;
min-width: 0 !important;
}
.card-inner {
padding: 14px 0 11px !important;
}
.card-head {
padding-bottom: 0 !important;
}
.card-heading {
display: block;
max-width: 80px; /* make line break simultaneously */
line-height: 18px !important;
}
.card-value {
font-size: 25px !important;
}
.board,
.board__body,
.board__row,
.board__cell {
display: block !important;
width: 100% !important;
}
/* iOS only
For some reason iPhone XR in the dark mode
doesn't apply "display: block" to .board__row
But it works with "display: flex" or "display: grid".
Flex damages layout in GMail on Google Pixel so Grid is preferable.
Anyway we are trying to isolate this code for iOS devices only
using "@supports (-webkit-touch-callout: none)":
*/
@supports (-webkit-touch-callout: none) {
.board,
.board__body,
.board__row,
.board__cell {
display: grid !important;
}
}
.days-chart-column {
padding-left: 2.4% !important;
padding-right: 2.4% !important;
}
.xp-table-column {
width: 33.3333%;
}
}
/* decrease spacing between weekdays in chart: */
@media only screen and (max-width:374px) {
.chart-layout-table {
width: 308px !important;
}
.chart-wrapping-cell {
width: 238px !important;
}
.chart-table {
width: 238px !important;
}
.chart-separator {
width: 14px !important;
}
}
/* decrease spacing between weekdays in chart even more: */
@media only screen and (max-width:346px) {
.chart-layout-table {
width: 284px !important;
}
.chart-wrapping-cell {
width: 214px !important;
}
.chart-table {
width: 214px !important;
}
.chart-separator {
width: 10px !important;
}
}
@media screen yahoo and (min-width:480px) {
.w214{width:214px !important;min-width:214px !important;max-width:214px !important;}
.w316{width:316px !important;min-width:316px !important;max-width:316px !important;}
.w228{width:228px !important;min-width:228px !important;max-width:228px !important;}
.w174{width:174px !important;min-width:174px !important;max-width:174px !important;}
.w372{width:372px !important;min-width:372px !important;max-width:372px !important;}
.w340{width:340px !important;min-width:340px !important;max-width:340px !important;}
.w225{width:225px !important;min-width:225px !important;max-width:225px !important;}
.w310{width:310px !important;min-width:310px !important;max-width:310px !important;}
.w141{width:141px !important;min-width:141px !important;max-width:141px !important;}
.w290{width:290px !important;min-width:290px !important;max-width:290px !important;}
}
@media only screen and (max-width:480px) {
.emailbody{ width: 100vw !important; padding:0 !important; margin:0 !important;}
u + .emailbody{
width:100% !important;
}
}
[owa] .w214{width:214px !important;min-width:214px !important;max-width:214px !important;}
[owa] .w316{width:316px !important;min-width:316px !important;max-width:316px !important;}
[owa] .w228{width:228px !important;min-width:228px !important;max-width:228px !important;}
[owa] .w174{width:174px !important;min-width:174px !important;max-width:174px !important;}
[owa] .w372{width:372px !important;min-width:372px !important;max-width:372px !important;}
[owa] .w340{width:340px !important;min-width:340px !important;max-width:340px !important;}
[owa] .w225{width:225px !important;min-width:225px !important;max-width:225px !important;}
[owa] .w310{width:310px !important;min-width:310px !important;max-width:310px !important;}
[owa] .w141{width:141px !important;min-width:141px !important;max-width:141px !important;}
[owa] .w290{width:290px !important;min-width:290px !important;max-width:290px !important;}
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #1C1C1E;
}
.chameleon-heading {
color: #FFFFFF !important;
}
.chameleon-text {
color: #FFFFFF !important;
}
.chameleon-line {
border-color: #777777 !important;
}
.chameleon-store {
background-color: transparent !important;
border-color: #777777 !important;
box-shadow: 0 2px 0 0 #777777 !important;
}
.chameleon-store-label {
color: #E5E5E5 !important;
}
}
/* Hide gmail hack in applications that support media queries */
@media only screen and (max-width: 375px) {
.gmail-hack {
display: none !important;
}
}
</style></head> <body class="emailbody" style="margin: 0; padding:0;"><img src="https://pdk7s80bs6.execute-api.us-east-1.amazonaws.com/prod/excess-aws-track-email-open?encodedtrack=a8bfd2495a504e7affad17293df8104103c9eb1ceyJkaXN0aW5jdF9pZCI6IDExMTI5NzMxMTEsICJlbWFpbF9kb21haW4iOiAiZ21haWwuY29tIiwgImVtYWlsX3NlbmRfdGltZSI6IDE2ODQ1Nzc1Nzc0NjQsICJlbWFpbF90eXBlIjogIndlZWtseV9wcm9ncmVzcyIsICJsZXNzb25zIjogMSwgIm1pbnMiOiA3LCAicXVlc3Rpb25zIjogMTMsICJ1aV9sYW5ndWFnZSI6ICJlbiIsICJ1c2VfbmV3X3dvcmRzIjogZmFsc2UsICJ1c2VfcXVlc3Rpb25zIjogZmFsc2UsICJ1c2VyX2lkIjogMTExMjk3MzExMSwgIndlZWtseV94cCI6IDEzLCAid2Vla3Nfbm9fYWN0aXZpdHkiOiAwLCAid29yZHMiOiAwfQ==" style="display:none"/> <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;font-family:Arial, Helvetica, sans-serif;max-height:0px;max-width:0px;opacity:0;overflow:hidden;"> Hey WhyHello_There, check out your progress so far this week. </div> <div style="display: none; max-height: 0px; overflow: hidden; color:#ffffff;"> </div> <table align="center" border="0" cellpadding="0" cellspacing="0" class="deviceWidth" style="width:100%; min-width:100%;" width="100%"> <!-- begin gmail hack --> <tbody><tr><td border="0" cellpadding="0" cellspacing="0" height="1" style="line-height: 1px; min-width: 375px; width:100%;"> </td></tr> <!-- end gmail hack --> <tr> <td align="center"> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
<td align="center" valign="top" width="600">
<![endif]--> <!-- header --> <table border="0" cellpadding="0" cellspacing="0" class="deviceWidth" style="width:100%; max-width:600px;" width="600"> <tbody><tr> <td height="32" style="height:32px; min-height:32px; line-height:32px; font-size:1px;"> </td> </tr> <tr> <td align="center"> <a class="brand-logo-link" href="https://www.duolingo.com?email=6a7a75ce676307e1fa6dd30fcdb3809a56edd3bbImRyYXppZ3JlZW4yMDExQGdtYWlsLmNvbSI=&email_type=weekly_progress&target=logo&utm_content=logo&utm_source=comeback&utm_medium=logo&utm_campaign=WeeklyUpdate" target="_blank"> <img class="brand-logo-img mw103" height="24" src="https://dzvpwvcpo1876.cloudfront.net/duolingo-logo.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #ffffff; border-width:0;" width="103"/> </a> </td> </tr> </tbody></table> <!-- / header --> <!-- jumbotron --> <table border="0" cellpadding="0" cellspacing="0" class="deviceWidth" style="width:100%;max-width: 600px;" width="600"> <tbody><tr> <td align="center" style="padding-top:9px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" style="padding-left:30px; padding-right:30px;"> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="250">
<tr>
<td align="center" valign="top" width="250">
<![endif]--> <a href="https://www.duolingo.com/?email=6a7a75ce676307e1fa6dd30fcdb3809a56edd3bbImRyYXppZ3JlZW4yMDExQGdtYWlsLmNvbSI=&email_type=weekly_progress&target=hero_image&utm_content=hero_image&utm_source=comeback&utm_medium=email&utm_campaign=WeeklyUpdate" target="_blank"> <img height="188.20224719101122" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/duo/duo_more_progress.png" style="display:block; border:0px; max-width:250px;" width="250"/> </a> <!--[if (gte mso 9)|(IE)]>
</td></tr></table>
<![endif]--> </td> </tr> <tr> <td class="mobilespace24" height="21" style="height:21px; min-height:21px; line-height:21px;"> </td> </tr> <tr> <td align="center" style="padding: 0 30px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center"> <h1 class="f28 chameleon-heading" style="Margin:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:38px; font-weight:700; letter-spacing:0; color:#4c4c4c; text-align: center;"> WhyHello_There, amazing work this week! </h1> </td> </tr> <tr> <td align="center" class="mobile-pt13" style="padding-top:11px;"> <p class="chameleon-text" style="Margin:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; font-weight:400; letter-spacing:0; color:#777777; text-align: center;"> Your hard work is paying off! Check out your learning progress below. </p> </td> </tr> <tr> <td class="mobilespace32" height="27" style="height:27px; line-height:27px;"> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!-- /jumbotron --> <!-- button --> <table border="0" cellpadding="0" cellspacing="0" class="deviceWidth" style="width:100%;max-width: 600px;" width="600"> <tbody><tr> <td align="center"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" style="padding-left:4px; padding-right:4px;"> <div><!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
href="https://www.duolingo.com/?email=6a7a75ce676307e1fa6dd30fcdb3809a56edd3bbImRyYXppZ3JlZW4yMDExQGdtYWlsLmNvbSI=&utm_source=comeback&utm_medium=email&utm_campaign==WeeklyUpdate"
style="height:43px;v-text-anchor:middle;width:260px; box-shadow: 0 3px 0 0 #0a9be0;" arcsize="20%" strokecolor="#1cb0f6" fillcolor="#1cb0f6">
<w:anchorlock/>
<center style="font-family:sans-serif;font-size:16px;text-transform:uppercase;color:#ffffff;font-weight:bold;line-height:19px;letter-spacing:0.8px;">
CONTINUE LEARNING </center>
</v:roundrect>
<![endif]--> <!--[if !mso]><!-- --> <table border="0" cellpadding="0" cellspacing="0" style="width:240px;border-spacing:0;border-collapse:collapse;mso-hide:all; mso-table-lspace:0;mso-table-rspace:0;" width="240"> <tbody><tr> <td align="center" height="43" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;background-color:#1cb0f6;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px; box-shadow: 0 3px 0 0 #0a9be0; white-space:nowrap;"> <a href="https://www.duolingo.com/?email=6a7a75ce676307e1fa6dd30fcdb3809a56edd3bbImRyYXppZ3JlZW4yMDExQGdtYWlsLmNvbSI=&email_type=weekly_progress&target=cta&utm_content=cta&utm_source=comeback&utm_medium=email&utm_campaign=WeeklyUpdate" style="display:inline-block; width:100%;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;line-height:19px; letter-spacing:0.8px; text-transform:uppercase;color:#ffffff;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:100%; background-color:#1cb0f6;border-radius:14px; border-top:12px solid #1cb0f6; border-bottom:12px solid #1cb0f6;"> CONTINUE LEARNING </a> </td> </tr> </tbody></table> <!--<![endif]--></div> </td> </tr> <tr> <td class="mobilespace45 chameleon-line" height="60" style="height:60px; min-height:60px; line-height:60px; font-size:1px; border-bottom:2px solid #f2f2f2;"> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!-- / button --> <!-- report --> <table border="0" cellpadding="0" cellspacing="0" class="chameleon-line deviceWidth" style="width: 100%; max-width: 600px; border-bottom:2px solid #f2f2f2;" width="600"> <tbody><tr> <td align="center" class="mobile-pb20 mobile-pt30" style="padding: 40px 30px 29px;"> <h2 class="f22 chameleon-heading" style="Margin:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:19px; line-height:28px; font-weight:700;color:#4b4b4b;"> Your Weekly Report </h2> </td> </tr> <tr> <td align="center" class="mp0x5" style="padding: 0 30px;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" class="mobile-pb30" style="padding-left: 11px; padding-right: 11px; padding-bottom: 40px;"> <table border="0" cellpadding="0" cellspacing="0" class="board chameleon-line" height="100%" style="border: 2px solid #E5E5E5; border-radius: 16px;" width="100%"> <tbody class="board__body"> <tr class="board__row"> <td class="board__cell" style="min-width: 174px; text-align: center;" valign="top" width="174"> <!-- left inner --> <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"> <tbody><tr> <td align="center" style="padding: 20px 18px 19px;" valign="top"> <!-- stat --> <table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;"> <tbody><tr> <td class="stat-head" colspan="2" style="padding-bottom: 8px; text-align: center;"> <b class="stat-heading" style="font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; line-height:22px; font-weight:700;color:#A0A0A0;"> Days active </b> </td> </tr> <tr> <td valign="top" width="38"> <img height="30" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/icons/days_active.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td valign="top"> <b class="stat-value chameleon-heading" style="font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:32px; font-weight:700;color:#4b4b4b;"> 1<span style="font-size: 19px;"> of </span>7 </b> </td> </tr> </tbody></table> <!--/stat --> </td> </tr> </tbody></table> <!--/left inner --> </td> </tr> <tr class="board__row"> <td class="board__cell chameleon-line" style="border-top: 2px solid #E5E5E5;" valign="top" width="340"> <!-- right inner --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" class="days-chart-column" style="padding: 20px 16px 22px 17px;" valign="top"> <table border="0" cellpadding="0" cellspacing="0" style="max-width: 322px;" width="100%"> <tbody><tr> <th align="center" style="padding: 6px 0 3px;"> <b style="font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:700;color:#AFAFAF;"> S </b> </th> <th align="center" style="padding: 6px 0 3px;"> <b style="font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:700;color:#AFAFAF;"> S </b> </th> <th align="center" style="padding: 6px 0 3px;"> <b style="font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:700;color:#AFAFAF;"> M </b> </th> <th align="center" style="padding: 6px 0 3px;"> <b style="font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:700;color:#AFAFAF;"> T </b> </th> <th align="center" style="padding: 6px 0 3px;"> <b style="font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:700;color:#AFAFAF;"> W </b> </th> <th align="center" style="padding: 6px 0 3px;"> <b style="font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:700;color:#AFAFAF;"> T </b> </th> <th align="center" style="padding: 6px 0 3px;"> <b style="font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:700;color:#AFAFAF;"> F </b> </th> </tr> <tr> <td align="center" valign="top"> <img height="36" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/checkmark-empty@2x.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td align="center" valign="top"> <img height="36" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/checkmark-empty@2x.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td align="center" valign="top"> <img height="36" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/checkmark-empty@2x.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td align="center" valign="top"> <img height="36" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/checkmark-empty@2x.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td align="center" valign="top"> <img height="36" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/checkmark-empty@2x.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td align="center" valign="top"> <img height="36" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/checkmark-empty@2x.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td align="center" valign="top"> <img height="36" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/checkmark-day@2x.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--/right inner --> </td> </tr> </tbody> </table> </td> </tr> </tbody></table> </td> </tr> <tr> <td align="center" class="mp0x5" style="padding: 0 30px;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" class="mobile-pb30" style="padding-left: 11px; padding-right: 11px; padding-bottom: 40px;"> <table border="0" cellpadding="0" cellspacing="0" class="board chameleon-line" height="100%" style="border: 2px solid #E5E5E5; border-radius: 16px;" width="100%"> <tbody class="board__body"> <tr class="board__row"> <td class="board__cell" style="min-width: 174px; text-align: center;" valign="top" width="174"> <!-- left inner --> <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"> <tbody><tr> <td align="center" style="padding: 20px 18px 19px;" valign="top"> <!-- stat --> <table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;"> <tbody><tr> <td class="stat-head" colspan="2" style="padding-bottom: 8px; text-align: center;"> <b class="stat-heading" style="font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; line-height:22px; font-weight:700;color:#A0A0A0;"> XP earned </b> </td> </tr> <tr> <td valign="top" width="38"> <img height="30" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/icons/xp_earned.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td valign="top"> <b class="stat-value chameleon-heading" style="font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:32px; font-weight:700;color:#4b4b4b;"> 13 </b> </td> </tr> </tbody></table> <!--/stat --> <!-- substat --> <table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;"> <tbody><tr> <td class="substat-head" colspan="2" style="padding-top: 13px; text-align: center"> <div class="stat-heading" style="font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; color:#AFAFAF;"> </div> </td> </tr> </tbody></table> <!--/substat --> </td> </tr> </tbody></table> <!--/left inner --> </td> </tr> <tr class="board__row"> <td class="board__cell chameleon-line" style="border-top: 2px solid #E5E5E5;" valign="top" width="340"> <!-- right inner --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" style="padding: 9px 0 16px;" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="chart-layout-table" height="207" width="338"> <tbody><tr> <td height="207" rowspan="2" valign="top" width="50"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="right" style="padding-right: 8px; padding-top: 50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color: #AFAFAF;"> 15 </td> </tr> <tr> <td align="right" style="padding-right: 8px; padding-top: 40px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color: #AFAFAF;"> 8 </td> </tr> <tr> <td align="right" style="padding-right: 8px; padding-top: 40px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color: #AFAFAF;"> 0 </td> </tr> </tbody></table> </td> <td height="9" style="line-height: 9px;"> <!-- top padding above graph --> </td> <td rowspan="2" width="18"> <!-- right padding for better centering --> </td> </tr> <tr> <td class="chart-wrapping-cell" height="207" valign="top" width="270"> <div style="background-image: url('https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/chart-bar@2x.png'); background-size: 270px 2px; background-repeat: repeat-x; background-position: center 50px;"> <div style="background-image: url('https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/chart-bar@2x.png'); background-size: 270px 2px; background-repeat: repeat-x; background-position: center 110px;"> <!-- chart only --> <table border="0" cellpadding="0" cellspacing="0" class="chart-table" height="207" width="270"> <tbody><tr> <td align="center" class="xp-table-column chameleon-line" style="border-bottom: 2px solid #E3E3E3;" valign="top" width="90"> <!-- bar + bubble + top padding --> <table border="0" cellpadding="0" cellspacing="0" width="70"> <tbody><tr> <td align="center" style="padding-top: 0px;" valign="top"> <!-- bubble--> <!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" strokecolor="none" fillcolor="none" style="width: 70px; height: 50px; mso-position-vertical: top;">
<v:fill type="tile" size="100%,100%" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/bubble-faded.png"/>
<v:textbox inset="0,0,0,0">
<![endif]--> <table border="0" cellpadding="0" cellspacing="0" style="background-image: url('https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/bubble-faded.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center center;" width="100%"> <tbody><tr> <td align="center" style="padding: 12px 2px 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 20px; mso-line-height-rule: exactly; color: #AFAFAF;"> 15 XP </td> </tr> </tbody></table> <!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]--> <!--/bubble--> <!-- bar --> <!-- "overflow hidden" for outlook (v:rect + table) : --> <!--[if (gte mso 9)|(IE)]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" strokecolor="none" fillcolor="none" style="width: 70px; height: 120px; mso-position-vertical: top;">
<v:fill type="tile" src="" color=""/>
<v:textbox inset="0,0,0,0">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<![endif]--> <!-- "overflow hidden" for others: --> <div style="height: 120px; max-height: 120px; text-align: center; overflow: hidden;"> <img height="120" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/pillar-faded@2x.png" style="min-width: 70px; max-width: 70px; border: none;" width="70"/> </div> <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
</v:textbox>
</v:rect>
<![endif]--> <!--/bar --> </td> </tr> </tbody></table> <!--/bar + bubble + top padding --> </td> <td align="center" class="xp-table-column chameleon-line" style="border-bottom: 2px solid #E3E3E3;" valign="top" width="90"> <!-- bar + bubble + top padding --> <table border="0" cellpadding="0" cellspacing="0" width="70"> <tbody><tr> <td align="center" style="padding-top: 114px;" valign="top"> <!-- bubble--> <!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" strokecolor="none" fillcolor="none" style="width: 70px; height: 50px; mso-position-vertical: top;">
<v:fill type="tile" size="100%,100%" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/bubble-faded.png"/>
<v:textbox inset="0,0,0,0">
<![endif]--> <table border="0" cellpadding="0" cellspacing="0" style="background-image: url('https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/bubble-faded.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center center;" width="100%"> <tbody><tr> <td align="center" style="padding: 12px 2px 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 20px; mso-line-height-rule: exactly; color: #AFAFAF;"> 0 XP </td> </tr> </tbody></table> <!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]--> <!--/bubble--> <!-- bar --> <!-- "overflow hidden" for outlook (v:rect + table) : --> <!--[if (gte mso 9)|(IE)]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" strokecolor="none" fillcolor="none" style="width: 70px; height: 6px; mso-position-vertical: top;">
<v:fill type="tile" src="" color=""/>
<v:textbox inset="0,0,0,0">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<![endif]--> <!-- "overflow hidden" for others: --> <div style="height: 6px; max-height: 6px; text-align: center; overflow: hidden;"> <img height="120" src="https://d2h7jmc5kw17oy.cloudfront.net/images/progress-reminder-images/bar_grey.png" style="min-width: 70px; max-width: 70px; border: none;" width="70"/> </div> <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
</v:textbox>
</v:rect>
<![endif]--> <!--/bar --> </td> </tr> </tbody></table> <!--/bar + bubble + top padding --> </td> <td align="center" class="xp-table-column chameleon-line" style="border-bottom: 2px solid #E3E3E3;" valign="top" width="90"> <!-- bar + bubble + top padding --> <table border="0" cellpadding="0" cellspacing="0" width="70"> <tbody><tr> <td align="center" style="padding-top: 16px;" valign="top"> <!-- bubble--> <!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" strokecolor="none" fillcolor="none" style="width: 70px; height: 50px; mso-position-vertical: top;">
<v:fill type="tile" size="100%,100%" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/bubble.png"/>
<v:textbox inset="0,0,0,0">
<![endif]--> <table border="0" cellpadding="0" cellspacing="0" style="background-image: url('https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/bubble.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center center;" width="100%"> <tbody><tr> <td align="center" style="padding: 12px 2px 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 20px; mso-line-height-rule: exactly; color: #FFFFFF; text-shadow: 0 0 2px #FF9700;"> 13 XP </td> </tr> </tbody></table> <!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]--> <!--/bubble--> <!-- bar --> <!-- "overflow hidden" for outlook (v:rect + table) : --> <!--[if (gte mso 9)|(IE)]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" strokecolor="none" fillcolor="none" style="width: 70px; height: 104px; mso-position-vertical: top;">
<v:fill type="tile" src="" color=""/>
<v:textbox inset="0,0,0,0">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<![endif]--> <!-- "overflow hidden" for others: --> <div style="height: 104px; max-height: 104px; text-align: center; overflow: hidden;"> <img height="120" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/pillar@2x.png" style="min-width: 70px; max-width: 70px; border: none;" width="70"/> </div> <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
</v:textbox>
</v:rect>
<![endif]--> <!--/bar --> </td> </tr> </tbody></table> <!--/bar + bubble + top padding --> </td> </tr> <tr> <td align="center" class="xp-table-column" style="padding: 15px 0 6px; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; color: #AFAFAF;" valign="top" width="90"> 2 Weeks Ago </td> <td align="center" class="xp-table-column" style="padding: 15px 0 6px; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; color: #AFAFAF;" valign="top" width="90"> Last Week </td> <td align="center" class="xp-table-column" style="padding: 15px 0 6px; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; color: #777777; font-weight: bold;" valign="top" width="90"> This Week </td> </tr> </tbody></table> <!--/chart only --> </div> </div> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--/right inner --> </td> </tr> </tbody> </table> </td> </tr> </tbody></table> </td> </tr> <tr> <td align="center" class="mp0x5" style="padding: 0 30px;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" style="padding-left: 11px; padding-right: 11px; padding-bottom: 40px;"> <table border="0" cellpadding="0" cellspacing="0" class="board chameleon-line" height="100%" style="border: 2px solid #E5E5E5; border-radius: 16px;" width="100%"> <tbody class="board__body"> <tr class="board__row"> <td class="board__cell" style="min-width: 174px; text-align: center;" valign="top" width="174"> <!-- left inner --> <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"> <tbody><tr> <td align="center" style="padding: 20px 18px 19px;" valign="top"> <!-- stat --> <table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;"> <tbody><tr> <td class="stat-head" colspan="2" style="padding-bottom: 8px;"> <b class="stat-heading" style="font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; line-height:22px; font-weight:700;color:#A0A0A0;"> Time learning </b> </td> </tr> <tr> <td valign="top" width="38"> <img height="30" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/icons/time_learning.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td valign="top"> <b class="stat-value chameleon-heading" style="font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:32px; font-weight:700;color:#4b4b4b;"> 0<span style="font-size: 19px;">h</span> 8<span style="font-size: 19px;">m</span> </b> </td> </tr> </tbody></table> <!--/stat --> <!-- substat --> <table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;"> <tbody><tr> <td class="substat-head" colspan="2" style="padding-top: 13px;"> <div class="stat-heading" style="font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; color:#AFAFAF;"> <b style="color: #777777;">8m more</b> than last week </div> </td> </tr> </tbody></table> <!--/substat --> </td> </tr> </tbody></table> <!--/left inner --> </td> </tr> <tr class="board__row"> <td class="board__cell chameleon-line" style="border-top: 2px solid #E5E5E5;" valign="top" width="340"> <!-- right inner --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" style="padding: 22px 0;" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="338"> <tbody><tr> <td width="13"> <!-- this is left padding --> </td> <td valign="top" width="24"> <img height="20" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/week-current.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="20"/> </td> <td align="left" style="font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; line-height:20px; color: #1CB0F6;" valign="top" width="183"> This week </td> <td align="right" style="font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; line-height:20px; color: #1CB0F6;" valign="top" width="100"> 0h 8m </td> <td width="18"> <!-- this is right padding --> </td> </tr> <tr> <td style="padding-bottom: 17px;" width="13"> <!-- this is left padding --> </td> <td valign="top" width="24"> <img height="20" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/week-last.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="20"/> </td> <td align="left" style="padding-bottom: 17px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; line-height:20px; color: #AFAFAF;" valign="top" width="183"> Last week </td> <td align="right" style="padding-bottom: 17px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; line-height:20px; color: #AFAFAF;" valign="top" width="100"> 0h 0m </td> <td style="padding-bottom: 17px;" width="18"> <!-- this is right padding --> </td> </tr> </tbody></table> <table border="0" cellpadding="0" cellspacing="0" class="chart-layout-table" height="137" width="338"> <tbody><tr> <td height="137" rowspan="2" valign="top" width="52"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="right" style="padding-right: 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color: #AFAFAF;"> 20m </td> </tr> <tr> <td align="right" style="padding-right: 8px; padding-top: 30px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color: #AFAFAF;"> 10m </td> </tr> <tr> <td align="right" style="padding-right: 8px; padding-top: 30px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color: #AFAFAF;"> 0m </td> </tr> </tbody></table> </td> <td height="9" style="line-height: 9px;"> <!-- top padding above graph --> </td> <td rowspan="2" width="18"> <!-- right padding for better centering --> </td> </tr> <tr> <td class="chart-wrapping-cell" height="137" valign="top" width="268"> <div style="background-image: url('https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/chart-bar@2x.png'); background-size: 270px 2px; background-repeat: repeat-x; background-position: center top;"> <div style="background-image: url('https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/chart-bar@2x.png'); background-size: 270px 2px; background-repeat: repeat-x; background-position: center 50px;"> <!--[if gte mso 9]>
<v:rect style="width: 268px; height: 137px; mso-position-vertical: top;" strokecolor="none" fillcolor="none">
<v:fill size="100%,100%" type="tile" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/chart-time.png"/>
</v:rect>
<v:shape id="a" style="position: absolute; width: 268px; height: 137px;">
<![endif]--> <!-- chart only --> <table border="0" cellpadding="0" cellspacing="0" class="chart-table" height="137" width="268"> <tbody><tr> <td align="center" class="chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="22"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#1CB0F6" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is blue bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> <td width="2"> <!-- this is padding between blue and grey bars --> </td> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#E5E5E5" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is grey bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> <td class="chart-separator chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="19"> <!-- This is free padding between days. At least character is needed. Otherwise Thunderbird won't show border.--> </td> <td align="center" class="chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="22"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#1CB0F6" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is blue bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> <td width="2"> <!-- this is padding between blue and grey bars --> </td> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#E5E5E5" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is grey bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> <td class="chart-separator chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="19"> <!-- This is free padding between days. At least character is needed. Otherwise Thunderbird won't show border.--> </td> <td align="center" class="chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="22"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#1CB0F6" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is blue bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> <td width="2"> <!-- this is padding between blue and grey bars --> </td> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#E5E5E5" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is grey bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> <td class="chart-separator chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="19"> <!-- This is free padding between days. At least character is needed. Otherwise Thunderbird won't show border.--> </td> <td align="center" class="chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="22"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#1CB0F6" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is blue bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> <td width="2"> <!-- this is padding between blue and grey bars --> </td> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#E5E5E5" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is grey bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> <td class="chart-separator chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="19"> <!-- This is free padding between days. At least character is needed. Otherwise Thunderbird won't show border.--> </td> <td align="center" class="chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="22"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#1CB0F6" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is blue bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> <td width="2"> <!-- this is padding between blue and grey bars --> </td> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#E5E5E5" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is grey bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> <td class="chart-separator chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="19"> <!-- This is free padding between days. At least character is needed. Otherwise Thunderbird won't show border.--> </td> <td align="center" class="chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="22"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#1CB0F6" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is blue bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> <td width="2"> <!-- this is padding between blue and grey bars --> </td> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#E5E5E5" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is grey bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> <td class="chart-separator chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="19"> <!-- This is free padding between days. At least character is needed. Otherwise Thunderbird won't show border.--> </td> <td align="center" class="chameleon-line" style="border-bottom: 2px solid #E3E3E3;" width="22"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#1CB0F6" height="35" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is blue bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> <td width="2"> <!-- this is padding between blue and grey bars --> </td> <td height="100" valign="bottom" width="10"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td bgcolor="#E5E5E5" height="5" style="border-radius: 3px 3px 0 0;" width="10"> <!-- This is grey bar
widht="10" has to be duplicated here in order to make it work on Pixel's Gmail
--> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> <tr> <td align="center" style="padding: 15px 0 6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; mso-line-height-rule: exactly; color: #AFAFAF;" width="22"> S </td> <td> <!-- this is free padding between days --> </td> <td align="center" style="padding: 15px 0 6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; mso-line-height-rule: exactly; color: #AFAFAF;" width="22"> S </td> <td> <!-- this is free padding between days --> </td> <td align="center" style="padding: 15px 0 6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; mso-line-height-rule: exactly; color: #AFAFAF;" width="22"> M </td> <td> <!-- this is free padding between days --> </td> <td align="center" style="padding: 15px 0 6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; mso-line-height-rule: exactly; color: #AFAFAF;" width="22"> T </td> <td> <!-- this is free padding between days --> </td> <td align="center" style="padding: 15px 0 6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; mso-line-height-rule: exactly; color: #AFAFAF;" width="22"> W </td> <td> <!-- this is free padding between days --> </td> <td align="center" style="padding: 15px 0 6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; mso-line-height-rule: exactly; color: #AFAFAF;" width="22"> T </td> <td> <!-- this is free padding between days --> </td> <td align="center" style="padding: 15px 0 6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; mso-line-height-rule: exactly; color: #AFAFAF;" width="22"> F </td> </tr> </tbody></table> </div> </div> <!--[if gte mso 9]>
</v:shape>
<![endif]--> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--/right inner --> </td> </tr> </tbody> </table> </td> </tr> </tbody></table> </td> </tr> <tr> <td align="center"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="padding-bottom: 40px;" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" class="mp0x5" style="padding: 0 30px;"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr align="center"> <td style="padding-left: 11px; padding-right: 11px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="30.6667%"> <table border="0" cellpadding="0" cellspacing="0" class="chameleon-line" style="border: 2px solid #E5E5E5; border-radius: 15px;" width="100%"> <tbody><tr> <td class="card-inner" style="padding: 19px 10px 13px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" class="card-head" colspan="2" style="padding: 4px;"> <b class="card-heading" style="font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:13px; line-height:22px; font-weight:700;color:#A0A0A0;"> Words learned </b> </td> </tr> <tr> <td align="right" style="padding: 4px;" width="46%"> <img height="30" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/icons/words_learned.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td align="left" style="padding: 4px;" width="54%"> <b class="card-value chameleon-heading" style="font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:38px; font-weight:700;color:#4b4b4b;"> 4 </b> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> <td width="4%"> </td> <td width="30.6667%"> <table border="0" cellpadding="0" cellspacing="0" class="chameleon-line" style="border: 2px solid #E5E5E5; border-radius: 15px;" width="100%"> <tbody><tr> <td class="card-inner" style="padding: 19px 2px 13px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" class="card-head" colspan="2" style="padding: 4px;"> <b class="card-heading" style="font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:13px; line-height:22px; font-weight:700;color:#A0A0A0;"> Phrases reviewed </b> </td> </tr> <tr> <td align="right" style="padding: 4px;" width="46%"> <img height="30" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/icons/phrases_reviewed.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td align="left" style="padding: 4px;" width="54%"> <b class="card-value chameleon-heading" style="font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:38px; font-weight:700;color:#4b4b4b;"> 13 </b> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> <td width="4%"> </td> <td width="30.6667%"> <table border="0" cellpadding="0" cellspacing="0" class="chameleon-line" style="border: 2px solid #E5E5E5; border-radius: 15px;" width="100%"> <tbody><tr> <td class="card-inner" style="padding: 19px 2px 13px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" class="card-head" colspan="2" style="padding: 4px;"> <b class="card-heading" style="font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:13px; line-height:22px; font-weight:700;color:#A0A0A0;"> Lessons finished </b> </td> </tr> <tr> <td align="right" style="padding: 4px;" width="46%"> <img height="30" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/icons/lessons_finished.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="30"/> </td> <td align="left" style="padding: 4px;" width="54%"> <b class="card-value chameleon-heading" style="font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:38px; font-weight:700;color:#4b4b4b;"> 1 </b> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!-- / report --> <!-- section 2 cols --> <table border="0" cellpadding="0" cellspacing="0" class="deviceWidth" style="width:100%;max-width:600px;" width="600"> <tbody><tr> <td class="mobilespace24" height="40" style="height:40px; min-height:40px; line-height:40px;"> </td> </tr> <tr> <td align="center"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td valign="top"> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" dir="ltr">
<tr>
<td align="center" valign="top" width="228">
<![endif]--> <table align="left" border="0" cellpadding="0" cellspacing="0" class="responsive-table w228" style="min-width:100%; width:38%; max-width:100%;min-width:-webkit-calc(38%); min-width:calc(38%);width:-webkit-calc(360000px - 60000%);width: calc(360000px - 60000%);" width="228"> <tbody><tr> <td align="center" style="padding-bottom:16px; padding-top:16px;"> <a href="https://www.duolingo.com/?email=6a7a75ce676307e1fa6dd30fcdb3809a56edd3bbImRyYXppZ3JlZW4yMDExQGdtYWlsLmNvbSI=&email_type=weekly_progress&target=hero_image&utm_content=hero_image&utm_source=comeback&utm_medium=email&utm_campaign=WeeklyUpdate" target="_blank" web-redirect="1"> <img height="120" src="https://d2h7jmc5kw17oy.cloudfront.net/images/emails/progress/duo/duo_reading.png" style="display:block; border:0px;text-decoration: none; border-style: none; color: #555555; border-width:0;" width="217"/> </a> </td> </tr> </tbody></table> <!--[if (gte mso 9)|(IE)]>
</td>
<td align="center" valign="top" width="372">
<![endif]--> <table align="right" border="0" cellpadding="0" cellspacing="0" class="responsive-table w372" dir="ltr" style="min-width:100%; width:62%; max-width:100%;min-width:-webkit-calc(62%); min-width:calc(62%);width:-webkit-calc(360000px - 60000%);width: calc(360000px - 60000%);" width="372"> <tbody><tr> <td style="width:32px; min-width:32px; max-width:32px;" width="32"> </td> <td align="center" style="padding-left:3px; padding-right:3px;"> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="308">
<tr>
<td align="center" valign="top" width="308">
<![endif]--> <table align="left" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td align="left" class="mobile-pt2" style="padding-top:10px;text-align: center;"> <h3 class="f22 chameleon-heading" style="Margin:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:19px; line-height:28px; font-weight:700;color:#4b4b4b; "> Practice makes perfect! </h3> </td> </tr> <tr> <td align="left" class="mobile-pt13" style="padding-top:16px;text-align: center;"> <p class="chameleon-text" style="Margin:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; font-weight:400; color:#777777;text-align: center;"> Learning is a healthy habit. How about some Japanese practice? </p> </td> </tr> </tbody></table> <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </td> <td style="width:32px; min-width:32px; max-width:32px;" width="32"> </td> </tr> </tbody></table> <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </td> </tr> </tbody></table> </td> </tr> <tr> <td class="mobilespace28" height="40" style="height:40px; min-height:40px; line-height:40px; font-size:1px;"> </td> </tr> </tbody></table> <!-- / section 2 cols --> <!-- section --> <table border="0" cellpadding="0" cellspacing="0" class="deviceWidth" style="width:100%;max-width: 600px;" width="600"> <tbody><tr> <td align="center"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="center" style="padding-left:4px; padding-right:4px;"> <div><!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
href="https://www.duolingo.com/?email=6a7a75ce676307e1fa6dd30fcdb3809a56edd3bbImRyYXppZ3JlZW4yMDExQGdtYWlsLmNvbSI=&utm_source=comeback&utm_medium=email&utm_campaign=WeeklyUpdate"
style="height:43px;v-text-anchor:middle;width:260px; box-shadow: 0 3px 0 0 #0a9be0;" arcsize="20%" strokecolor="#1cb0f6" fillcolor="#1cb0f6">
<w:anchorlock/>
<center style="font-family:sans-serif;font-size:16px;text-transform:uppercase;color:#ffffff;font-weight:bold;line-height:19px;letter-spacing:0.8px;">
Keep practicing </center>
</v:roundrect>
<![endif]--> <!--[if !mso]><!-- --> <table border="0" cellpadding="0" cellspacing="0" style="width:240px;border-spacing:0;border-collapse:collapse;mso-hide:all; mso-table-lspace:0;mso-table-rspace:0;" width="240"> <tbody><tr> <td align="center" height="43" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;background-color:#1cb0f6;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px; box-shadow: 0 3px 0 0 #0a9be0; white-space:nowrap;"> <a href="https://www.duolingo.com/?email=6a7a75ce676307e1fa6dd30fcdb3809a56edd3bbImRyYXppZ3JlZW4yMDExQGdtYWlsLmNvbSI=&email_type=weekly_progress&target=cta&utm_content=cta&utm_source=comeback&utm_medium=email&utm_campaign=WeeklyUpdate" style="display:inline-block; width:100%;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;line-height:19px; letter-spacing:0.8px; text-transform:uppercase;color:#ffffff;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:100%; background-color:#1cb0f6;border-radius:14px; border-top:12px solid #1cb0f6; border-bottom:12px solid #1cb0f6;"> Keep practicing </a> </td> </tr> </tbody></table> <!--<![endif]--></div> </td> </tr> <tr> <td class="mobilespace45 chameleon-line" height="60" style="height:60px; min-height:60px; line-height:60px; font-size:1px; border-bottom:2px solid #f2f2f2;"> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!-- / section --> <!-- Footer --> <table border="0" cellpadding="0" cellspacing="0" class="deviceWidth" style="max-width: 600px;" width="100%"> <tbody><tr> <td align="center" class="mobile-pt16" style="padding-top:10px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="mw22" style="width:32px; min-width:32px; max-width:32px;" width="32"> </td> <td valign="top"> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="536" dir="rtl">
<tr>
<td align="center" valign="top" width="141">
<![endif]--> <table align="right" border="0" cellpadding="0" cellspacing="0" class="responsive-table w141" dir="ltr" style="min-width:100%; width:27%; max-width:100%;min-width:-webkit-calc(27%); min-width:calc(27%);width:-webkit-calc(287296px - 53600%);width: calc(287296px - 53600%);" width="141"> <tbody><tr> <td align="left" style="padding-top:4px;"> <table border="0" cellpadding="0" cellspacing="0" width="141"> <tbody><tr> <td> <a href="https://www.instagram.com/duolingo" style="color:#a7a7a7;" target="_blank" web-redirect="1"><img alt="Instagram" height="auto" src="https://dzvpwvcpo1876.cloudfront.net/Instagram_dark.png" style="display:block; border:0;" width="24"/> </a> </td> <td style="width:15px; min-width:15px; font-size:1px;" width="15"> </td> <td> <a href="https://twitter.com/duolingo" style="color:#a7a7a7;" target="_blank" web-redirect="1"><img alt="Twitter" height="auto" src="https://dzvpwvcpo1876.cloudfront.net/Twitter_dark.png" style="display:block; border:0;" width="24"/> </a> </td> <td style="width:15px; min-width:15px; font-size:1px;" width="15"> </td> <td> <a href="https://www.facebook.com/duolingo" style="color:#a7a7a7;" target="_blank" web-redirect="1"><img alt="Facebook" height="auto" src="https://dzvpwvcpo1876.cloudfront.net/Facebook_dark.png" style="display:block; border:0;" width="24"/> </a> </td> <td style="width:15px; min-width:15px; font-size:1px;" width="15"> </td> <td> <a href="https://www.youtube.com/user/duolingo" style="color:#a7a7a7;" target="_blank" web-redirect="1"><img alt="Youtube" height="auto" src="https://dzvpwvcpo1876.cloudfront.net/youtube_icon_dark_2x_USE.png" style="display:block; border:0;" width="24"/> </a> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--[if (gte mso 9)|(IE)]>
</td>
<td align="center" valign="top" width="394">
<![endif]--> <table align="left" border="0" cellpadding="0" cellspacing="0" class="responsive-table w290" dir="ltr" style="min-width:100%; width:54%; max-width:100%;min-width:-webkit-calc(54%); min-width:calc(54%);width:-webkit-calc(287296px - 53600%);width: calc(287296px - 53600%);" width="290"> <tbody><tr> <td align="center" class="mobile-pt16" style="padding-top: 10px; padding-bottom: 4px;"> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="300">
<tr>
<td align="center" valign="top" width="300">
<![endif]--> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td align="left"> <p style="Margin:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; font-weight:400; color:#a7a7a7;"> <a style="color: #a7a7a7; text-decoration: none;">5900 Penn Avenue, Pittsburgh PA 15206, USA</a> </p> <p style="Margin:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; font-weight:400; color:#a7a7a7;"> <a href="https://www.duolingo.com/careers?email_type=notify_weekly_progress_report&email=6a7a75ce676307e1fa6dd30fcdb3809a56edd3bbImRyYXppZ3JlZW4yMDExQGdtYWlsLmNvbSI=&utm_source=comeback&utm_campaign=WeeklyUpdate" style="color:#a7a7a7; text-decoration:underline;" target="_blank" web-redirect="1"><span style="color:#a7a7a7;">We're hiring!</span></a> | <a href="https://www.duolingo.com/unsubscribe?type=notify_weekly_progress_report&email=6a7a75ce676307e1fa6dd30fcdb3809a56edd3bbImRyYXppZ3JlZW4yMDExQGdtYWlsLmNvbSI=&utm_source=comeback&utm_medium=email&utm_campaign=WeeklyUpdate&utm_content=unsubscribe" style="color:#a7a7a7; text-decoration:underline;" target="_blank" web-redirect="1"><span style="color:#a7a7a7;">Unsubscribe</span></a> </p> </td> </tr> </tbody></table> <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </td> </tr> </tbody></table> <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </td> <td class="mw22" style="width:32px; min-width:32px; max-width:32px;" width="32"> </td> </tr> </tbody></table> </td> </tr> <tr> <td height="60" style="height:60px; min-height:60px; line-height:60px; font-size:1px;"> </td> </tr> </tbody></table> <!-- / Footer --> <!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </td> </tr> </tbody></table> <!-- FIX FOR GMAIL iOS --> <div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff;"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </div> <!-- FIX FOR GMAIL iOS --> </body></html>