Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;" 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>
   Basecamp
  </title>
  <style>
   /* -------------------------------------
      GLOBAL
------------------------------------- */
* {
  margin:0;
  padding:0;
}

* { font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }

img {
  max-width: 100%;
}

body {
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:none;
  width: 100%!important;
  height: 100%;
  font-size:16px;
  line-height:1.4;
  color: #33373A;
}


/* -------------------------------------
    ELEMENTS
------------------------------------- */
a { color: #1b6ac9;}

.btn {
  text-decoration: none;
  color: #FFF;
  background-color: #3cb371;
  padding: 10px 16px;
  font-weight: bold;
  margin-right: 10px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
  border-bottom: 2px solid #2f8d59;
}

p.callout {
  padding:15px;
  background-color:#DEDFE1;
  margin-bottom: 25px;
  color: #8C8D8F;
  text-align: center;
}

p.caption {
  color: #979797;
  font-size: 13px;
  margin-top: 10px;
}

p.footer {
  color: #979797;
  font-size: 13px;
  text-align: left;
}

hr.footer {
  border: 0;
  color: #D1D1D1;
  background-color: #D1D1D1;
  height: 3px;
  margin-bottom: 10px;
}

.button {
  background: #29B2E6;
  padding-top: 6px;
  padding-right: 40px;
  padding-bottom: 6px;
  padding-left: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  display: inline-block;
  margin-right: 10px;
}


/* -------------------------------------
    HEADER
------------------------------------- */
table.head-wrap { width: 100%;}

.header.container table td.logo { padding: 15px; }
.header.container table td.label { padding: 15px; padding-left:0px;}

/* -------------------------------------
    BODY
------------------------------------- */
table.body-wrap { width: 100%;}


/* -------------------------------------
    FOOTER
------------------------------------- */
table.footer-wrap { width: 100%;  clear:both!important;
}
.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;

}


/* -------------------------------------
    TYPOGRAPHY
------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family: "proxima-nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.4; margin-bottom:25px; color:#30373D;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }

h1 { font-weight:500; font-size: 44px;}
h2 { font-weight:500; font-size: 30px;}
h3 { font-weight:500; font-size: 27px;}
h4 { font-weight:500; font-size: 23px;}
h5 { font-weight:900; font-size: 17px;}
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}

.collapse { margin:0!important;}

h3.margin-top { margin-top: 10px; }

p, ul, ol {
  margin-bottom: 20px;
  font-weight: normal;
  color: #30373D;
  font-size:18px;
  line-height:1.6;
}
p.lead { font-size: 22px; }
p.last { margin-bottom: 0px;}
p.smaller { font-size: 15.5px; }

ul li {
  margin-left:24px;
  list-style-position: inside;
  margin-bottom: 14px;
}

ol li {
  margin-left:32px;
  list-style-position: outside;
  margin-bottom: 14px;
}

li {
  font-size: 15.5px;
  line-height: 1.4;
}

blockquote {
  margin: 30px 0;
  border: 4px solid #F6F6F6;
  padding: 10px;border
}

blockquote p{
  color: #33373b;
  font-weight: 200;
  line-height: 26px;
  font-size: 18px;
  margin: 0;
}

cite {
  display: block;
}

.small { font-size: 12px; }
.grey { color: #8C8D8F;}


/* ---------------------------------------------------
    RESPONSIVENESS
------------------------------------------------------ */

.container {
  display: block!important;
  max-width: 700px!important;
  clear: both!important;
}

.content {
  display: block;
  padding-bottom: 15px;
}

.content table { width: 100%; }

.clear { display: block; clear: both; }


/* -------------------------------------------
    PHONE
-------------------------------------------- */
@media only screen {
    *[class*="padded"] { padding: 15px 30px !important; }
}

@media only screen and (max-device-width: 480px) {
    *[class*="padded"] { padding: 16px !important; }
}

@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;
  }
}
  </style>
 </head>
 <body bgcolor="#FFFFFF" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; font-size: 16px; line-height: 1.4; color: #33373A; margin: 0; padding: 0;">
  <!-- BODY -->
  <table class="body-wrap" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;">
   <tbody>
    <tr style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
     <td style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
     </td>
     <td bgcolor="#FFFFFF" class="container" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; display: block !important; max-width: 700px !important; clear: both !important; margin: 0; padding: 0;">
      <div class="content padded" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; display: block; margin: 0; padding: 0 0 15px;">
       <table style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;">
        <tbody>
         <tr style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
          <td style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            Welcome Sarah!
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"/>
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            Thanks for signing up to try Basecamp 3.
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"/>
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            If you’ve been trying to run your business on email, chat, or meetings, we bet you’ll find Basecamp a fresh, calm, and
 orderly alternative to the chaos you’re probably used to. Work doesn’t have to be nuts!
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"/>
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"/>
            <b style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
             More stuff for your reference...
            </b>
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"/>
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"/>
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            Here’s a permanent link to your account:
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            <a class="untracked" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color: #1b6ac9; margin: 0; padding: 0;">
             https://3.basecamp.com/4056254
            </a>
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"/>
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            Grab an iOS, Android, Mac, or Windows app for Basecamp here:
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            <a style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color: #1b6ac9; margin: 0; padding: 0;">
             https://basecamp.com/3/via
            </a>
           </div>
           <div style="font-family: 'Helvetica
 Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"/>
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            Questions? Concerns? Suggestions? Contact support and a real person will get back to you in minutes:
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            <a style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color: #1b6ac9; margin: 0; padding: 0;">
             https://basecamp.com/support
            </a>
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding:
 0;"/>
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            If you’re not sure what to do, where to go, or who to talk to, you can always reply directly to this email and we will get right back to you.
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
            <br style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"/>
           </div>
           <div style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
           </div>
          </td>
         </tr>
        </tbody>
       </table>
      </div>
      <!-- /content -->
     </td>
     <td style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
     </td>
    </tr>
   </tbody>
  </table>
  <!-- /BODY -->
  <!-- FOOTER -->
  <table class="footer-wrap" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; clear: both !important; margin: 0; padding: 0;">
   <tbody>
    <tr style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
     <td style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
     </td>
     <td class="container" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; display: block !important; max-width: 700px !important; clear: both !important; margin: 0; padding: 0;">
      <!-- content -->
      <div class="content padded" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; display: block; margin: 0; padding: 0 0 15px;">
       <table style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; width: 100%; margin: 0; padding: 0;">
        <tbody>
         <tr style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
          <td style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
           <p align="left" class="footer" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color: #979797; font-size: 13px; text-align: left; font-weight: normal; line-height: 1.6; margin: 0 0 20px; padding: 0;">
            Want to stop getting emails like this from Basecamp?
            <a class="untracked" style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; color: #1b6ac9; margin: 0; padding: 0;">
             <unsubscribe style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
              Unsubscribe
             </unsubscribe>
            </a>
           </p>
          </td>
         </tr>
        </tbody>
       </table>
      </div>
      <!-- /content -->
     </td>
     <td style="font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; margin: 0; padding: 0;">
     </td>
    </tr>
   </tbody>
  </table>
  <!-- /FOOTER -->
  <img src="https://inboxflows.com/_/image/http%253A%252F%252Ftrack.customer.io%252Fe%252Fo%252FeyJlbWFpbF9pZCI6IlpJaUJBd0FCWklfMm9IRlRDUmhMbG4zUTBjWm4ifQ%253D%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnRyYWNrLmN1c3RvbSJ9:1kXPHz:k-MipciDo-eElzAeTVX8XbhE4ptH_c_w7047qC3W03w" style="height: 1px !important; max-height: 1px !important; max-width: 1px !important; width: 1px !important"/>
 </body>
</html>