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.

            
              <!-- -->
<!DOCTYPE html>
<html lang="en">
  
  <head>
    <title>Vimeo Newsletter</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <style type="text/css">
      /* BOILERPLATE STYLES */
          #outlook a{padding:0;}
          .ReadMsgBody{width:100%;} .ExternalClass{width:100%;}
          .ExternalClass, .ExternalClass span, .ExternalClass td, .ExternalClass div {line-height: 100%;}
          body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
          table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;}
          img {-ms-interpolation-mode:bicubic;}
          body {height:100% !important; margin:0 !important; padding:0 !important; width:100% !important;}
          img {border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
          a[x-apple-data-detectors] {
              color: inherit !important;
              text-decoration: none !important;
              font-size: inherit !important;
              font-family: inherit !important;
              font-weight: inherit !important;
              line-height: inherit !important;
          }
          .link-hover:hover {text-decoration: none !important;}
          .nolink_body a {text-decoration: none!important; color:#7f8c8d;}
          .nolink_title a {text-decoration: none!important; color:#353a3e;}
          .gmail-show {
              width: auto !important;
              height: auto !important;
              max-height: none !important;
              max-width: none !important;
              display: block !important;
              overflow: visible !important;
          }
          u + .body .gmail-show {
              width:0px!important;
              height:0px!important;
              max-height:0px!important;
              max-width:0px!important;
              display:none!important;
              overflow:hidden!important;
          }
         
          .ptop50 {
              padding-top: 50px !important;
          }
          .ptop60 {
              padding-top: 60px !important;
          }
          @media { }
          @media screen and (max-width: 570px) {
              .ptop50, .ptop60 {
                  padding-top: 25px !important;
              }
              .logo {
                  text-align: left;
                  padding: 0 0 20px 0 !important;
              }
              .mobile-hide {
                  display: none !important;
              }
              .mobile-show {
                  display: inline-block !important;
                  width: auto !important;
                  height: auto !important;
                  max-width: none !important;
                  max-height: none !important;
                  overflow: visible !important;
              }
              .logo img {
                  margin: 0 auto !important;
              }
              .img-max {
                  max-width: 100% !important;
                  height:auto !important;
              }
              .img-max2 {
                  width: 100% !important;
                  max-width: 300px !important;
                  height:auto !important;
              }
              
              .img-max3 {
                  width: 100% !important;
                  max-width: 300px !important;
                  height:auto !important;
              }
              .img-max3 {
                  width: 100% !important;
                  max-width: 300px !important;
                  height:auto !important;
              }
              .padding {
                    padding: 10px 5% 15px 5% !important;
              }
              .padding2 {
                  padding: 10px 5% 10px 5% !important;
                  text-align: left;
              }
              .section-padding {
                  padding:  25px 0 15px 0 !important;
              }
              .section-padding2 {
                  padding: 0 15px 0 15px !important;
              }
              .responsive-table {
                  width: 100% !important;
                  max-width: 100% !important;
              }
              .max-width-full, .max-width-full2 {
                  max-width: 100% !important;
              }
              
              .headline2 {
              font-size: 26px !important;
              line-height: 30px !important;
          }
              .subheadline2 {
                  font-size: 14px !important;
                  line-height: 18px !important;
              }
          }
          @media screen and (max-width: 480px) {
              .mobile-hide2 {
                  display: none !important;
              }
          }
          @media screen and (-webkit-min-device-pixel-ratio: 0) {
              .webkit-hide {
                  display: none !important;
              }
              .webkit-show {
                  height: auto !important;
                  width: auto !important;
                  max-width: none !important;
                  max-height: none !important;
                  overflow: auto !important;
                  visibility: visible !important;
                  display: block !important;
              }
              #font-weight-normal {
                  font-weight: normal !important;
              }
          }
          div[style*="margin: 16px 0;"] {margin: 0 !important;}
    </style>
    <style>
      .link-hover:hover{text-decoration:underline !important; color: #7a90a6 !important;}
    </style>
  </head>
  
  <body style="margin: 0; padding: 0; background-color: #f8f9fc;" class="body">
    <style type="text/css">
      div.preheader 
      { display: none !important; }
    </style>
    <div class="preheader" style="font-size: 1px; display: none !important;">Our feeds are positively stuffed with videos but there's always more cutting-edge
      Staff Picks on Twitter, incredible behind-the-scenes shots on Instagram, and our
      latest tools across all the channels. Follow along, and get your fill on video
      magic.</div>
    <!-- HEADER -->
    <img src="https://click.email.vimeo.com/open.aspx?ffcb10-fe96167176660c7c7d-fdfa1576716107797517727c-fe8812717363017573-ff551d787c-fe23167977620c7b721771-ff2e10767066"
    width="1" height="1">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td bgcolor="#f8f9fc" align="center" style="font-family: Helvetica, Arial, sans-serif;">
          <div style="display:none; font-size:1px; color:#00adef; line-height:1px; font-family: Arial, san-serif; max-height:0px; max-width:0px;opacity:0;overflow:hidden;"></div>
        </td>
      </tr>
      <!-- start lead-in story -->
      <!-- start background image -->
      <tr>
        <td align="center" bgcolor="#eeeeee" style="font-family: Helvetica, Arial, sans-serif; padding:20px 15px 40px 15px; padding: 20px 15px 40px 15px; background: #eeeeee url(http://a.vimeocdn.com/si/email/201707_newsletter_leadin_bg_basic.jpg); background-size:fill;"
        class="section-padding" align="center">
          <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
              <tr>
                <td align="center" valign="top" width="640">
                <![endif]-->
                <!-- end background image --->
                <!-- start copy -->
                <table border="0" cellpadding="0" cellspacing="0" width="100%" class="max-width"
                style="max-width:600px;">
                  <tr>
                    <td align="center" style="font-family: Helvetica, Arial, sans-serif;">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td align="center" style="font-family: Helvetica, Arial, sans-serif;">
                            <!-- start lead-in image and copy -->
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 0px 0px 0px 0px;">
                                  <a href="https://vimeo.com/upload?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                  target="_blank">
                                    <img src="http://a.vimeocdn.com/si/email/201707_newsletter_leadin_header_basic_updated.gif"
                                    width="400" height="400" style="display:block; border:0px; font-family: Helvetica, Arial, sans-serif; display: block;"
                                    alt="The outline of a Vimeo upload icon, with rotating photography representing some of the landscapes and people that Vimeo members have captured in video."
                                    class="img-max" />
                                  </a>
                                </td>
                              </tr>
                              <tr>
                                <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0px 10px 0px">
                                   <h1 style="text-align: center; font-size: 24px; line-height: 30px; font-family: Helvetica, Arial, sans-serif; color: #445566; padding: 5px 10px 5px 10px; font-weight: bold; display: inline-block; Margin: 0;"
                                  class="headline2 padding2" id="font-weight-normal"><strong>Creators share their early videos</strong></h1>

                                </td>
                              </tr>
                              <tr>
                                <td align="left" style="font-family: Helvetica, Arial, sans-serif; padding: 10px 10px 10px 10px; font-size: 16px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #445566;"
                                class="padding2">Every Staff Picked creator began with just one upload.
                                  <a href="https://vimeo.com/blog/post/first-uploads?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                  target="_blank" style="text-decoration: none; color: #00adef;">Get inspired from those early videos</a>&mdash; wondrous and cringeworthy alike
                                  &mdash; and upload your own.</td>
                              </tr>
                              <tr>
                                <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0 20px 0;"
                                class="padding">
                                  <table border="0" cellspacing="0" cellpadding="0" class="responsive-button">
                                    <tr>
                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif;border-radius: 6px; min-width: 220px;"
                                      bgcolor="#00adef">
                                        <a href="https://vimeo.com/upload?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                        target="_blank" style="font-family: Helvetica, Arial, sans-serif; color:#ffffff; text-decoration:none; display:inline-block; padding:15px 25px; border: 1px solid #00adef; border-radius:6px; background-color:#445566; font-size:20px; font-weight:bold; font-size: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; border-radius: 6px; background-color: #00adef; padding: 16px 26px; border: 1px solid #00adef; display: inline-block; font-weight: bold;"
                                        class="cta" id="font-weight-normal">
                                          <!--[if gte mso 9]>&nbsp;<![endif]--> <strong>Start uploading</strong> 
                                          <!--[if gte mso 9]>&nbsp;<![endif]-->
                                        </a>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
                <!--[if (gte mso 9)|(IE)]>
                </td>
              </tr>
            </table>
          <![endif]-->
        </td>
      </tr>
      <!-- end copy -->
      <!-- end lead-in story -->
      <!-- start body -->
      <tr>
        <td bgcolor="#f1f4f0" align="center" style="font-family: Helvetica, Arial, sans-serif;padding:40px 15px 10px 15px; padding: 40px 15px 10px 15px;"
        class="section-padding">
          <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
              <tr>
                <td align="center" valign="top" width="600">
                <![endif]-->
                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                  <!-- start story 2 -->
                  <tr>
                    <td bgcolor="#ffffff" align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 30px 20px 30px 20px; padding: 30px 20px 30px 20px;"
                    class="section-padding">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td style="font-family: Helvetica, Arial, sans-serif;" align="center">
                            <a href="https://vimeo.com/blog/post/staff-pick-premiere-a-single-life?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                            target="_blank">
                              <img src="http://a.vimeocdn.com/si/email/201707_newsletter_story_spp.gif" width="600"
                              height="255" style="display:block; border:0px; font-family: Helvetica, Arial, sans-serif; display: block; border: 0px; font-size: 16px; color: #00adef;"
                              alt="The words 'Vimeo Staff Pick Premiere' and film laurels animate over a colorful still, depicting a computer-animated family of four women, a child, and an infant."
                              class="img-max">
                            </a>
                          </td>
                        </tr>
                        <tr>
                          <td bgcolor="#ffffff" style="font-family: Helvetica, Arial, sans-serif; padding: 30px 20px 40px 20px; border-bottom: 1px solid #979797;">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                              <tr>
                                <td align="center" style="font-family: Helvetica, Arial, sans-serif">
                                   <h2 style="font-size: 24px; font-family: Helvetica, Arial, sans-serif; color: #445566; Margin: 0;"><strong>Eyes up, Oscars<sup><span style="font-size: 16px;">&reg;</span></sup> on</strong>
                            </h2>

                              </tr>
                              <tr>
                                <td align="left" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0 0 0; font-size: 14px; line-height: 21px; font-family: Helvetica, Arial, sans-serif; color: #445566;">
                                  <p style="Margin: 0;">It only takes two minutes and a vinyl track to travel through time. Hop into this
                                    masterful Staff Pick Premiere and nominee for Best Animated Short.</p>
                                </td>
                              </tr>
                              <tr>
                                <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0 0 0;">
                                  <table border="0" cellspacing="0" cellpadding="0" class="responsive-button" style="min-width: 220px;">
                                    <tr>
                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif; border-radius: 6px;"
                                      bgcolor="#00adef">
                                        <a href="https://vimeo.com/blog/post/staff-pick-premiere-a-single-life?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                        target="_blank" style="font-family: Helvetica, Arial, sans-serif; color:#ffffff; text-decoration:none; display:inline-block; padding:15px 25px; border-radius:6px; background-color:#00adef; font-size:18px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; border-radius: 6px; background-color: #00adef; padding: 15px 25px; border: 1px solid #00adef; display: inline-block;"
                                        class="cta">
                                          <!--[if gte mso 9]>&nbsp;<![endif]--> <strong>Watch it</strong>
                                          <!--[if gte mso 9]>&nbsp;<![endif]-->
                                        </a>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                            </table>
                            </td>
                            </tr>
                      </table>
                      </td>
                      </tr>
                      <!-- end story 2 -->
                      <!-- start story 3 -->
                      <tr>
                        <td bgcolor="#ffffff" align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 20px 20px 20px; padding: 20px 20px 20px 20px;"
                        class="section-padding">
                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td style="font-family: Helvetica, Arial, sans-serif;" align="center">
                                <a href="https://vimeo.com/blog/post/360-storytelling-tips-5-time-staff-picked-ryot?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                target="_blank">
                                  <img src="http://a.vimeocdn.com/si/email/201707_newsletter_story_360filmmakers.jpg"
                                  width="600" height="255" style="display:block; border:0px; font-family: Helvetica, Arial, sans-serif; display: block; border: 0px; font-size: 16px; color: #00adef;"
                                  alt="A photograph of a man adjusting a 360 camera and tripod in a sunny field, with hundreds of cars and tents in the background."
                                  class="img-max">
                                </a>
                              </td>
                            </tr>
                            <tr>
                              <td bgcolor="#ffffff" style="font-family: Helvetica, Arial, sans-serif; padding: 30px 20px 40px 20px; border-bottom: 1px solid #979797;">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                  <tr>
                                    <td align="center" style="font-family: Helvetica, Arial, sans-serif">
                                       <h2 style="font-size: 24px; font-family: Helvetica, Arial, sans-serif; color: #445566; Margin: 0;"><strong>Breathtaking 360 storytelling</strong>
                            </h2>

                                  </tr>
                                  <tr>
                                    <td align="left" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0 0 0; font-size: 14px; line-height: 21px; font-family: Helvetica, Arial, sans-serif; color: #445566;">
                                      <p style="Margin: 0;">From Fidel Castro to Standing Rock, Travis Cook has delved into all types of subjects
                                        &mdash; and now, the five-time Staff Picked creator looks at the Syrian refugee
                                        crisis in 360.</p>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0 0 0;">
                                      <table border="0" cellspacing="0" cellpadding="0" class="responsive-button" style="min-width: 220px;">
                                        <tr>
                                          <td align="center" style="font-family: Helvetica, Arial, sans-serif; border-radius: 6px;"
                                          bgcolor="#00adef">
                                            <a href="https://vimeo.com/blog/post/360-storytelling-tips-5-time-staff-picked-ryot?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                            target="_blank" style="font-family: Helvetica, Arial, sans-serif; color:#ffffff; text-decoration:none; display:inline-block; padding:15px 25px; border-radius:6px; background-color:#00adef; font-size:18px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; border-radius: 6px; background-color: #00adef; padding: 15px 25px; border: 1px solid #00adef; display: inline-block;"
                                            class="cta">
                                              <!--[if gte mso 9]>&nbsp;<![endif]--> <strong>Watch and learn</strong>
                                              <!--[if gte mso 9]>&nbsp;<![endif]-->
                                            </a>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                </table>
                                </td>
                                </tr>
                          </table>
                          </td>
                          </tr>
                          <!-- end story 3 -->
                          <!-- start story 4 -->
                          <tr>
                            <td bgcolor="#ffffff" align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 30px 20px 20px 20px; padding: 30px 20px 20px 20px;"
                            class="section-padding">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                  <td style="font-family: Helvetica, Arial, sans-serif;" align="center">
                                    <a href="https://vimeo.com/blog/post/add-experiences-to-profile-showcase-talent?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                    target="_blank">
                                      <img src="http://a.vimeocdn.com/si/email/201707_newsletter_story_experiences.gif"
                                      width="600" height="255" style="display:block; border:0px; font-family: Helvetica, Arial, sans-serif; display: block; border: 0px; font-size: 16px; color: #00adef;"
                                      alt="The experiences section of a sample Vimeo profile, with roles like 'Art Director,' and 'Marketer' highlighted to show the breadth of options for any member's profile."
                                      class="img-max">
                                    </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td bgcolor="#ffffff" style="font-family: Helvetica, Arial, sans-serif; padding: 30px 20px 40px 20px; border-bottom: 1px solid #979797;">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                      <tr>
                                        <td align="center" style="font-family: Helvetica, Arial, sans-serif">
                                           <h2 style="font-size: 24px; font-family: Helvetica, Arial, sans-serif; color: #445566; Margin: 0;"><strong>Share your experiences</strong>
                            </h2>

                                      </tr>
                                      <tr>
                                        <td align="left" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0 0 0; font-size: 14px; line-height: 21px; font-family: Helvetica, Arial, sans-serif; color: #445566;">
                                          <p style="Margin: 0;">Our experience make us what we are, and now you can see where people shine:
                                            <a
                                            href="https://vimeo.com/upgrade?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                            target="_blank" style="text-decoration: none; color: #00adef;">Vimeo Plus, PRO, and Business</a>members can now showcase their talents on their
                                              profiles.</p>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0 0 0;">
                                          <table border="0" cellspacing="0" cellpadding="0" class="responsive-button" style="min-width: 220px;">
                                            <tr>
                                              <td align="center" style="font-family: Helvetica, Arial, sans-serif; border-radius: 6px;"
                                              bgcolor="#00adef">
                                                <a href="https://vimeo.com/blog/post/add-experiences-to-profile-showcase-talent?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                target="_blank" style="font-family: Helvetica, Arial, sans-serif; color:#ffffff; text-decoration:none; display:inline-block; padding:15px 25px; border-radius:6px; background-color:#00adef; font-size:18px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; border-radius: 6px; background-color: #00adef; padding: 15px 25px; border: 1px solid #00adef; display: inline-block;"
                                                class="cta">
                                                  <!--[if gte mso 9]>&nbsp;<![endif]--> <strong>Add your info</strong>
                                                  <!--[if gte mso 9]>&nbsp;<![endif]-->
                                                </a>
                                              </td>
                                            </tr>
                                          </table>
                                        </td>
                                    </table>
                                    </td>
                                    </tr>
                              </table>
                              </td>
                              </tr>
                              <!-- end story 4 -->
                              <!-- start blog titles -->
                              <tr>
                                <td align="center" style="font-family: Helvetica, Arial, sans-serif;" bgcolor="ffffff">
                                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 10px 20px 10px 20px; font-size: 24px; line-height: 30px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;"
                                      class="padding" bgcolor="#ffffff">
                                        <p style="color: #445566; margin: 0;">Lessons for time travelers</p>
                                        <tr>
                                          <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 0px 20px 20px 20px; font-size: 18px; line-height: 24px; font-family: Helvetica, Arial, sans-serif;"
                                          class="padding" bgcolor="#ffffff">
                                            <p style="color: #445566; margin: 0; padding-bottom: 10px;">
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" role="presentation">
                                                <tr>
                                                  <td class="article-bar" align="center" colspan="2">
                                                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                                      <tr>
                                                        <td width="50">
                                                          <img src="http://a.vimeocdn.com/si/email/201706_newsletter_blog_icon.png" width="50"
                                                          height="50" />
                                                        </td>
                                                        <td width="10"></td>
                                                        <td align="left">
                                                          <p>
                                                            <a href="https://vimeo.com/blog/post/explore-travel-videos-filmmaking-tips-from-pros?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                            class="link" target="_blank" style="text-decoration: none; color: #00adef;"> <strong>Explore travel videos with the experts</strong> 
                                                              <br>
                                                            </a> <span style="font-size: 14px; color: #445566;">We asked professional travel filmmakers for the best tips in the biz.</span>

                                                          </p>
                                                        </td>
                                                      </tr>
                                                    </table>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td class="article-bar" align="center" colspan="2">
                                                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                                      <tr>
                                                        <td width="50">
                                                          <img src="http://a.vimeocdn.com/si/email/201706_newsletter_blog_icon.png" width="50"
                                                          height="50" />
                                                        </td>
                                                        <td width="10"></td>
                                                        <td align="left">
                                                          <p>
                                                            <a href="https://vimeo.com/blog/post/perfecting-outdoor-lighting?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                            class="link" target="_blank" style="text-decoration: none; color: #00adef;"> <strong>How to perfect your outdoor lighting</strong>
                                                            </a>
                                                            <br> <span style="font-size: 14px; color: #445566;">Working the light of Mother Nature isn't always easy. Here's how to do it right.</span>

                                                          </p>
                                                        </td>
                                                      </tr>
                                                    </table>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td class="article-bar" align="center" colspan="2">
                                                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                                      <tr>
                                                        <td width="50">
                                                          <img src="http://a.vimeocdn.com/si/email/201706_newsletter_blog_icon.png" width="50"
                                                          height="50" />
                                                        </td>
                                                        <td width="10"></td>
                                                        <td align="left">
                                                          <p>
                                                            <a href="https://vimeo.com/blog/post/the-top-tips-for-traveling-with-your-camera-gear?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                            class="link" target="_blank" style="text-decoration: none; color: #00adef;"> <strong>Traveling with your gear? No sweat. </strong> 
                                                            </a>
                                                            <br> <span style="font-size: 14px; color: #445566;">Get the keys to capturing your travels, whether you're visiting a new town or continent.</span>

                                                          </p>
                                                        </td>
                                                      </tr>
                                                    </table>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td class="article-bar" align="center" colspan="2">
                                                    <table width="100%" cellspacing="0" cellpadding="0" border="0" style="padding-bottom: 20px; border-bottom: 1px solid #979797;">
                                                      <tr>
                                                        <td width="50">
                                                          <img src="http://a.vimeocdn.com/si/email/201706_newsletter_blog_icon.png" width="50"
                                                          height="50" />
                                                        </td>
                                                        <td width="10"></td>
                                                        <td align="left">
                                                          <p>
                                                            <a href="https://vimeo.com/blog/post/time-lapse-basics-three-ways-to-create-your-video?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                            class="link" target="_blank" style="text-decoration: none; color: #00adef;"> <strong>3 ways to create gorgeous time-lapse videos</strong> 
                                                            </a>
                                                            <br> <span style="font-size: 14px; color: #445566;">You don't need to be an expert to create extra beautiful time-lapses.</span>

                                                          </p>
                                                        </td>
                                                      </tr>
                                                    </table>
                                                  </td>
                                                </tr>
                                              </table>
                                              <!-- end blog titles-->
                                              <!-- start video titles -->
                                              <tr>
                                                <td align="center" style="font-family: Helvetica, Arial, sans-serif;" bgcolor="ffffff">
                                                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 0px 20px 0px 20px; font-size: 24px; line-height: 30px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;"
                                                      class="padding" bgcolor="#ffffff">
                                                        <p style="color: #445566; margin: 0; padding-top: 20px; padding-bottom: 20px;">Fantastic creators, incredible shorts</p>
                                                      </td>
                                                    </tr>
                                                    <tr>
                                                      <td bgcolor="#ffffff" style="font-family: Helvetica, Arial, sans-serif; padding: 0px 10px 0px 20px;">
                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                                          <tr>
                                                            <td align="center" height="100%" valign="top" width="100%" style="font-family: Helvetica, Arial, sans-serif;">
                                                              <!--[if (gte mso 9)|(IE)]>
                                                                <table align="center" border="0" cellspacing="0" cellpadding="0" width="550">
                                                                  <tr>
                                                                    <td align="center" valign="top" width="550">
                                                                    <![endif]-->
                                                                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"
                                                                    style="max-width:560px;">
                                                                      <tr>
                                                                        <td align="center" valign="bottom" style="font-family: Helvetica, Arial, sans-serif;font-size:0;">
                                                                          <!--[if (gte mso 9)|(IE)]>
                                                                            <table align="center" border="0" cellspacing="0" cellpadding="0" width="550">
                                                                              <tr>
                                                                                <td align="left" valign="top" width="270">
                                                                                <![endif]-->
                                                                                <div style="display:inline-block; max-width:50%; min-width:240px; vertical-align:top; width:100%;"
                                                                                class="max-width-full">
                                                                                  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"
                                                                                  style="max-width:270px;" class="max-width-full2">
                                                                                    <tr>
                                                                                      <td align="center" valign="top" style="font-family: Helvetica, Arial, sans-serif">
                                                                                        <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                                                                          <tr>
                                                                                            <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 0 0 10px 0px; max-height: 295px;">
                                                                                              <a href="https://vimeo.com/222711836?autoplay=1&utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                                                              target="_blank">
                                                                                                <img src="http://a.vimeocdn.com/si/email/201707_newsletter_vid_NYC.jpg" width="270"
                                                                                                height="153" style="display:block; border:0px; font-family: Helvetica, Arial, sans-serif; display: block; border: 0px; font-size: 16px; color: #445566;"
                                                                                                alt="A black and white still of two skateboarders, sitting on the ground of a subway platform with their boards as a train approaches."
                                                                                                class="img-max2">
                                                                                              </a>
                                                                                            </td>
                                                                                          </tr>
                                                                                          <tr>
                                                                                            <td align="center" style="font-family: Helvetica, Arial, sans-serif;">
                                                                                               <h2 style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #00adef; Margin: 0;"><a  href="https://vimeo.com/222711836?autoplay=1&utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218" target="_blank" style="text-decoration: none; color: #00adef;"><strong>One Night In New York </strong></a></h2>

                                                                                            </td>
                                                                                          </tr>
                                                                                          <tr>
                                                                                            <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 5px; font-size: 14px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #445566; padding: 10px 0px 20px 0px;">
                                                                                              <p style="Margin: 0;">Sumptuous sounds, gorgeous streets, and skateboards in NYC.</p>
                                                                                            </td>
                                                                                          </tr>
                                                                                        </table>
                                                                                      </td>
                                                                                    </tr>
                                                                                  </table>
                                                                                </div>
                                                                                <!--[if (gte mso 9)|(IE)]>
                                                                                </td>
                                                                                <td width="20" style="font-size: 1px;">&nbsp;</td>
                                                                                <td align="right" valign="top" width="270">
                                                                                <![endif]-->
                                                                                <div style="display:inline-block; max-width:50%; min-width:240px; vertical-align:top; width:100%;"
                                                                                class="max-width-full2">
                                                                                  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"
                                                                                  style="max-width:270px; float: right;" class="max-width-full2">
                                                                                    <tr>
                                                                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 0 0 10px 0; max-height: 295px;">
                                                                                        <a href="https://vimeo.com/223715406?autoplay=1&utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                                                        target="_blank">
                                                                                          <img src="http://a.vimeocdn.com/si/email/201707_newsletter_vid_balloon.jpg" width="270"
                                                                                          height="153" style="display:block; border:0px; font-family: Helvetica, Arial, sans-serif; display: block; font-size: 16px; color: #445566;"
                                                                                          alt="A hazy retro-looking still shot from above a city, showing buildings and a massive amount of balloons releasing."
                                                                                          class="img-max2">
                                                                                        </a>
                                                                                      </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif">
                                                                                         <h2 style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #00adef; Margin: 0;"><a  href="https://vimeo.com/223715406?autoplay=1&utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218" target="_blank" style="text-decoration: none; color: #00adef;"><strong>Balloonfest</strong></a></h2>

                                                                                      </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 5px; font-size: 14px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #445566; padding: 10px 0px 20px 0px;">
                                                                                        <p style="Margin: 0;">In 1986, Cleveland launched 1.5 million balloons &mdash; and the results were
                                                                                          tragic.</p>
                                                                                      </td>
                                                                                    </tr>
                                                                                  </table>
                                                                                </div>
                                                                                <!--[if (gte mso 9)|(IE)]>
                                                                                </td>
                                                                              </tr>
                                                                            </table>
                                                                          <![endif]-->
                                                                        </td>
                                                                      </tr>
                                                                    </table>
                                                                    <!--[if (gte mso 9)|(IE)]>
                                                                    </td>
                                                                  </tr>
                                                                </table>
                                                              <![endif]-->
                                                            </td>
                                                          </tr>
                                                        </table>
                                                      </td>
                                                    </tr>
                                                    <tr>
                                                      <td bgcolor="#ffffff" style="font-family: Helvetica, Arial, sans-serif; padding: 0px 10px 25px 20px;">
                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                                          <tr>
                                                            <td align="center" height="100%" valign="top" width="100%" style="font-family: Helvetica, Arial, sans-serif">
                                                              <!--[if (gte mso 9)|(IE)]>
                                                                <table align="center" border="0" cellspacing="0" cellpadding="0" width="550">
                                                                  <tr>
                                                                    <td align="center" valign="top" width="550">
                                                                    <![endif]-->
                                                                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"
                                                                    style="max-width:560px;">
                                                                      <tr>
                                                                        <td align="center" valign="bottom" style="font-family: Helvetica, Arial, sans-serif;font-size:0;">
                                                                          <!--[if (gte mso 9)|(IE)]>
                                                                            <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                                                                              <tr>
                                                                                <td align="left" valign="top" width="270">
                                                                                <![endif]-->
                                                                                <div style="display:inline-block; max-width:50%; min-width:240px; vertical-align:top; width:100%;"
                                                                                class="max-width-full">
                                                                                  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"
                                                                                  style="max-width:270px;" class="max-width-full2">
                                                                                    <tr>
                                                                                      <td align="center" valign="top" style="font-family: Helvetica, Arial, sans-serif">
                                                                                        <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                                                                          <tr>
                                                                                            <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 0 0 10px 0; max-height: 295px;">
                                                                                              <a href="https://vimeo.com/196683500?autoplay=1&utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                                                              target="_blank">
                                                                                                <img src="http://a.vimeocdn.com/si/email/201707_newsletter_vid_woodswimmer.jpg"
                                                                                                width="270" height="153" style="display:block; border:0px; font-family: Helvetica, Arial, sans-serif; display: block; font-size: 16px; color: #445566;"
                                                                                                alt="A cross-cut of a large tree log, with all the knots and intricate details revealed."
                                                                                                class="img-max2">
                                                                                              </a>
                                                                                            </td>
                                                                                          </tr>
                                                                                          <tr>
                                                                                            <td align="center" style="font-family: Helvetica, Arial, sans-serif">
                                                                                               <h2 style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #00adef; Margin: 0; "> <a  href="https://vimeo.com/196683500?autoplay=1&utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218" target="_blank" style="text-decoration: none; color: #00adef;"><strong>WoodSwimmer</strong></a></h2>

                                                                                            </td>
                                                                                          </tr>
                                                                                          <tr>
                                                                                            <td align="center" style="font-family: Helvetica, Arial, sans-serif;padding: 5px; font-size: 14px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #445566; padding: 10px 0px 20px 0px;">
                                                                                              <p style="Margin: 0;">It's like a normal music video. Except it's made entirely from wood.</p>
                                                                                            </td>
                                                                                          </tr>
                                                                                        </table>
                                                                                      </td>
                                                                                    </tr>
                                                                                  </table>
                                                                                </div>
                                                                                <!--[if (gte mso 9)|(IE)]>
                                                                                </td>
                                                                                <td width="20" style="font-size: 1px;">&nbsp;</td>
                                                                                <td align="right" valign="top" width="270">
                                                                                <![endif]-->
                                                                                <div style="display:inline-block; max-width:50%; min-width:240px; vertical-align:top; width:100%;"
                                                                                class="max-width-full2">
                                                                                  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"
                                                                                  style="max-width:270px; float: right;" class="max-width-full2">
                                                                                    <tr>
                                                                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 0 0 10px 0; max-height: 295px;">
                                                                                        <a href="https://vimeo.com/221117048?autoplay=1&utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                                                        target="_blank">
                                                                                          <img src="http://a.vimeocdn.com/si/email/201707_newsletter_vid_cameraphone.jpg"
                                                                                          width="270" height="153" style="display:block; border:0px; font-family: Helvetica, Arial, sans-serif; display: block; font-size: 16px; color: #445566;"
                                                                                          alt="Close-up of a man with surgical mask, hairnet, and hospital gown, cradling a swaddled newborn baby in one arm and taking a selfie photo with his other hand."
                                                                                          class="img-max2">
                                                                                        </a>
                                                                                      </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif">
                                                                                         <h2 style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #00adef; Margin: 0;"> <a  href="https://vimeo.com/221117048?autoplay=1&utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218" target="_blank" style="text-decoration: none; color: #00adef;"><strong>1997: Birth of the Camera Phone</strong></a></h2>

                                                                                      </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                      <td align="center" style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #445566; padding: 10px 0px 20px 0px;">
                                                                                        <p style="Margin: 0;">Trace one of the most influential inventions of our times back to the delivery
                                                                                          room.</p>
                                                                                      </td>
                                                                                    </tr>
                                                                                  </table>
                                                                                </div>
                                                                                <!--[if (gte mso 9)|(IE)]>
                                                                                </td>
                                                                              </tr>
                                                                            </table>
                                                                          <![endif]-->
                                                                        </td>
                                                                      </tr>
                                                                    </table>
                                                                    <!--[if (gte mso 9)|(IE)]>
                                                                    </td>
                                                                  </tr>
                                                                </table>
                                                              <![endif]-->
                                                            </td>
                                                          </tr>
                                                        </table>
                                                        <!--[if (gte mso 9)|(IE)]>
                                                      </td>
                                                    </tr>
                                                  </table>
                                                <![endif]-->
                                                </td>
                                                <!-- end video titles-->
                                                <!-- start product feature section -->
                                                <tr>
                                                  <td bgcolor="#ffffff" align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 0px 20px 20px 20px; padding: 0px 20px 20px 20px;"
                                                  class="section-padding">
                                                    <table width="90%" border="0" cellspacing="0" cellpadding="0">
                                                      <tr>
                                                        <td bgcolor="#ffffff" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 20px 20px 20px; border: 3px solid #eeeeee;">
                                                          <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                                            <tr>
                                                              <td align="center" style="font-family: Helvetica, Arial, sans-serif">
                                                                 <h2 style="font-size: 24px; font-family: Helvetica, Arial, sans-serif; color: #445566; Margin: 0;"><strong>Eyes on profiles</strong>
                            </h2>

                                                            </tr>
                                                            <tr>
                                                              <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 10px 0 0 0; font-size: 18px; line-height: 21px; font-family: Helvetica, Arial, sans-serif; color: #445566;">
                                                                <a href="https://vimeo.com/cysfilm?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                                target="_blank">
                                                                  <img src="http://a.vimeocdn.com/si/email/201707_newsletter_feature_profile.gif"
                                                                  width="500" height="231" style="display:block; border:0px; font-family: Helvetica, Arial, sans-serif; display: block; border: 0px; font-size: 16px; color: #00adef;"
                                                                  alt="TBD" class="img-max">
                                                                </a>
                                                              </td>
                                                            </tr>
                                                            <tr>
                                                              <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0 0 0; font-size: 24px; line-height: 30px; font-family: Helvetica, Arial, sans-serif; color: #445566;">
                                                                <p style="Margin: 0;">"Vimeo is my storefront, my business card, my website, and my #1 tool besides
                                                                  a camera."
                                                                  <br>
                                                                </p>
                                                              </td>
                                                            </tr>
                                                            <tr>
                                                              <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 20px 0 0 0; font-size: 16px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; color: #445566;">
                                                                <p style="Margin: 0; border-top: 1px solid #eeeeee;">
                                                                  <br>
                                                                  <a href="https://vimeo.com/blog/post/how-to-create-a-gorgeous-custom-cover-video?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                                  target="_blank" style="text-decoration: none; color: #00adef;">Add a cover video</a>,
                                                                  <a href="https://vimeo.com/blog/post/customize-order-profile-videos?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                                  target="_blank" style="text-decoration: none; color: #00adef;">customize the order of your profile videos</a>, and oh so much more.</p>
                                                              </td>
                                                            </tr>
                                                          </table>
                                                          </td>
                                                      </tr>
                                                    </table>
                                                    </td>
                                                </tr>
                                                <!-- end product feature section -->
                                                <!-- start outro -->
                                                <tr>
                                                  <td align="center" style="font-family: Helvetica, Arial, sans-serif;">
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                      <tr>
                                                        <td style="font-family: Helvetica, Arial, sans-serif;" align="center"></td>
                                                      </tr>
                                                      <tr>
                                                        <td bgcolor="#ffffff" style="font-family: Helvetica, Arial, sans-serif; padding: 10px 30px 40px 30px;">
                                                          <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                                            <tr>
                                                              <td align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 10px 0px 30px 0px; font-size: 14px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; color: #445566;">
                                                                <p style="Margin: 0;">Phew! Our feeds are positively stuffed with videos &mdash; but there's always
                                                                  more
                                                                  <a href="https://twitter.com/vimeo?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                                  target="_blank" style="text-decoration: none; color: #00adef;">cutting-edge Staff Picks on Twitter</a>, incredible
                                                                  <a href="https://www.instagram.com/vimeo/?utm_source=email&utm_medium=vimeo-julynewsletter-201707&utm_campaign=31218"
                                                                  target="_blank" style="text-decoration: none; color: #00adef;">behind-the-scenes shots on Instagram</a>, and our latest tools across all the
                                                                  channels. Follow along, and get your fill on video magic.
                                                                  <br>
                                                                  <br> <i>Love,<br>
Vimeo</i>

                                                                </p>
                                                              </td>
                                                            </tr>
                                                          </table>
                                                        </td>
                                                      </tr>
                                                    </table>
                                                  </td>
                                                  <!--[if (gte mso 9)|(IE)]>
                                                    </td>
                                                </tr>
                                  </table>
                                <![endif]-->
                                <tr>
                                  <td bgcolor="#f1f4f0" align="center" style="font-family: Helvetica, Arial, sans-serif; padding: 0 15px;">
                                    <!--[if (gte mso 9)|(IE)]>
                                      <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                                        <tr>
                                          <td align="center" valign="top" width="600">
                                          <![endif]-->
                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" class="max-width"
                                          style="max-width:600px">
                                            <tr>
                                              <td align="center" class="footer section-padding" style="font-family: Helvetica, Arial, sans-serif;padding:70px 15px 70px 15px;padding:0 0 20px 0">
                                                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                                                  <tr>
                                                    <td align="center" valign="middle" style="font-family: Helvetica, Arial, sans-serif"></td>
                                                  </tr>
                                                  <tr>
                                                    <td align="center" valign="middle" style="font-family: Helvetica, Arial, sans-serif; padding-top:35px; font-size:12px; line-height:18px; color:#999999;">Does this email look weird?
                                                      <a style="color:#00adef; text-decoration:none;" href="#">Click here</a>.
                                                      <br/>
                                                      <br />You are receiving this email because you registered at Vimeo <span class="mobilelink">(555 West 18th Street. New York, NY 10011)</span> and
                                                      agreed to receive email from us regarding new features, events and special offers
                                                      about Vimeo services. If you wish to be unsubscribed from receiving these emails,
                                                      <a
                                                      href="#"
                                                      style="color: #00adef; text-decoration: none;">click here</a>.
                                                        <br />
                                                        <br />
                                                        <br/>
                                                        <a href="https://www.facebook.com/Vimeo" style="text-decoration:none;">
                                                          <img src="https://f.vimeocdn.com/si/email/facebook.jpg" alt="Facebook" width="32"
                                                          height="32" border="0" />
                                                        </a>&nbsp;
                                                        <a href="https://twitter.com/Vimeo" style="margin: 0 5px;text-decoration:none;">
                                                          <img src="https://f.vimeocdn.com/si/email/twitter.jpg" alt="Twitter" width="32"
                                                          height="32" border="0" />
                                                        </a>&nbsp;
                                                        <a href="http://vimeo.tumblr.com" style="text-decoration:none;">
                                                          <img src="https://f.vimeocdn.com/si/email/tumblr.jpg" alt="Tumblr" width="32"
                                                          height="32" border="0" />
                                                        </a>&nbsp;
                                                        <a href="https://www.instagram.com/vimeo/" style="margin: 0 5px;text-decoration:none;">
                                                          <img src="https://f.vimeocdn.com/si/email/instagram.jpg" alt="instagram" width="32"
                                                          height="32" border="0" />
                                                        </a>&nbsp;&nbsp;</td>
                                                  </tr>
                                                </table>
                                              </td>
                                            </tr>
                                          </table>
                                          <!--[if (gte mso 9)|(IE)]>
                                          </td>
                                        </tr>
                                      </table>
                                    <![endif]-->
                                  </td>
                                </tr>
                </table>
                </td>
                </tr>
                </td>
                </tr>
                </td>
                </tr>
            </table>
            </td>
            </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- end custom tracker -->
  </body>

</html>
            
          
!
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.

Console