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:1oTnPH:JUAR2UOM3jUxS_3mrOuVo90IHisHdJ8OSQAM0r2ra0I" style="max-width:165px;margin-top:30px;"/>
   </div>
   <h1 style="max-width:500px;margin:auto">
    Everyone goes straight to this page on your portfolio
   </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:1oTnPH:JUAR2UOM3jUxS_3mrOuVo90IHisHdJ8OSQAM0r2ra0I" 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>
     One specific page on your portfolio is usually the most popular, and it's not your best project.
    </p>
    <p>
     It’s your About page.
    </p>
    <p>
     Yes, your portfolio is about your work. But your personality (your values, work ethic, style and interpersonal skills) sets you apart from every other person who may be just as qualified as you. With that in mind, here are a few tips to make a standout About page:
    </p>
   </div>
   <div class="block">
    <h2>
     1. Show some personality &amp; do something different
    </h2>
    <div class="graphic">
     <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252FcaI3RGvXq14bVyjfM8D8GR%253B600x317.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1oTnPH:JUAR2UOM3jUxS_3mrOuVo90IHisHdJ8OSQAM0r2ra0I" style="max-width:480px;"/>
    </div>
    <p>
     This is your website, not LinkedIn. You don't have to do the same old, robotic bio everyone else does.
    </p>
    <p>
     Tell us what you’re passionate about. Write in your voice (no, it doesn't have to be written in third person!). Give us a glimpse into how you think and see the world. If you want, add a nice photo of you. More details make you stand out and stick in our memory.
    </p>
   </div>
   <div class="block">
    <h2>
     2. State the obvious
    </h2>
    <div class="graphic">
     <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252F3fSUODLndWHgrnQVFqmlhZ%253B600x319.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1oTnPH:JUAR2UOM3jUxS_3mrOuVo90IHisHdJ8OSQAM0r2ra0I" style="max-width:480px;"/>
    </div>
    <p>
     Starting with your name and email. Include your main skills and focus where we can see it at a glance. Sounds like a given, but you'd be surprised how often people forget it.
    </p>
   </div>
   <div class="block">
    <h2>
     3. Don't overthink it
    </h2>
    <div class="graphic">
     <img src="https://inboxflows.com/_/image/https%253A%252F%252Fcarbon-media.accelerator.net%252F00000000001%252F6gaGGPzVgqUcEuqb1rB1kf%253B600x317.png%253Fauto%253Dwebp/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib24tbWVkaSJ9:1oTnPH:JUAR2UOM3jUxS_3mrOuVo90IHisHdJ8OSQAM0r2ra0I" style="max-width:480px;"/>
    </div>
    <p>
     If writing a bio and talking about yourself seems daunting, keep it simple to start. Add the basic info in a bulleted list and launch it! A live portfolio is better than no portfolio at all, and you can always refine it later.
    </p>
   </div>
   <div class="centered block">
    <a class="cta" style="color:#fff">
     LAUNCH 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:1oTnPH:JUAR2UOM3jUxS_3mrOuVo90IHisHdJ8OSQAM0r2ra0I" style="width:92px;height:92px"/>
     </td>
     <td style="width:100%;font-family: 'Avenir Next', 'Arial';">
      <p style="margin:0;">
       Can't wait to see it!
      </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%252F2fed273a0b83dfac994e459ca90ce2aa%252Fopen.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjYXJib25tYWRlLiJ9:1oTnPH:YALRTSOkY_rny9nPR1GmfvFM1h0aaSUmzzJ_uePF8gI" style="border: 0 none; height: 1px; width: 1px; outline: none; text-decoration: none;"/>
  </div>
 </body>
</html>