Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html lang="en" style="font-size: 14px; font-weight: 400; line-height: 20px; text-transform: initial; letter-spacing: initial; color: #202223; font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; margin: 0; padding: 0;">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" name="viewport"/>
  <meta content="never" name="referrer"/>
  <title>
   (UI Screen Store) You've been mentioned on customer Bean Street
  </title>
  <!-- Styles specific to Outlook 2007, 2010 and 2013 -->
  <!--[if gte mso 9]>
        <style>
          ul,
          ol {
           margin: 0 0 0 24px;
          }

          dd {
            text-indent: -3em;
          }
        </style>
    <![endif]-->
  <style data-premailer="ignore">
   .apple-link a {
        color: inherit !important;
        text-decoration: none !important;
      }

      @media screen and (max-width: 470px) {
        .mail-body > tbody > tr > td {
          padding-top: 0 !important;
        }

        .mail-body__content > tbody > tr > td {
          border-radius: 0;
          border-top: 0 !important;
          border-right: 0 !important;
          border-left: 0 !important;
        }

        .mail-sections > tbody > tr > td {
          padding-right: 0 !important;
          padding-left: 0 !important;
        }

        .mail-section > tbody > tr > td:first-child {
          padding-left: 20px !important;
        }

        .mail-section > tbody > tr > td:last-child {
          padding-right: 20px !important;
        }

        .mail-help-center > tbody > tr > td:first-child {
          padding-left: 20px !important;
        }

        .mail-help-center > tbody > tr > td:last-child {
          padding-right: 20px !important;
        }
      }
  </style>
  <style>
   body {
margin: 0 !important; padding: 0;
}
body {
height: 100%; width: 100%;
}
img {
border: 0; height: auto; line-height: 0; outline: none; text-decoration: none; vertical-align: top; -ms-interpolation-mode: bicubic;
}
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
.ExternalClass {
line-height: 100%;
}
body {
-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;
}
body {
font-size: 14px; font-weight: 400; line-height: 20px; text-transform: initial; letter-spacing: initial; color: #202223; font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
.mail-button:hover {
background-color: #007658; border-color: #007658;
}
@media (max-width: 600px) {
  .mail-body__content {
    padding: 0 !important; border-left: 0 !important; border-right: 0 !important; border-top: none !important; border-radius: 0 !important; width: 100% !important; margin-top: 0 !important;
  }
  .container.section {
    margin-top: 16px !important;
  }
  .banner-container {
    margin-top: 8px !important;
  }
  .main-action-cell {
    float: none !important; margin-right: 0 !important;
  }
  .secondary-action-cell {
    text-align: center; width: 100%;
  }
  .row.content {
    width: 100% !important; padding: 20px !important;
  }
  .customer-info__item {
    display: block; width: 100% !important;
  }
  .subtotal-spacer {
    display: none;
  }
  .banner-alert__table {
    margin-top: 16px !important; margin-bottom: 16px !important;
  }
}
@media screen and (min-width: breakpoint(display-text)) {
  .mail-button {
    font-size: 14px;
  }
}
  </style>
 </head>
 <body style="height: 100%; width: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: initial; letter-spacing: initial; color: #202223; font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; margin: 0; padding: 0;">
  <table cellpadding="0" cellspacing="0" class="mail-priority-indicator mail-priority-indicator--low" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;">
   <tbody>
    <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
     <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; border-top-style: solid; height: 0; border-top-color: #C9CCCF; padding: 0; border-width: 5px 0 0;">
     </td>
    </tr>
   </tbody>
  </table>
  <table cellpadding="0" cellspacing="0" class="mail-body" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;">
   <tbody>
    <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
     <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
     </td>
     <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
      <table align="center" cellpadding="0" cellspacing="0" class="mail-body__content" style="width: 100%; border-collapse: initial; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; max-width: 470px; text-align: left; border-radius: 8px; margin: 32px auto 0; padding: 0; border: 1px solid #c9cccf;">
       <tbody>
        <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
         <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
          <table cellpadding="0" cellspacing="0" class="mail-sections" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;">
           <tbody>
            <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
             <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 24px 20px; border: 0;">
              <table cellpadding="0" cellspacing="0" class="mail-section mail-section--type-primary" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;">
               <tbody>
                <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
                 <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0 4px 20px; border: 0;">
                  <table cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;">
                   <tbody>
                    <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
                     <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
                      <div class="primary-message">
                       Sarah mentioned you on
                       <a style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; margin-top: 0; margin-bottom: 0; color: #2C6ECB; text-decoration: none; padding: 0;">
                        customer Bean Street
                       </a>
                       .
                      </div>
                     </td>
                    </tr>
                    <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
                     <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
                      <a class="mail-button" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; margin-top: 20px; margin-bottom: 0; color: white; text-decoration: none; font-weight: 400; text-transform: initial; letter-spacing: initial; display: inline-block; font-size: 14px; line-height: 1.41; background-color: #008060; border-radius: 4px; padding: 0; border-color: #008060; border-style: solid; border-width: 8px 16px;">
                       View customer
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
              <table cellpadding="0" cellspacing="0" class="mail-section" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;">
               <tbody>
                <tr style="margin-top: 0; margin-bottom: 0; border-top-width: 1px; border-top-color: #C9CCCF; border-top-style: solid; padding: 0;">
                 <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 20px 4px 0; border: 0;">
                  <table cellpadding="0" cellspacing="0" class="mail-media mail-media--type-comment" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; table-layout: auto; padding: 0;">
                   <tbody>
                    <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
                     <td align="center" class="mail-media__thumbnail" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; width: 40px; padding: 0 16px 0 0; border: 0;" valign="top" width="40">
                      <div align="center" class="user-avatar user-avatar--email user-avatar--style-5" style="position: relative; border-radius: var(--p-border-radius-base, 3px); width: 40px; height: 40px;">
                       <span class="user-avatar__initials" style="display: block; line-height: 1; font-size: 14px; letter-spacing: 2px; padding-left: 2px; color: white; border-radius: var(--p-border-radius-base, 3px); text-transform: uppercase; background-color: #006fbb; border-color: #006fbb; border-style: solid; border-width: 13px 4px;">
                        SJ
                       </span>
                      </div>
                     </td>
                     <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;" valign="top">
                      <table cellpadding="0" cellspacing="0" class="mail-media__description" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;">
                       <tbody>
                        <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
                         <td class="mail-media__title" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; white-space: nowrap; padding: 0; border: 0;" valign="top">
                          <h3 style="margin-top: 0; margin-bottom: 20px; font-size: 16px; font-weight: 600; line-height: 1.25; text-transform: initial; letter-spacing: initial; color: #202223; font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; padding: 0;">
                           Sarah Jonas
                          </h3>
                         </td>
                         <td class="mail-media__subtitle" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; width: 100%; color: var(--p-text-subdued, #637381); padding: 0 0 0 20px; border: 0;" valign="top">
                          <p style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #202223; line-height: 20px; margin: 0; padding: 0;">
                           <span class="apple-link">
                            1:58 pm
                           </span>
                          </p>
                         </td>
                        </tr>
                        <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
                         <td class="mail-media__details" colspan="2" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;" valign="top">
                          We should email this person,
                          <a data-protected-personal-information="true" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; margin-top: 0; margin-bottom: 0; color: #2C6ECB; text-decoration: none; padding: 0;" target="_blank">
                           James Jonas
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
         </td>
        </tr>
       </tbody>
      </table>
     </td>
     <td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
     </td>
    </tr>
   </tbody>
  </table>
  <footer>
   <table border="0" cellpadding="0" cellspacing="0" class="mail-footer" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 32px; margin-bottom: 0; font-size: 12px; line-height: 16px; padding: 0;">
    <tbody>
     <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
      <td align="center" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;" valign="bottom">
       <img alt="" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fshopifycloud%252Fshopify%252Fassets%252Fmailer%252Fmerchant%252Fshopify_logo-ab8bfbd03d685aa04a8db0c119c5cbee279b5f9bd32a26f9ad3df0a96d9b7f83.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1krLhX:oWmTC9aSohsLaoxZpxDlRhulEz3LXe4tLl2qOBkfTtc" style="height: auto; line-height: 0; outline: none; text-decoration: none; vertical-align: top; -ms-interpolation-mode: bicubic; margin-bottom: 12px; border: 0;" width="89"/>
      </td>
     </tr>
     <tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
      <td align="center" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
       <p style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #202223; line-height: 20px; margin: 0; padding: 0;">
        © Shopify |
        <span class="apple-link">
         151 O'Connor Street, Ground floor, Ottawa, ON, K2P 2L8
        </span>
       </p>
      </td>
     </tr>
    </tbody>
   </table>
  </footer>
 </body>
</html>