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:1lij4M:mNPZxzQRHObqt7fmzqT51oje5w8jTP-Hn-YHqnlK2UQ" style="max-width:165px;margin-top:30px;"/>
   </div>
   <h1 style="max-width:400px;margin:auto;">
    The brand new Before &amp; After block
   </h1>
   <div class="block">
    <p>
     We have a brand new feature I think you’re going to love:
    </p>
    <p>
     The Before/After Block!
    </p>
   </div>
   <div class="block">
    <div class="graphic">
     <a>
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252FaWHVo6YGv2zfUZGMvxv69Q%253B600x346.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1lij4M:mNPZxzQRHObqt7fmzqT51oje5w8jTP-Hn-YHqnlK2UQ" style="max-width:480px;"/>
     </a>
    </div>
   </div>
   <div class="block">
    <p>
     It’s perfect for photographers, 3D designers, UX designers – really anyone who wants to show a peek into their process.
    </p>
    <p>
     Compare your photos before and after editing. Or show your renderings and prototypes next to your final products. Or present an image before and after you add 3D texture.
    </p>
    <p>
     To try it out, just drag &amp; drop the block onto your page. Then drop your before/after photos in.
    </p>
    <p>
     That’s it! Now we can magically see how your work makes a difference.
    </p>
   </div>
   <div class="block">
    <div class="graphic">
     <a>
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252F9i8T5V3YJHSbyxJkgFKGU5%253B600x367.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1lij4M:mNPZxzQRHObqt7fmzqT51oje5w8jTP-Hn-YHqnlK2UQ" style="max-width:480px;"/>
     </a>
    </div>
   </div>
   <div class="block">
    <div class="graphic">
     <a>
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252F5hJx8FJKDsBdO52eJgHFRg%253B600x367.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1lij4M:mNPZxzQRHObqt7fmzqT51oje5w8jTP-Hn-YHqnlK2UQ" style="max-width:480px;"/>
     </a>
    </div>
   </div>
   <div class="block">
    <div class="graphic">
     <a>
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252Ff9irAW4ZNoteoGneEsbchD%253B600x367.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1lij4M:mNPZxzQRHObqt7fmzqT51oje5w8jTP-Hn-YHqnlK2UQ" style="max-width:480px;"/>
     </a>
    </div>
   </div>
   <div class="block">
    <h2>
     Need some more help?
    </h2>
    <p>
     I'm here for you to help. In fact, our entire team is. Do you want some more specific video tutorials? Or have some questions? Just reply to this email or send to help@carbonmade.com
    </p>
    <p>
     And here's some more stuff you may like:
    </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="centered block">
    <a class="cta" style="color:#fff">
     Design your portfolio
    </a>
   </div>
   <table class="block" style="width:100%">
    <tr>
     <td style="width:92px;padding-right:30px;">
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252Fb3vfK2hP10deNd2rOidkWH%253B156x156.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1lij4M:mNPZxzQRHObqt7fmzqT51oje5w8jTP-Hn-YHqnlK2UQ" style="width:92px;height:92px"/>
     </td>
     <td style="width:100%;font-family: 'Avenir Next', 'Arial';">
      <p style="margin:0;">
       Let's do this!
      </p>
      <p style="margin:0;">
       ✨Zoe from Carbonmade✨
      </p>
     </td>
    </tr>
   </table>
   <div style="height:40px">
   </div>
   <div class="footer">
    <span style="font-weight:500">
     Need help?
    </span>
    Check out our
    <a>
     help site
    </a>
    or respond to this email.
    <span style="display:block;margin-top:10px;">
     <span style="opacity:0.8">
      <a>
       Unsubscribe
      </a>
     </span>
    </span>
   </div>
   <img class="tracker" src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbonmade.com%252Femails%252Fe7dac8256fc42602ef513d91dbdfefb3%252Fopen.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib25tYWRlLiJ9:1lij4M:pltG8X_SWFVrQvG1IS9UusL62Le1uC2MzccxMoxYpqw" style="border: 0 none; height: 1px; width: 1px; outline: none; text-decoration: none;"/>
  </div>
 </body>
</html>