Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<!-- start coded_template: id:12565640350 path:Coded files/Custom/email/Grilled Cheese/grilled-cheese.html -->
<html lang="en">
 <head>
  <!-- start coded_template: id:12567789410 path:Coded files/Custom/email/Grilled Cheese/partials/gc-metas.html -->
  <title>
   Welcome to the new Officevibe
  </title>
  <!--[if !mso]><!-- -->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <meta content="telephone=no" name="format-detection"/>
  <meta content="date=no" name="format-detection"/>
  <meta content="address=no" name="format-detection"/>
  <meta content="email=no" name="format-detection"/>
  <!-- end coded_template: id:12567789410 path:Coded files/Custom/email/Grilled Cheese/partials/gc-metas.html -->
  <!-- start coded_template: id:12567784341 path:Coded files/Custom/email/Grilled Cheese/partials/gc-styles.html -->
  <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,700" rel="stylesheet"/>
  <style data-hse-inline-css="true" type="text/css">
   #outlook a {
    padding: 0;
  }
  .ReadMsgBody {
    width: 100%;
  }
  .ExternalClass {
    width: 100%;
  }
  .ExternalClass * {
    line-height: 100%;
  }
  body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  table,
  td {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
  }
  img {
    border: 0;
    line-height: 100%;
    outline: none;
    text-decoration: none;
    -ms-interpolation-mode: bicubic;
  }
  </style>
  <!--[if !mso]><!-->
  <style type="text/css">
   @media only screen and (max-width:480px) {
    @-ms-viewport {
      width: 320px;
    }
    @viewport {
      width: 320px;
    }
    .subtitle {
      font-size: 26px !important;
      line-height: 32px !important;
    }
  }
  </style>
  <!--<![endif]-->
  <!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
  <!--[if lte mso 11]>
<style type="text/css">
.outlook-group-fix { width:100% !important; }
</style>
<![endif]-->
  <style type="text/css">
   @media only screen and (min-width:480px) {
    .mj-column-per-100 {
      width: 100% !important;
      max-width: 100%;
    }
    .mj-column-per-66 {
      width: 66% !important;
      max-width: 66%;
    }
    .mj-column-per-50 {
      width: 50% !important;
      max-width: 50%;
    }
    .mj-column-per-33 {
      width: 33% !important;
      max-width: 33%;
    }
  }
  </style>
  <style type="text/css">
   @media only screen and (max-width:480px) {
    table.full-width-mobile {
      width: 100% !important;
    }
    td.full-width-mobile {
      width: auto !important;
    }
  }
  </style>
  <!-- end coded_template: id:12567784341 path:Coded files/Custom/email/Grilled Cheese/partials/gc-styles.html -->
  <!-- start coded_template: id:14800000722 path:Coded files/Custom/email/Grilled Cheese/styles/gc-styles-typography.html -->
  <style data-hse-inline-css="true">
   h1 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    margin-bottom: 26px;
    margin: 0px 0px 26px;
    font-family: Helvetica, Arial, sans-serif;
  }
  h2 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 26px;
    margin: 0px 0px 26px;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
  }
  h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
  }
  h4 {
    font-weight: 700;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
  }
  h5 {
    font-weight: 700;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
  }
  h6 {
    font-weight: 700;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif;
  }
  p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
    margin-top: 16px;
    color: #333333;
    font-family: Helvetica, Arial, sans-serif !important;
  }
  
  a {
    font-size: 16px;
    line-height: 26px;
    color: #24248c;
    font-family: Helvetica, Arial, sans-serif !important;
  }
  
  ul {
    font-size: 16px;
    line-height: 26px;
    font-family: Helvetica, Arial, sans-serif !important;
  }
  
  ol {
    font-size: 16px;
    line-height: 26px;
    font-family: Helvetica, Arial, sans-serif !important;
  }
  
  li {
    font-size: 16px;
    line-height: 26px;
    font-family: Helvetica, Arial, sans-serif !important;
  }
  
  blockquote {
    font-family: Helvetica, Arial, sans-serif !important;
  }
  
  pre {
    white-space: normal;
  }
  
  @media only screen and (max-width:480px) {
    h1 {
      font-size: 40px;
      line-height: 44px;
    }
    h2 {
      font-size: 26px;
      line-height: 32px;
    }
    h3 {
      font-size: 18px;
      line-height: 26px;
    }
    p {
      font-size: 16px;
      line-height: 26px;
    } 
  }
  </style>
  <!--[if mso]>
<style type="text/css">
h1 {font-family: Helvetica,Arial,sans-serif !important;}
h2 {font-family: Helvetica,Arial,sans-serif !important;}
h3 {font-family: Helvetica,Arial,sans-serif !important;}
p {font-family: Helvetica,Arial,sans-serif !important;}
a {font-family: Helvetica,Arial,sans-serif !important;}
</style>
<![endif]-->
  <!-- end coded_template: id:14800000722 path:Coded files/Custom/email/Grilled Cheese/styles/gc-styles-typography.html -->
  <meta content="HubSpot" name="generator"/>
  <meta content="https://hs.officevibe.com/-temporary-slug-d2783159-6972-42fa-b125-b72f3b147518" property="og:url"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <meta content="noindex,follow" name="robots"/>
 </head>
 <body style="margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%">
  <div id="preview_text" style="display:none;font-size:1px;color:#f2f2f2;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Log in to see it for yourself!
  </div>
  <div style="background-color:#FFFFFF;">
   <!--[if mso | IE]>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600">
            <tr>
                <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
        <![endif]-->
   <div style="background:#ffffff;background-color:#ffffff;Margin:0px auto;max-width:600px;">
    <!-- start coded_template: id:13016952617 path:Coded files/Custom/email/Grilled Cheese/partials/gc-top-bread.html -->
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_156823281655228" style="color: inherit; font-size: inherit; line-height: inherit;">
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background:#ffffff; background-color:#ffffff; width:100%" width="100%">
      <tbody>
       <tr>
        <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; direction:ltr; font-size:0px; padding:0 0 40px; padding-bottom:40px; padding-top:0px; text-align:center; vertical-align:top">
         <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background:#ffffff; background-color:#ffffff; width:100%" width="100%">
          <tbody>
           <tr>
            <td align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; padding:20px 20px 40px 0; padding-left:20px; padding-right:20px; padding-bottom:40px">
             <a align="center" class="hubspot-mergetag" data-hs-link-id="0" data-viewaswebpage="true" style="font-family:Arial, sans-serif; font-size:10px; line-height:11px; text-align:center; color:#3D53F7; text-decoration:underline" target="_blank">
              <span style="font-weight: bold;">
               View in browser
              </span>
             </a>
            </td>
           </tr>
           <tr>
            <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; direction:ltr; font-size:0px; padding:0 0 40px 0; padding-bottom:0px; padding-bottom:40px; text-align:center; vertical-align:top">
             <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">    
                    <tr>
                      <td
                         class="" style="vertical-align:top;width:600px;"
                      >
                    <![endif]-->
             <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; vertical-align:top" width="100%">
               <tbody>
                <tr>
                 <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; font-size:0px; padding:0px 25px; word-break:break-word">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; border-spacing:0px">
                   <tbody>
                    <tr>
                     <td style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; line-height:0px">
                      <a data-hs-link-id="0" style="font-size:16px; color:#24248c; font-family:Helvetica, Arial, sans-serif !important; display:block; line-height:0px" target="_blank">
                       <img alt="LOGO" height="30" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs.officevibe.com%252Fhs-fs%252Fhubfs%252FLOGO.png%253Fnoresize%2526width%253D360%2526height%253D60%2526upscale%253Dtrue%2526name%253DLOGO.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy5vZmZpY2V2aSJ9:1kXNbB:Qw_ZXxP3lLQ4ddxrHSSM3_EPeF60DH7oi9AMDqqjiqY" style="border:0; line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; max-width:100%; height:30; display:block" width="180"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </div>
             <!--[if mso | IE]>
                      </td>
                    </tr>
                   </table>
                  <![endif]-->
            </td>
           </tr>
          </tbody>
         </table>
        </td>
       </tr>
      </tbody>
     </table>
    </div>
    <!-- end coded_template: id:13016952617 path:Coded files/Custom/email/Grilled Cheese/partials/gc-top-bread.html -->
    <!-- start coded_template: id:13016953395 path:Coded files/Custom/email/Grilled Cheese/partials/gc-intro.html -->
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_156823305452052" style="color: inherit; font-size: inherit; line-height: inherit;">
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background:#ffffff; background-color:#ffffff; width:100%" width="100%">
      <tbody>
       <tr>
        <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; direction:ltr; font-size:0px; padding:40px 0 0; padding-bottom:0px; padding-top:40px; text-align:center; vertical-align:top">
         <!--[if mso | IE]>
        <table role="presentation" border="0" cellpadding="0" cellspacing="0">    
          <tr>
            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
         <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:center;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; vertical-align:top" width="100%">
           <tbody>
            <tr>
             <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; font-size:0px; padding:0px 20px; padding-top:0px; padding-bottom:0px; word-break:break-word">
              <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="intro_content" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_156823305452052_" style="color: inherit; font-size: inherit; line-height: inherit;">
               <h2 align="center" class="p1" style="line-height:38px; font-weight:700; margin-bottom:26px; margin:0px 0px 26px; color:#333333; font-family:Helvetica, Arial, sans-serif; font-size:32px; text-align:center">
                <span style="color: #1053ff; font-size: 36px;">
                 <strong>
                  <span class="EOP SCXW62637028 BCX0" data-ccp-props='{"201341983":0,"335559739":160,"335559740":259}'>
                   <span class="TextRun MacChromeBold SCXW220435349 BCX0" data-contrast="auto" lang="EN-CA" xml:lang="EN-CA">
                    <span class="NormalTextRun SCXW220435349 BCX0">
                     Get
                    </span>
                   </span>
                   <span class="TextRun MacChromeBold SCXW220435349 BCX0" data-contrast="auto" lang="EN-CA" xml:lang="EN-CA">
                    <span class="NormalTextRun SCXW220435349 BCX0">
                     the best out of
                    </span>
                   </span>
                   <span class="TextRun MacChromeBold SCXW220435349 BCX0" data-contrast="auto" lang="EN-CA" xml:lang="EN-CA">
                    <span class="NormalTextRun SCXW220435349 BCX0">
                     your
                    </span>
                   </span>
                   <span class="TextRun MacChromeBold SCXW220435349 BCX0" data-contrast="auto" lang="EN-CA" xml:lang="EN-CA">
                    <span class="NormalTextRun SCXW220435349 BCX0">
                     people
                    </span>
                   </span>
                   <br/>
                   <br/>
                  </span>
                  <span class="EOP SCXW62637028 BCX0" data-ccp-props='{"201341983":0,"335559739":160,"335559740":259}'>
                   <img alt="phoneOV-2" sizes="(max-width: 600px) 100vw, 600px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs.officevibe.com%252Fhs-fs%252Fhubfs%252FphoneOV-2.png%253Fwidth%253D1200%2526upscale%253Dtrue%2526name%253DphoneOV-2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy5vZmZpY2V2aSJ9:1kXNbB:Qw_ZXxP3lLQ4ddxrHSSM3_EPeF60DH7oi9AMDqqjiqY" srcset="https://hs.officevibe.com/hs-fs/hubfs/phoneOV-2.png?upscale=true&amp;width=1200&amp;upscale=true&amp;name=phoneOV-2.png 600w, https://hs.officevibe.com/hs-fs/hubfs/phoneOV-2.png?upscale=true&amp;width=2400&amp;upscale=true&amp;name=phoneOV-2.png 1200w" style="border:0; line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; width:600px; max-width:600px" width="600"/>
                  </span>
                  <span class="EOP SCXW62637028 BCX0" data-ccp-props='{"201341983":0,"335559739":160,"335559740":259}'>
                   <br/>
                  </span>
                 </strong>
                </span>
                <span style="color: #1053ff; font-size: 36px;">
                 <span class="EOP SCXW62637028 BCX0" data-ccp-props='{"201341983":0,"335559739":160,"335559740":259}'>
                 </span>
                </span>
               </h2>
              </div>
             </td>
            </tr>
           </tbody>
          </table>
         </div>
         <!--[if mso | IE]>
            </td>
          </tr>
         </table>
        <![endif]-->
        </td>
       </tr>
      </tbody>
     </table>
    </div>
    <!-- end coded_template: id:13016953395 path:Coded files/Custom/email/Grilled Cheese/partials/gc-intro.html -->
    <!-- start coded_template: id:18178454844 path:Coded files/Custom/email/Grilled Cheese/partials/gc-value-prop.html -->
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_157114651244514" style="color: inherit; font-size: inherit; line-height: inherit;">
     <!-- start coded_template: id:12567784341 path:Coded files/Custom/email/Grilled Cheese/partials/gc-styles.html -->
     <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,700" rel="stylesheet"/>
     <style data-hse-inline-css="true" type="text/css">
      #outlook a {
    padding: 0;
  }
  .ReadMsgBody {
    width: 100%;
  }
  .ExternalClass {
    width: 100%;
  }
  .ExternalClass * {
    line-height: 100%;
  }
  body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  table,
  td {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
  }
  img {
    border: 0;
    line-height: 100%;
    outline: none;
    text-decoration: none;
    -ms-interpolation-mode: bicubic;
  }
     </style>
     <!--[if !mso]><!-->
     <style type="text/css">
      @media only screen and (max-width:480px) {
    @-ms-viewport {
      width: 320px;
    }
    @viewport {
      width: 320px;
    }
    .subtitle {
      font-size: 26px !important;
      line-height: 32px !important;
    }
  }
     </style>
     <!--<![endif]-->
     <!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
     <!--[if lte mso 11]>
<style type="text/css">
.outlook-group-fix { width:100% !important; }
</style>
<![endif]-->
     <style type="text/css">
      @media only screen and (min-width:480px) {
    .mj-column-per-100 {
      width: 100% !important;
      max-width: 100%;
    }
    .mj-column-per-66 {
      width: 66% !important;
      max-width: 66%;
    }
    .mj-column-per-50 {
      width: 50% !important;
      max-width: 50%;
    }
    .mj-column-per-33 {
      width: 33% !important;
      max-width: 33%;
    }
  }
     </style>
     <style type="text/css">
      @media only screen and (max-width:480px) {
    table.full-width-mobile {
      width: 100% !important;
    }
    td.full-width-mobile {
      width: auto !important;
    }
  }
     </style>
     <!-- end coded_template: id:12567784341 path:Coded files/Custom/email/Grilled Cheese/partials/gc-styles.html -->
    </div>
    <!-- end coded_template: id:18178454844 path:Coded files/Custom/email/Grilled Cheese/partials/gc-value-prop.html -->
    <!-- start coded_template: id:14954999051 path:Coded files/Custom/email/Grilled Cheese/partials/gc-download.html -->
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_156961647167430" style="color: inherit; font-size: inherit; line-height: inherit;">
    </div>
    <!-- end coded_template: id:14954999051 path:Coded files/Custom/email/Grilled Cheese/partials/gc-download.html -->
    <!-- start coded_template: id:17562022647 path:Coded files/Custom/email/Grilled Cheese/partials/gc-author.html -->
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_1570651103919125" style="color: inherit; font-size: inherit; line-height: inherit;">
    </div>
    <!-- end coded_template: id:17562022647 path:Coded files/Custom/email/Grilled Cheese/partials/gc-author.html -->
    <!-- start coded_template: id:13016953422 path:Coded files/Custom/email/Grilled Cheese/partials/gc-body.html -->
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_156823321045076" style="color: inherit; font-size: inherit; line-height: inherit;">
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background:#ffffff; background-color:#ffffff; width:100%" width="100%">
      <tbody>
      </tbody>
     </table>
     <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background:#ffffff; background-color:#ffffff; width:100%" width="100%">
      <tbody>
       <tr>
        <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; direction:ltr; font-size:0px; padding:30px 0 0; padding-bottom:0px; padding-top:30px; text-align:center; vertical-align:top">
         <!--[if mso | IE]>
        <table role="presentation" border="0" cellpadding="0" cellspacing="0">    
          <tr>
            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
         <div class="mj-column-per-100 outlook-group-fix" style="font-size:16px;text-align:center;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; vertical-align:top" width="100%">
           <tbody>
            <tr>
             <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; font-size:0px; padding:0px 20px; padding-top:0px; padding-bottom:0px; word-break:break-word">
              <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="body_content" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_156823321045076_" style="color: inherit; font-size: inherit; line-height: inherit;">
               <div style="font-family: Arial, sans-serif; font-size: 32px; line-height: 38px; text-align: center; color: #333333;">
                <div style="font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 24px; text-align: center; color: #333333;">
                 <p align="left" class="p3" style="font-size:16px; line-height:26px; margin-bottom:16px; margin-top:16px; color:#333333; font-family:Helvetica, Arial, sans-serif !important; text-align:left">
                  <span class="s1" style="font-family: helvetica;">
                   <strong>
                    Hi Sarah,
                   </strong>
                  </span>
                 </p>
                 <p align="left" style="font-size:16px; line-height:26px; margin-bottom:16px; margin-top:16px; color:#333333; font-family:Helvetica, Arial, sans-serif !important; text-align:left">
                  <span style="font-family: helvetica;">
                   We've got great news. Next time you log in to Officevibe, you'll see that your account is now part of our new experience - meaning you can start taking advantage of our team-centric redesign, single-report overview, and mobile capabilities right away.
                   <br/>
                   <br/>
                   Our new Performance Management tools and in-app leadership advice are tailored to your biggest challenges. Whatever your vision for your teams, Officevibe is here to help you get there.
                  </span>
                 </p>
                 <p align="left" style="font-size:16px; line-height:26px; margin-bottom:16px; margin-top:16px; color:#333333; font-family:Helvetica, Arial, sans-serif !important; text-align:left">
                  <span style="font-family: helvetica;">
                   In the coming months, new features will continually be added to your experience so that you can continue to meet your growing Engagement, Learning &amp; Development, and Performance Management needs.
                  </span>
                 </p>
                 <p align="left" style="font-size:16px; line-height:26px; margin-bottom:16px; margin-top:16px; color:#333333; font-family:Helvetica, Arial, sans-serif !important; text-align:left">
                  <span style="font-family: helvetica;">
                   Let's get started!
                  </span>
                 </p>
                 <p align="left" style="font-size:16px; line-height:26px; margin-bottom:16px; margin-top:16px; color:#333333; font-family:Helvetica, Arial, sans-serif !important; text-align:left">
                 </p>
                 <p align="left" style="font-size:16px; line-height:26px; margin-bottom:16px; margin-top:16px; color:#333333; font-family:Helvetica, Arial, sans-serif !important; text-align:left">
                 </p>
                 <center>
                  <!--HubSpot Call-to-Action Code -->
                  <span class="hs-cta-wrapper" data-hs-img-pg="d15a1066-1e78-445e-9b9c-2effb9c03e9e" id="hs-cta-wrapper-d15a1066-1e78-445e-9b9c-2effb9c03e9e">
                   <span class="hs-cta-node hs-cta-d15a1066-1e78-445e-9b9c-2effb9c03e9e" id="hs-cta-d15a1066-1e78-445e-9b9c-2effb9c03e9e">
                    <a data-hs-link-id="0" style="font-size:16px; line-height:26px; color:#24248c; font-family:Helvetica, Arial, sans-serif !important" target="_blank">
                     <img align="middle" alt="Log in to see what's new" class="hs-cta-img" id="hs-cta-img-d15a1066-1e78-445e-9b9c-2effb9c03e9e" mce_noresize="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fcta-image-cms2.hubspot.com%252Fctas%252Fv2%252Fpublic%252Fcs%252Fil%252F%253Fpg%253Dd15a1066-1e78-445e-9b9c-2effb9c03e9e%2526pid%253D1999999%2526ecid%253DACsprvvMSpEX8aNzmSp0RrdDRLwFc56bMxEnH0xS4XrECFTZRpIVmWtALSQkNNDsiJgnRwy-Vu-i%2526hseid%253D79298423%2526hsic%253Dfalse/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjdGEtaW1hZ2UtYyJ9:1kXNbB:4d6_KIZRThMKus9qUKkQIcZ2M3AVROyVURtmrEiunh4" srcset="https://cta-image-cms2.hubspot.com/ctas/v2/public/cs/il/?pg=d15a1066-1e78-445e-9b9c-2effb9c03e9e&amp;pid=1999999&amp;ecid=ACsprvvMSpEX8aNzmSp0RrdDRLwFc56bMxEnH0xS4XrECFTZRpIVmWtALSQkNNDsiJgnRwy-Vu-i&amp;hseid=79298423&amp;hsic=false&amp;dsf=2 2x, https://cta-image-cms2.hubspot.com/ctas/v2/public/cs/il/?pg=d15a1066-1e78-445e-9b9c-2effb9c03e9e&amp;pid=1999999&amp;ecid=ACsprvvMSpEX8aNzmSp0RrdDRLwFc56bMxEnH0xS4XrECFTZRpIVmWtALSQkNNDsiJgnRwy-Vu-i&amp;hseid=79298423&amp;hsic=false&amp;dsf=3 3x, https://cta-image-cms2.hubspot.com/ctas/v2/public/cs/il/?pg=d15a1066-1e78-445e-9b9c-2effb9c03e9e&amp;pid=1999999&amp;ecid=ACsprvvMSpEX8aNzmSp0RrdDRLwFc56bMxEnH0xS4XrECFTZRpIVmWtALSQkNNDsiJgnRwy-Vu-i&amp;hseid=79298423&amp;hsic=false&amp;dsf=4 4x" style="border:0; line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; border-width:0px; margin:0 auto; display:block; margin-top:20px; margin-bottom:20px; width:auto !important; max-width:100% !important" width="auto"/>
                    </a>
                   </span>
                  </span>
                  <!-- end HubSpot Call-to-Action Code -->
                 </center>
                 <p style="font-size:16px; line-height:26px; margin-bottom:16px; margin-top:16px; color:#333333; font-family:Helvetica, Arial, sans-serif !important">
                 </p>
                 <p align="left" style="font-size:16px; line-height:26px; margin-bottom:16px; margin-top:16px; color:#333333; font-family:Helvetica, Arial, sans-serif !important; text-align:left">
                 </p>
                 <span class="TextRun SCXW73985705 BCX0" data-contrast="auto" lang="EN-CA" xml:lang="EN-CA">
                  <span class="NormalTextRun SCXW73985705 BCX0">
                   <span class="TextRun Highlight SCXW203099168 BCX0" data-contrast="auto" lang="EN-CA" xml:lang="EN-CA">
                    <span class="NormalTextRun SCXW203099168 BCX0">
                     <a data-hs-link-id="0" id="__hsNewLink" rel="noopener" style="font-size:16px; line-height:26px; color:#24248c; font-family:Helvetica, Arial, sans-serif !important" target="_blank">
                      <span class="EOP SCXW265845569 BCX0" data-ccp-props='{"201341983":0,"335559739":160,"335559740":259}'>
                      </span>
                     </a>
                    </span>
                   </span>
                  </span>
                 </span>
                 <span style="font-family: helvetica;">
                 </span>
                </div>
               </div>
              </div>
             </td>
            </tr>
           </tbody>
          </table>
         </div>
         <!--[if mso | IE]>
            </td>
          </tr>
         </table>
        <![endif]-->
        </td>
       </tr>
      </tbody>
     </table>
    </div>
    <!-- end coded_template: id:13016953422 path:Coded files/Custom/email/Grilled Cheese/partials/gc-body.html -->
    <!-- start coded_template: id:13016953482 path:Coded files/Custom/email/Grilled Cheese/partials/gc-articles.html -->
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_1568233375539107" style="color: inherit; font-size: inherit; line-height: inherit;">
    </div>
    <!-- end coded_template: id:13016953482 path:Coded files/Custom/email/Grilled Cheese/partials/gc-articles.html -->
    <!-- start coded_template: id:13016953349 path:Coded files/Custom/email/Grilled Cheese/partials/gc-bottom-bread.html -->
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_1568233560437148" style="color: inherit; font-size: inherit; line-height: inherit;">
     <table align="center" bgcolor="#F8F8F8" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; background:#F8F8F8; background-color:#F8F8F8; width:100%; margin-top; 0px; margin:0px 0 0 0" width="100%">
      <tbody>
       <tr>
        <td align="center" bgcolor="#F8F8F8" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; direction:ltr; font-size:0px; padding:40px 20px; padding-bottom:40px; padding-top:40px; padding-left:20px; padding-right:20px; text-align:center; vertical-align:top; background:#F8F8F8">
         <!--[if mso | IE]>
        <table role="presentation" border="0" cellpadding="0" cellspacing="0">    
          <tr>
            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
         <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; vertical-align:top" width="100%">
           <tbody>
            <tr>
             <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; font-size:0px; padding:0px; word-break:break-word">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse; border-spacing:0px">
               <tbody>
                <tr>
                 <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; width:90px; text-align:center; line-height:0px" width="90">
                  <a data-hs-link-id="1" style="font-size:16px; color:#24248c; font-family:Helvetica, Arial, sans-serif !important; line-height:0px" target="_blank">
                   <img alt="LOGO" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs.officevibe.com%252Fhs-fs%252Fhubfs%252FLOGO.png%253Fnoresize%2526width%253D180%2526height%253D30%2526upscale%253Dtrue%2526name%253DLOGO.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy5vZmZpY2V2aSJ9:1kXNbB:Qw_ZXxP3lLQ4ddxrHSSM3_EPeF60DH7oi9AMDqqjiqY" style="border:0; line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; max-width:100%; height:15px" width="90"/>
                  </a>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
         </div>
         <!--[if mso | IE]>
            </td>
          </tr>
         </table>
        <![endif]-->
        </td>
       </tr>
       <tr>
        <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; direction:ltr; font-size:0px; padding:0 0 40px; padding-bottom:40px; padding-top:40px; text-align:center; vertical-align:top">
         <!--[if mso | IE]>
        <table role="presentation" border="0" cellpadding="0" cellspacing="0">    
          <tr>
            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
         <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:center;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; vertical-align:top" width="100%">
           <tbody>
            <tr>
             <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; font-size:0px; padding:0px 20px; padding-top:0px; padding-bottom:0px; word-break:break-word">
              <div style="font-family:Arial, sans-serif;font-size:40px;line-height:38px;text-align:center;color:#333333;">
               <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="bottom_bread_content" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_1568233560437148_" style="color: inherit; font-size: inherit; line-height: inherit;">
                <h2 align="center" style="font-weight:700; margin-bottom:26px; line-height:38px; margin:0px 0px 15px; text-align:center; color:#333333; font-family:'Work Sans', Helvetica, Arial, sans-serif; font-size:30px">
                 Unlock performance
                 <br/>
                 with team engagement
                </h2>
               </div>
              </div>
             </td>
            </tr>
           </tbody>
          </table>
         </div>
         <!--[if mso | IE]>
            </td>
          </tr>
         </table>
        <![endif]-->
        </td>
       </tr>
       <tr>
        <td style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; padding:0 0 40px; padding-bottom:40px; padding-top:0px" valign="center">
         <table align="center" border="0" cellpadding="0" cellspacing="0" class="push-down--links" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt" valign="top">
          <tbody>
           <tr>
            <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt" valign="center" width="100">
             <a data-hs-link-id="0" style="font-size:16px; line-height:26px; color:#24248c; font-family:Helvetica, Arial, sans-serif !important" target="_blank">
              <img alt="Twitter@2x" height="44" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs.officevibe.com%252Fhs-fs%252Fhubfs%252FTwitter%25402x.png%253Fnoresize%2526width%253D88%2526height%253D88%2526upscale%253Dtrue%2526name%253DTwitter%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy5vZmZpY2V2aSJ9:1kXNbB:Qw_ZXxP3lLQ4ddxrHSSM3_EPeF60DH7oi9AMDqqjiqY" style="border:0; line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic" width="44"/>
             </a>
            </td>
            <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt" valign="center" width="100">
             <a data-hs-link-id="0" style="font-size:16px; line-height:26px; color:#24248c; font-family:Helvetica, Arial, sans-serif !important" target="_blank">
              <img alt="LinkedIn@2x" height="44" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs.officevibe.com%252Fhs-fs%252Fhubfs%252FLinkedIn%25402x.png%253Fnoresize%2526width%253D88%2526height%253D88%2526upscale%253Dtrue%2526name%253DLinkedIn%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy5vZmZpY2V2aSJ9:1kXNbB:Qw_ZXxP3lLQ4ddxrHSSM3_EPeF60DH7oi9AMDqqjiqY" style="border:0; line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic" width="44"/>
             </a>
            </td>
            <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt" valign="center" width="100">
             <a data-hs-link-id="0" style="font-size:16px; line-height:26px; color:#24248c; font-family:Helvetica, Arial, sans-serif !important" target="_blank">
              <img alt="Facebook@2x" height="44" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs.officevibe.com%252Fhs-fs%252Fhubfs%252FFacebook%25402x.png%253Fnoresize%2526width%253D88%2526height%253D88%2526upscale%253Dtrue%2526name%253DFacebook%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy5vZmZpY2V2aSJ9:1kXNbB:Qw_ZXxP3lLQ4ddxrHSSM3_EPeF60DH7oi9AMDqqjiqY" style="border:0; line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic" width="44"/>
             </a>
            </td>
           </tr>
          </tbody>
         </table>
        </td>
       </tr>
       <tr>
        <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; direction:ltr; font-size:0px; padding:0px 0 0; padding-bottom:0px; padding-top:0px; text-align:center; vertical-align:top">
         <!--[if mso | IE]>
        <table role="presentation" border="0" cellpadding="0" cellspacing="0">    
          <tr>
            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
         <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:center;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; vertical-align:top" width="100%">
           <tbody>
            <tr>
             <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; font-size:0px; padding:0px 40px; padding-top:0px; padding-bottom:40px; word-break:break-word">
              <div style="font-family:Arial, sans-serif;font-size:40px;line-height:38px;text-align:center;color:#676767;">
               <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="unsubscribe_content" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_1568233560437148_" style="color: inherit; font-size: inherit; line-height: inherit;">
                <div style="font-family: Helvetica,Arial,sans-serif; font-size: 14px; line-height: 16px; text-align: center; color: #676767; margin-top: 15px; margin: 30px 0 0 0;">
                 <span style="color: #a6afb3;">
                  You are receiving this newsletter because you are
                 </span>
                 <span style="color: #a6afb3;">
                  a manager
                 </span>
                 <span style="color: #a6afb3;">
                  of your company
                 </span>
                 <span style="color: #a6afb3;">
                  in Officevibe or because
                 </span>
                 <span style="color: #a6afb3;">
                  you subscribed to
                 </span>
                 <span style="color: #a6afb3;">
                  our newsletter.You can
                 </span>
                 <span style="color: #a6afb3;">
                  <a data-hs-link-id="0" style="font-size:16px; line-height:26px; font-family:Helvetica, Arial, sans-serif !important; color:#a6afb3; text-decoration:underline" target="_blank">
                   unsubscribe
                  </a>
                  at anytime.
                 </span>
                </div>
               </div>
              </div>
             </td>
            </tr>
            <tr>
             <td align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; font-size:0px; padding:0 20px 40px; padding-top:0px; padding-bottom:40px; word-break:break-word">
              <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="bottom_bread_address_and_coordinates" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_1568233560437148_" style="color: inherit; font-size: inherit; line-height: inherit;">
               <div style="font-family: Arial, sans-serif; font-size: 40px; line-height: 38px; text-align: center; color: #a6afb3;">
                <div style="font-family: Helvetica,Arial,sans-serif; font-size: 14px; line-height: 16px; text-align: center; color: #a6afb3;">
                 Officevibe
                 <br/>
                 1751 rue Richardson
                 <br/>
                 Montreal (Quebec),Canada
                </div>
               </div>
              </div>
             </td>
            </tr>
           </tbody>
          </table>
         </div>
         <!--[if mso | IE]>
            </td>
          </tr>
         </table>
        <![endif]-->
        </td>
       </tr>
      </tbody>
     </table>
    </div>
    <!-- end coded_template: id:13016953349 path:Coded files/Custom/email/Grilled Cheese/partials/gc-bottom-bread.html -->
   </div>
   <!--[if mso | IE]>
                </td>
            </tr>
            </table>
        <![endif]-->
   <!--Officevibe
        1751 rue Richardson        
        Montreal
        Quebec
        https://hs.officevibe.com/hs/manage-preferences/unsubscribe?d=VnbTNX4_h5ZJW1NsN0T3H4MPLW2m9S0b3K3nBdW3Fbt5q5mdKKqW15gBJz7vs_zlW8HTP8Q6ybf3tW5k6Zp36YmpBJVWVsrc5hY7wHMXk_7QbvYyzW6-528224VJ31W157gYg3JHtzm3ntT2&v=3-->
  </div>
  <!-- end coded_template: id:12565640350 path:Coded files/Custom/email/Grilled Cheese/grilled-cheese.html -->
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs.officevibe.com%252Fe2t%252Fo%252F%252AVNWpq51cm0bsN4WgVNlqYpcP0%252F%252AN7mc2QBfz5lrW3ZJ6702vWJxc0%252F5%252Ff18dQhb0KdhDBX1CmW5-bd455SS70pW62HNqy51rvlbW55f0yJ5QT8DBW4Pw4J13DlgFjW1ZM4Rt3BYtHTW6djbTL3SZ-cjW3Wcw8g4C-5FBW5qdN3F7hRKB1W3PJ4Pn9k1GKgW4MpF-G5SrcpNW4vYpNv7GbWq3w6WzfQPgb1f3PpJwF02/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy5vZmZpY2V2aSJ9:1kXNbB:Qw_ZXxP3lLQ4ddxrHSSM3_EPeF60DH7oi9AMDqqjiqY" style="display:none!important;min-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>