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:1oYYhV:Jf-x63Sk0L6jfUKlWMHRfrAqtTDl9n91_i11kxKjosI" style="max-width:165px;margin-top:30px;"/>
   </div>
   <h1 style="max-width:400px;margin:auto;">
    They just keep getting better
    <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:1oYYhV:Jf-x63Sk0L6jfUKlWMHRfrAqtTDl9n91_i11kxKjosI" style="width:92px;height:92px"/>
     </div>
     <p style="max-width:200px;margin:auto;">
      ✨ Nice to meet you✨ Zoe from Carbonmade
     </p>
    </div>
    <h2 class="block">
     Hey Sarah,
    </h2>
    <div class="block">
     <p>
      Seeing what you make with Carbonmade never gets old. The best part: no website looks the same. Take a look at my favorites this week to see what I mean.
     </p>
    </div>
    <div class="block">
     <h2>
      ✨ Nabil Ettahir ✨
     </h2>
     <div class="graphic">
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252FjCDA10CzGNTdSFgzqIkKCE%253B600x284.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1oYYhV:Jf-x63Sk0L6jfUKlWMHRfrAqtTDl9n91_i11kxKjosI" style="max-width:480px;"/>
     </div>
     <p>
      Nabil Ettahir is a multidisciplinary 3D artist based in Montpellier, France. He uses crisp, clear videos to showcase his outstanding work on his homepage.
     </p>
     <p>
      <strong>
       <a>
        See Nabil’s portfolio →
       </a>
      </strong>
     </p>
    </div>
    <div class="block">
     <h2>
      ✨ Sophie Safi ✨
     </h2>
     <div class="graphic">
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252FfjpLMcxFUjdfkwv1Ge3Apl%253B600x295.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1oYYhV:Jf-x63Sk0L6jfUKlWMHRfrAqtTDl9n91_i11kxKjosI" style="max-width:480px;"/>
     </div>
     <p>
      Sophie Safi is an art director &amp; designer based in Beirut, Lebanon. With clear categories in her navigation, she allows visitors to understand at a glance what she does.
     </p>
     <p>
      <strong>
       <a>
        Visit Sophie's portfolio →
       </a>
      </strong>
     </p>
    </div>
    <div class="block">
     <h2>
      ✨Angelo Zappalà✨
     </h2>
     <div class="graphic">
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252F8vnQGCjO5ZleAEOVNNjdBu%253B600x284.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1oYYhV:Jf-x63Sk0L6jfUKlWMHRfrAqtTDl9n91_i11kxKjosI" style="max-width:480px;"/>
     </div>
     <p>
      Angelo Zappalà is an animator, graphic designer &amp; creative director based in Barcelona. A lovely grid of auto-playing GIFs tease his work on his homepage.
     </p>
     <p>
      <strong>
       <a>
        See Angelo's portfolio→
       </a>
      </strong>
     </p>
    </div>
    <div class="block">
     <h2>
      ✨Offsite Productions✨
     </h2>
     <div class="graphic">
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252FajWIIQIE3tRew0tqs8kvMh%253B600x284.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1oYYhV:Jf-x63Sk0L6jfUKlWMHRfrAqtTDl9n91_i11kxKjosI" style="max-width:480px;"/>
     </div>
     <p>
      Offsite Productions is a post-production studio based in New York. The studio uses a full-screen video on their homepage to feature its highlights reel.
     </p>
     <p>
      <strong>
       <a>
        See Offsite’s website→
       </a>
      </strong>
     </p>
    </div>
    <div class="block">
     <h2>
      ✨Allen Laseter ✨
     </h2>
     <div class="graphic">
      <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252F4ZpDFZH25H4g3unFmqUrrT%253B600x316.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1oYYhV:Jf-x63Sk0L6jfUKlWMHRfrAqtTDl9n91_i11kxKjosI" style="max-width:480px;"/>
     </div>
     <p>
      Allen Laseter is an animator, designer &amp; director from Nashville, Tennessee. In place of a standard bio, he features a clever video on his About page to share more about himself and his work.
     </p>
     <p>
      <strong>
       <a>
        See Allen’s portfolio→
       </a>
      </strong>
     </p>
    </div>
    <div class="block">
     <p>
      Want to be featured next? Launch your portfolio and opt into our Talentpool! The world needs to see your beautiful work.
     </p>
    </div>
    <div class="centered block">
     <a class="cta" style="color:#fff">
      Launch your portfolio
     </a>
    </div>
    <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%252F738ef655a074df4f49dbf54091cfc9b0%252Fopen.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib25tYWRlLiJ9:1oYYhV:BW8P5eJYFTR6zsnyIeZYQxF3ReoNPySebxwqEFOlvSg" style="border: 0 none; height: 1px; width: 1px; outline: none; text-decoration: none;"/>
   </h1>
  </div>
 </body>
</html>