Email sent from Gumroad to a Registered user

Gumroad Registered user

Subscribed 3 years, 5 months ago
<!DOCTYPE html>
<html>
 <head>
  <title>
   You bought 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 receipt" style="background-color: #fff; border-bottom-width: 1px; border-bottom-color: #ddd; border-bottom-style: none; max-width: 562px; margin: 0 auto; padding: 20px 30px;">
   <div class="plain-content" style="max-width: 562px;">
    <div>
     <div class="pull-left" style="float: left;">
      December 2, 2020
     </div>
     <div class="clear" style="clear: both;">
     </div>
    </div>
    <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;">
     <span class="product-name" style="color: #444; margin-right: 10px; font-size: 24px; font-weight: 400;">
      UI Feed guide
     </span>
    </p>
    <p style="color: #797874; font-size: 16px; line-height: 27px; word-wrap: break-word; margin: 15px 0;">
     This was a test purchase — you have not been charged (you are seeing this message because you are logged in as the creator).
    </p>
    <p class="download-buttons-holder" style="color: #797874; font-size: 16px; line-height: 27px; word-wrap: break-word; margin: 15px 0 0;">
     <a class="button button-primary" style="display: block; line-height: 22px; margin-top: 0; color: #fff !important; background-color: #36a9ae; border-radius: 4px; font-size: 17px; font-weight: 700; text-align: center; text-decoration: none; word-wrap: break-word; padding: 16px 12px; border: 1px solid #4a8589;">
      View content
     </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: 10px;">
       VAT (20%):
      </td>
      <td class="right" style="padding-bottom: 10px;">
       £10
      </td>
     </tr>
     <tr>
      <td class="left" style="padding-bottom: 0;">
       Order total:
      </td>
      <td class="right" style="padding-bottom: 0;">
       £59.99
      </td>
     </tr>
    </table>
    <hr style="background-color: #eee; min-height: 1px; height: 1px; margin: 20px 0; border: 0;"/>
    <div>
     <h4>
      Spread the word!
     </h4>
     <a class="twitter-button" style="color: #fff; border-radius: 4px; font-size: 13px; font-weight: 700; text-decoration: none; display: inline-block; background-color: #55acee; margin-right: 15px; padding: 7px 10px;" target="_blank">
      Tweet
     </a>
     <a class="facebook-button" style="color: #fff; border-radius: 4px; font-size: 13px; font-weight: 700; text-decoration: none; display: inline-block; background-color: #3d5c96; padding: 7px 10px;" target="_blank">
      Share
     </a>
    </div>
    <hr style="background-color: #eee; min-height: 1px; height: 1px; margin: 20px 0; border: 0;"/>
    <div>
     <h4>
      Need an invoice for this?
     </h4>
     <a class="gray-button" style="color: #454545; border-radius: 4px; font-size: 13px; font-weight: 700; text-decoration: none; display: inline-block; background-color: #eee; padding: 7px 10px;" target="_blank">
      Generate
     </a>
    </div>
   </div>
  </div>
  <img class="receipt-bottom" src="https://inboxflows.com/_/image/https%253A%252F%252Fassets.gumroad.com%252Fassets%252Femail%252Femail_body_bottom_receipt_mobile-d0676cfa932d222017b77b27da5b57ff04561d7694c56511bebf13d02b89df9c.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc3NldHMuZ3VtciJ9:1kkRKx:i2gWqcPh41SKdkGT4YdGjpX-LGpJs5Mlqxku6WRc2-8" style="width: 100%; max-width: 622px; height: 17px; max-height: 17px; display: block; margin: 0 auto;"/>
  <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;">
    You'll get posts from this creator in the future.
    <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; padding: 0 15px;">
    548 Market St, San Francisco, CA 94104-5401, USA
   </p>
   <p class="gumroad-feature" style="color: #797874; font-size: 14px; line-height: 27px; word-wrap: break-word; display: inline-block; background-color: #fff; border-radius: 4px; margin: 15px 0; padding: 12px; border: 1px solid #ddd;">
    <img src="https://inboxflows.com/_/image/https%253A%252F%252Fassets.gumroad.com%252Fassets%252Femail%252Femail_body_header_logo%25402x-7869e6a66a5af9b577d365a6315b8157e803f161358c9515c1432a8e2fa84ab5.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhc3NldHMuZ3VtciJ9:1kkRKx:i2gWqcPh41SKdkGT4YdGjpX-LGpJs5Mlqxku6WRc2-8" style="display: inline-block; max-width: 100%; width: 24px; vertical-align: top; margin-right: 8px;"/>
    <a style="color: #666; text-decoration: none; word-wrap: break-word;">
     Powered by Gumroad
    </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/http%253A%252F%252Furl9216.customers.gumroad.com%252Fwf%252Fopen%253Fupn%253DrHrk-2F1HDmYAnLqTUkbu7OmigJHrrVOoU-2BnaYu-2BV5CiRtPur7Awn20N5PSOSiKi5ETtGjdBFZ3bajYyDfDhQVSGYSHZKE-2BQfCCHhWvTGRAxtGRuuYveeg5xBqPHZiuGCwSQbeD9tfCKN1oAgYVQbdFCxBTdcfKC3GysJ25QrSKbPPJRAMB5Ci6RFTWp9cMtDgo9Q8-2BYLz0al8O-2FgbjWL-2Fthfz4o6Vy-2BWT-2Fl82lwgy-2FxUVrs0dTRgBqAY-2BfipiPNJTV2SDJO4rhgAW6nyT5L1ew9wU6RViJDoNwR9n4LgUD37UoV3if75RPD4LfMJ15opsAVvEZo-2FbZtfi-2F2wTVVKIYOvUDJGNqnmEUwh8uJYMYUYaW7bj-2BBtlAW1jo9oNUzLYyhVpmJMTeIqSMcD09BPe3w-3D-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnVybDkyMTYuY3VzdCJ9:1kkRKx:bJDm8aAv9gDnAkLWnh_j4BtatZKB2ALaNAdFhS0m5vg" 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>
3 years, 5 months ago - noreply@customers.gumroad.com
You bought UI Feed guide!
December 2, 2020 UI Feed guide This was a test purchase — you have not been charged (you are seei...
Inboxes

Gumroad Registered user
