Inboxes

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

+New inbox

<!DOCTYPE html>
<html>
 <head>
  <title>
   New sale of UI Feed guide
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="initial-scale = 1.0, width=device-width" name="viewport"/>
  <style>
   @-webkit-keyframes spinner {



}

@keyframes spinner {



}

.divider:after {

content: ""; flex: 1 1; border-bottom: 1px solid #ddd;

}

.divider:before {

content: ""; flex: 1 1; border-bottom: 1px solid #ddd;

}

.divider:before {

margin-right: 1em;

}

.divider:after {

margin-left: 1em;

}

.product-description a:not(.button):active {

color: #111;

}

.with-rich-text a:not(.button):active {

color: #111;

}

body {

background-color: #fff; font-family: -apple-system,\.SFNSDisplay-Regular,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; padding: 0; margin: 0;

}

body .pull-left {

float: left;

}

body .pull-right {

float: right;

}

body .clear {

clear: both;

}

body .top-stripes {

height: 3px;

}

body .receipt-bottom {

margin: 0 auto; width: 100%; max-width: 622px;

}

body .top-stripes {

margin: 0 auto; width: 100%; max-width: 622px;

}

body .receipt-bottom {

height: 17px; max-height: 17px;

}

body .plain-content-container {

background: #fff; padding: 20px; border-bottom: 1px solid #ddd;

}

body .plain-content-container.receipt {

border-bottom: none;

}

body .plain-content-container .plain-content {

max-width: 562px;

}

body img {

display: block; max-width: 100%;

}

body img.pig {

vertical-align: top; width: 126px; height: 146px; display: block; margin: 11px 30px 0;

}

body img.framed {

border-radius: 4px; border: 1px solid #ddd; margin: 30px auto; box-shadow: 0 1px 2px rgba(0,0,0,.15);

}

body .title h4 {

color: #252a2e; font-size: 17px; margin: 0; padding: 15px; font-weight: 700; text-align: center; text-transform: none;

}

body .download-buttons-holder .button {

display: block; padding: 16px 12px; line-height: 22px; margin-top: 16px;

}

body .download-buttons-holder .button:first-of-type {

margin-top: 0;

}

body a {

color: #36a9ae;

}

body a.button {

background: #36a9ae; border: 1px solid #4a8589; border-radius: 4px; color: #fff !important; display: inline-block; font-size: 17px; font-weight: 700; line-height: 19px; padding: 8px 12px; text-align: center; text-decoration: none;

}

body a.button.wide {

clear: both; display: block;

}

body a.button.big {

padding: 16px 12px; line-height: 22px;

}

body a.facebook-button {

border-radius: 4px; font-size: 13px; font-weight: 700; padding: 7px 10px; text-decoration: none; display: inline-block;

}

body a.gray-button {

border-radius: 4px; font-size: 13px; font-weight: 700; padding: 7px 10px; text-decoration: none; display: inline-block;

}

body a.twitter-button {

border-radius: 4px; font-size: 13px; font-weight: 700; padding: 7px 10px; text-decoration: none; display: inline-block;

}

body a.gray-button {

background: #eee; color: #454545;

}

body a.facebook-button {

background: #3d5c96; color: #fff;

}

body a.twitter-button {

color: #fff; background: #55acee; margin-right: 15px;

}

body h2 {

font-size: 28px; margin: 0 0 20px;

}

body h2 {

color: #252a2e; line-height: 120%; font-weight: 700;

}

body h3 {

color: #252a2e; line-height: 120%; font-weight: 700;

}

body h3 {

font-size: 22px; margin: 20px 0;

}

body hr {

background-color: #eee; border: 0; min-height: 1px; height: 1px; margin: 20px 0;

}

body hr.big {

margin: 40px 0; min-height: 3px; height: 3px;

}

body .callout_wrapper {

border-radius: 5px; border: 1px solid #f5f5f5; border-width: 0 1px 2px; overflow: hidden; position: relative;

}

body .callout_wrapper .callout {

background: #fff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; position: relative; text-decoration: none;

}

body .callout_wrapper .callout img {

display: block; width: 100%;

}

body .callout_wrapper .callout strong {

color: #444; display: block; font-size: 20px; font-weight: 700; margin: 0 20px 20px; padding-top: 20px; text-decoration: none;

}

body .callout_wrapper .product-description {

margin: 20px;

}

body .callout_wrapper .product-description a {

color: #252a2e; text-decoration: underline; white-space: pre; word-wrap: break-word;

}

body .callout_wrapper .product-description blockquote {

font-family: Georgia,serif; font-style: italic; margin-bottom: 12px;

}

body .callout_wrapper .product-description blockquote:last-child {

margin-bottom: 0;

}

body .callout_wrapper .product-description p {

margin: 0 0 12px;

}

body .callout_wrapper .product-description p:last-child {

margin-bottom: 0;

}

body .callout_wrapper .product-description ul {

list-style: disc;

}

body .callout_wrapper .product-description ul li {

margin-left: 20px;

}

body .content-container {

max-width: 562px; padding: 20px 30px; margin: 0 auto;

}

body li {

color: #797874; font-size: 16px; line-height: 27px; margin: 15px 0; word-wrap: break-word;

}

body p {

color: #797874; font-size: 16px; line-height: 27px; margin: 15px 0; word-wrap: break-word;

}

body li:last-of-type {

margin-bottom: 0;

}

body p:last-of-type {

margin-bottom: 0;

}

body li strong {

color: #444;

}

body p strong {

color: #444;

}

body li a {

color: #36a8ae; text-decoration: underline; word-wrap: break-word;

}

body p a {

color: #36a8ae; text-decoration: underline; word-wrap: break-word;

}

body li.large {

font-size: 18px; line-height: 32px;

}

body p.large {

font-size: 18px; line-height: 32px;

}

body li.text-center {

text-align: center;

}

body p.text-center {

text-align: center;

}

body li.gift {

margin-bottom: 5px;

}

body p.gift {

margin-bottom: 5px;

}

body li.gift strong {

color: #444; font-size: 24px; font-weight: 400; margin-right: 10px;

}

body p.gift strong {

color: #444; font-size: 24px; font-weight: 400; margin-right: 10px;

}

body li.gift_note {

background-color: #fafafa; border: 1px solid #eee; border-radius: 4px; margin-bottom: 25px; padding: 15px;

}

body p.gift_note {

background-color: #fafafa; border: 1px solid #eee; border-radius: 4px; margin-bottom: 25px; padding: 15px;

}

body li.top {

margin-top: 15px;

}

body p.top {

margin-top: 15px;

}

body li.date {

font-size: 14px; background: #e76c5e; border: 1px solid #e35c4d; border-radius: 4px; color: #fff; display: inline-block; font-weight: 700 !important; line-height: 20px; margin-top: 0; padding: 8px;

}

body p.date {

font-size: 14px; background: #e76c5e; border: 1px solid #e35c4d; border-radius: 4px; color: #fff; display: inline-block; font-weight: 700 !important; line-height: 20px; margin-top: 0; padding: 8px;

}

body li.info {

color: #797874; font-size: 16px; line-height: 24px; margin: 0 20px 10px 0;

}

body p.info {

color: #797874; font-size: 16px; line-height: 24px; margin: 0 20px 10px 0;

}

body li.money {

color: #252a2e; font-size: 42px; font-weight: 700 !important; line-height: 50px; margin: 26px 0 4px;

}

body p.money {

color: #252a2e; font-size: 42px; font-weight: 700 !important; line-height: 50px; margin: 26px 0 4px;

}

body .footer {

margin: 20px 0; text-align: center;

}

body .footer p {

font-size: 14px; padding: 0 15px;

}

body .footer a {

color: #666;

}

body .footer .gumroad-feature {

display: inline-block; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 12px;

}

body .footer .gumroad-feature img {

width: 24px; display: inline-block; vertical-align: top; margin-right: 8px;

}

body .footer .gumroad-feature a {

text-decoration: none;

}

body .product-name {

color: #444; margin-right: 10px; font-size: 24px; font-weight: 400;

}

body .product-name a {

color: #444;

}

body .product-name small {

color: #999; font-size: 15px;

}

body .gray-box {

background: #fafafa; border: 1px solid #eee; border-radius: 4px; margin-top: 25px;

}

body .gray-box h3 {

color: #777; padding: 0 20px; margin-bottom: 0; font-size: 14px; font-weight: 500;

}

body .gray-box h5 {

color: #777; padding: 0 20px; margin-bottom: 0; font-size: 14px; font-weight: 500;

}

body .gray-box p {

color: #777; font-size: 14px; margin: 20px 0 10px; padding: 0 20px 20px; border-bottom: 1px dotted #eee;

}

body .gray-box p.license-key {

font-family: Courier; margin: 0;

}

body .gray-box p:last-of-type {

padding-bottom: 10px; border-bottom: 0;

}

body .gray-box table td {

border-bottom: 1px dotted #eee; color: #777; padding: 14px 0 12px !important; text-align: left;

}

body .gray-box table th {

border-bottom: 1px dotted #eee; color: #777; padding: 14px 0 12px !important; text-align: left;

}

body .gray-box table tdth {

font-weight: 700;

}

body .gray-box table thth {

font-weight: 700;

}

body .gray-box table td:first-child {

padding: 14px 0 12px 14px !important;

}

body .gray-box table th:first-child {

padding: 14px 0 12px 14px !important;

}

body .gray-box .facebook-button {

display: inline-block; margin-top: 20px;

}

body .gray-box .twitter-button {

display: inline-block; margin-top: 20px;

}

body .gray-box .facebook-button img {

display: inline;

}

body .gray-box .twitter-button img {

display: inline;

}

body p {

color: #797874;

}

body p strong {

color: #444; font-weight: 400;

}

body p.center {

text-align: center;

}

body .tax-table tr td {

padding-bottom: 10px;

}

body .tax-table tr:last-child td {

padding-bottom: 0;

}

body .deposit-table {

text-align: left; font-size: 16px;

}

body .deposit-table th {

color: #252a2e;

}

body .deposit-table tr td {

padding: 10px 0 !important;

}

body .deposit-table tr th {

padding: 10px 0 !important;

}

body .deposit-table tr td:nth-child(2) {

text-align: right;

}

body .deposit-table tr th:nth-child(2) {

text-align: right;

}

body .deposit-table tr td a {

color: #797874; text-decoration: none;

}

body .deposit-table tr td span {

color: #797874; text-decoration: none;

}

body .deposit-table tr th a {

color: #797874; text-decoration: none;

}

body .deposit-table tr th span {

color: #797874; text-decoration: none;

}

body .last-week-header {

text-align: center; padding-top: 10px; padding-bottom: 30px; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px;

}

body .last-week-header td {

width: 50%; font-weight: 700;

}

body .last-week-header td:first-child {

border-right: 1px solid #f5f5f5;

}

body .last-week-header strong {

font-size: 36px; display: block; margin: 16px 0 4px;

}

body .last-week-table tr td {

padding: 10px 0 !important; font-size: 17px; color: #797874;

}

body .last-week-table tr td a {

color: #36a9ae; text-decoration: underline;

}

body .last-week-table tr td p {

margin: 0;

}

body .last-week-table tr td.left {

text-align: left;

}

body .last-week-table tr td.right {

text-align: right;

}

body .post-cover-image {

width: 100%;

}

body .post-cover-image {

border: 1px solid #ddd; border-radius: 4px;

}

@media only screen and (max-width:570px) {

  .top-stripes {

    margin-top: 0 !important;

  }

  .content-container {

    padding: 10px !important;

  }

  span.pigholder {

    margin: 0 auto !important; display: block !important; width: 150px !important;

  }

  img.pig {

    float: none !important; margin: 0 !important;

  }

  .mobilecenter {

    text-align: center !important; display: block !important;

  }

  .title h3 {

    margin: 10px 0 !important;

  }

}
  </style>
 </head>
 <body bgcolor="#fff" style="font-family: -apple-system,\.SFNSDisplay-Regular,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; margin: 0; padding: 0;">
  <style data-premailer="ignore">
  </style>
  <div class="plain-content-container content-container" style="background-color: #fff; border-bottom-width: 1px; border-bottom-color: #ddd; border-bottom-style: solid; max-width: 562px; margin: 0 auto; padding: 20px 30px;">
   <div class="plain-content" style="max-width: 562px;">
    <div class="title">
     <h3 style="color: #252a2e; line-height: 120%; font-weight: 700; font-size: 22px; margin: 20px 0;">
      You made a sale!
     </h3>
     <hr style="background-color: #eee; min-height: 1px; height: 1px; margin: 20px 0; border: 0;"/>
    </div>
    <span class="pigholder">
     <img align="left" alt="Cha-ching!" class="pig" src="https://inboxflows.com/_/image/https%253A%252F%252Fassets.gumroad.com%252Fassets%252Femail%252Fpayout_pig-8b4fb4681ca285a5da967e89fabb11d4bea56867a29edb9607fdcfde0ebc64ed.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc3NldHMuZ3VtciJ9:1kkRKu:yBq0tebKMZoQA1e9jHNzLIRmALO9o1DPEWFOXx_MoNM" style="display: block; max-width: 100%; vertical-align: top; width: 126px; height: 146px; margin: 11px 30px 0;"/>
    </span>
    <p class="mobilecenter money" style="color: #252a2e; font-size: 42px; line-height: 50px; word-wrap: break-word; font-weight: 700 !important; margin: 26px 0 4px;">
     £50
    </p>
    <p class="mobilecenter" style="color: #797874; font-size: 16px; line-height: 27px; word-wrap: break-word; margin: 15px 0;">
     for UI Feed guide.
    </p>
    <p class="mobilecenter" style="color: #797874; font-size: 16px; line-height: 27px; word-wrap: break-word; margin: 15px 0;">
     <a class="button center" style="color: #fff !important; background-color: #36a9ae; border-radius: 4px; display: inline-block; font-size: 17px; font-weight: 700; line-height: 19px; text-align: center; text-decoration: none; word-wrap: break-word; padding: 8px 12px; border: 1px solid #4a8589;">
      View account balance
     </a>
    </p>
    <hr style="background-color: #eee; min-height: 1px; height: 1px; margin: 20px 0; border: 0;"/>
    <p style="color: #797874; font-size: 16px; line-height: 27px; word-wrap: break-word; margin: 15px 0;">
     Your new customer's email address is
     <a style="color: #36a8ae; text-decoration: underline; word-wrap: break-word;">
      716c4bd7@uifeed.com
     </a>
     .
    </p>
    <hr style="background-color: #eee; min-height: 1px; height: 1px; margin: 20px 0; border: 0;"/>
    <table class="default-table tax-table">
     <tr>
      <td class="left" style="padding-bottom: 10px;">
       Product price:
      </td>
      <td class="right" style="padding-bottom: 10px;">
       £50
      </td>
     </tr>
     <tr>
      <td class="left" style="padding-bottom: 0;">
       Order total:
      </td>
      <td class="right" style="padding-bottom: 0;">
       £50
      </td>
     </tr>
    </table>
    <p style="color: #797874; font-size: 16px; line-height: 27px; word-wrap: break-word; margin: 15px 0;">
     Because this was a test sale, this amount will not be added to your account balance.
    </p>
    <hr style="background-color: #eee; min-height: 1px; height: 1px; margin: 20px 0; border: 0;"/>
    <p style="color: #797874; font-size: 16px; line-height: 27px; word-wrap: break-word; margin: 15px 0 0;">
     Best,
     <br/>
     The Gumroad Team.
    </p>
   </div>
  </div>
  <div align="center" class="footer" style="margin: 20px 0;">
   <p style="color: #797874; font-size: 14px; line-height: 27px; word-wrap: break-word; margin: 15px 0; padding: 0 15px;">
    548 Market St, San Francisco, CA 94104-5401, USA
   </p>
   <p style="color: #797874; font-size: 14px; line-height: 27px; word-wrap: break-word; margin: 15px 0; padding: 0 15px;">
    <a style="color: #666; text-decoration: underline; word-wrap: break-word;">
     Unsubscribe
    </a>
   </p>
   <p style="color: #797874; font-size: 14px; line-height: 27px; word-wrap: break-word; margin: 15px 0 0; padding: 0 15px;">
   </p>
  </div>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fu349705.ct.sendgrid.net%252Fwf%252Fopen%253Fupn%253DrHrk-2F1HDmYAnLqTUkbu7OmigJHrrVOoU-2BnaYu-2BV5CiRtPur7Awn20N5PSOSiKi5ETtGjdBFZ3bajYyDfDhQVSJy0fCY32K8zknis1V3-2BZUzAl-2Bd5HT5eXlGiLvzyPSekspLU2CKtFrWJaIdctTGHOckMKIWvcaKJCUFT5v4SDKCNR28inmidTFkYsuazuSx5kSA5huyilu6xRm-2Fv6aWJGEEWi1DBDr2Tkli5a9wXy7A0Qv29mEcdQVzSj47JJKE0VRe-2FGbG0poK9xu26UmdezW1OSEaCg8se89cv-2BhVMn6YUnQunFjflVs7KU4swnUHzTcHrZCUevszZFwKmXy-2Fq9mli8UVR-2FHHFw3-2B8mPi7Etwxa6-2B8xP21xsGwkBng0cIU5xjVpS84yZ25lvbMizXM3Cfxa7cRR4RrXoGqT1IdbVA-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1MzQ5NzA1LmN0LiJ9:1kkRKu:9yi6_IV9HQ4-jrDRPaOypMChdcIzv7fwzpRX3krntoY" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
 </body>
</html>