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 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width" name="viewport"/>
  <style>
   .wrapper {
        width: 100%; }

        #outlook a {
        padding: 0; }

        body {
        width: 100% !important;
        min-width: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        margin: 0;
        Margin: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }

        .ExternalClass {
        width: 100%; }
        .ExternalClass,
        .ExternalClass p,
        .ExternalClass span,
        .ExternalClass font,
        .ExternalClass td,
        .ExternalClass div {
            line-height: 100%; }

        #backgroundTable {
        margin: 0;
        Margin: 0;
        padding: 0;
        width: 100% !important;
        line-height: 100% !important; }

        img {
        outline: none;
        text-decoration: none;
        -ms-interpolation-mode: bicubic;
        width: auto;
        max-width: 100%;
        clear: both;
        display: block; }

        center {
        width: 100%;
        min-width: 580px; }

        a img {
        border: none; }

        p {
        margin: 0 0 0 10px;
        Margin: 0 0 0 10px; }

        table {
        border-spacing: 0;
        border-collapse: collapse; }

        td {
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        border-collapse: collapse !important; }

        table, tr, td {
        padding: 0;
        vertical-align: top;
        text-align: left; }

        @media only screen {
        html {
            min-height: 100%;
            background: #f3f3f3; } }

        table.body {
        background: #f3f3f3;
        height: 100%;
        width: 100%; }

        table.container {
        background: #fefefe;
        width: 580px;
        margin: 0 auto;
        Margin: 0 auto;
        text-align: inherit; }

        table.row {
        padding: 0;
        width: 100%;
        position: relative; }

        table.spacer {
        width: 100%; }
        table.spacer td {
            mso-line-height-rule: exactly; }

        table.container table.row {
        display: table; }

        td.columns,
        td.column,
        th.columns,
        th.column {
        margin: 0 auto;
        Margin: 0 auto;
        padding-left: 16px;
        padding-bottom: 16px; }
        td.columns .column,
        td.columns .columns,
        td.column .column,
        td.column .columns,
        th.columns .column,
        th.columns .columns,
        th.column .column,
        th.column .columns {
            padding-left: 0 !important;
            padding-right: 0 !important; }
            td.columns .column center,
            td.columns .columns center,
            td.column .column center,
            td.column .columns center,
            th.columns .column center,
            th.columns .columns center,
            th.column .column center,
            th.column .columns center {
            min-width: none !important; }

        td.columns.last,
        td.column.last,
        th.columns.last,
        th.column.last {
        padding-right: 16px; }

        td.columns table:not(.button),
        td.column table:not(.button),
        th.columns table:not(.button),
        th.column table:not(.button) {
        width: 100%; }

        td.expander,
        th.expander {
        visibility: hidden;
        width: 0;
        padding: 0 !important; }

        table.container.radius {
        border-radius: 0;
        border-collapse: separate; }

        .block-grid {
        width: 100%;
        max-width: 580px; }
        .block-grid td {
            display: inline-block;
            padding: 8px; }

        .up-2 td {
        width: 274px !important; }

        .up-3 td {
        width: 177px !important; }

        .up-4 td {
        width: 129px !important; }

        .up-5 td {
        width: 100px !important; }

        .up-6 td {
        width: 80px !important; }

        .up-7 td {
        width: 66px !important; }

        .up-8 td {
        width: 56px !important; }

        table.text-center,
        th.text-center,
        td.text-center,
        h1.text-center,
        h2.text-center,
        h3.text-center,
        h4.text-center,
        h5.text-center,
        h6.text-center,
        p.text-center,
        span.text-center {
        text-align: center; }

        table.text-left,
        th.text-left,
        td.text-left,
        h1.text-left,
        h2.text-left,
        h3.text-left,
        h4.text-left,
        h5.text-left,
        h6.text-left,
        p.text-left,
        span.text-left {
        text-align: left; }

        table.text-right,
        th.text-right,
        td.text-right,
        h1.text-right,
        h2.text-right,
        h3.text-right,
        h4.text-right,
        h5.text-right,
        h6.text-right,
        p.text-right,
        span.text-right {
        text-align: right; }

        span.text-center {
        display: block;
        width: 100%;
        text-align: center; }

        @media only screen and (max-width: 596px) {
        .small-float-center {
            margin: 0 auto !important;
            float: none !important;
            text-align: center !important; }
        .small-text-center {
            text-align: center !important; }
        .small-text-left {
            text-align: left !important; }
        .small-text-right {
            text-align: right !important; } }

        img.float-left {
        float: left;
        text-align: left; }

        img.float-right {
        float: right;
        text-align: right; }

        img.float-center,
        img.text-center {
        margin: 0 auto;
        Margin: 0 auto;
        float: none;
        text-align: center; }

        table.float-center,
        td.float-center,
        th.float-center {
        margin: 0 auto;
        Margin: 0 auto;
        float: none;
        text-align: center; }

        .hide-for-large {
        display: none !important;
        mso-hide: all;
        overflow: hidden;
        max-height: 0;
        font-size: 0;
        width: 0;
        line-height: 0; }
        @media only screen and (max-width: 596px) {
            .hide-for-large {
            display: block !important;
            width: auto !important;
            overflow: visible !important;
            max-height: none !important;
            font-size: inherit !important;
            line-height: inherit !important; } }

        table.body table.container .hide-for-large * {
        mso-hide: all; }

        @media only screen and (max-width: 596px) {
        table.body table.container .hide-for-large,
        table.body table.container .row.hide-for-large {
            display: table !important;
            width: 100% !important; } }

        @media only screen and (max-width: 596px) {
        table.body table.container .callout-inner.hide-for-large {
            display: table-cell !important;
            width: 100% !important; } }

        @media only screen and (max-width: 596px) {
        table.body table.container .show-for-large {
            display: none !important;
            width: 0;
            mso-hide: all;
            overflow: hidden; } }

        body,
        table.body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        td,
        th,
        a {
        font-family: Helvetica, Arial, sans-serif;
        font-weight: normal;
        padding: 0;
        margin: 0;
        Margin: 0;
        text-align: left; }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
        color: inherit;
        word-wrap: normal;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 10px;
        Margin-bottom: 10px; }

        body,
        table.body,
        p,
        td,
        th {
        font-size: 16px;
        line-height: 1.3; }

        p.lead {
            font-size: 20px;
            line-height: 1.6; }
        p.subheader {
            margin-top: 4px;
            margin-bottom: 8px;
            Margin-top: 4px;
            Margin-bottom: 8px;
            font-weight: normal;
            line-height: 1.4;
            color: #8a8a8a; }

        small {
        font-size: 80%;
        color: #cacaca; }

        a {
        color: #2199e8;
        text-decoration: none; }
        a:hover {
            color: #147dc2; }
        a:active {
            color: #147dc2; }
        a:visited {
            color: #2199e8; }

        h1 a,
        h1 a:visited,
        h2 a,
        h2 a:visited,
        h3 a,
        h3 a:visited,
        h4 a,
        h4 a:visited,
        h5 a,
        h5 a:visited,
        h6 a,
        h6 a:visited {
        color: #2199e8; }

        pre {
        background: #f3f3f3;
        margin: 30px 0;
        Margin: 30px 0; }
        pre code {
            color: #cacaca; }
            pre code span.callout {
            color: #8a8a8a;
            font-weight: bold; }
            pre code span.callout-strong {
            color: #ff6908;
            font-weight: bold; }

        table.hr {
        width: 100%; }
        table.hr th {
            height: 0;
            max-width: 580px;
            border-top: 0;
            border-right: 0;
            border-bottom: 1px solid #0a0a0a;
            border-left: 0;
            margin: 20px auto;
            Margin: 20px auto;
            clear: both; }

        .stat {
        font-size: 40px;
        line-height: 1; }
        p + .stat {
            margin-top: -16px;
            Margin-top: -16px; }

        span.preheader {
        display: none !important;
        visibility: hidden;
        mso-hide: all !important;
        font-size: 1px;
        color: #f3f3f3;
        line-height: 1px;
        max-height: 0px;
        max-width: 0px;
        opacity: 0;
        overflow: hidden; }

        table.button {
        width: auto;
        margin: 0 0 16px 0;
        Margin: 0 0 16px 0; }
        table.button table td {
            text-align: left;
            color: #fefefe;
            background: #2199e8;
            border: 2px solid #2199e8; }
            table.button table td a {
            font-family: Helvetica, Arial, sans-serif;
            font-size: 16px;
            font-weight: bold;
            color: #fefefe;
            text-decoration: none;
            display: inline-block;
            padding: 8px 16px 8px 16px;
            border: 0 solid #2199e8;
            border-radius: 3px; }
        table.button.radius table td {
            border-radius: 3px;
            border: none; }
        table.button.rounded table td {
            border-radius: 500px;
            border: none; }

        body.outlook p {
        display: inline !important; }

        @media only screen and (max-width: 596px) {
        table.body img {
            width: auto;
            height: auto; }
        table.body center {
            min-width: 0 !important; }
        table.body .container {
            width: 95% !important; }
        table.body .columns,
        table.body .column {
            height: auto !important;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding-left: 16px !important;
            padding-right: 16px !important; }
            table.body .columns .column,
            table.body .columns .columns,
            table.body .column .column,
            table.body .column .columns {
            padding-left: 0 !important;
            padding-right: 0 !important; }
        table.body .collapse .columns,
        table.body .collapse .column {
            padding-left: 0 !important;
            padding-right: 0 !important; }
        table.body table.columns td.expander,
        table.body table.columns th.expander {
            display: none !important; }
        table.body .right-text-pad,
        table.body .text-pad-right {
            padding-left: 10px !important; }
        table.body .left-text-pad,
        table.body .text-pad-left {
            padding-right: 10px !important; }
        table.menu {
            width: 100% !important; }
            table.menu td,
            table.menu th {
            width: auto !important;
            display: inline-block !important; }
            table.menu.vertical td,
            table.menu.vertical th, table.menu.small-vertical td,
            table.menu.small-vertical th {
            display: block !important; }
        table.menu[align="center"] {
            width: auto !important; }
        table.button.small-expand,
        table.button.small-expanded {
            width: 100% !important; }
            table.button.small-expand table,
            table.button.small-expanded table {
            width: 100%; }
            table.button.small-expand table a,
            table.button.small-expanded table a {
                text-align: center !important;
                width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important; }
            table.button.small-expand center,
            table.button.small-expanded center {
            min-width: 0; } }

        /* OV EMAIL TEMPLATE STYLES */
        @media screen and (max-width: 596px)
        {
            .container,
            .ov-email {
                width: 580px;
            }
        }

        .container,
        .ov-email {
            min-width: 580px;
        }

        .ov-top-spacer {
            font-size: 24px;
            line-height: 24px;
        }
        @media screen and (max-width: 596px)
        {
            .ov-top-spacer {
                font-size: 16px;
                line-height: 16px;
            }
        }

        .ov-email {
            border-collapse: separate;

            border-top: 4px solid #489FFF;

            border-radius: 4px;
        }

        .ov-email-header-logo {
            background: #fefefe;
        }

        .ov-email-header-logo img {
            margin: auto;
            padding: 16px 0;
            max-height: 32px;
        }

        .ov-email-header-image,
        .ov-email-header-user-picture {
            display: block;
            background: #fefefe;
        }

        .ov-email-header-image img {
            width: 100%;
            max-width: 580px;
        }

        .ov-email-header-user-picture {
            padding: 16px 0 0 0;
        }

        .ov-email-header-user-picture img {
            width: 96px;
            height: 96px;
            border-radius: 48px;
        }

        .ov-email-title {
            color: #233144;
            margin: 0 0 24px 0;
            font-size: 30px;
            line-height: 32px;
        }

        .ov-email-footer {
            padding: 24px 0;
        }

        .ov-email-footer-external {
            padding: 24px 0 0 0;
        }

        .ov-email-footer,
        .ov-email-footer p {
            text-align: center;
            font-size: 14px;
            line-height: 20px;
            color: #a7adb5;
        }

        .ov-email-footer a,
        .ov-email-footer p a {
            color: #7c8490;
            text-decoration: underline;
        }

        .ov-email-content {
            border-collapse: separate;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            box-shadow: 0 2px 4px 0 rgba(79, 126, 192, 0.1);
        }

        .ov-email-content > tbody > tr > td {
            padding: 40px;
            background: #fefefe;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .ov-email-content tr td p {
            font-size: 18px;
            line-height: 26px;
            margin: 18px 0;
            Margin: 18px 0;
            color: #949aa4;
        }

        .ov-email-content tr td a:hover {
            text-decoration: underline;
        }

        .ov-email .button {
            margin: 0;
            Margin: 0;
        }

        .ov-email .button table {
            border-collapse: collapse;
            border-radius: 4px;
        }

        .ov-email .button a,
        .ov-email .button a:hover {
            text-decoration: none;
            font-size: 18px;
            font-weight: 400;
            font-size: 20px;
            line-height: 32px;
        }

        .ov-email .button table td {
            background: #489fff;
            border-radius: 4px !important;
        }

        .ov-email .button:hover table td,
        .ov-email .button:active table td,
        .ov-email .button:visited table td, {
            background: #6db2ff;
            border: 0px solid #6db2ff;
        }

        .ov-email .button.flat a,
        .ov-email .button.outline a {
            font-size: 20px;
            color: #489fff;
            border: 0px solid #fefefe;
        }

        .ov-email .button.outline a {
            border: 1px solid #a3cfff;
        }

        .ov-email .button.flat table td,
        .ov-email .button.outline table td,
        .ov-email .button.flat:hover table td,
        .ov-email .button.flat:active table td,
        .ov-email .button.outline:hover table td,
        .ov-email .button.outline:active table td {
            background: 0;
        }

        .ov-email .button.flat:hover a,
        .ov-email .button.flat:active a,
        .ov-email .button.outline:hover a,
        .ov-email .button.outline:active a {
            color: #6db2ff;
        }

        .ov-email .button.outline:hover a,
        .ov-email .button.outline:active a {
            border: 1px solid #6db2ff;
        }

        .ov-email .button.success table td {
            background: #54c37f;
            border: 0px solid #54c37f;
        }

        .ov-email .button.success:hover table td,
        .ov-email .button.success:active table td {
            background: #76cf99;
            border: 0px solid #76cf99;
        }

        .ov-email-ctas > tbody > tr > td {
            padding: 16px 0;
        }
  </style>
 </head>
 <body style="width:100% ;min-width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica, Arial, sans-serif;font-weight:normal;text-align:left;font-size:16px;line-height:1.3;">
  <table class="body" style="border-spacing:0;border-collapse:collapse;padding:0;vertical-align:top;text-align:left;background:#f3f3f3;height:100%;width:100%;font-family:Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:16px;line-height:1.3;">
   <tr style="padding:0;vertical-align:top;text-align:left;">
    <td class="ov-top-spacer" style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:0;vertical-align:top;text-align:left;font-family:Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:24px;line-height:24px;">
    </td>
   </tr>
   <tr style="padding:0;vertical-align:top;text-align:left;">
    <td align="center" class="float-center" style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:0;vertical-align:top;text-align:center;margin:0 auto;float:none;font-family:Helvetica, Arial, sans-serif;font-weight:normal;font-size:16px;line-height:1.3;" valign="top">
     <table align="center" class="ov-email" style="border-spacing:0;border-collapse:separate;padding:0;vertical-align:top;text-align:left;min-width:580px;border-top:4px solid #489FFF;border-radius:4px;" valign="top">
      <tbody>
       <tr style="padding:0;vertical-align:top;text-align:left;">
        <td class="ov-email-header-logo" style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:0;vertical-align:top;text-align:left;font-family:Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:16px;line-height:1.3;background:#fefefe;">
         <center style="width:100%;min-width:580px;">
          <img alt="Officevibe" src="https://inboxflows.com/_/image/https%253A%252F%252Fofficevibe.blob.core.windows.net%252Femails%252Fofficevibe-blue-email-logo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZvZmZpY2V2aWJlLiJ9:1kXP9I:a1lIRUDBmC79svVpHmKOYKX9z0IgnYntqKeqm8QEC2w" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;max-width:100%;clear:both;display:block;margin:auto;padding:16px 0;max-height:32px;" title="Officevibe"/>
         </center>
        </td>
       </tr>
       <tr style="padding:0;vertical-align:top;text-align:left;">
        <td style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:0;vertical-align:top;text-align:left;font-family:Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:16px;line-height:1.3;">
         <table class="container ov-email-content" style="border-spacing:0;border-collapse:separate;padding:0;vertical-align:top;text-align:inherit;background:#fefefe;width:580px;margin:0 auto;min-width:580px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 2px 4px 0 rgba(79, 126, 192, 0.1);">
          <tbody>
           <tr style="padding:0;vertical-align:top;text-align:left;">
            <td style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:40px;vertical-align:top;text-align:left;font-family:Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:16px;line-height:1.3;background:#fefefe;border-bottom-left-radius:4px;border-bottom-right-radius:4px;">
             <div class="ov-email-text-container">
              <h1 class="text-center ov-email-title" style="text-align:center;font-family:Helvetica, Arial, sans-serif;font-weight:normal;padding:0;margin:0 0 24px 0;color:#233144;word-wrap:normal;margin-bottom:10px;font-size:30px;line-height:32px;">
               Welcome to Officevibe
              </h1>
              <p style="margin:18px 0;font-family:Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:left;font-size:18px;line-height:26px;color:#949aa4;">
               Start using Officevibe now to build a better team. Simply click the button below to confirm that 0adbde3c@uifeed.com is your email address.
              </p>
             </div>
             <table align="center" class="ov-email-ctas" style="border-spacing:0;border-collapse:collapse;padding:0;vertical-align:top;text-align:left;" valign="top">
              <tbody>
               <tr style="padding:0;vertical-align:top;text-align:left;">
                <td style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:16px 0;vertical-align:top;text-align:left;font-family:Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:16px;line-height:1.3;">
                 <table align="center" class="button success rounded" style="border-spacing:0;border-collapse:collapse;padding:0;vertical-align:top;text-align:left;width:auto;margin:0;" valign="top">
                  <tr style="padding:0;vertical-align:top;text-align:left;">
                   <td style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:0;vertical-align:top;text-align:left;font-family:Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:16px;line-height:1.3;">
                    <table style="border-spacing:0;border-collapse:collapse;padding:0;vertical-align:top;text-align:left;border-radius:4px;">
                     <tr style="padding:0;vertical-align:top;text-align:left;">
                      <td style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:0;vertical-align:top;text-align:left;font-family:Helvetica, Arial, sans-serif;font-weight:normal;margin:0;font-size:16px;line-height:1.3;color:#fefefe;background:#54c37f;border:0px solid #54c37f;border-radius:4px ;">
                       <a style="font-family:Helvetica, Arial, sans-serif;font-weight:400;padding:8px 16px 8px 16px;margin:0;text-align:left;color:#fefefe;text-decoration:none;font-size:20px;display:inline-block;border:0 solid #2199e8;border-radius:3px;line-height:32px;">
                        Confirm Email →
                       </a>
                      </td>
                     </tr>
                    </table>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </tbody>
             </table>
            </td>
           </tr>
          </tbody>
         </table>
        </td>
       </tr>
       <tr style="padding:0;vertical-align:top;text-align:left;">
        <td align="center" class="float-center ov-email-footer" style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:24px 0;vertical-align:top;text-align:center;margin:0 auto;float:none;font-family:Helvetica, Arial, sans-serif;font-weight:normal;font-size:14px;line-height:20px;color:#a7adb5;" valign="top">
         <p style="margin:0;font-family:Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:center;font-size:14px;line-height:20px;color:#a7adb5;">
          © Officevibe
         </p>
         <p style="margin:0;font-family:Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:center;font-size:14px;line-height:20px;color:#a7adb5;">
          Better Leaders, Better Teams.
         </p>
        </td>
       </tr>
       <tr style="padding:0;vertical-align:top;text-align:left;">
        <td align="center" class="float-center ov-email-footer" style="word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse ;padding:24px 0;vertical-align:top;text-align:center;margin:0 auto;float:none;font-family:Helvetica, Arial, sans-serif;font-weight:normal;font-size:14px;line-height:20px;color:#a7adb5;" valign="top">
         <p style="margin:0;font-family:Helvetica, Arial, sans-serif;font-weight:normal;padding:0;text-align:center;font-size:14px;line-height:20px;color:#a7adb5;">
          1751 Richardson, Suite 5400, Montreal (QC), Canada, H3C 0L3
         </p>
        </td>
       </tr>
      </tbody>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>