Inboxes

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

+New inbox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>
   Calendly
  </title>
  <style>
   /* -------------------------------------
  GLOBAL
  ------------------------------------- */
  * { font-family: "Proxima Nova", "proxima-nova", Helvetica, Arial sans-serif }

  img {
    max-width: 100%;
  }
  .collapse {
    margin:0;
    padding:0;
  }
  body {
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:none;
    width: 100%!important;
    height: 100%;
  }

  /* -------------------------------------
  ELEMENTS
  ------------------------------------- */
  .user-customizable-area p { font-size: 16px; margin-top: 12px }

  .workflow-email .user-customizable-area p { font-size: 16px; margin: 0 }

  .workflow-email .user-customizable-area ul,
  .workflow-email .user-customizable-area ol {
    margin: 0
  }

  p.publisher-updated-field, p.updated-field, .user-customizable-area p.event-field {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 22px;
  }

  p.publisher-updated-field {
    color: #666A73;
  }

  p.updated-field, .user-customizable-area p.event-field {
    font-size: 14px;
  }

  a, a:visited, a:link { color: #4d9bd7; text-decoration: none;}

  .btn {
    text-decoration:none;
    color: #FFF;
    background-color: #666;
    padding:10px 16px;
    font-weight:bold;
    margin-right:10px;
    text-align:center;
    cursor:pointer;
    display: inline-block;
  }

  p.callout {
    padding: 10px 0;
    margin-bottom: 0px;
  }
  .callout a {
    font-weight:bold;
    color: #2BA6CB;
  }

  table.social {
    /* 	padding:15px; */
    background-color: #ebebeb;

  }
  .social .soc-btn {
    padding: 3px 7px;
    font-size:12px;
    margin-bottom:10px;
    text-decoration:none;
    color: #FFF;font-weight:bold;
    display:block;
    text-align:center;
  }
  a.fb { background-color: #3B5998!important; }
  a.tw { background-color: #1daced!important; }
  a.gp { background-color: #DB4A39!important; }
  a.ms { background-color: #000!important; }

  .sidebar .soc-btn {
    display:block;
    width:100%;
  }

  /* -------------------------------------
  BODY
  ------------------------------------- */
  table.body-wrap { width: 80%; margin: 20px auto 0;}

  .notice {
    font-size: 14px;
    line-height: 1.57;
    text-align: left;
    color: #1a1a1a;
    padding: 20px;
    border: 1px solid;
    border-radius: 6px;
  }

  .error-notification {
    background-color: rgba(227, 22, 0, 0.1);
    border-color: rgba(227, 22, 0, 1);
  }

  .experimental-cta {
    background-color: rgba(0, 107, 255, 0.05);
    border-color: rgba(0, 107, 255, 1);
  }

  /* -------------------------------------
  FOOTER
  ------------------------------------- */
  table.footer-wrap { width: 80%;	clear:both!important; margin: 0 auto;}
  .footer-wrap .container td.content  p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
  .footer-wrap .container td.content p {
    font-size:10px;
    font-weight: bold;

  }


  /* ---------------------------------------------------
  RESPONSIVENESS
  Nuke it from orbit. It's the only way to be sure.
  ------------------------------------------------------ */

  /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
  .container {
    display:block!important;
    max-width:600px!important;
    margin:0 auto!important; /* makes it centered */
    clear:both!important;
  }

  /* This should also be a block element, so that it will fill 100% of the .container */
  .content {
    padding:15px;
    max-width:600px;
    margin:0 auto;
    display:block;
  }

  /* Let's make sure tables in the content area are 100% wide */
  .content table { width: 100%; }


  /* Odds and ends */
  .column {
    width: 300px;
    float:left;
  }
  .column tr td { padding: 15px; }
  .column-wrap {
    padding:0!important;
    margin:0 auto;
    max-width:600px!important;
  }
  .column table { width:100%;}
  .social .column {
    width: 280px;
    min-width: 279px;
    float:left;
  }

  /* Be sure to place a .clear element after each set of columns, just to be safe */
  .clear { display: block; clear: both; }


  /* -------------------------------------------
  PHONE
  For clients that support media queries.
  Nothing fancy.
  -------------------------------------------- */
  @media only screen and (max-width: 600px) {

    a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}

    div[class="column"] { width: auto!important; float:none!important;}

    table.social div[class="column"] {
      width:auto!important;
    }

  }
  </style>
 </head>
 <body bgcolor="#ffffff" style="background-color: #ffffff">
  <div class="main-wrapper" style="padding: 20px 0; margin: 0 auto; max-width: 600px;">
   <table class="body-wrap" style="margin: 0 auto; padding-bottom: 20px; border-bottom: 1px dashed #dadada;">
    <tr>
     <td style="text-align: center;">
      <p>
       <img alt="Calendly" height="60" src="https://inboxflows.com/_/image/http%253A%252F%252Fassets.calendly.com%252Fassets%252Femails%252Flogo-email-3322ed484eb79b41f3d51a68172b8437ea542daace4e1211373108c52cc6abf7.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmFzc2V0cy5jYWxlbiJ9:1mVB9e:gm1dQMTUa5FB3pHsnxuOV3i71cfdyTP7byFjdJBJmvw" width="60"/>
      </p>
     </td>
    </tr>
   </table>
   <!-- BODY -->
   <table class="body-wrap" style="margin: 30px auto 0; font-size: 16px;">
    <tr>
     <td style="color: #1a1a1a; line-height: 22px;">
      <p style="margin-bottom: 12px;">
       Your email address
       <strong>
        12a2979b@uifeed.com
       </strong>
       has been registered for an account at Calendly. To confirm your email address, please click the link below.
      </p>
      <p style="text-align: center; margin-bottom: 12px;">
       <a rel="noopener noreferrer" style="
      display: inline-block;
      width: 220px;
      padding: 15px 0;
      margin: 10px 5px;
      color: #fff;
      font-size: 14px;
      text-decoration: none;
      border: 1px solid #1ca4fc;
      background-color: #1ca4fc;
    " target="_blank" universal="true">
        Confirm My Email
       </a>
      </p>
      <p style="margin-bottom: 12px;">
       Or copy and paste this URL into your browser:
       <br/>
       <a style="word-break: break-all;">
        https://calendly.com/users/confirmation?confirmation_token=6vHScm-sygCMLR8LD9vZ
       </a>
      </p>
      <p style="margin-bottom: 12px;">
       If you did not make this request, you can safely ignore this message.
      </p>
      <p>
       Thanks!
       <br/>
       The Calendly Team
      </p>
     </td>
    </tr>
   </table>
   <!-- /BODY -->
   <!-- FOOTER -->
   <table class="footer-wrap" style=" width: 80%; margin: 30px auto; border-top: 1px dashed #dadada;">
    <tr>
     <td style="color: #a8a8a8; padding-top: 15px;">
      <p style="font-size: 12px; text-align: left;">
       Sent from
       <a>
        Calendly
       </a>
      </p>
     </td>
    </tr>
   </table>
   <!-- /FOOTER -->
  </div>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fclick.calendly.com%252Fwf%252Fopen%253Fupn%253D2TS5ICA-2BuHxPrxb6oSpljlWLKwtdcKPRoFjzvc2-2FwqLpmj-2Fr8pBTAAnYNBuSB-2BednVVgb8bNPxREd0gEFJHiOPNTtWYLsiFIIRWU1sTVV23ank20JPUZBzUXD8l7Xc6wqPmCSVa0Por29OxJDXXoDQVO7ETgkNvBAEWkeI-2BsM9YnzxX5VjaOxIjJVrZi9jVwOoxFSX2P7okobYpNLT2pvzDTWagJPlQvxVxwh804Z8Mjc8bryRaGMsKBq9dJlP5av0hzBHbJPHgPwywQfxqJ2-2BTEGugciECPe6Q6DjKt8ug-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay5jYWxlbiJ9:1mVB9e:M-Mg8ZD9TKzUiUfAJQSZ6QEwI1U29yQaGOo_hQOU8IU" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
 </body>
</html>