Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html dir="ltr" lang="en">
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width" name="viewport"/>
  <!--[if !mso]><!-->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <title>
   Start getting organized with your Todoist
  </title>
  <style type="text/css">
   html,
            body {
                margin: 0 auto !important;
                padding: 0 !important;
                height: 100% !important;
                width: 100% !important;
            }

            * {
                -ms-text-size-adjust: 100%;
                -webkit-text-size-adjust: 100%;
            }

            div[style*="margin: 16px 0"] {
                margin: 0 !important;
            }

            table,
            td {
                mso-table-lspace: 0pt !important;
                mso-table-rspace: 0pt !important;
            }

            table {
                border-spacing: 0 !important;
                table-layout: fixed !important;
                margin: 0 auto !important;
            }

            img {
                line-height: 100%;
                outline: none;
                text-decoration: none;
                -ms-interpolation-mode: bicubic;
                border: 0;
                max-width: 100%;
                height: auto;
                vertical-align: middle;
            }

            .yshortcuts a {
                border-bottom: none !important;
            }

            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;
            }

            @media screen and (min-width: 600px) {
                .ios-responsive-grid {
                    display: -webkit-box !important;
                    display: -webkit-flex !important;
                    display: -moz-box !important;
                    display: -ms-flexbox !important;
                    display: flex !important;
                }
                .ios-responsive-grid__unit  {
                    float: left;
                }
            }
  </style>
  <!--[if gte mso 9]>
        <style type="text/css">
            li {
                text-indent: -1em;
            }
        </style>
        <![endif]-->
  <style type="text/css">
   .button__td,
            .button__a {
                transition: all 100ms ease;
            }

            .button__td:hover,
            .button__a:hover {
                background: #d7382a !important;
            }

            

            @media screen and (max-width: 599px) {


                

.tdo-card { padding: 20px !important; }
.tdo-h1 { font-size: 22px !important; }
.tdo-h2 { font-size: 19px !important; }
.tdo-feature-icon { width: 51px !important; }




                .mobile-hidden {
                    display: none !important;
                }

                .mobile-d-block {
                    display: block !important;
                }

                .mobile-w-full {
                    width: 100% !important;
                }

                .mobile-h-auto {
                    height: auto !important;
                }

                .mobile-m-h-auto {
                    margin: 0 auto !important;
                }

                .mobile-p-0 {
                    padding: 0 !important;
                }

                .mobile-p-h-0 {
                    padding-right: 0 !important;
                    padding-left: 0 !important;
                }

                .mobile-p-t-0 {
                    padding-top: 0 !important;
                }

                .mobile-text-start {
                    text-align: left !important;
                }

                .mobile-text-end {
                    text-align: right !important;
                }

                .mobile-img-fluid {
                    max-width: 100% !important;
                    width: 100% !important;
                    height: auto !important;
                }
            }
  </style>
 </head>
 <body style="background: #ffffff; height: 100% !important; margin: 0 auto !important; padding: 0 !important; width: 100% !important; ">
  <div style="display: none; font-size: 1px; line-height: 1px; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all;">
   Learn how to get (and stay) organized with your new Todoist account.
  </div>
  <table cellpadding="0" cellspacing="0" style="background: #f2f2f2; border: 0; border-radius: 0; width: 100%; ">
   <tr>
    <td align="center" class="" style="padding: 0 20px;">
     <table cellpadding="0" cellspacing="0" style="background: #f2f2f2; border: 0; border-radius: 0; ">
      <tr>
       <td align="center" class="" style="width: 600px;">
        <table cellpadding="0" cellspacing="0" dir="ltr" style="border: 0; width: 100%; ">
         <tr>
          <td class="" style="padding: 20px 0; text-align: center; ">
           <a style="text-decoration: none; " target="_blank">
            <img alt="Todoist" class="" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Flogo-todoist-2x-97fdf4.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXN7u:IeELpRZ8cDPD7tfs8XZziHrwyXb9HZMsTXzHlXMcXF8" style="border: 0; height: auto;  max-width: 100%; vertical-align: middle; " width="96"/>
           </a>
          </td>
         </tr>
        </table>
        <table cellpadding="0" cellspacing="0" style="background: #ffffff; border: 0; border-radius: 4px; width: 100%; ">
         <tr>
          <td align="center" class="tdo-card" style="padding: 20px 50px;">
           <table cellpadding="0" cellspacing="0" dir="ltr" style="border: 0; width: 100%; ">
            <tr>
             <td class="" style="padding: 20px 0; text-align: center; ">
              <img alt="We have so much time and so little to do. Strike that, reverse it." class="" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Fonboarding-01-2x-1a1977.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXN7u:IeELpRZ8cDPD7tfs8XZziHrwyXb9HZMsTXzHlXMcXF8" style="border: 0; height: auto;  max-width: 100%; vertical-align: middle; " width="254"/>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" dir="ltr" style="border: 0; width: 100%; ">
            <tr>
             <td class="" style="padding: 20px 0; text-align: left; color: #474747; font-family: sans-serif;">
              <h1 class="tdo-h1" style="font-size: 36px; font-weight: normal; mso-line-height-rule: exactly; line-height: 38px; margin: 20px 0; font-size: 24px; font-weight: bold; mso-line-height-rule: exactly; line-height: 30px; margin: 0 0 30px; text-align: center; ">
               Welcome to Todoist, James!
              </h1>
              <p class="" style="margin: 20px 0; font-size: 14px; mso-line-height-rule: exactly; line-height: 24px; margin: 30px 0; ">
               We’ve helped millions of people feel more organized and in control of work and life – we hope we can do the same for you.
              </p>
              <p class="" style="margin: 20px 0; font-size: 14px; mso-line-height-rule: exactly; line-height: 24px; margin: 30px 0; ">
               Ready to start? Our
               <a style="color: #db4c3f; text-decoration: none;" target="_blank">
                Getting Started Guide
               </a>
               has everything you need.
              </p>
              <div class="" style="border-top: 0; font-size: 1px; mso-line-height-rule: exactly; line-height: 1px; max-height: 0; margin: 20px 0; overflow: hidden;">
               ​
              </div>
              <table cellpadding="0" cellspacing="0" style="border: 0; width: 100%;">
               <tr>
                <td>
                 <table align="center" cellpadding="0" cellspacing="0" class="button mobile-w-full" style="border: 0; margin: 0; margin-left: auto !important; margin-right: auto !important; width: auto;">
                  <tr>
                   <td class="button__td" style="background: #db4c3f; border-radius: 4px; text-align:center;">
                    <a class="button__a" style="border-radius: 4px; color: #ffffff; display: block; font-family: sans-serif; font-size: 18px; font-weight: 500; mso-height-rule: exactly; line-height: 1.1; padding: 12px 18px; text-decoration: none; text-transform: none; border: 1px solid #d1493d;" target="_blank">
                     <!--[if gte mso 9]>&nbsp;<![endif]-->
                     Browse the Guide →
                     <!--[if gte mso 9]>&nbsp;<![endif]-->
                    </a>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
              <div class="" style="border-top: 0; font-size: 1px; mso-line-height-rule: exactly; line-height: 1px; max-height: 0; margin: 20px 0; overflow: hidden;">
               ​
              </div>
              <p class="" style="margin: 20px 0; font-size: 14px; mso-line-height-rule: exactly; line-height: 24px; margin: 30px 0; ">
               If you need help, our team is always around. Tweet
               <a style="color: #db4c3f; text-decoration: none;" target="_blank">
                @todoist
               </a>
               or reach out anytime at
               <a style="color: #db4c3f; text-decoration: none;" target="_blank">
                get.todoist.help
               </a>
               .
              </p>
              <p class="" style="margin: 20px 0; font-size: 14px; mso-line-height-rule: exactly; line-height: 24px; margin: 30px 0; ">
               Welcome again and have a productive first day!
              </p>
             </td>
            </tr>
           </table>
           <table cellpadding="0" cellspacing="0" dir="ltr" style="border: 0; width: 100%; ">
            <tr>
             <td class="mobile-p-t-0" style="padding: 10px 0 10px; text-align: left; color: #474747; font-family: sans-serif;">
              <img alt="Amir" class="" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3ptyyxy2at9ui.cloudfront.net%252Favatar-amir-2x-0ecae1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM3B0eXl4eTJhdCJ9:1kXN7u:IeELpRZ8cDPD7tfs8XZziHrwyXb9HZMsTXzHlXMcXF8" style="border: 0; height: auto;  max-width: 100%; vertical-align: middle; " width="36"/>
              <p class="" style="margin: 20px 0; font-size: 14px; mso-line-height-rule: exactly; line-height: 24px; margin: 30px 0; font-weight: bold; line-height: 21px; margin: 5px 0;">
               Amir, Founder &amp; CEO of Todoist
              </p>
              <p class="" style="margin: 20px 0; font-size: 14px; mso-line-height-rule: exactly; line-height: 24px; margin: 30px 0; line-height: 21px; margin: 0 0 20px;">
               <a style="color: #db4c3f; text-decoration: none; " target="_blank">
                @amix3k
               </a>
              </p>
              <p class="" style="margin: 20px 0; color: #7d8485; font-size: 12px; mso-line-height-rule: exactly; line-height: 21px; margin: 0; ">
               <span style="font-weight: bold;">
                <span style="font-style: italic;">
                 P.S.
                </span>
                Want to jump right in?
               </span>
               Here’s a shortcut back to your account:
               <a style="color: #db4c3f; text-decoration: none;" target="_blank">
                Sign into my Todoist
               </a>
              </p>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
        <table cellpadding="0" cellspacing="0" dir="ltr" style="border: 0; width: 100%; ">
         <tr>
          <td class="" style="padding: 20px 0; text-align: center; color: #acacac; font-family: sans-serif; font-size: 12px; mso-line-height-rule: exactly; line-height: 20px;">
           <p class="" style="margin: 20px 0; margin: 0;">
            From the team across 10 time zones at
            <a style="color: #acacac; text-decoration: underline;" target="_blank">
             Doist
            </a>
            ♡
            <br/>
            Take Todoist anywhere -
            <a style="color: #acacac; text-decoration: underline;" target="_blank">
             Download the apps
            </a>
            <br/>
           </p>
           <p class="" style="margin: 20px 0; margin: 10px 0 0;">
            <a style="color: #acacac; text-decoration: underline; " target="_blank">
             Unsubscribe
            </a>
           </p>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fem.todoist.net%252Fwf%252Fopen%253Fupn%253DqAaAZJY-2Bx82CL6VYupKBb3ulM3mt70QSPCkEh5aLhxmPX9rAl-2BO1nncXwlydL2a9GJ-2BB5jXbln80rZ4UBxzRgR3ODlkRftJfHKQ13dIjHRniTcTNAEOe-2B11d5olmh-2BmkhlLS2NPWShYOlMZXpgZUzbLdo9SMN6-2FpMlostm-2B4CiSXSh3P1vpwb7Ui3yXnM5PA0eKmgJ5B0kgvvhc27JqIDd3D1YDYhpIquTQZZPyDz3udzBQH35eKy-2Fbt1AGcUzfNwtgngVHO33WB4YqDY6W07A-3D-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbS50b2RvaXN0LiJ9:1kXN7u:9MDcmyAVZC5rIpQn07JSGpF6YxF9pwStMrZEYSMUY1M" 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>