Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <meta content="width=device-width" name="viewport"/>
  <!--    https://medium.com/dev-channel/what-does-dark-modes-supported-color-schemes-actually-do-69c2eacdfa1d  -->
  <meta name="color-scheme" value="light dark"/>
  <style type="text/css">
   /* https://webkit.org/blog/8840/dark-mode-support-in-webkit/ */
        :root {
            color-scheme: light dark;
            supported-color-schemes: light dark;
        }

        /* Outlook specific normalization rules */
        /* https://templates.mailchimp.com/development/css/client-specific-styles/ */
        .ExternalClass {
            width: 100%;
        }

        .ExternalClass,
        .ExternalClass p,
        .ExternalClass span,
        .ExternalClass font,
        .ExternalClass td,
        .ExternalClass div {
            line-height: 100%;
        }

        /* apple mail hack to avoid inverting colors */
        /* https://www.maildesigner365.com/the-secret-to-building-dark-mode-email-newsletters-for-macos-mojave-mail/ */
        body, a, td, tr, table, p, div {
            -apple-color-filter: none !important;
        }

        img {
            outline: none;
            text-decoration: none;
            -ms-interpolation-mode: bicubic;
            display: block;
        }

        a img {
            border: none;
        }

        table td {
            border-collapse: collapse;
        }

        table {
            border-collapse: collapse;
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
        }

        ul {
            padding: 0px 0px 0px 100px;
            margin: 0;
        }

        /* Mobile Styles Landscape */
        @media screen and (max-device-width: 640px) and (orientation: landscape) {
            .table {
                width: 560px !important;
            }
        }

        /* Mobile Styles Portrait */
        @media only screen and (max-width: 480px) {
            .body {
                padding: 30px !important;
            }

            .table {
                width: 320px !important;
            }

            .ul {
                padding: 0px 30px 0px 70px !important;
                marging-top: -5px !important;
            }

            .header-logo-table td {
                padding-top: 20px !important;
                padding-bottom: 20px !important;
            }

            .header-logo-dark-table {
                padding-top: 20px !important;
                padding-bottom: 20px !important;
            }

            .header-title-table div {
                margin: 0 30px 0px 30px !important;
            }

            .email-body td {
                padding: 12px 30px 30px 30px !important;
            }

            .email-body-limited-padding td {
                padding: 5px 30px 5px 30px !important;
            }

            .email-body-bottom-padding-less td {
                padding: 5px 30px 0px 30px !important;
            }

            .button-table td {
                padding: 10px 10px !important;
            }
        }

        /* Mobile Outlook Portrait */
        @media only screen and (max-width: 360px) {
            .table {
                width: 260px !important;
            }
        }

        /* IOS and MacOs Dark Mode */
        @media (prefers-color-scheme: dark) {
            .body {
                background-color: #000000 !important;
                color: #ffffff !important;
            }

            .table, .table td {
                background-color: #222222 !important;
                color: #909090 !important;
            }

            .header-logo-table {
                display: none !important;
            }

            .header-logo-dark-table {
                display: table !important;
            }

            .header-logo-dark-table td {
                background-color: #222222 !important;
            }

            .header-title-table div {
                color: #ffffff !important;
                border-bottom: 1px solid #4e4e4e !important;
            }

            .button-table td {
                background-color: #0061d5 !important;
                border-bottom: 2px solid #005b8c !important;
            }

            .button-table a {
                color: #ffffff !important;
            }

            .footer-table, .footer-table td, .footer-table a {
                background-color: #000000 !important;
                color: #767676 !important;
            }
        }
  </style>
  <link href="classpath:static/css/style.css" rel="stylesheet" type="text/css"/>
  <link href="classpath:static/css/tasks.css" rel="stylesheet" type="text/css"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
 </head>
 <body class="body" style='-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: rgb(0, 0, 0); font-size: 16px; font-weight: 200; font-family: "San Francisco", Roboto, Segoe, "Helvetica Neue", Helvetica, sans-serif; padding: 55px; height: auto; width: auto; margin: 0 auto; background-color: rgb(243, 243, 243);'>
  <table border="0" cellpadding="0" cellspacing="0" class="table" style="width: 600px; background-color: rgb(255, 255, 255); border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0 auto;" width="100%">
   <tr>
    <td>
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="header-logo-table" style="display: table;">
      <tr>
       <td style="padding-top: 30px; padding-bottom: 30px; background-color: rgb(255, 255, 255);">
        <img border="0" src="https://inboxflows.com/_/image/%252Fmedia%252Fbox_logo_RZoa5il.png/?inbox_flows_img_sig=eyJwYXRoIjoiJTJGbWVkaWElMkZib3hfbG9nb19SWm9hNSJ9:1kXMZo:o_OPFfetJYJ4a1AbqtxZLSKLJWmfs6gGtoHqQ1_qOX0" style="display: block; margin-left: auto; margin-right: auto;"/>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td>
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="header-logo-dark-table" style="display: none;">
      <tr>
       <td style="padding-top: 30px; padding-bottom: 30px; background-color: rgb(255, 255, 255);">
        <img border="0" src="https://inboxflows.com/_/image/%252Fmedia%252Fbox_logo_dark_DYTWRRy.png/?inbox_flows_img_sig=eyJwYXRoIjoiJTJGbWVkaWElMkZib3hfbG9nb19kYXJrXyJ9:1kXMZo:yPYkAvhZMrFHOZRPqX0dIv3CkXuXvj34dpWyHqsrUhM" style="display: block; margin-left: auto; margin-right: auto;"/>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td>
     <table align="left" border="0" cellpadding="0" cellspacing="0" class="header-title-table" width="100%">
      <tr>
       <td>
        <div style='padding-bottom: 25px; margin: 0 55px 0px 55px; border-bottom: 1px solid rgb(231, 232, 231); font-size: 20px; color: rgb(34, 34, 34); line-height: 1.33; letter-spacing: 0.3px; font-family: "San Francisco", Roboto, Segoe, "Helvetica Neue", Helvetica, sans-serif;'>
         Sarah Jonas assigned you a new task on
         <a style="text-decoration: none;">
          FlipdOnboarding.png
         </a>
        </div>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td>
     <table class="email-body">
      <tr>
       <td style='padding: 30px 55px 30px 55px; font-size: 16px; line-height: 1.75; color: rgb(116, 118, 122); font-family: "San Francisco", Roboto, Segoe, "Helvetica Neue", Helvetica, sans-serif;'>
        <div style="white-space: pre-wrap;">
         How about now?
        </div>
        <div style="font-weight: bold; margin-top: 10px;">
         Due date: 25-Aug-2020 15:59
        </div>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td style="padding-bottom: 30px;">
     <div style="margin: 0; padding: 0; width: 100%; line-height: 100%;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="button-table">
       <tr>
        <td align="center" style="padding: 10px 20px; background-color: rgb(0, 97, 213); border-radius: 4px;">
         <a style="display: block; font-size: 14px; text-decoration: none; color: rgb(255, 255, 255); line-height: 1; font-weight: bold; letter-spacing: 0.16px;">
          View task
         </a>
        </td>
       </tr>
      </table>
     </div>
    </td>
   </tr>
   <tr>
    <td>
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="footer-table" width="100%">
      <tr style="background-color: rgb(243, 243, 243); color: rgb(176, 176, 176); text-align: center; font-size: 12px;">
       <td style="background-color: rgb(243, 243, 243); color: rgb(176, 176, 176); text-align: center; font-size: 12px;">
        <p>
        </p>
        <p>
         This email was sent to the Box account associated with 4e91fdbb@uifeed.com
        </p>
        <p>
         You are receiving this email because someone assigned you a task on Box.
        </p>
        <p>
         Download for mobile:
         <a style="color:#B0B0B0">
          iOS
         </a>
         |
         <a style="color:#B0B0B0">
          Android
         </a>
         |
         <a style="color:#B0B0B0">
          Windows
         </a>
         |
         <a style="color:#B0B0B0">
          macOS
         </a>
        </p>
        <p>
         <span>
          © 2019 Box
         </span>
         |
         <span>
          64 North Row, London, W1K 7LL, UK
         </span>
        </p>
        <p>
         <a style="color:#B0B0B0">
          About Box
         </a>
         |
         <a style="color:#B0B0B0">
          Email preferences
         </a>
         |
         <a style="color:#B0B0B0">
          Privacy Policy
         </a>
        </p>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <img alt="" src="https://inboxflows.com/_/image/http%253A%252F%252Ftrack.notify-e.box.com%252FCI0%252F01000173b45fe043-48101179-20b2-46a7-899c-8724705f5d23-000000%252F4_BBzuoavBB-qDBgy1pIJuydm3ZUoaKUJyRsP9T9bkk%253D152/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnRyYWNrLm5vdGlmeSJ9:1kXMZo:CiGyulS_eNWGDzx5rG5le6icxfE36ttnswQu7yt-Kjo" style="display: none; width: 1px; height: 1px;"/>
 </body>
</html>