Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>
   You have been invited to join Front
  </title>
  <meta content="initial-scale = 1.0,maximum-scale = 1.0" name="viewport"/>
  <link href="../css/mail.css?v=undefined" rel="stylesheet"/>
  <!-- Web Font / @font-face : BEGIN -->
  <!-- NOTE: If web fonts are not required, lines 9 - 26 can be safely removed. -->
  <!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
  <!--[if mso]>
      <style>
        * {
          font-family: "Helvetica Neue", Helvetica, Segoe UI, Arial, sans-serif !important;
        }
      </style>
    <![endif]-->
  <!-- Web Font / @font-face : END -->
  <!-- CSS Reset -->
  <style type="text/css">
   /* What it does: Remove spaces around the email design added by some email clients. */
      /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
          html,
          body {
            margin: 0 auto !important;
              padding: 0 !important;
              height: 100% !important;
              width: 100% !important;
          }

          /* What it does: Stops email clients resizing small text. */
          * {
              -ms-text-size-adjust: 100%;
              -webkit-text-size-adjust: 100%;
          }

          /* What is does: Centers email on Android 4.4 */
          div[style*="margin: 16px 0"] {
              margin:0 !important;
          }

          /* What it does: Stops Outlook from adding extra spacing to tables. */
          table,
          td {
              mso-table-lspace: 0pt !important;
              mso-table-rspace: 0pt !important;
          }

          /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
          table {
              border-spacing: 0 !important;
              border-collapse: collapse !important;
              table-layout: fixed !important;
              Margin: 0 auto !important;
          }
          table table {
              table-layout: auto!important;
          }

          /* What it does: Uses a better rendering method when resizing images in IE. */
          img {
              -ms-interpolation-mode:bicubic;
          }

          /* What it does: Overrides styles added when Yahoo's auto-senses a link. */
          .yshortcuts a {
              border-bottom: none !important;
          }

          /* What it does: A work-around for iOS meddling in triggered links. */
          .mobile-link--footer a,
          a[x-apple-data-detectors] {
              color:inherit !important;
              text-decoration: underline !important;
          }
  </style>
  <!-- Progressive Enhancements -->
  <style>
   /* What it does: Hover styles for buttons */
          .button-td,
          .button-a {
              transition: all 100ms ease-in;
          }
          .button-td:hover,
          .button-a:hover {
              background: #555555 !important;
              border-color: #555555 !important;
          }

          .button-front {

          }
  </style>
  <style>
   /* Various overrides to avoid the emails breaking our transac emails (sorry mails w/ big images!) */
    .message-preview {
      color: #596474 !important;
      max-width: 460px !important;
    }

    .message-preview .front-blockquote, .message-preview blockquote {
      margin: 0 !important;
    }

    .message-preview img {
      max-width: 100%;
      height: auto !important;
      max-width: 100% !important;
    }

    .message-preview table, .message-preview tr, .message-preview td {
      max-width: 100% !important;
      width: 100% !important;
    }
  </style>
  <style>
   @media (max-width:600px) {
    .master-table, .header-table, .master-table-border, .footer-table, .comment-table {
      width: 100% !important;
      border-radius: 0 !important;
    }
    .responsive-table {
      width: 95% !important;
    }
    .responsive-image {
      width: 90%!important;
      height: auto!important;
    }
    .ticket-table {
      table-layout: fixed !important;
    }
    .wrapper {
      padding: 0 10px;
    }
    .container,.comment {
      width: 100% !important;
      max-width: 100% !important;
    }
    .footer {
      text-align: center !important;
    }
    .footer > img,.footer .footer-text {
      float: none !important;
    }
    .footer .footer-text {
      margin-top: 20px !important;
    }
    .notif-text,.view-in-front {
      width: 100% !important;
      float: none;
    }
    .comment-arrow img {
      margin-left: 19px !important;
    }
    .reply-line {
      border-radius: 4px 4px 0 0 !important;
    }
    .reply-line .reply {
      text-align: center !important;
      width: 100% !important;
      padding-left: 0 !important;
    }
    .comment p {
      margin: 22px 10px 22px 24px !important;
    }
    p.reset-link {
      max-width: 100% !important;
      margin: 22px 0 0 0 !important;
      padding: 2px 4px !important;
    }
    p.reset-link a {
      font-size: 10px !important;
    }
    .view-in-front {
      margin-top: 0 !important;
      border-radius: 0 0 4px 4px !important;
    }
    .message-preview {
      max-width: 100% !important;
    }
    .header {
      text-align: center;
      width: 100%;
    }
  }
  </style>
 </head>
 <body bgcolor="#F8F8F8" class="swirls" style="background-color: #f8f8f8; font-size: 12px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; font-family: Helvetica Neue,Helvetica,Segoe UI,Verdana,Arial,sans-serif; background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Ffrontapp.com%252Fextra%252Fmails%252Fnotifications%252Fswirls.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmcm9udGFwcC5jbyJ9:1kXMmt:vx5d3dVmJEXQgOnP50ZIVo6n2XPtqXC_Cr2TYuFVoSo'); background-position: center -200px; background-size: 2000px; background-repeat: no-repeat;">
  <center style="width: 100%;">
   <table align="center" border="0" cellpadding="0" cellspacing="0" style="text-align: center;" width="100%">
    <tbody>
     <tr>
      <td align="center">
       <table border="0" cellpadding="0" cellspacing="0" class="header-table" valign="top" width="600">
        <tbody>
         <tr height="44">
          <td>
          </td>
         </tr>
         <tr>
          <td align="center" width="150">
           <a target="_blank">
            <img alt="Front" height="32" src="https://inboxflows.com/_/image/https%253A%252F%252Ffrontapp.com%252Fextra%252Fmails%252Fnotifications%252Flogo-pink.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmcm9udGFwcC5jbyJ9:1kXMmt:vx5d3dVmJEXQgOnP50ZIVo6n2XPtqXC_Cr2TYuFVoSo" style="border:0;" width="150"/>
           </a>
          </td>
         </tr>
         <tr height="38">
          <td>
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
     <tr>
      <td>
       <table class="master-table" style="background: #fff; border-radius: 8px; overflow: hidden; padding: 1px; width: 600px;" width="600">
        <tbody class="master-table-border" style="border: 1px solid #ececec; border-radius: 8px; display: block;">
         <tr>
          <td align="center">
           <table border="0" cellpadding="0" cellspacing="0" class="responsive-table" valign="top" width="570">
            <tbody>
             <tr>
              <td align="center">
               <table width="85%">
                <tbody>
                 <tr height="26">
                  <td>
                  </td>
                 </tr>
                 <tr>
                  <td align="center">
                   <div class="notif-text" style="font-family: Helvetica Neue,Helvetica,Segoe UI,Verdana,Arial,sans-serif; vertical-align: middle; font-size: 17px; margin: 0; color: #191919; width: 100%; padding: 4px; float: left; text-align: center; line-height: 22px; font-weight: 300; line-height: 1.5;">
                    <h2 class="hello" style="margin: 0; padding: 0; font-family: Helvetica Neue,Helvetica,Segoe UI,Verdana,Arial,sans-serif; font-size: 20px; font-weight: 400;">
                     Hello James!
                    </h2>
                   </div>
                  </td>
                 </tr>
                 <tr height="13">
                  <td>
                  </td>
                 </tr>
                 <tr>
                  <td align="center">
                   <div class="notif-text" style="font-family: Helvetica Neue,Helvetica,Segoe UI,Verdana,Arial,sans-serif; vertical-align: middle; font-size: 17px; margin: 0; color: #191919; width: 100%; padding: 4px; float: left; text-align: center; line-height: 22px; font-weight: 300; line-height: 1.5;">
                    You have been invited
                      
                      to join Front.
                    <br/>
                    <br/>
                    Front is your new collaborative inbox.
                    <br/>
                    All you have to do to start is click on the link below:
                   </div>
                  </td>
                 </tr>
                 <tr class="border-bottom" height="26" style="border-bottom: 1px solid #ececec;">
                  <td>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
         <tr>
          <td align="center">
           <table border="0" cellpadding="0" cellspacing="0" class="responsive-table" valign="top" width="570">
            <tbody>
             <tr>
              <td align="center">
               <table width="85%">
                <tbody>
                 <tr height="26">
                  <td>
                  </td>
                 </tr>
                 <tr>
                  <td align="center">
                   <div class="button" style="margin: 0; padding: 0; font-family: Helvetica Neue,Helvetica,Segoe UI,Verdana,Arial,sans-serif; text-align: center; vertical-align: middle;">
                    <a style="vertical-align: top; font-size: 14px; font-weight: 500; color: #fff; text-decoration: none; height: 36px; padding: 9px 16px 11px; background: #0093e0; border-radius: 24px;" target="_blank" title="Sign Up to Front">
                     Sign Up
                    </a>
                   </div>
                  </td>
                 </tr>
                 <tr height="26">
                  <td>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
         <!-- body -->
        </tbody>
       </table>
      </td>
     </tr>
    </tbody>
   </table>
   <table align="center" border="0" cellpadding="0" cellspacing="0" style="text-align: center;" width="100%">
    <tr>
     <td class="footer-table" width="600">
      <div class="footer" style="padding: 0; font-family: Helvetica Neue,Helvetica,Segoe UI,Verdana,Arial,sans-serif; margin: 20px 0 15px; line-height: 1.5;">
       <div class="footer-text" style="margin: 0; padding: 0; font-family: Helvetica Neue,Helvetica,Segoe UI,Verdana,Arial,sans-serif;">
        <p style="padding: 0; font-family: Helvetica Neue,Helvetica,Segoe UI,Verdana,Arial,sans-serif; margin: 0; color: #b6b6b6;">
         Send your questions, feedback or problems to
         <a style="text-decoration: none; color: #4a4a4a; font-weight: 700;">
          hello@frontapp.com
         </a>
        </p>
       </div>
      </div>
     </td>
    </tr>
   </table>
  </center>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fu7236198.ct.sendgrid.net%252Fwf%252Fopen%253Fupn%253DExjNI0FVkuVk0ib6Du5l-2BE7jV9gnAQylT3XBxQvtSty9AN93kWgvC71qiqfwFTJ0YU7sOu6YRBQ6ErbARndfmyfqSoj6fsGS6KwreOt5JwAn8MmSZLGTXg-2FJp2ovkBAcIDA1KhL6O-2Fy1JWyv4vzYa98Vc-2ByZYNG1X6QYdAFskZHYPclBcRZYD-2Fdi-2FmLksPlRucUDJfMk-2F2wQbf0C4QocB65kLqGIzq01t9rAbRiMSWUukD40cBh33gl1rIANf7VJq6izWYEd86fSFfgfuCY7lVy89Uz2Td9q10OaN-2BzCiJ4-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1NzIzNjE5OC5jdCJ9:1kXMmt:_jEGDwH0a_uhFdOYDB0mbmOYDi2LSx6F-Irh4P37CvE" 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>