Email sent from Hotjar to a Invited user

Hotjar Invited user

Subscribed 7 years, 4 months ago
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "//www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width" name="viewport"/>
  <meta content="telephone=no" name="format-detection"/>
  <style data-premailer="ignore" type="text/css">
   #outlook a{
    padding: 0;
  }
  body{
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-weight: 400;
    margin: 0;
    padding: 20px;
    color: #3c3c3c;
    background-color: #f7f8fa;
  }
  .ReadMsgBody{
    width: 100%;
  }
  .ExternalClass{
    width: 100%;
  }
  img {
    border: 0;
    max-width: 100%;
    height: auto;
    outline: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    line-height: 100%;
  }
  .avatar { border-radius: 100%; display: block;}
  #backgroundTable{
    height: 100% !important;
    margin: 0;
    padding: 0;
    width: 100% !important;
  }
  </style>
  <style type="text/css">
   /**
   * Generic
   */

  .main {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }

  .main .main-td {
    padding: 40px 60px;

    border-radius: 2px;
  }

  table {
    border-spacing: 0;
    border-collapse: separate;
    table-layout: fixed;
  }

  td {
    font-size: 16px;
    padding: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  }

  a {
    border: none;
    outline: none !important;
  }


  /**
   * Header
   */

  .header td img {
    padding: 40px 0 20px;
    text-align: left;
  }

  .header .logo {
    text-align: center;
  }

  /**
   * Content
   */

  .content-td {
    font-size: 15px;
    line-height: 22px;
    padding: 0;
    color: #3c3c3c;
  }

  .content-td > :first-child {
    margin-top: 0;
  }

  .content-td h1 {
    font-size: 26px;
    line-height: 33px;
    color: #3c3c3c;
    margin-bottom: 7px;
    margin-top: 30px;
    font-weight: normal;
  }

  .content-td h2 {
    font-size: 18px;
    font-weight: bold;
    color: #3c3c3c;
    margin-top: 30px;
    margin-bottom: 7px;
  }

  .content-td h1 + h2 {
    margin-top: 0px !important;
  }

  .content-td h2 + h1 {
    margin-top: 0px !important;
  }

  .content-td h3 ,
  .content-td h4 ,
  .content-td h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .content-td p {
    margin: 0 0 17px 0;
    line-height: 1.5;
  }

  .content-td p img,
  .content-td h1 img,
  .content-td h2 img,
  .content-td li img,
  .content-td .intercom-h2b-button img {
    margin: 0;
    padding: 0;
  }



  .content-td p.intro {
    font-size: 20px;
    line-height: 30px;
  }

  .content-td blockquote {
    margin: 40px 0;
    font-style: italic;
    color: #8C8C8C;
    font-size: 18px;
    text-align: center;
    padding: 0 30px;
    font-family: Georgia, sans-serif;
    quotes: none;
  }

  .content-td blockquote a {
    color: #8C8C8C;
  }

  .content-td ul {
    list-style: disc;
    margin: 0 0 20px 40px;
    padding: 0;
  }

  .content-td ol {
    list-style: decimal;
    margin: 0 0 20px 40px;
    padding: 0;
  }

  .content-td img {
    max-width: 100%;
    margin: 17px 0;
  }

  .content-td .intercom-container {
    margin-bottom: 16px;
  }

  .content-td hr {
    border: none;
    border-top: 1px solid #DDD;
    margin: 50px 30% 50px 30%;
  }

  .content-td table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
  }

  .content-td td,
  .content-td th {
    padding: 5px 7px;
    border: 1px solid #DADADA;
    text-align: left;
    vertical-align: top;
  }

  .content-td th {
    font-weight: bold;
    background: #F6F6F6;
  }

  .content-td a {
    color: #1251BA;
  }

  .content td.content-td table.intercom-container {
    margin: 17px 0;
  }
  .content td.content-td table.intercom-container.intercom-align-center {
    margin-left: auto;
    margin-right: auto;
  }

  .content td.content-td table.intercom-container td {
    background-color: #f4364c;
    padding: 12px 35px;
    border-radius: 3px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin: 0;
    border: none;
  }

  .content td.content-td table.intercom-container .intercom-h2b-button {
    display: inline-block;
    color: white;
    font-weight: 400;
    font-size: 22px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #f4364c;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    border-color: #f4364c;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important;
  }

  .footer-td {
    text-align: center;
    padding: 25px 30px 25px;
  }

  .footer-td p ,
  .footer-td a {
    font-size: 12px;
    color: #8492a6;
    text-decoration: none;
    font-weight: 300;
  }
  .footer-td a:hover {
    color: #fff;
  }

  .footer-td p {
    margin: 0 0 6px 0;
  }

  .footer-td p.address {
    margin-top: 9px;
    line-height: 1.5em;
  }

  .footer-td p.powered-by {
    margin-top: 18px;
  }

  .footer-td p.unsub {
    margin: 0;
  }

  .footer .unsub a {
    text-decoration: underline;
    display: block;
    margin: 12px 0 0;
  }

  p.unsub a {
    text-decoration: underline;
  }

  .footer-td p.powered-by a {
    font-weight: bold;
  }

  .footer-td textarea {
    text-decoration: none;
    font-size: 12px;
    color: #b7b7b7;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    padding: 9px 0;
    font-weight: 300;
    line-height: normal;

  }

  a.intercom-h2b-button {
    background-color: #f4364c;
    font-size: 22px;
    color: #FFF;
    font-weight: 400;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #f4364c;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 18px 30px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important;
  }

  a.intercom-h2b-button:hover {
    background-color: #d5354b;
    border-color: #d5354b;
  }
  </style>
  <style data-premailer="ignore" type="text/css">
   @media screen and (max-width: 595px) {
    body {
      padding: 10px !important;
    }
    .main {
      width: 100% !important;
    }
    .main .main-td {
      padding: 20px !important;
    }
    .header {
      width: 100% !important;
    }
    .header td {
      text-align: center;
    }
    .footer {
      width: 100% !important;
    }
  }

  .content-td blockquote + * {
    margin-top: 20px !important;
  }

  .ExternalClass .content-td h1 {
    padding: 20px 0 !important;
  }

  .ExternalClass .content-td h2 {
    padding: 0 0 5px !important;
  }

  .ExternalClass .content-td p {
    padding: 10px 0 !important;
  }

  .ExternalClass .content-td .intercom-container {
    padding: 5px 0 !important;
  }

  .ExternalClass .content-td hr + * {
    padding-top: 30px !important;
  }

  .ExternalClass .content-td ol ,
  .ExternalClass .content-td ul {
    padding: 0 0 20px 40px !important;
    margin: 0 !important;
  }

  .ExternalClass .content-td ol li,
  .ExternalClass .content-td ul li {
    padding: 3px 0 !important;
    margin: 0 !important;
  }

  .ExternalClass table .footer-td p {
    padding: 0 0 6px 0 !important;
    margin: 0 !important;
  }

  .ExternalClass table .footer-td p.powered-by ,
  .ExternalClass table .footer-td p.unsub {
    padding-top: 15px;
  }
  </style>
  <style type="text/css">
   .intercom-align-right {
  text-align: right !important;
}
.intercom-align-center {
  text-align: center !important;
}
.intercom-align-left {
  text-align: left !important;
}
/* Over-ride for RTL */
.right-to-left .intercom-align-right{
  text-align: left !important;
}
.right-to-left .intercom-align-left{
  text-align: right !important;
}
.right-to-left .intercom-align-left {
  text-align:right !important;
}
.right-to-left li {
  text-align:right !important;
  direction: rtl;
}
.right-to-left .intercom-align-left img,
.right-to-left .intercom-align-left .intercom-h2b-button {
  margin-left: 0 !important;
}
.intercom-attachment,
.intercom-attachments,
.intercom-attachments td,
.intercom-attachments th,
.intercom-attachments tr,
.intercom-attachments tbody,
.intercom-attachments .icon,
.intercom-attachments .icon img {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.intercom-attachments {
  margin: 10px 0 !important;
}
.intercom-attachments .icon,
.intercom-attachments .icon img {
  width: 16px !important;
  height: 16px !important;
}
.intercom-attachments .icon {
  padding-right: 5px !important;
}
.intercom-attachment {
  display: inline-block !important;
  margin-bottom: 5px !important;
}

.intercom-interblocks-content-card {
  width: 334px !important;
  max-height: 136px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  font-size: 16px !important;
  border: 1px solid #e0e0e0 !important;
}

.intercom-interblocks-link,
.intercom-interblocks-article-card {
  text-decoration: none !important;
}

.intercom-interblocks-article-icon {
  width: 22.5% !important;
  height: 136px !important;
  float: left !important;
  background-color: #fafafa !important;
  background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Fstatic.intercom-mail-200.com%252Fassets%252Farticle_book-1a595be287f73c0d02f548f513bfc831.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuaW50ZSJ9:1kXPPy:jKuEkRoeSftoAa-RkABy73hauRE7eE_OhkcwWLTIyC4') !important;
  background-repeat: no-repeat !important;
  background-size: 32px !important;
  background-position: center !important;
}

.intercom-interblocks-article-text {
  width: 77.5% !important;
  float: right !important;
  background-color: #fff !important;
}

.intercom-interblocks-link-title,
.intercom-interblocks-article-title {
  color: #3c3c3c !important;
  font-size: 15px !important;
  margin: 16px 18px 12px !important;
  line-height: 1.3em !important;
  overflow: hidden !important;
}

.intercom-interblocks-link-description,
.intercom-interblocks-article-body {
  margin: 0 18px 12px !important;
  font-size: 14px !important;
  color: #3c3c3c !important;
  line-height: 1.3em !important;
}

.intercom-interblocks-link-author,
.intercom-interblocks-article-author {
  margin: 10px 15px !important;
  height: 24px !important;
  line-height: normal !important;
}

.intercom-interblocks-link-author-avatar,
.intercom-interblocks-article-author-avatar {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  float: left;
  margin-right: 5px;
}

.intercom-interblocks-link-author-avatar-image,
.intercom-interblocks-article-author-avatar-image {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  vertical-align: top !important;
  font-size: 12px !important;
}

.intercom-interblocks-link-author-name,
.intercom-interblocks-article-author-name {
  color: #74848b !important;
  margin: 0 0 0 5px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  overflow: hidden !important;
}

.intercom-interblocks-article-written-by {
  color: #8897a4 !important;
  margin: 1px 0 0 5px !important;
  font-size: 12px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  float: left !important;
}
  </style>
  <style>
   .intercom-align-right {
  text-align: right !important;
}
.intercom-align-center {
  text-align: center !important;
}
.intercom-align-left {
  text-align: left !important;
}
/* Over-ride for RTL */
.right-to-left .intercom-align-right{
  text-align: left !important;
}
.right-to-left .intercom-align-left{
  text-align: right !important;
}
.right-to-left .intercom-align-left {
  text-align:right !important;
}
.right-to-left li {
  text-align:right !important;
  direction: rtl;
}
.right-to-left .intercom-align-left img,
.right-to-left .intercom-align-left .intercom-h2b-button {
  margin-left: 0 !important;
}
.intercom-attachment,
.intercom-attachments,
.intercom-attachments td,
.intercom-attachments th,
.intercom-attachments tr,
.intercom-attachments tbody,
.intercom-attachments .icon,
.intercom-attachments .icon img {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.intercom-attachments {
  margin: 10px 0 !important;
}
.intercom-attachments .icon,
.intercom-attachments .icon img {
  width: 16px !important;
  height: 16px !important;
}
.intercom-attachments .icon {
  padding-right: 5px !important;
}
.intercom-attachment {
  display: inline-block !important;
  margin-bottom: 5px !important;
}

.intercom-interblocks-content-card {
  width: 334px !important;
  max-height: 136px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  font-size: 16px !important;
  border: 1px solid #e0e0e0 !important;
}

.intercom-interblocks-link,
.intercom-interblocks-article-card {
  text-decoration: none !important;
}

.intercom-interblocks-article-icon {
  width: 22.5% !important;
  height: 136px !important;
  float: left !important;
  background-color: #fafafa !important;
  background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Fstatic.intercom-mail-200.com%252Fassets%252Farticle_book-1a595be287f73c0d02f548f513bfc831.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuaW50ZSJ9:1kXPPy:jKuEkRoeSftoAa-RkABy73hauRE7eE_OhkcwWLTIyC4') !important;
  background-repeat: no-repeat !important;
  background-size: 32px !important;
  background-position: center !important;
}

.intercom-interblocks-article-text {
  width: 77.5% !important;
  float: right !important;
  background-color: #fff !important;
}

.intercom-interblocks-link-title,
.intercom-interblocks-article-title {
  color: #519dd4 !important;
  font-size: 15px !important;
  margin: 16px 18px 12px !important;
  line-height: 1.3em !important;
  overflow: hidden !important;
}

.intercom-interblocks-link-description,
.intercom-interblocks-article-body {
  margin: 0 18px 12px !important;
  font-size: 14px !important;
  color: #65757c !important;
  line-height: 1.3em !important;
}

.intercom-interblocks-link-author,
.intercom-interblocks-article-author {
  margin: 10px 15px !important;
  height: 24px !important;
  line-height: normal !important;
}

.intercom-interblocks-link-author-avatar,
.intercom-interblocks-article-author-avatar {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  float: left;
  margin-right: 5px;
}

.intercom-interblocks-link-author-avatar-image,
.intercom-interblocks-article-author-avatar-image {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  vertical-align: top !important;
  font-size: 12px !important;
}

.intercom-interblocks-link-author-name,
.intercom-interblocks-article-author-name {
  color: #74848b !important;
  margin: 0 0 0 5px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  overflow: hidden !important;
}

.intercom-interblocks-article-written-by {
  color: #8897a4 !important;
  margin: 1px 0 0 5px !important;
  font-size: 12px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  float: left !important;
}
  </style>
 </head>
 <body bgcolor="f7f8fa" style="background-color: #f7f8fa; margin: 0px; padding: 50px 20px">
  <table align="center" bgcolor="f7f8fa" class="header" style="border-collapse: separate; border-spacing: 0; table-layout: fixed" width="595px">
   <tbody>
    <tr>
     <td align="center" class="logo" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 16px; padding: 0; text-align: center">
      <img class="featured" height="29" src="https://inboxflows.com/_/image/https%253A%252F%252Fdownloads.intercomcdn.com%252Fi%252Fo%252F32182831%252Fa5b04bab81cbed48538d7a46%252FFile1503861418837/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkb3dubG9hZHMuaSJ9:1kXPPy:NrpfaDmkh8tZLZeIMh4C50CzG7FV79DyTWZW86Y0OAg" style="padding: 40px 0 20px; text-align: left" width="61"/>
     </td>
    </tr>
   </tbody>
  </table>
  <table align="center" bgcolor="white" border="0" cellpadding="0" cellspacing="0" class="main" style="border-collapse: separate; border-spacing: 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; letter-spacing: 0; table-layout: fixed" width="595">
   <tbody>
    <tr>
     <td class="main-td" style="border-radius: 2px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 16px; padding: 40px 60px">
      <table class="content" style="border-collapse: separate; border-spacing: 0; table-layout: fixed" width="100%">
       <tbody>
        <tr>
         <td class="content-td" style="color: #3c3c3c; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; padding: 0">
          <p align="left" class="intercom-align-left" style="line-height: 1.5; margin: 0 0 17px; text-align: left !important">
           Hi User,
          </p>
          <p align="left" class="intercom-align-left" style="line-height: 1.5; margin: 0 0 17px; text-align: left !important">
           As you are probably aware, the General Data Protection Regulation (GDPR), which goes into effect on the 25th of May, will soon have a major impact on European privacy law.
          </p>
          <p align="left" class="intercom-align-left" style="line-height: 1.5; margin: 0 0 17px; text-align: left !important">
           Hotjar has fully embraced the GDPR and we have been busy for the past year prepping for its arrival. We wrote
           <a style="border: none; color: #1251BA; outline: none !important" target="_blank">
            a blog about our support of privacy by design
           </a>
           , made
           <a style="border: none; color: #1251BA; outline: none !important" target="_blank">
            numerous product changes
           </a>
           to make it easier for our customers to comply with the regulation, and today we are releasing changes to our Terms of Service and Privacy Policy that align with our commitment to the GDPR.
          </p>
          <p align="left" class="intercom-align-left" style="line-height: 1.5; margin: 0 0 17px; text-align: left !important">
           You can find our updated documents in the links below:
          </p>
          <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
           <li>
            <a style="border: none; color: #1251BA; outline: none !important" target="_blank">
             Terms of Service
            </a>
           </li>
           <li>
            <a style="border: none; color: #1251BA; outline: none !important" target="_blank">
             Privacy Policy
            </a>
           </li>
          </ul>
          <p align="left" class="intercom-align-left" style="line-height: 1.5; margin: 0 0 17px; text-align: left !important">
           These updates will go into effect for existing users and customers on the 23rd of May 2018 (30 calendar days from this email being sent). New users will be governed by the updated Terms of Service and Privacy Policy starting from the date of this email.
           <br/>
           <br/>
           We put together a comprehensive summary of the changes we made, including the rationale behind them, in
           <a style="border: none; color: #1251BA; outline: none !important" target="_blank">
            this article
           </a>
           .
           <br/>
           <br/>
           If you have any questions or queries please reply with a detailed description of your concerns. We'll do our best to resolve such issues as soon as possible.
           <br/>
           <br/>
           All the best,
           <br/>
           <br/>
           Louanne
          </p>
          <p align="left" class="intercom-align-left" style="line-height: 1.5; margin: 0 0 17px; text-align: left !important">
           Hotjar’s Legal Counsel &amp; Data Protection Officer
           <br/>
          </p>
         </td>
        </tr>
       </tbody>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <table align="middle" class="footer" style="border-collapse: separate; border-spacing: 0; table-layout: fixed" width="100%">
   <tbody>
    <tr>
     <td style="font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 16px; padding: 0">
      <table align="center" bgcolor="263345" border="0" cellpadding="0" cellspacing="0" class="footer" style="border-collapse: separate; border-spacing: 0; table-layout: fixed" width="595">
       <tbody>
        <tr>
         <td align="center" class="footer-td" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 16px; padding: 25px 30px; text-align: center">
          <a style="border: none; color: #8492a6; font-size: 12px; font-weight: 300; outline: none !important; text-decoration: none">
           Unsubscribe from our emails
          </a>
         </td>
        </tr>
       </tbody>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <img alt="intercom" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fvia.intercom-mail-200.com%252Fo%253Fh%253Dc7d890e4e285d10de3273019fedfb3e2af176b87-15927569054/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ2aWEuaW50ZXJjbyJ9:1kXPPy:1k6CgwBr7SkSxCdpXg1E02KEfhSZKfQw3utf04iPCVE" style="display: block;" width="1"/>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Fspe.via.intercom-mail.com%252Fq%252FrZ6Xxp0vouh7u3MYBGKcog~~%252FAAAAAQA~%252FRgRcwIhMPlcIaW50ZXJjb21YBAAAAKtCCgADTAPeWi49GdVSEzRiYzdkOTg3QHVpZmVlZC5jb20~/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnNwZS52aWEuaW50ZSJ9:1kXPPy:41K_rWUICNlMrLFf6KyL18fv1bpmw6rJy5nDXrObKEQ" width="1"/>
 </body>
</html>
7 years, 4 months ago - Louanne from Hotjar <support+louanne@hotjar.com>
Important Updates to Hotjar’s Terms and Privacy Policy
Hi User, As you are probably aware, the General Data Protection Regulation (GDPR), which goes int...
Inboxes

Hotjar Invited user
