Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" name="viewport"/>
  <meta content="IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>
   You've been invited to 1Password
  </title>
  <style type="text/css">
   #outlook a {padding: 0;}  
    .ReadMsgBody {width: 100%;} .ExternalClass{width: 100%;}  
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}  
    body, table, td, p, a, li, blockquote {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}  
    table, td {mso-table-lspace: 0pt; mso-table-rspace: 0pt;}  
    img {-ms-interpolation-mode: bicubic;}  

     
    body {margin: 0; padding: 0;}
    img {border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100%; vertical-align: middle;}
    table {border-collapse: collapse !important;}
    body, #bodyTable, #bodyCell {height: 100% !important; margin: 0; padding: 0; width: 100% !important;}

     

     
    html {
        width: 100% !important;
    }

    #bodyCell {
        padding: 0 20px;
        background-color: #ffffff;
        border-top: none;
    }

    #templateContainer {
        width: 600px;

    }

    body, #bodyTable {
        background-color: #f1f2f2;
    }

    #templateContainer {
        border: none;
    }

    p {
        font-size: 15px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: #525c66;
        margin-top: 0;
        margin-bottom: 0;
    }

    p.small {
        font-size: 13px !important;
    }

    p.larger {
        font-size: 22px !important;
    }

    p.largest {
        font-size: 32px !important;
    }

    p.darker {
        color: #333333 !important;
      }

      .headerBorder {
        height: 45px;
        background-color: #dee0e3;
        width: 100%;
        line-height: 45px;
      }

    h1 {
        color: #333333 !important;
        font-family: Arial !important;
        font-weight: bold !important;
        font-size: 32px !important;
        line-height: 1.19;
        letter-spacing: -0.68px;
        text-transform: none !important;
        text-align: left !important;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 40px;
        margin-bottom: 25px;
    }

    h2 {
        font-family: Arial;
        font-size: 22px !important;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: -0.1px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 10px;
        color: #ffffff;
    }

    h2.promo {
        color: #333333 !important;
        margin-left:30px;
        margin-right:30px;
    }

    h3 {
        color: #525c66 !important;
        display: block;
        font-family: Arial;
        font-size: 28px !important;
        font-style: normal;
        font-weight: bold;
        line-height: 1.14;
        letter-spacing: -0.4px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 20px;
        margin-left: 0;
        text-align: left;
    }

    hr {
        height: 1px;
        background-color: #a8b1bb;
        border: none;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

     

    #templateLogo {
        background-color: #ffffff;
        width: 100% !important;
        margin: 0 !important;
    }

    #lowerContent {
        background-color: #ffffff;
        width: 600px !important;
        margin: 0 auto !important;
    }

    .headerContent {
        color: #505050;
        font-family: Arial;
        font-size: 20px !important;
        font-weight: bold;
        line-height: 100%;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        text-align: left;
        vertical-align: middle;
    }

    .headerTitle {
        color: #9EA1A5;
        font-family: Arial !important;
        font-size: 14px !important;
        line-height: 100% !important;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .tableTitle {
        color: #9EA1A5;
        font-family: Arial !important;
        font-size: 14px !important;
        line-height: 100% !important;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        width: 100%;
        background: #ffffff !important;
            width: 600px;
    }

    .headerContent a:link, .headerContent a:visited,   .headerContent a .yshortcuts   {
        color: #0066cc;
        font-weight: normal;
        text-decoration: underline;
    }

    #logoImage {
        height: auto;
        max-width: 65px;
        width: 65px;
    }

    #logoFooter {
    	height: auto;
        max-width: 168px;
        width: 168px;
    }
     

    .mainContent {
        background: #ffffff !important;
        width: 600px;
    }

    .mainContent.alternate {
        background: #e8f3ff !important;
    }

    .mainContent.alternateBlue {
        background: #1a8cff !important;
    }

    .mainContent.alternateGreen {
        background: #ecf8ea !important;
    }

    .mainContent.lightBlue {
        background: #e8f3ff !important;
    }

    .leftColumn {
        width: 415px;
    }

    .rightColumn {
        width: 385px;
    }

    .columnResponsive {
    	width: 300px;
    }

    .columnImage {
        max-width: 100%;
        display: inline-block;
    }

    .leftColumnContent {
        color: #505050;
        font-family: Arial;
        font-size: 14px !important;
        line-height: 150%;
        padding-top: 50px;
        padding-right: 0;
        padding-bottom: 50px;
        padding-left: 100px;
        text-align: left;
    }

    .leftColumnContent a:link, .leftColumnContent a:visited,   .leftColumnContent a .yshortcuts   {
        color: #0066cc;
        font-weight: normal;
        text-decoration: underline;
    }

    .rightColumnContent {
        color: #505050;
        font-family: Arial;
        font-size: 14px !important;
        line-height: 150%;
        padding-top: 40px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        text-align: left;
    }

    .rightColumnContent a:link, .rightColumnContent a:visited,   .rightColumnContent a .yshortcuts   {
        color: #0066cc;
        font-weight: normal;
        text-decoration: underline;
    }

    a {
        color: #0066cc;
    }

    .cta {
        cursor: pointer;
        border-radius: 20px;
        border-left: 25px #0066cc solid;
        border-right: 25px #0066cc solid;
        border-top: 10px #0066cc solid;
        border-bottom: 10px #0066cc solid;
        background-color: #0066cc;
        font-family: Arial;
        font-size: 15px !important;
        font-weight: bold;
        letter-spacing: -0.1px;
        color: #ffffff !important;
        text-decoration: none !important;
        margin-top: 0;
        text-align: center;
        display: inline-block;
        text-transform: none;
        -webkit-text-size-adjust: none;
    }

    .ctaContainer {
        display: inline-block !important;
    }

     

    .footerContent {
        font-family: Arial;
        font-size: 13px !important;
        font-weight: normal;
        line-height: 1.69;
        letter-spacing: -0.3px;
        text-align: center;
        color: #797f85;
        padding-bottom: 10px;
    }

    .footerContent p {
        font-size: 13px !important;
    }

    .footerContent a:link, .footerContent a:visited,   .footerContent a .yshortcuts, .footerContent a span   {
            color: #1a8cff;
        font-weight: normal;
        text-decoration: underline;
    }

    .columnTable {
        width: 800px;
    }

    .columnTableSmall {
        width: 600px;
    }

    .featureContent {
        width: 630px;
    }

    #featureContainer {
        width: 630px;
    }

     

    @media only screen and (max-width: 800px) {
        .featureContent {
          width: 100% !important;
        }

        .featureContentTable {
          border-radius: 0 !important;
        }

        .featureContentColumn {
          width: 100% !important;
          display: block !important;
          text-align: center !important;
        }

        .featureContentText {
          text-align: center !important;
          padding: 0 15px !important;
        }

        .featureContentTextBorder {
          border-bottom: 1px solid #cbe2f9;
        }

        #featureContainer {
          width: 100% !important;
        }

        .desktopImage {
          display: none !important;
        }

        #lowerContent {
            width: 100% !important;
        }

        .columnResponsive {
            width: 100% !important;
            display: block !important;
            text-align: center !important;
        }

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

        .fullWidthImage {
          width: 100% !important;
        }

         
        body, table, td, p, a, li, blockquote{-webkit-text-size-adjust: none !important;}  
        body{width: 100% !important; min-width: 100% !important;}  

         
        #bodyCell {padding: 0 !important;}

         

        .mainContent {
            width: 100% !important;
        }

        .logoImageContent {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .headerTitle {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .tableTitle {
            width: 100% !important;
        }

        .tableSpacing {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        #templateContainer {
            width: 100% !important;
        }

        .columnImage {
          max-width: 100% !important;
        }

        .leftColumnContent {
            padding-top: 40px !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-bottom: 20px !important;
        }

        .rightColumnContent {
          text-align: center !important;
        }

        .leftColumn {
            width: 100% !important;
            display: block !important;
        }

        .rightColumn {
            width: 100% !important;
            display: block !important;
        }

        .columnTable {
            table-layout: fixed !important;
            width: 100% !important;
        }

        .columnTableSmall {
            table-layout: fixed !important;
            width: 100% !important;
        }

        h1 {
            font-size: 24px !important;
            margin-top: 20px !important;
        }

        .footerContent {
            font-size: 14px !important;
            line-height: 115% !important;
        }
    }
  </style>
 </head>
 <body leftmargin="0" marginheight="0" marginwidth="0" offset="0" topmargin="0">
  <center>
   <table align="center" bgcolor="#f1f2f2" border="0" cellpadding="0" cellspacing="0" height="100%" id="bodyTable" width="100%">
    <tr>
     <td>
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
       <tr>
        <td bgcolor="#ffffff" style="background-color:#ffffff;" valign="top">
         <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
           <td valign="bottom">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
             <tr>
              <td class="headerBorder" style="height: 45px;background-color: #dee0e3;width: 100%;line-height: 45px;">
              </td>
             </tr>
            </table>
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
             <tr>
              <td style="font-size: 0;height: 16px;border-top: 1px solid #bfc2c5;border-bottom: 2px solid #bfc2c5;background-color: #f1f2f2;width: 100%;line-height: 16px;">
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </td>
        <td bgcolor="#ffffff" style="text-align: center;background-color: #ffffff;" valign="top" width="65">
         <img alt="1Password" height="94" id="logoImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fapp.1password.com%252Fimages%252Femails%252Femail-v2%252Flogo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhcHAuMXBhc3N3byJ9:1mx608:wtB3rYlApJsXocetkz_DisTeWHjYmxesfzGLiUPlqQo" style="max-width: 65px;width: 65px;height: 94px;display: block;" width="65"/>
        </td>
        <td bgcolor="#ffffff" style="background-color:#ffffff;" valign="top">
         <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
           <td valign="bottom">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
             <tr>
              <td class="headerBorder" style="height: 45px;background-color: #dee0e3;width: 100%;line-height: 45px;">
              </td>
             </tr>
            </table>
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
             <tr>
              <td style="font-size: 0;height: 16px;border-top: 1px solid #bfc2c5;border-bottom: 2px solid #bfc2c5;background-color: #f1f2f2;width: 100%;line-height: 16px;">
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
    <tr>
     <td align="center" bgcolor="#ffffff" id="bodyCell" style="background-color: #ffffff;" valign="top">
      <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" width="600">
       <tr>
        <td align="center" class="mainContent" style="text-align: center;width: 600px;" valign="top">
         <table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
           <td class="headerTitle">
            <h1 style="color: #333333;font-family: Arial;font-weight: bold;font-size: 32px !important;line-height: 1.19;letter-spacing: -0.68px;text-transform: none;text-align: left;padding-left: 0;padding-right: 0;margin-top: 40px;margin-bottom: 25px;">
             4e53f88e@uifeed.​com wants you to join them on 1Password
            </h1>
            <p style="font-family: Arial;margin-bottom: 0;margin-top: 25px;font-size: 15px !important;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 24px;letter-spacing: -0.1px;color: #525c66;text-align: left;">
             You’ve been invited to join the UI feed team on 1Password.
            </p>
            <div style="margin-top: 25px;margin-bottom:50px;display: block;line-height: 24px;text-align: left;">
             <a class="cta" style="border-radius: 20px;border-left: 25px #0066cc solid;border-right: 25px #0066cc solid;border-top: 10px #0066cc solid;border-bottom: 10px #0066cc solid;background-color: #0066cc;font-family: Arial;text-transform: none; font-size: 15px;font-weight: bold;letter-spacing: -0.1px;color: #ffffff !important;text-decoration: none !important;margin-top: 0;text-align: center;display: inline-block;-webkit-text-size-adjust:none;">
              Join now
             </a>
            </div>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
    <tr>
     <td align="center" bgcolor="#2d5884" class="mainContent alternateBlue" style="background-color: #2d5884 !important;" valign="middle">
      <table bgcolor="#2d5884" border="0" cellpadding="0" cellspacing="0" class="columnTable" style="background-color: #2d5884 !important;table-layout: fixed;" width="800">
       <tr>
        <td align="center" class="leftColumn" valign="middle">
         <table border="0" cellpadding="20" cellspacing="0" width="100%">
          <tr>
           <td class="leftColumnContent" style="padding-top: 50px;padding-right: 0;padding-bottom: 50px;padding-left: 100px;color: #ffffff !important;" valign="middle">
            <h2 style="color: #ffffff !important;font-family: Arial;font-weight: bold;font-size: 22px !important;line-height: 24px;letter-spacing: -0.68px;text-transform: none;text-align: left;padding-left: 0;padding-right: 0;margin-top: 0 !important;margin-bottom: 5px !important;">
             Take control of your security
            </h2>
            <p style="font-family: Arial;margin-bottom: 25px;margin-top: 0;font-size: 15px !important;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 24px;letter-spacing: -0.1px;color: #ffffff;text-align: left;">
             1Password is a powerful password manager trusted by the world’s leading companies. Securely share everything you need to work together, while keeping privileged information private.
            </p>
            <span class="ctaContainer" style="float:left; margin-left: 0;margin-right:0;text-align:left;margin-top: 0;margin-bottom:0;line-height: 24px;text-align: left;border-left: 2px solid #ffffff;border-radius: 20px;border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;display: inline-block !important;">
             <a class="cta" style="border-radius: 20px;border-left: 25px solid #2d5884 !important;border-right: 25px solid #2d5884 !important;border-top: 5px solid #2d5884 !important;border-bottom: 5px solid #2d5884 !important;background-color: #2d5884 !important;font-family: Arial;font-size: 15px;font-weight: bold;letter-spacing: -0.1px;color: #ffffff !important;text-decoration: none !important;margin-top: 0;text-align: center;display: inline-block;-webkit-text-size-adjust:none;">
              Learn more
             </a>
            </span>
           </td>
          </tr>
         </table>
        </td>
        <td align="center" class="rightColumn" valign="middle">
         <table border="0" cellpadding="20" cellspacing="0" width="100%">
          <tr>
           <td class="rightColumnContent" style="text-align: right;line-height: 10px;padding-top:50px;padding-bottom:50px;" valign="middle">
            <img align="absbottom" alt="Your free trial of 1Password has ended" class="columnImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fapp.1password.com%252Fimages%252Femails%252Femail-v2%252Fbusiness-frozen.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhcHAuMXBhc3N3byJ9:1mx608:wtB3rYlApJsXocetkz_DisTeWHjYmxesfzGLiUPlqQo" style="width: 317px;display: inline-block;" width="317"/>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
    <tr>
     <td align="center" bgcolor="#ffffff" style="background-color: #ffffff;" valign="top">
      <table border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td align="left" class="mainContent" style="text-align: left;width: 600px;" valign="top">
         <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" id="lowerContent" width="600">
          <tr>
           <td class="headerTitle" style="text-align: left;" valign="top">
            <p style="font-family: Arial;margin-bottom: 20px;margin-top: 50px;font-size: 17px !important;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 24px;letter-spacing: -0.11px;text-align: left;color: #333333 !important;">
             <strong>
              Trusted by millions of users
             </strong>
            </p>
            <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
             <tr>
              <td align="left" valign="middle" width="100%">
               <img align="absbottom" alt="Trusted by millions of users - Trustpilot" src="https://inboxflows.com/_/image/https%253A%252F%252Fapp.1password.com%252Fimages%252Femails%252Femail-v2%252Ftrustpilot-stars.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhcHAuMXBhc3N3byJ9:1mx608:wtB3rYlApJsXocetkz_DisTeWHjYmxesfzGLiUPlqQo" style="width: 106px;display: block;" width="106"/>
              </td>
             </tr>
            </table>
            <p style="font-family: Arial;margin-bottom: 20px;margin-top: 15px;font-size: 15px !important;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 24px;letter-spacing: -0.2px;color: #525c66;text-align: left;">
             “I've been using 1Password daily since 2006, which makes it my most used app. It was and is the best password manager for me, and now for my family as well. I highly recommend it.”
            </p>
            <p style="font-family: Arial;margin-bottom: 20px;margin-top: 0;font-size: 15px !important;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 24px;letter-spacing: -0.2px;color: #525c66;text-align: left;">
             <strong>
              Slava Rossov
             </strong>
            </p>
            <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
             <tr>
              <td align="left" valign="middle" width="100%">
               <p style="margin-bottom: 50px;margin-top: 0;">
                <img align="absbottom" alt="Trustpilot" src="https://inboxflows.com/_/image/https%253A%252F%252Fapp.1password.com%252Fimages%252Femails%252Femail-v2%252Ftrustpilot-logo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhcHAuMXBhc3N3byJ9:1mx608:wtB3rYlApJsXocetkz_DisTeWHjYmxesfzGLiUPlqQo" style="width: 114px;display: block;" width="114"/>
               </p>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
    <tr>
     <td>
      <table bgcolor="#f1f2f2" border="0" cellpadding="0" cellspacing="0" id="templateFooter" style="background-color: #f1f2f2;" width="100%">
       <tr>
        <td class="footerContent" valign="top">
         <p class="small" style="font-family: Arial;font-size: 13px !important;font-weight: normal;line-height: 22px;letter-spacing: -0.27px;text-align: center;color: #797f85;margin-top: 40px;margin-bottom:0;">
          <img alt="1Password" class="logoFooter" src="https://inboxflows.com/_/image/https%253A%252F%252Fapp.1password.com%252Fimages%252Femails%252Femail-v2%252Flogo-footer.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhcHAuMXBhc3N3byJ9:1mx608:wtB3rYlApJsXocetkz_DisTeWHjYmxesfzGLiUPlqQo" style="width: 168px;" width="168"/>
         </p>
         <p class="small" style="font-family: Arial;font-size: 13px !important;font-weight: normal;line-height: 22px;letter-spacing: -0.27px;text-align: center;color: #797f85;margin-top:25px;margin-bottom:0;">
          made by
          <a style="color: #008cff;text-decoration: underline;">
           1Password
          </a>
          • sent to:
          <a style="color: #008cff;text-decoration: underline;font-size: 13px !important;">
           380d4324@uifeed.com
          </a>
         </p>
         <p class="small" style="font-family: Arial;font-size: 13px !important;font-weight: normal;line-height: 22px;letter-spacing: -0.27px;text-align: center;color: #797f85;margin-top:0;margin-bottom:15px;">
          4711 Yonge St. 10th Floor • Toronto • Ontario • M2N 6K8 • Canada
         </p>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
  </center>
 </body>
</html>