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:1paiJD:_tNTTR-8LMTqNZjep8RB8P7xZq1r3D8YW7f9DRVC5hk" style="max-width:165px;margin-top:30px;"/>
   </div>
   <h1 style="max-width:400px;margin:auto;">
    This portfolio caught our eye this  week
   </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:1paiJD:_tNTTR-8LMTqNZjep8RB8P7xZq1r3D8YW7f9DRVC5hk" style="width:92px;height:92px"/>
    </div>
    <p style="max-width:200px;margin:auto;">
     ✨ Nice to meet you✨ Zoe from Carbonmade
    </p>
   </div>
   <div class="block">
    <p>
     I'm always watching our
     <a>
      Talentpool
     </a>
     to see how our talented community is using Carbonmade for their portfolios. This week, I stumbled upon 3D artist,
     <a>
      Albert Espera's portfolio
     </a>
     .
    </p>
   </div>
   <div class="block">
    <h2>
     The homepage
    </h2>
   </div>
   <div class="block">
    <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252Fjpjh8n6NL0mc6U4fMw5TRM%253B600x315.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1paiJD:_tNTTR-8LMTqNZjep8RB8P7xZq1r3D8YW7f9DRVC5hk" style="max-width:480px;"/>
   </div>
   <div class="block">
    <p>
     Albert went with the Rectangle portfolio grid to feature his projects on his homepage in large portrait style. He uses the Lefty navigation, giving his site an old-school internet vibe.
    </p>
   </div>
   <div class="block">
    <h2>
     Gallery Grid Blocks
    </h2>
   </div>
   <div class="block">
    <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252FiWCghJ1IRFRd2SI2WowTTK%253B600x316.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1paiJD:_tNTTR-8LMTqNZjep8RB8P7xZq1r3D8YW7f9DRVC5hk" style="max-width:480px;"/>
   </div>
   <div class="block">
    <p>
     Albert added Gallery Grid blocks to his project pages to showcase his impressive 3D character work. Each image expands for closer viewing when clicked.
    </p>
   </div>
   <div class="block">
    <h2>
     The About page
    </h2>
   </div>
   <div class="block">
    <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252Fj9Ope1X9E1xfewMeeuoHGc%253B600x317.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1paiJD:_tNTTR-8LMTqNZjep8RB8P7xZq1r3D8YW7f9DRVC5hk" style="max-width:480px;"/>
   </div>
   <div class="block">
    <p>
     On his About page, Albert dragged in the About Intro block, along with the Experience Details &amp; Contact Info blocks. He pasted in his own copy and work history and boom,
     <a>
      his portfolio
     </a>
     is complete.
    </p>
   </div>
   <div class="block">
    <p>
     __
    </p>
    <p>
     Want to be featured next? Launch your portfolio and opt into the Talentpool! You’ll then be discoverable by the recruiters, companies and other creatives (and ME) who visit the page every day.
    </p>
   </div>
   <div class="centered block">
    <a class="cta" style="color:#fff">
     Finish your site
    </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:1paiJD:_tNTTR-8LMTqNZjep8RB8P7xZq1r3D8YW7f9DRVC5hk" 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%252Fae2fb8d1b69d3cab3c88530908f8141f%252Fopen.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib25tYWRlLiJ9:1paiJD:PciSLtRFMPyJzH1y5osIf8ZoSP9FDhy-RfjrYJX3hIc" style="border: 0 none; height: 1px; width: 1px; outline: none; text-decoration: none;"/>
  </div>
 </body>
</html>