css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width">
  <title>Your VSCO X Trial Receipt</title>

  <style>
    body {
      width: 100% !important;
      min-width: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      margin: 0;
      padding: 0;
    }

    .ExternalClass {
      width: 100%;
    }

    .ExternalClass {
      line-height: 100%;
    }

    #backgroundTable {
      margin: 0;
      padding: 0;
      width: 100% !important;
      line-height: 100% !important;
    }

    img {
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }

    h1 a:active {
      color: #000000 !important;
    }

    h2 a:active {
      color: #000000 !important;
    }

    h3 a:active {
      color: #000000 !important;
    }

    h4 a:active {
      color: #000000 !important;
    }

    h5 a:active {
      color: #000000 !important;
    }

    h6 a:active {
      color: #000000 !important;
    }

    h1 a:visited {
      color: #000000 !important;
    }

    h2 a:visited {
      color: #000000 !important;
    }

    h3 a:visited {
      color: #000000 !important;
    }

    h4 a:visited {
      color: #000000 !important;
    }

    h5 a:visited {
      color: #000000 !important;
    }

    h6 a:visited {
      color: #000000 !important;
    }

    body {
      width: 100% !important;
      position: relative;
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: none;
    }

    img {
      border: none;
      font-size: 14px;
      font-weight: bold;
      height: auto;
      line-height: 100%;
      outline: none;
      text-decoration: none;
      text-transform: capitalize;
    }

    #backgroundTable {
      height: 100% !important;
      margin: 0;
      padding: 0;
      width: 100% !important;
    }

    body {
      background-color: #FFFFFF;
      font-size: 14px;
      line-height: 21px;
    }

    .bodyContent div a:visited {
      color: #AE995A;
      font-weight: normal;
      text-decoration: none;
    }

    .footerContent div a:visited {
      color: #AE995A;
      font-weight: normal;
      text-decoration: none;
    }

    @media only screen and (max-width:480px) {
      body {
        min-width: 100%;
      }
    }
  </style>
</head>

<body style="min-width: 100%; width: 100% !important; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; position: relative; font-size: 14px; line-height: 21px; margin: 0; padding: 0;" bgcolor="#FFFFFF">
  <div style="max-height: 0; height: 0; visibility: hidden; display: none; font-size: 0;">Your 7-Day trial starts today</div>
  <center>
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; border-collapse: collapse !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; height: 100% !important; width: 100% !important; margin: 0; padding: 0;">
      <tbody>
        <tr>
          <td align="center" valign="top" style="border-collapse: collapse;">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" class="container" style="max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" bgcolor="#FFFFFF">
              <tbody>
                <tr>
                  <td align="center" valign="top" class="main_content" style="border-collapse: collapse; font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="48" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td align="left" height="24" valign="top" style="border-collapse: collapse;">
                            <img height="24" width="120" src="http://assets.vsco.co/assets/images/emails/vsco-x/vsco_x_header_bk.png" alt="VSCO X" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-size: 14px; font-weight: bold; height: auto; line-height: 100%; text-transform: capitalize; border: none;">
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="4" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td style="border-collapse: collapse;">
                            <h2 style="color: #343434; font-size: 18px; font-weight: 500; line-height: 27px; display: block; font-family: Helvetica, Arial, sans-serif; margin: 0px;">The Full VSCO Experience</h2>
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td height="48" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td style="border-collapse: collapse;">

                            Smiles Davis,<br><br> Welcome to VSCO&nbsp;X!<br><br> Your 7-day trial begins today and ends on: <b>May 7, 2018</b>. Once your trial is complete, you will automatically be charged <b>$19.99 USD</b> for your VSCO&nbsp;X membership.
                            The charge will be made to the credit card associated with your iTunes account.

                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td height="24" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td style="border-collapse: collapse;">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse; border-top-color: #EEEEEE; border-top-style: solid; border-top-width: 1px; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" bgcolor="#FFFFFF">
                              <tbody>
                                <tr>
                                  <td colspan="2" align="left" valign="middle" style="border-collapse: collapse;">
                                    <h2 class="label" style="-webkit-font-smoothing: antialiased; color: #444444 !important; font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 0px; margin-top: 20px; text-transform: uppercase; display: block; line-height: 27px;">Your VSCO X Trial Details</h2><br>
                                  </td>
                                </tr>
                                <tr>
                                  <td align="left" valign="middle" style="border-collapse: collapse;">
                                    Trial Start Date
                                  </td>
                                  <td align="right" valign="bottom" style="border-collapse: collapse;">
                                    Apr 30, 2018
                                  </td>
                                </tr>
                                <tr>
                                  <td align="left" valign="middle" style="border-collapse: collapse;">
                                    Trial End Date
                                  </td>
                                  <td align="right" valign="bottom" style="border-collapse: collapse;">
                                    May 7, 2018
                                  </td>
                                </tr>
                                <tr>
                                  <td align="left" valign="middle" style="border-collapse: collapse;">
                                    Auto-Renewal*
                                  </td>
                                  <td align="right" valign="bottom" style="border-collapse: collapse;">
                                    May 7
                                  </td>
                                </tr>
                                <tr>
                                  <td colspan="2" style="border-collapse: collapse;"><br><span style="font-size: 11px;">*You will be charged annually on this date.</span></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="24" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="1" bgcolor="#DDDDDD" style="border-collapse: collapse;">
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td height="24" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td style="border-collapse: collapse;">
                            To cancel your free trial or membership at anytime, please follow <a href="https://support.vsco.co/hc/en-us/articles/115005759406-VSCO-X-How-to-Manage-or-Cancel-Your-VSCO-X-Membership" style="color: #000000;" target="_blank">these instructions</a>.
                            <br><br> We can’t wait to see what you create with VSCO&nbsp;X.
                            <br><br> The team at VSCO
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="24" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="1" bgcolor="#DDDDDD" style="border-collapse: collapse;">
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td height="24" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td style="border-collapse: collapse;">
                            <a href="https://support.vsco.co/hc/en-us" style="color: #000000;" target="_blank">Help Center</a><br><br>
                            <a href="https://vsco.co/about/terms_of_use" style="color: #000000;" target="_blank">Terms &amp; Conditions</a>
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                  </td>
                </tr>
                <tr id="templateFooter" style="max-width: 480px; border-top-width: 0; font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;" align="center">
                  <td valign="top" align="center" class="footerContent" style="border-collapse: collapse;">

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="80" style="font-size: 0; line-height: 0; border-collapse: collapse;">

                            <img src="https://api.mixpanel.com/track/?data=eyJwcm9wZXJ0aWVzIjp7ImNhbXBhaWduX2lkIjowLCJkaXN0aW5jdF9pZCI6IjMxMzE5OCIsIm1lc3NhZ2VfaWQiOjAsInRva2VuIjoiNzRmYzFkNDQ4MGY1NTRhZTcwZjQwZTRjZjcyNmE2NDgifSwidXNlcklkIjoiMzEzMTk4IiwiZXZlbnQiOiIkY2FtcGFpZ25fb3BlbiJ9&amp;ip=1&amp;img=1"
                              width="1" height="1" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-size: 14px; font-weight: bold; height: auto; line-height: 100%; text-transform: capitalize; display: inline; border: none;">

                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="2" bgcolor="#000000" style="font-size: 0; line-height: 0; border-collapse: collapse;"></td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="48" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="50" style="font-size: 0; line-height: 0; border-collapse: collapse;">
                            <img width="127" height="50" src="http://assets.vsco.co/assets/images/emails/vsco-x/vsco_seal.png" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; font-size: 14px; font-weight: bold; height: auto; line-height: 100%; text-transform: capitalize; display: inline; border: none;">
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="48" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="1" bgcolor="" style="border-collapse: collapse;">
                            <span style="text-align: left !important; color: #000000; font-size: 16px; font-weight: 300 !important; line-height: 24px;">VSCO® is a photo company for creators, by creators.</span>
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td colspan="6" height="48" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td align="left" valign="middle" width="52" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;">
                            <a href="https://twitter.com/vsco" target="_blank" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #000000; display: block; width: 100%;">
                                  <img border="0" src="http://assets.vsco.co/assets/images/email/social_2/social_twitter.png" width="20" height="17" class="socialImage" alt="Twitter" style="-ms-interpolation-mode: bicubic; height: auto; outline-style: none; font-size: 14px; font-weight: bold; line-height: 100%; text-decoration: none; text-transform: capitalize; max-width: 24px; display: inline; outline: none; margin: 0 auto; border: 0 none;">
                                </a>
                          </td>
                          <td align="left" valign="middle" width="52" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;">
                            <a href="https://www.youtube.com/channel/UCVRgWg3gjoDO5KasrQoxMUw" target="_blank" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #000000; display: block; width: 100%;">
                                  <img border="0" src="http://assets.vsco.co/assets/images/email/social_2/social_youtube.png" width="22" height="17" class="socialImage" alt="YouTube" style="-ms-interpolation-mode: bicubic; height: auto; outline-style: none; font-size: 14px; font-weight: bold; line-height: 100%; text-decoration: none; text-transform: capitalize; max-width: 24px; display: inline; outline: none; margin: 0 auto; border: 0 none;">
                                </a>
                          </td>
                          <td align="left" valign="middle" width="52" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;">
                            <a href="https://instagram.com/vsco/" target="_blank" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #000000; display: block; width: 100%;">
                                  <img border="0" src="http://assets.vsco.co/assets/images/email/social_2/social_insta.png" width="22" height="22" class="socialImage" alt="Instagram" style="-ms-interpolation-mode: bicubic; height: auto; outline-style: none; font-size: 14px; font-weight: bold; line-height: 100%; text-decoration: none; text-transform: capitalize; max-width: 24px; display: inline; outline: none; margin: 0 auto; border: 0 none;">
                                </a>
                          </td>
                          <td align="left" valign="middle" width="42" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;">
                            <a href="https://www.facebook.com/VSCO" target="_blank" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #000000; display: block; width: 100%;">
                                  <img border="0" src="http://assets.vsco.co/assets/images/email/social_2/social_fb.png" width="10" height="22" class="socialImage" alt="Facebook" style="-ms-interpolation-mode: bicubic; outline-style: none; font-size: 14px; font-weight: bold; line-height: 100%; text-decoration: none; text-transform: capitalize; max-width: 22px; display: inline; outline: none; height: auto; margin: 0 auto; border: 0 none;">
                                </a>
                          </td>
                          <td class="mobile-hide" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>

                    <table cellspacing="0" cellpadding="0" style="text-align: left !important; max-width: 480px; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" align="center" width="100%" bgcolor="#FFFFFF">
                      <tbody>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="48" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td style="font-size: 0; line-height: 0; border-collapse: collapse;">

                            <div style="color: #646464; font-size: 12px; font-weight: 300 !important; line-height: 12px; font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;" align="left">Copyright © 2018, All rights reserved</div>
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="8" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td style="font-size: 0; line-height: 0; border-collapse: collapse;">
                            <div style="color: #646464; font-size: 12px; font-weight: 300 !important; line-height: 12px; font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;" align="left">Sent by VSCO® | 1500 Broadway, Oakland, CA 94612</div>
                          </td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="24" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>

                        <tr>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                          <td height="24" style="font-size: 0; line-height: 0; border-collapse: collapse;">&nbsp;</td>
                          <td width="24" style="width: 24px; line-height: 0px; font-size: 0px; border-collapse: collapse;">&nbsp;</td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
  </center>

</body>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console