Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<html dir="ltr" lang="en">
 <head>
  <title>
   New: Plan ahead with Upcoming View ✨
  </title>
  <meta charset="utf-8"/>
  <meta content="text/html charset=UTF-8" http-equiv="Content-Type"/>
  <meta content="width=device-width" name="viewport"/>
  <style type="text/css">
   /* CLIENT-SPECIFIC STYLES */
        #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
        .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
        body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
        table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
        img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

        /* iOS BLUE LINKS */
        
    .ios-links a {color:#E44232 !important; text-decoration: none !important;}


        /* RESET STYLES */
        body{margin:0; padding:0;}
        img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
        table{border-collapse:collapse !important;}
        body{height:100% !important; margin:0; padding:0; width:100% !important;}

        
    /* FONT SMOOTHING */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }


        /* MOBILE STYLES */
        @media screen and (max-width: 630px) {

            /* RESPONSIVE ELEMENTS */
            img[class="responsive-img"]{
              max-width: 100% !important;
              height: auto !important;
            }

            table[class="responsive-button"]{
              width: 100% !important;
            }

            table[class="responsive-table"]{
              width: 100% !important;
            }

            /* RESPONSIVE VISIBILITY */
            img[class="mobile-hide"]{
              display: none !important;
            }

            td[class="mobile-hide"]{
              display: none !important;
            }

            /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
            td[class="no-padding"]{
              padding: 0 !important;
            }

            /* COMPONENTS */
            
    /* HEADING A */
    td[class="heading-a-title"]{
      font-size: 23px !important;
    }

    td[class="heading-a-subtitle"]{
      font-size: 20px !important;
    }

        }
  </style>
 </head>
 <body style="margin: 0; padding: 0; ">
  <!-- PREHEADER TEXT -->
  <div style="display: none; font-size: 1px; color: #474747; line-height: 1px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity:0; overflow:hidden;">
   See all your tasks due today, this week, or any week.
  </div>
  <!-- HEADER -->
  <table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;" width="100%">
   <tr>
    <td align="center" class="responsive-table" style="padding: 0 32px 12px;" width="570">
     <a style="color: #BDBDBD; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 14px; text-decoration: none;">
      Display it in your browser.
     </a>
    </td>
   </tr>
  </table>
  <table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;" width="100%">
   <tr>
    <td align="center" style="padding: 0;">
     <table border="0" cellpadding="0" cellspacing="0" class="responsive-table" width="570">
      <tr>
       <td bgcolor="#ffffff" colspan="2" style="padding: 32px 0 0 0;">
       </td>
      </tr>
      <tr>
       <td align="left" bgcolor="#ffffff" style="padding: 0 0 32px 0; padding-left: 8px; " width="300">
        <a target="_blank">
         <img alt="Todoist" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252F522758c4fe8b0643d5015652724300e7.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMnK:ggWGBlAoNs1_4tcoD6U8R4IiIkxwkWe7VcJkIZN7F5M" style="height: auto; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #666666; font-size: 16px; max-width: 100%;" width="138"/>
        </a>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <!-- GRID CONTAINER -->
  <table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;" width="100%">
   <tr>
    <td align="center" style="padding: 0;">
     <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="responsive-table" width="570">
      <!-- GRID ROW -->
      <tr>
       <td style="padding: 0 8px 0 8px;">
        <!-- GRID CELL -->
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="responsive-table" width="100%">
         <tr>
          <td>
           <!-- GRID CELL INNER -->
           <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <!-- CONTENT -->
            <tr>
             <!-- HEADING -->
             <td align="left" style="padding-bottom: 0px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 500 ; line-height: 28px">
              Plan Ahead with Upcoming View
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              See all your tasks due today, this week, or any week.
             </td>
            </tr>
            <tr>
             <!-- IMAGE -->
             <td align="center" style="padding-bottom: 16px">
              <a target="_blank">
               <div class="responsive-img" style="max-width: 600px">
                <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Fbanner-fbbe3a.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMnK:ggWGBlAoNs1_4tcoD6U8R4IiIkxwkWe7VcJkIZN7F5M" style="height: auto; display: block; color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px;" width="100%"/>
               </div>
              </a>
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              Feel in control of your schedule with new
              <b>
               Upcoming View
              </b>
              : A bird’s eye look at all your future tasks. You can now easily preview your upcoming workload and jump to any date in seconds. Save time when adding or rescheduling a task, too, by simply dragging and dropping tasks to their new date.
             </td>
            </tr>
            <tr>
             <!-- IMAGE -->
             <td align="center" style="padding-bottom: 16px">
              <a target="_blank">
               <div class="responsive-img" style="max-width: 600px">
                <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Finterface-a4fe43.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXMnK:ggWGBlAoNs1_4tcoD6U8R4IiIkxwkWe7VcJkIZN7F5M" style="height: auto; display: block; color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px;" width="100%"/>
               </div>
              </a>
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              To get started, find
              <b>
               Upcoming
              </b>
              under
              <b>
               Today
              </b>
              in your navigation menu, or learn more on our blog:
             </td>
            </tr>
            <tr>
             <td align="center" style="padding-bottom: 0">
              <!-- BUTTON -->
              <table border="0" cellpadding="0" cellspacing="0" class="responsive-button" width="100%">
               <tr>
                <td align="center" bgcolor="#E44232" style="-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;">
                 <a style="font-size: 16px; line-height: 17px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; color: #ffffff; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 24px; display: block;" target="_blank">
                  <!--[if gte mso 9]>&nbsp;<![endif]-->
                  Learn more →
                  <!--[if gte mso 9]>&nbsp;<![endif]-->
                 </a>
                </td>
               </tr>
              </table>
             </td>
            </tr>
            <tr>
             <!-- SPACER A -->
             <td class="spacer-a" style="padding-bottom: 25px">
             </td>
            </tr>
            <tr>
             <!-- SPACER A -->
             <td class="spacer-a" style="padding-bottom: 25px">
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #202020; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              All the best,
              <br/>
              The Todoist Team
             </td>
            </tr>
            <tr>
             <!-- PARAGRAPH -->
             <td align="left" style="padding-bottom: 16px; color: #616161; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px">
              P.S. This update will be rolling out to everyone over the next 24 hours.
             </td>
            </tr>
            <tr>
             <!-- SPACER A -->
             <td class="spacer-a" style="padding-bottom: 25px">
             </td>
            </tr>
            <tr>
             <!-- SPACER A -->
             <td class="spacer-a" style="padding-bottom: 25px">
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <!-- FOOTER -->
  <table border="0" cellpadding="0" cellspacing="0" style="table-layout: fixed;" width="100%">
   <tr>
    <td align="center" class="responsive-table" style="padding: 0 32px 12px;" width="570">
     <div align="center" style="padding-bottom: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 24px; color: #949494">
      <a style="color: #999999; text-decoration:none; border-right: 1px solid #9A9A9A; padding-right: 10px;">
       Blog
      </a>
      <a style="color: #999999; text-decoration:none; border-right: 1px solid #9A9A9A; padding: 0 10px;">
       Twitter
      </a>
      <a style="color: #999999; text-decoration:none; border-right: 1px solid #9A9A9A; padding: 0 10px;">
       Facebook
      </a>
      <a style="color: #999999; text-decoration: none; padding-left: 10px;">
       Help Center
      </a>
     </div>
    </td>
   </tr>
  </table>
  <table cellpadding="0" cellspacing="0" class="contenttable" style="margin-top: 47px; line-height:22px; font-size: 12px; font-family:'Helvetica Neue',helvetica,sans-serif; color: #999; width: 100%;">
   <tr>
    <td>
    </td>
    <td style="border-top-style:solid; border-top-width:1px; border-top-color:#bbb; width: 640px; text-align: center; padding-top: 8px; padding-bottom: 8px;">
     If you no longer wish to receive Todoist emails,
     <a style="color: #999">
      click here to unsubscribe
     </a>
     .
    </td>
    <td>
    </td>
   </tr>
  </table>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fem.todoist.net%252Fwf%252Fopen%253Fupn%253DqAaAZJY-2Bx82CL6VYupKBb3ulM3mt70QSPCkEh5aLhxmInrIRoroJ56Z98OfpiLpMIQFR-2BiwX3rA5aitcXef-2B70o74A-2B-2BvkLgwSofza7r9rQa0tvSLWu8F1Pt8ZQsVuj6tR3-2FvQ4VHeeR4jmNM9BU06YxAv7-2BiWAsRVM1flXOg-2B2FOnojkcnYOwWV6O6yrKLyDi4mGM5o11n0IyC96fHKbfzHr2Ah99ABapEyFsyt79d3gMHv4I8aXEtFGy-2BjP7wx/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbS50b2RvaXN0LiJ9:1kXMnK:U_uN9QuhlOLtcm5SGJUWWUUATSdImu0DAEFTcbp8DQM" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
 </body>
</html>