Inboxes

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

+New inbox
Back
Back
Back 
<html>
 <head>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <style>
   .body {
    background: #eff0f5;
    font-family: 'Avenir Next', 'Arial';
    padding: 0;
    margin: 0px;
    width: 100%;
  }

  .bar {
    height: 5px;
    background: #9974BA;
    max-width: 600px;
    margin: auto;
  }

  .link {
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    box-sizing: border-box;
    border-radius: 100px;
  }

  .main {
    max-width: 600px;
    margin: auto;
    background: #fff;
    padding: 0 20px;
    min-height: 100%;
    box-sizing: border-box;
  }

  a {
    color: #5ECA89;
  }

  .salutation {
    font-size: 25px;
    line-height: 38px;
    letter-spacing: -0.02em;

    color: #5ECA89;
  }

  p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.01em;
    font-family: 'Avenir Next', 'Arial';
  }

  h1 {
    font-size: 50px;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: -0.02em;
    font-weight: 400;
  }

  .intro {
    font-size: 25px;
    line-height: 38px;
    letter-spacing: -0.02em;
  }


  .centered {
    text-align: center;
  }

  .footer {
    border-top: 1px solid #EBEBEB;
    padding-top: 10px;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #B1B1B1;
    padding-bottom: 50px;
  }

  .graphic {
    text-align: center;
    margin-bottom: 20px;
  }

  .logo {
    max-width:165px;margin-top:30px;
  }
  
  .cta {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
    text-transform: uppercase;
    background: #9974BA;
    border-radius: 25px;
    color: #fff;
    padding: 0px 25px;
    text-decoration: none;
    letter-spacing: 2px;
 }

h2 {
   font-size: 25px;
   line-height: 38px;
   letter-spacing: -0.02em;
   color: #5ECA89;
   font-weight: 500;
}

.block {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 40px;
 }

.content {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.01em;
  box-sizing: border-box;
}

strong {
  font-weight: 500;
}

a {
  color: #9974ba; 
}

@media only screen and (max-width:480px) {
  .block {
    padding: 0 15px;
  }

   h1 {
      font-size: 40px; 
   }

}
  </style>
 </head>
 <body class="body">
  <div class="bar">
  </div>
  <div class="main">
   <div class="graphic">
    <img class="logo" src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252FfAhPXMcC71xf5HLAsy0g26%253B330x63.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1khrVO:pqUkmQe_r9jxgJgyu3v1Iylw9ALgxnUKOdcOiknxcSQ" style="max-width:165px;margin-top:30px;"/>
   </div>
   <h1>
    Welcome to Carbonmade.
   </h1>
   <div class="block">
    <div class="graphic">
     <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252Fb3vfK2hP10deNd2rOidkWH%253B156x156.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1khrVO:pqUkmQe_r9jxgJgyu3v1Iylw9ALgxnUKOdcOiknxcSQ" style="width:92px;height:92px"/>
    </div>
    <p style="max-width:200px;margin:auto;">
     ✨ Nice to meet you✨ Zoe from Carbonmade
    </p>
   </div>
   <h2 class="intro block">
    Hey Sarah Jonas
   </h2>
   <p class="intro block">
    This is gonna be the beginning of a looong friendship. Let’s build that portfolio!
   </p>
   <div class="centered block">
    <a class="cta" style="color:#fff">
     Design Your Site
    </a>
   </div>
   <div style="height:0px">
   </div>
   <div class="block">
    <p>
     Upload projects, customize, do all your magic. Once you’re ready, you just click the
     <strong>
      GO LIVE
     </strong>
     button at the top and you can choose your URL and get that thing out of the door!
    </p>
   </div>
   <div style="height:0px">
   </div>
   <div class="block">
    <a class="graphic">
     <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252FiTBdI5gyF3qesRUIMUDEvu%253B600x367.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1khrVO:pqUkmQe_r9jxgJgyu3v1Iylw9ALgxnUKOdcOiknxcSQ" style="max-width:480px;"/>
    </a>
   </div>
   <div class="block">
    <h2>
     Need Help?
    </h2>
    <p>
     Our support wizards are standing by! They're ready and willing to help Monday thru Friday from 10am to 6pm EST. Just respond to this email and someone will get back to you quick as a fox... a wizard fox!
    </p>
    <p>
     Need some more help? Check these out:
    </p>
    <p>
     👾 Our
     <a>
      Help Base
     </a>
     with lots of things covered
     <br/>
     👾
     <a>
      5 Carbon tips &amp; how to stand out
     </a>
     <br/>
     👾 Find me on
     <a>
      Twitter
     </a>
     , I love to procrastinate on there too
    </p>
   </div>
   <div class="footer">
    <span style="font-weight:500">
     Need help?
    </span>
    Check out our
    <a>
     help site
    </a>
    or respond to this email.
   </div>
   <img class="tracker" src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbonmade.com%252Femails%252Fe1f5f4211ceccc08f2e573b03052cf98%252Fopen.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib25tYWRlLiJ9:1khrVO:_0GXtKrVzEK9CF2suwuEoE4rHpzettMXhMP8jQtm2Rc" style="border: 0 none; height: 1px; width: 1px; outline: none; text-decoration: none;"/>
  </div>
 </body>
</html>