Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!--iPhone 6 through X off-center fix for gmail iOS 11-->
  <meta name="x-apple-disable-message-reformatting">
  <style type="text/css" data-premailer="ignore">
         /* Font-family declarations must not be inlined */
         @font-face {
             font-family: 'Fakt Pro';
             src: url(https://backgrounds.wetransfer.net/homerun/fonts/FaktProWeb-Normal.woff);
             font-weight: normal;
             font-style: normal;
         }
         p, span, a, div {
           font-family: 'Fakt Pro', sans-serif !important;
           font-style: normal !important;
           font-weight: 400 !important;
         }
         /* Gmail app for iOS white border fix */
         .header, 
         .footer,
         .email-container {
            outline: 30px solid #FEE3DF;
        }
        
        .hero {
          width: 85%;
          max-width: 600px;
          min-width: 300px;
        }
        
        .header-col {
          width: 100%;
          max-width: 640px;
          min-width: 300px;
        }
        
        /*iPhone 6, 6+ offcenter fix for gmail iOS 10+*/
        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
  	      .email-container {
            min-width: 375px !important;
          }
        }

        @media only screen and (max-width: 480px) {
          .mobile-text {
            /*adjust font for iphones*/
            -webkit-text-size-adjust: 90%;
            /*adjust font for ms - untested*/
            /*-ms-text-size-adjust: 120%;*/
          }
        }
  </style>
  <!--[if gte mso 9]>
    <xml>
      <o:OfficeDocumentSettings>
        <o:AllowPNG/>
        <o:PixelsPerInch>124</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  <![endif]-->
</head>
<body class="body" style="margin: 0; padding: 0; background-color: #ffffff; border: none; width: 100%;">
  <!--START EMAIL CONTENT-->
  <table class="email-container" align="center" cellpadding="0" cellspacing="0" width="95%" max-width="640" style="background-color: #FEE3DF;">
    <!--START HEADER-->
    <tr>
      <td>
        <table class="header" align="center" cellpadding="0" cellspacing="0" width="100%" style="background-color: #FEE3DF; padding: 10px 0 20px 0;">
          <tr>
            <td>
              <table align="center" cellpadding="0" cellspacing="0" style="padding: 30px 15px 0 15px;">
                <tr>
                  <td align="center" style="padding: 30px 0 10px 0;">
                    <a href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp3wBp7HW1T0acfsZBF6X7LU-3D_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ-2F5rwg4j6ZXuK2y4lKBIOBXsVZEkcbikLKSQdZoEhnJFugmXfvlw1uy5PYejfwXmQ9LpG3cRYYneQZOl7oJPr8VnYc6wH7y7A-2BEy-2FBzz7FlweWKJuEZqu8FWiFAiZEe8d-2FIq5GwqMHlPYSVe7-2FR-2BsLGAYjvarjhuBmnI-2Bq0lephp7rSJ6utv5EKDRVz5-2BfCSZ6cEdYCHHluB8P-2BelfwboGOwr0vLsPcib3en6CyZwtzuADamJsgfCPabBMEk5b9o2Q-3D-3D">
                      <img src="https://marketing-image-production.s3.amazonaws.com/uploads/9323db014822d2e429a9b47378839cb0696bc049d9b926b68ed3e292f380df96551b260ca140b1a7b845eca31f2fd134ff7b349d18822a9ea7c790e8729b9fd4.png" alt="WeTransfer - " width="44" style="display: block;" />
                      </a>
                  </td>
                </tr>
                <!--START HERO IMAGE-->
                <tr>
                  <td align="center" style="padding: 40px 15px 10px 15px;">
                    <img class="hero" src="https://marketing-image-production.s3.amazonaws.com/uploads/ad0de9a575cfdce6e1918e7769a8035942988506668d9f7284c2e1fe47005e52a9ac7df827050e78ccfb91cc9d1f7a50661553efd8fc59397953dc5ab808496b.png" width="400" alt="Collect" style="display: block; border: 0px; outline: none; height: auto;" />
                  </td>
                </tr>
                <!--END HERO IMAGE-->
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <!--END HEADER-->
    <!--START BODY TEXT -->
    <tr>
      <td align="center">
        <table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
          <tr>
            <td align="left" width="600" style="padding: 60px 15px 100px 15px; font-size: 20px;">
              <p style="font-family:fakt pro, arial, helvetica, sans-serif; color: #3C3767;">
                Hi friends,
                <br/><br/>
                You’ve got great taste. Of course you do – you signed up to get our monthly set of unexpected creative stories. 
                <br/><br/>
                But sometimes in life the inspiration comes too thick and fast right? Well we’ve got your back. 
                <br/><br/>
                We’ve relaunched our mobile app as Collect, the simplest way to save pictures, links, music and more. Wave goodbye to confusing notes and forgotten folders of screenshots. Now you can organize your content as beautiful boards – perfect for visual thinkers. 
                <br/><br/>
                We also know good ideas grow when they’re shared, so now you can invite anyone to your boards and build your next plan or project together.
                <br/><br/>
                So now you know. Come check it out for yourself...
              </p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <!--END BODY TEXT -->
     <!--START BUTTON -->
    <tr>
      <td>
        <table border="0" align="center" cellpadding="0" cellspacing="0" style="margin:0 auto;">
          <tbody>
          <tr>
            <td align="center">
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td>
                    <div>
                      <!--mso button fix doesn't work on 2000, 2002 and 2003-->
                      <!--[if mso]>
                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://collect.wetransfer.com?utm_source=newsletter&amp;utm_medium=mail&amp;utm_campaign=cxp_cxp_collect&amp;utm_content=collect_cta3" style="height:60px;v-text-anchor:middle;width:310px;" arcsize="50%" strokecolor="#FF9386" fillcolor="#FF9386">
                          <w:anchorlock/>
                          <center style="color:#ffffff;font-family:Fakt Pro, Arial, Helvetica,sans-serif;font-size:22px;">Tell me more →</center>
                        </v:roundrect>
                      <![endif]-->
                      <a href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp74-2F7udNyh6KlksUnbvndaD-2BYwGX5iJvOePDd0GEFRFsawiJKrN6pC3E5wF2OQ5HxtcVp2C7sft1AR7v5TtN1WM91VC7gomUWP-2ByfmBL4dTY5-2FL0LaxsFuESvP-2FoePe3I6lES1rbXoEtIybD2fGAwAUSVXoPjVyAkB5egXw3N68T_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ-2Fs2nTiH7q9SnidJ4LrpptpHGJ-2Fbh0DGPW3EVtzWkJOE8WbrNYLGYy2yFqaJsuyhGjXe2-2F5IyF1wa-2F-2BTSxih4kJjEpAr6Ry-2FWrUW9ath0S5K7pJvnAAcaL5PRfgMu9PoNceDelX6eX6VR4f-2FMUBVTZlgvPWS9w-2Fxo7dJBOEhVqBFFIcGuRWQy-2FMwwsK0-2BEn1veMsyQjpt340tKPDzPyh6l2bA7gvEdLyqOGxkm7SXobp0Th4PuoJ1K1jKkHWEt0Fvg-3D-3D" style="background-color:#FF9386;border:1px solid #FF9386;border-radius:50px;color:#ffffff;display:inline-block;font-family:fakt pro, arial, helvetica, sans-serif;font-size:22px;line-height:60px;text-align:center;text-decoration:none;width:310px;-webkit-text-size-adjust:none;mso-hide:all;">Tell me more →</a>
                    </div>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <!--END BUTTON -->
    <!--START COLUMN-->
    <tr>
      <td align="center">
        <table cellpadding="0" cellspacing="0" width="100%" style="margin: 40px 0 20px 0;">
          <tr>
            <td align="center">
              <table align="center" width="300" cellpadding="0" cellspacing="0">
                <tr>
                  <td>
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                      <tr>
                        <td>
                          <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                              <td class="leftColumnContent" align="center">
                                <div>
                                  <a href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp4pdssXux8KhZj5HUu2b9DxBoAlSJ324ZprV0eMnl3j6vJuPNMfiZtKhCPbtgqhqkpwp2OgMhu0DnsWtkeQCipGJ2MDiPaXUeffh6DRz-2BZS3Mx1zPXjAXMpBNP95bawAgg-3D-3D_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ6-2BiBbZqY6wPEnHsZEmJDLbfqKXAHzgtWySQ1B1ipX-2FzGya3fw5jsKMJ4E7gvgdtSo9jKQ25COG-2BV6lG4okZEr6UyTR6qwQJ4iKvg2KhAdjl8OQOpuJex2zRb5caYWn0pd5TI5-2FdAkVAmL1nKGGnM6Xe8rBxZsNJP6Agi1FU40-2FxPMBoegeHKrK-2BQr5nPe6-2BsT9euwhyIChvF328lpvey0H0lordqRvySFGMcBPar6XNIevOpz6Jo-2Fi3QOW53Vo4Eg-3D-3D">
                                    <img src="https://marketing-image-production.s3.amazonaws.com/uploads/15f6c8af3cd1caeb13210aaed038f34fa0965a5f6655621a5301452e85fdc66024b543c8338343182a0367e0625f3053d0c69a63a34e45f6577e8edf0dbfa669.png" alt="app store" width="140" style="display: block;" />
                                    </a>
                                </div>
                              </td>
                            </tr>
                          </table>
                        </td>
                        <td>
                          <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tr>
                              <td class="rightColumnContent" align="center">
                               <div>
                                <a href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp-2FirHNvPWeOkacRVPrscgaabJtFrGLX2Ud5KiA3sNE6gnvIum6TPIUxAknKRbX1gZjvqleazFHU-2FTqCXvATLY-2B8-3D_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ0QuZC2fcUw11ERyVsZdaZMNyHEZ1QAAh9-2F-2BL13KDuo-2FU67JWMrsRA35AIUKTHw3nNBBmOgMgpBb3cXVOWuA9VIEPtX-2B5ky10gJ4FLepHfVr-2BfXQgN4aneHg0z-2FY0KG16qIiml1UjAZvaaPBbvlE0S1fI-2FRzPQOlTi6ld1S03UX1juWT6BKu0LNxyli-2FiZZ3qROp7-2B852GSCXUMunP0I33f10s-2Bedf9zEqKqTEFxhN-2BkeMCb3KLfGNPKJrJPmOnjqw-3D-3D">
                                  <img src="https://marketing-image-production.s3.amazonaws.com/uploads/a38108140cdcf32175dc8175d24c07d34b3d591a1c1914b6be3b3060bb80dfc6925ac7f4faa6293b210db6f177751017abf5de6b36be37e01aef7fea58f90c09.png" alt="play store" width="140" style="display: block;" />
                                  </a>
                              </div>
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <!--END COLUMN-->
    <tr>
      <td align="center">
        <table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
          <tr>
            <td align="center" width="600" style="padding: 20px 15px 60px 15px; font-size: 15px;">
              <p style="font-family:fakt pro, arial, helvetica, sans-serif; color: #3C3767; opacity: .5;">
                Just wanna send a file? <a href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp4S0cZ-2FARjTkgqYjmkPYYYY-3D_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ3AciJsH0hLw8oAo-2F1yseARacfT1RMZgJeJhw4-2FsZL-2FUtA3C3yXns4yvRELRkcUKesYSknq4JUI3A-2B9VGPdFnfnGHgQJLqn9Av0U9AsedeFlH-2FX4zkFVzyVj-2BSp9VFnvmZU0sG2DimVFN-2Bg7j-2B8b26dyv0cfqPri9-2BespVY8S2nXt3VsVDkCWl5-2B9OW4cz89v1ZmedEUgpuvuDwWOF9OnwL9fB7pAhLSl0SzzAzXLjrJr9gfOSQvLWPpReiUHkZG7A-3D-3D" style="color: #3C3767;">WeTransfer.com</a> now works on your phone.
              </p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <!--START FOOTER-->
    <tr>
      <td>
        <table class="footer" align="center" cellpadding="0" cellspacing="0" width="100%" style="background-color: #FEE3DF; border-top: 1px solid rgba(60,55,103, 0.2); padding-top: 20px;">
          <!--START FOOTER LOGO-->
          <tr>
            <td align="center" style="padding: 30px 0 10px 0;">
              <a href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp3wBp7HW1T0acfsZBF6X7LU-3D_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ7ZTibfePuQVrxOOMLqv-2FFD5UncvLxpYQO4aAHV2ieFHBKffwTL-2BTYi7dE66KdobfAkKINTZPOstMKDZwMTnYt880U2roJDpKXprQ2ruoUXLANrL51rEpMQ0bd8RO6aq71KOjw8aD8B1oaKXqhPbjJE2tz6T4TeiDYckH1E3XVUPgMaHOuYMNJFm09czGKu4qONlHawrQWgPZtFjhdVXJvnXe8rdRyPUo6AqmdlFBDkS64iJLcBEnIZAINyzLibSNg-3D-3D">
                <img src="https://marketing-image-production.s3.amazonaws.com/uploads/9323db014822d2e429a9b47378839cb0696bc049d9b926b68ed3e292f380df96551b260ca140b1a7b845eca31f2fd134ff7b349d18822a9ea7c790e8729b9fd4.png" alt="wetransfer logo" width="44" style="display: block;" />
                </a>
            </td>
          </tr>
          <!--END FOOTER LOGO-->
          <!--START FOOTER TEXT-->
          <tr>
            <td align="center" style="padding: 10px 15px 50px 15px;">
              <table border="0" cellpadding="0" cellspacing="0" style="margin:0 auto;">
                <tr>
                  <td align="center" width="370" style="padding: 20px 15px 50px 15px;">
                    <p class="mobile-text" style="font-family:fakt pro, arial, helvetica, sans-serif; padding: 0 0 40px 0; color: #3C3767; font-size: 22px;">Beautifully obvious tools to bring your ideas to life.
                      <a style="color: #3C3767" href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp9lI0xnpqOdI-2FVOzhl5e8XZwU6qkZy9CBHNNCgeMP-2F4vYPns85T03VHJlv7-2FFq36rKSXKWzL3VPrqFClLqcy3bEVupHGgrKjjTia5IihiTtiYqRYn2p1hjJU8ybo2lknbOkvnjWCfHDonb2ZclLGhOI-3D_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ0cfUBqVjE8n-2BO-2FCjRtjlpr-2FlLzYFMBmlubzsW-2Flw6RMIoD7zalr-2BcMm2mcWi4KanYpZO9KEh1Q3UODzWk0tw9e0nrcE7q4-2BuZdTSvbrBc8EmqhXPrA-2BLypZDeJwSU6KO466R2e-2BnULkWlJRZEfsItmBsuew7IUoxu8tuQjvvwzao6ipLbgR-2BCwAWXRmH2xvOCCtl343p-2FQVdt1WfFwgB3NMe1R0daxPifQeUQKjDz0mjljxy0gie3xHr5qNjh1riA-3D-3D">WeTransfer</a>,
                      <a style="color: #3C3767" href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp74-2F7udNyh6KlksUnbvndaBgqLt-2BY4EoMpx0akr-2FXri0m6Iy-2FjsQtIWO5iwG1Q7AgEMwJTWuChioESUXvCQi4wbo3HPXKdUpSyu9rCSj27-2FafMe8fizgvLgm4N2mbSP2MFNijBcRC7nD-2B31or6zKcQjvMLyNhjQbrU7GMoq30ue2_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ3MNI2fjqLnS17WKInQ-2FC-2BpDtq5XX7YvZD1ekLmqGRESKl3UNxDNga-2FBW-2BQLRqlQNqypmOBX9llyIZkHG5NX9H64pxIo-2BJLYbe5sGI7odGNtwky-2Fmc0MOac31owy-2BYba4Z38YFzpyN5sZekTEowEXxAWKyO-2BC-2Bppbfkg5sgBYyUonSY-2Fn369DNU-2FlIRGPzuzutJIspifPzEhqy2kLBuJQAvO6r8eiXkjDPh-2BcXj7HdxPddQACgUpUtKnknncORipGg-3D-3D"> Collect</a>,
                      <a style="color: #3C3767" href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp7wEL6u0RZIFsWaC0-2FJclVvYTcr-2Fp2ca9lz75TauTDsQA6dL-2FSrdBBtCETULQltSxuOUpP96B4mxhRIXLK4x5PuppkO-2BhBVFKGneln0a0RxtppWkbhr3IuWl9aLfaatedVUFM3PAYs0693M-2B6E85JW1K5NOKQTqF6aAZlySLuKm8_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ1EA9DFcunzjIPpkn19c8uuG2oHNTyBflDrZwWJhDjqBcg7gokepd-2Fq3jJR4JbO46Ir8OLX-2FoaodDfLPx0iv2292hHaRvqb1eZ-2BKF0-2Fiou8BwntYSFI0-2FdW7Mo1i75jUnmQId4e4Hxj-2FoMeyTimIUDB3UA4DDDm9-2BdUiiI5iKkukCJ6ghMS8zn1QlQKTVEdCjeXNBxYG1AiWutxSBEynyg9Xir8XDaZ1YJihz3fXhgB1rqLukAzxTl-2F44V4oqZmICQ-3D-3D"> Paper</a>,
                      <a style="color: #3C3767" href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5DjpzlrLjcn0TiNYQlHPUtek4Zw3tuaugRPXrvh4lzrkEuYixK1ENRdSYE5UvIWE68KbwqR5sLU-2Fqxq8sVNzMiQvkgzJTrb2ekT3iAN9NwBjZb79-2B-2B9H4Bv8DigxEzqoHL-2BJ-2BafudOY7d6S4H3X6JI4RBL4yPPO-2BkiVwM-2FlGrhepTPi_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ6XsAyqaBa003j3KUnULcZTpwYeIEzmGDe3qjsT8jJFJW8Sr8YcOMf062yd1-2Fj9Yt22ym8IwklJ6I2-2BkFqR1voj9Eb-2F-2BIrWptNBh0S9ccOykFvXTow0WmY7SKLoV-2F3-2F6Hn8434-2Fozc7k-2Byo8ek3puPNDZ92qTjpJpi-2FqejbLvRGAJd4efE6alzk4CqH410to9jO1edT-2F6QXRRbty-2BxK8LGrpDPSGmpMvkXBp0kJYPNYfe54AZHNSN8ShfptKid1cjQ-3D-3D"> Paste</a> and
                      <a style="color: #3C3767" href="http://url892.youmake.wetransfer.com/wf/click?upn=5VTj1aH6N1Wv1ElkL5Djp7FtlOltFqde-2FSQgOEcFAq0XpVDYSWSyYe6RYHmEXXJB-2FPsOy4vbJ1JN5uXouWnWXrxE8VKxbevnI7zAkIfNZGT7T48DpQ2Vv5zZBygIcg-2Bcu0COEnBSuhjl0Y9norknCTFbe3-2F1arVOwvRe10GgkiC5BAntXTJ4Xf8eDOdrspzr_jk7xktPgXcVKAVfvg-2FHUIlXUg-2FQ-2F1ys5A2iiw31eMbPrhR05HH-2FL674yc8p-2B54DLrpLef-2FcNxqJ2EYnemepOyD2HyVnpRHXqOj-2FiF0YSMT2keIH8rCz4aX3Y84bdKPwlOZpZ6uNacpd0ZSN9JMFZcuAL2yqK-2BBR-2BeS1FSB3CRZlK2NGXvGq4kKrjDSczTnV0euK4ezpfRjy14Fzjx0JXnMuuL6QyTy-2BiN4BKXRKXfQKkqO8KvxAKg7evpMzTjvruKryFvn5cF7P2WVvk4o0y904RzLZmpZUPu3PglP40Xq7GIvl2rn6tSbKbMeBBDo4urw2O5ERDY1JbyNlYgdt-2BJ30kAhRmqj2nuIz1f8HJJlH6fz5WL0zBm3cmrffUNeug8EXTR6kD4YBjZnrJpLecCTfmMKBHfN-2Bwxcy1wdAHTvAcQT9vX05QVZxWS5Swc-2FZB8arQcRGj2WTKqRPBsdbVGbEvfjcVvyDw8efycY5YM-2FSUBRcXELLMiafx2Z4ZdjEM8VbxLSSSJr38Rl0wqEhtfyREMHqjBkmOgbWgf7YlLdzhR-2F4onUJmRWqlw-2FDBZlwukQTgsvb6TuAv310WEank-2Bg-3D-3D"> WePresent</a>.
                    </p>
                    <p class="mobile-text" style="font-family:fakt pro, arial, helvetica, sans-serif; color: #3C3767; font-size: 15px; opacity: .5;"> Illustration by Roman Muradov<br>Something not quite right? <a clicktracking=off href="#" style="color: #3C3767;">View this as a web page</a>.<br/>
                      You received this because you subscribed to updates from WeTransfer (legend).&nbsp;No longer a legend? Click <a href="#" style="color: #3C3767;">here</a> to unsubscribe.<br/><br/>
                      Willem Fenengastraat 19, 1096 BL, Amsterdam, NL<br/>
                      2116 Zeno Pl, Venice, CA 90291, USA
                      (Send snacks.)</p>
                  </td>
                  </tr>
              </table>
            </td>
          </tr>
          <!--END FOOTER TEXT-->
        </table>
      </td>
    </tr>
    <!--END FOOTER-->
  </table>
  <!--END EMAIL CONTENT-->


</body>
</html>
  

              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console