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.

            
              

<!--  -->


<!DOCTYPE html>
<html lang="en">
  <head><META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"><META NAME="referrer" CONTENT="no-referrer">
    <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;
          }
         
          @media screen and (max-width: 599px) {
  
              .mobile-hide {
                  display: none !important;
              }
                .cardpad {
                  padding-left:50px !important;
                  padding-right:50px !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;
                  max-height: 100% !important;
  
              }
              .img-max2 {
                  width: auto !important;
                  max-width: 100%!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-padding2 {
                  padding: 0 15px 0 15px !important;
              }
              .responsive-table {
                  width: 100% !important;
                  max-width: 100% !important;
              }
              .max-width-full, {
                  max-width: 100% !important;
              }
              .max-width-full2 {
                  max-width: 100% !important;
                  padding-bottom: 20px!important;
              }
              
              td[class="pattern"] table {width: 100%;}
                  td[class="pattern"] .hero_image img {
                    width: 100%;
                    height: auto !important;
                  }

          }

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

                  

              
              .mobile-hide2 {
                  display: none !important;
              }
              .nopad {
              padding-left: 0px!important;
              padding-right: 0px!important;
                  
              }
              .mobilehide {
              padding-top: 0px!important;
              padding-bottom: 0px!important;
                  
              }

                span[id=switcher1] {
                  display:block;
                  background-image: url(http://a.vimeocdn.com/si/email/Mevo-section-mobile.png) !important;
                  background-repeat: no-repeat !important;
                  background-position: center !important;
                  background-size: 320px 180px;
                  width: 320px !important;
                  height: 180px !important;
               }
                
                 span[id=switcher2] {
                  display:block;
                  background-image: url(http://a.vimeocdn.com/si/email/hdr-section-mobile.png) !important;
                  background-repeat: no-repeat !important;
                  background-position: center !important;
                  background-size: 320px 180px;
                  width: 320px !important;
                  height: 180px !important;
               }
                
                 span[id=switcher3] {
                  display:block;
                  background-image: url(http://a.vimeocdn.com/si/email/tools-section-mobile.png) !important;
                  background-repeat: no-repeat !important;
                  background-position: center !important;
                  background-size: 320px 180px;
                  width: 320px !important;
                  height: 180px !important;
              }
              td[class="pattern"] .spacer { display: none; }
              td[class="pattern"] .col{
                  width: 100%;
                  display: block;
              }
              td[class="pattern"] .col:first-child { margin-bottom: 30px; }
              td[class="pattern"] .hero_image img { width: 100%; }


             img[id=houdini] {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;
              }


          }
         
    </style>
    
      <style>
      .link-hover:hover{text-decoration:underline !important; color: #00adef !important;}
    </style>
    
  </head>
  <body style="margin: 0; padding: 0; background-color:#F8F9FC;"><style type="text/css">
div.preheader 
{ display: none !important; } 
</style>
<div class="preheader" style="font-size: 1px; display: none !important;">2017 was quite the year. So read on and relive the biggest moments of the Vimeo year.</div>
    <!-- HEADER -->

<table cellspacing="0" cellpadding="0" bgcolor="#F8F9FC" align="center" width="100%">
    <tr> 
        <td align="center" bgcolor="#F8F9FC">
            
              <!--[if (gte mso 9)|(IE)]>
                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="800">
                      <tr>
                        <td align="center" valign="top" width="800">
                  <![endif]-->
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:800px;" align="center">
                        <tr>
                            <td bgcolor="#F8F9FC" align="center" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;padding-top: 15px;">
                            <a href="https://click.email.vimeo.com/?qs=f4af91933aecbaeb970515316b79c53e66047e548072523a2110cd92ad58b32bbf25514ecbadb75dc848a61512c19d93c0d9110793280d3f"><img src="http://a.vimeocdn.com/si/email/mainheader_2.png" width="720" height="592" alt="A stack of letters, one with the Vimeo logo as the return address, and a card on top of the pile that reads "2017" with an arrow pointing to it and the words 'Our very big year.' " class="img-max"></a>
                            </td>
                        </tr>
                    </table>
                    <!-- start lead-in story --> 
            
            
                 <!--[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]-->
                     <!-- start card 2 --> 
                      <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
                      
                         <tr>
                            <td bgcolor="#ffffff" align="center" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;" class="section-padding">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">

                                  <tr>
                                     <td bgcolor="#F8F9FC"> <img src="http://a.vimeocdn.com/si/email/card_shadow_top2.png" style="display:block;" width="640" height="78" class="img-max"/></td>
                                 </tr>
                                  <tr>
                                    <td bgcolor="#ffffff" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                          <tr>
                                            <td class="cardpad" align="left" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;padding-left:90px;padding-top:15px;">
                                                <img src="http://a.vimeocdn.com/si/email/dear-internet.png" width="153" height="29" /></td>
                                          </tr>
                                          <tr>
                                                  <td height="25"></td>
                                              </tr>
                                               <tr>
                                                      <td class="cardpad" align="left" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-right:90px;padding-left:90px; font-size: 15px; line-height: 30px; font-family: Courier, Helvetica, Arial, sans-serif; color: #445566;">
                                                       2017 was <i>quite</i> the year. For us, it was all about you &mdash; our beloved community of creators &mdash; and all the stories you share every day. That's why we rolled out brand-new video tools and made tons of big updates. And now, we want to celebrate it together, as one giant video-loving family.<br />
                                                        <br />
                                                       So read on, and relive the biggest moments of 2017. 


                                                      </td>
                                            </tr>
                                            
                                            <!--SECTION 1-->
                                          <tr>
                                            <td>
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                                  <tr>
                                                     <td width="100%" align="center" style="padding-top:60px;padding-bottom:60px; padding-left:30px;padding-right:30px;"> <img src="http://a.vimeocdn.com/si/email/line1.png" width="471" height="27" class="img-max"/></td>
                                                </tr>
                                                <tr>
                                                    <td width="100%" align="center" style="padding-bottom:50px;padding-left:30px;padding-right:30px;"> <a href="https://click.email.vimeo.com/?qs=d0128fa5fee1166768fad79b77019454b3e67f299ae2c18a0e45fbe867021205519c3b1632d95d6a7321ebbb009937f38ab12c115f432668"><img src="http://a.vimeocdn.com/si/email/WE-WENT-LIVE.png" width="454" height="54" class="img-max" alt="We went live"/></a></td>
                                                </tr>   
                                                <tr>
                                                     <td width="100%" align="center" style="padding-bottom:50px;padding-left:30px;padding-right:30px;"> <span id="switcher"><a href="https://click.email.vimeo.com/?qs=d0128fa5fee1166768fad79b77019454b3e67f299ae2c18a0e45fbe867021205519c3b1632d95d6a7321ebbb009937f38ab12c115f432668"><img src="http://a.vimeocdn.com/si/email/Mevo-live-section.png" width="460" height="278" class="img-max" id="houdini"/></a></span>
                                                    </td>
                                                </tr>
                                                  <tr>
                                                      <td class="cardpad" align="left" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-right:90px;padding-left:90px; font-size: 15px; line-height: 30px; font-family: Courier, Helvetica, Arial, sans-serif; color: #445566;">Your number one request this year was professional-quality live streaming. And we wanted to answer that in a big way. <br />
<br />
That's why we launched <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=d0128fa5fee1166768fad79b77019454b3e67f299ae2c18a0e45fbe867021205519c3b1632d95d6a7321ebbb009937f38ab12c115f432668">Vimeo Live</a>. It has full HD streaming, live audience chat, and a whole suite of marketing tools. AND we welcomed Livestream &mdash; the leaders in the live game for nearly a decade &mdash; to the Vimeo family. They even came out with a <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=56dca97af17a79d2dcac53b7b7ffa295a5507e2003d4533a0d61beb6b5ab59e538bca31984e178fecf9dfa50edc25d00d711bebb10c505e3">new camera</a>, built just for live events.</td>
                                                </tr>
                                              </table>
                                            </td>
                                          </tr>
                                        <!-- END SECTION 1-->
                                            

                                        <!-- SECTION 2-->
                                            <tr>
                                               <td>
                                                  <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                                      <tr>
                                                        <td width="100%" align="center" style="padding-top:60px;padding-bottom:60px;padding-left:30px;padding-right:30px;"> <img src="http://a.vimeocdn.com/si/email/line2.png" width="456" height="24" class="img-max"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                              <td width="100%" align="center" style="padding-bottom:50px;padding-left:30px;padding-right:30px;"><a href="https://click.email.vimeo.com/?qs=32560249262719256be8579b4d9ef427e9822673e0eeb39c1df82a5367f30400b4c379584b257c09158c0a2022fce087ec8e652f5dd752ae"><img src="http://a.vimeocdn.com/si/email/360-and-HDR-HAVE-ARRIVED.png" width="356" height="106" class="img-max"/></a>
                                                              </td>
                                                    </tr>   
                                                    <tr>
                                                            <td width="100%" align="center" style="padding-bottom:50px;padding-left:30px;padding-right:30px;"> <a href="https://click.email.vimeo.com/?qs=32560249262719256be8579b4d9ef427e9822673e0eeb39c1df82a5367f30400b4c379584b257c09158c0a2022fce087ec8e652f5dd752ae"> <img src="http://a.vimeocdn.com/si/email/HDR section.png" width="474" height="268" class="img-max" alt="A collage that features a woman in a VR headset interacting with balloons around her, as if what she's seeing has come to life, with the handwritten words Headset not included (or balloons). On the other side, the video player appears with a vibrant sailboat in front of an iceberg, with an HDR badge and the handwritten note 'Look! A billion colors' pointing to it."/></a>
                                                          </td>
                                                    </tr>
                                                      <tr>
                                                            <td class="cardpad" align="left" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-right:90px;padding-left:90px; font-size: 15px; line-height: 26px; font-family: Courier, Helvetica, Arial, sans-serif; color: #445566;">
                                                          
                                                              It wasn't just the year of Live. We also launched <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=32560249262719256be8579b4d9ef427e9822673e0eeb39c1df82a5367f30400b4c379584b257c09158c0a2022fce087ec8e652f5dd752ae">360 video</a> and <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=643e90dd7fd554ef93c829533210a4c323253df3200b92fa6828b3504114967342ecb0e5774c58755b295d639df2277869ac6da14139864e">HDR</a>. Meaning, you can now upload incredibly immersive experiences, or videos with even more colorful color (like, literally, a billion colors).</td>
                                                    </tr>
                                                  </table>
                                                </td>
                                              </tr>
                                         <!--END SECTION 2-->
                                                
                                                 
                                        <!-- SECTION 3-->
                                            <tr>
                                                <td>
                                                  <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                                      <tr>
                                                          <td width="100%" align="center" style="padding-top:60px;padding-bottom:60px;padding-left:30px;padding-right:30px;"> <img src="http://a.vimeocdn.com/si/email/line3.png" width="440" height="38" class="img-max"/>
                                                  </td>
                                                  </tr>
                                                  <tr>
                                                            <td width="100%" align="center" style="padding-bottom:50px;padding-left:30px;padding-right:30px;"> <a href="https://click.email.vimeo.com/?qs=781db43288cd739d657686824f945080470f42423cb8f317908dafb59e509e4b27bc0d9818efd27af5c21a4cfd42b7a6e954823dae7b8851"><img src="http://a.vimeocdn.com/si/email/MISSION-CONTROL-FOR-YOUR-VIDEOS.png" width="386" height="88" class="img-max"/></a>
                                                            </td>
                                                  </tr>   
                                                  <tr>
                                                          <td width="100%" align="center" style="padding-bottom:50px;padding-left:30px;padding-right:30px;">  <a href="https://click.email.vimeo.com/?qs=781db43288cd739d657686824f945080470f42423cb8f317908dafb59e509e4b27bc0d9818efd27af5c21a4cfd42b7a6e954823dae7b8851"> <img src="http://a.vimeocdn.com/si/email/tools-section.png" width="462" height="296" class="img-max" alt="A collage that features a video on a mobile screen with a banner that says "See our site" and the handwritten line Mobile-friendly cards are here. On the right-hand side, the VImeo V logo has arrows pointing to other social icons and the handwritten line Spread your videos far & wide. Below that is a video review page with the handwritten line Collaboration = seamless."/></a>
                                                        </td>
                                                  </tr>
                                                    <tr>
                                                            <td class="cardpad" align="left" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-right:90px;padding-left:90px; font-size: 15px; line-height: 30px; font-family: Courier, Helvetica, Arial, sans-serif; color: #445566;">
                                                                    Our toolbox got a whole lot bigger this year. With <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=781db43288cd739d657686824f945080470f42423cb8f317908dafb59e509e4b27bc0d9818efd27af5c21a4cfd42b7a6e954823dae7b8851">review pages</a>, you can send cuts to your team members (as many as you want, even if they're not on Vimeo!), exchange feedback, and compare notes in <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=797d9642ede32ae8a892e3e037a2038c28ff10d469eb00cb06aad7971796223cd334b607232b35219b75c9577dfcd5e9e9e0025f3babc676">alllllllll the versions</a>.<br />
                                                                    <br />
                                                                    Once you've locked an edit, there are more ways to help you connect with your audience. Like <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=21cf61b35b1d5644e0735ec72215fec4a30d70e2b1d4b180c46af29ebb3115ef87b7cb56cf52aa3c4b9607151c8cae8337b6f71e25afe7da">publishing videos natively</a> to Facebook and YouTube, or <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=bff3cc16b75a2adec6e5f4011ee85aa66e8fc8220c96550d6ffefbada68496f8b2610b461e84e91936057ecd904d831bf3903842bb3e67e1">adding in-video cards</a> to drive viewers to any destination you choose. It's marketing magic, people. </td>
                                                  </tr>
                                                </table>
                                              </td>
                                            </tr>
                                              <tr>
                                                          <td width="100%" align="center" style="padding-top:60px;padding-bottom:60px;padding-left:30px;padding-right:30px;"> <img src="http://a.vimeocdn.com/si/email/line4.png" width="456" height="24" class="img-max"/>
                                                  </td>
                                                </tr>
                                                <tr>
                                                          <td width="100%" align="center" style="padding-bottom:60px;padding-left:30px;padding-right:30px;"> <img src="http://a.vimeocdn.com/si/email/EVEN-MORE-BIG-NEWS.png" width="350" height="30" class="img-max"/>
                                                  </td>
                                                </tr>
                                          </table>
                                      </td>
                                  </tr>
                                </table>
                               </td>
                          </tr>
                </table>
                                   
                  <!--END SECTION 3-->
                                              
                   <!--START SECTION 4 TWO COLUMN-->
                   <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
                      <tr>
                            <td bgcolor="#ffffff" align="center" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;" class="section-padding">
                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td bgcolor="#ffffff" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; ">


                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
  
                                            <table cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td class="pattern" width="640" align="center">
                                                        <table cellpadding="0" cellspacing="0">
                                                            <tr>
                                                               <td class="spacer" width="60" style="font-size: 1px;">&nbsp;</td>
                                                                <td class="col" width="260" valign="middle" >
                                                                    <table cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td class="hero_image" ><img src="http://a.vimeocdn.com/si/email/rocketship2.png" width="240" alt="" style="display: block; border: 0;min-width: 100px;" /></td>
                                                                        </tr>
                                                                       
                                                                    </table>
                                                                </td>
                                                                <td class="spacer" width="20" style="font-size: 1px;">&nbsp;</td>
                                                                <td class="col" width="260" valign="middle" >
                                                                    <table cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td class="body_copy" valign="middle" align="left" style="font-family: courier,serif; font-size: 14px; line-height: 24px; color: #445566; padding-top: 10px;padding-left:8px;padding-right:15px;">
                                                                               Every video needs an amazing player. So we gave ours a sleek new look, improved load times, and built more customizations.  Like <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=e89c9c43196c8a668f20b705ed4e0c497e4b770b479dbd2b0b8a05f592eab975e3804eac04e82e654eab80c4acd2059ed8b8c98d7f0cf2e0">speed controls</a>. 
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                                <td class="spacer" width="40" style="font-size: 1px;">&nbsp;</td>
                                                            </tr>
                                                            <tr>
                                                              <td height="40"></td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>


                                            <table cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td class="pattern" width="640" align="center">
                                                        <table cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td class="spacer" width="60" style="font-size: 1px;">&nbsp;</td>
                                                                <td class="col" width="320" valign="middle" >
                                                                    <table cellpadding="0" cellspacing="0">
                                                                       <tr>
                                                                            <td class="body_copy" align="left" style="font-family: courier,serif; font-size: 14px; line-height: 24px; color: #445566; padding-top: 10px;padding-right:8px;">
                                                                              From film festivals like Sundance and SXSW, to tech conferences like IBC and <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=d41bf80199e22b59e2ea963f78607c2b4f2aee1ff380a3054bf6855037307f9bf622abea400a7179c0512b51c5f04fbf592bacd1a43d188f">NAB</a>, we're supporting all that you do in the places that matter most. Look out for us!
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                                <td class="spacer" width="20" style="font-size: 1px;">&nbsp;</td>
                                                                <td class="col" width="180" valign="middle" style="">
                                                                    <table cellpadding="0" cellspacing="0">
                                                                        
                                                                        <tr>
                                                                            <td class="hero_image"><img src="http://a.vimeocdn.com/si/email/events.png" width="150" alt="" style="display: block; border: 0; min-width: 100px;" /></td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                                 <td class="spacer" width="60" style="font-size: 1px;">&nbsp;</td>
                                                            </tr>
                                                              <tr>
                                                              <td height="40"></td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                      
                                            <table cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td class="pattern" width="640" align="center">
                                                        <table cellpadding="0" cellspacing="0">
                                                            <tr>
                                                              <td class="spacer" width="60" style="font-size: 1px;">&nbsp;</td>
                                                                <td class="col" width="200" valign="middle" >
                                                                    <table cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td class="hero_image" style=""><img src="http://a.vimeocdn.com/si/email/OTT.png" width="240" alt="" style="display: block; border: 0;min-width: 100px;" /></td>
                                                                        </tr>
                                                                       
                                                                    </table>
                                                                </td>
                                                                <td class="spacer" width="20" style="font-size: 1px;">&nbsp;</td>
                                                                <td class="col" width="300" valign="middle" style="">
                                                                    <table cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td class="body_copy" align="left" valign="middle" style="font-family: courier,serif; font-size: 14px; line-height: 24px; color: #445566; padding-top: 15px;padding-left:8px;">
                                                                              We've rolled out even more ways to help you sell your videos, build your own subscription service, and launch an app &mdash; all thanks to <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=c0258c2fe5d290bb575f1fa2487498f26b130ccaa7e713d43c91637a83ced0c07d803ad49c2d73b7ecb307212f7a7bbb93f138ae170e318a">Vimeo OTT</a>.
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                                <td class="spacer" width="60" style="font-size: 1px;">&nbsp;</td>
                                                            </tr>
                                                              <tr>
                                                              <td height="40"></td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                           

  
                                            <table cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td class="pattern" width="640" align="center">
                                                        <table cellpadding="0" cellspacing="0">
                                                            <tr>
                                                              <td class="spacer" width="60" style="font-size: 1px;">&nbsp;</td>
                                                                <td class="col" width="280" valign="middle">
                                                                    <table cellpadding="0" cellspacing="0">
                                                                      <tr>
                                                                            <td class="body_copy" align="left" style="font-family: courier,serif; font-size: 14px; line-height: 24px; color: #445566; padding-top: 10px;">
Every day, our curation team honors the best Vimeo videos with a Staff Pick. And this year we went further &mdash; by giving one filmmaker a big online premiere every week. Cue <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=99b0bdb0c34a5f2766f0eb4f1a737303576a73d991f590da58e5cfffdb05ba8e8fa9aa5faabd0f23e87d96411e4f47cd8b0b92c04ae3bfd3">Staff Pick Premieres</a>.
                                                                            </td>
                                                                        </tr>           
                                                                    </table>
                                                                </td>
                                                                <td class="spacer" width="20" style="font-size: 1px;">&nbsp;</td>
                                                                <td class="col" width="220" valign="middle" >
                                                                    <table cellpadding="0" cellspacing="0">
                                                                         <tr>
                                                                            <td class="hero_image" style=""><img src="http://a.vimeocdn.com/si/email/SPP.png" width="240" alt="" style="display: block; border: 0;min-width: 100px;" /></td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                                <td class="spacer" width="60" style="font-size: 1px;">&nbsp;</td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        <!-- END TWO COLUMN -->

                                        <!-- SECTION 5-->
                                       <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                          <tr>
                                            <tr>
                                               <td>
                                                  <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" class="responsive-table1">
                                                      <tr>
                                                              <td width="100%" align="center" style="padding-top:60px;padding-bottom:60px;padding-left:30px;padding-right:30px;"> <img src="http://a.vimeocdn.com/si/email/line5.png" width="422" height="22" class="img-max"/>
                                                              </td>
                                                    </tr>

                                                   
                                                      <tr>
                                                                  <td width="100%"  class="cardpad" align="left" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-right:90px;padding-left:90px; padding-bottom:50px;font-size: 15px; line-height: 30px; font-family: Courier, Helvetica, Arial, sans-serif; color: #445566;">That's a wrap for 2017. But we can't wait to share what next year has in store for creators, brands, and video lovers like Y-O-U. Until then, <a style="color:#00adef;" href="https://click.email.vimeo.com/?qs=f3fde12b1d26c6120551610569b62e8621dcd391ea03b206ae9c1fa21338bf98a7c2f86a7a06b57884ddfb2dae1e65012f5ee8b6f5029ef3">upload away</a> and keep our screens glowing bright.
            </td>
                                                    </tr>
                                                      <tr>
                                                          <td width="100%"  class="cardpad" align="left" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-right:90px;padding-left:90px; padding-bottom:50px;font-size: 15px; line-height: 26px; font-family: Courier, Helvetica, Arial, sans-serif; color: #445566;"><img src="http://a.vimeocdn.com/si/email/love-vimeo.png" width="90" /></td>
                                                    </tr>
                                                  </table>
                                                </td>
                                              </tr>

                                         <!--END SECTION 5-->
                                           <tr>
                                              <td bgcolor="#F8F9FC">
                                              <img src="http://a.vimeocdn.com/si/email/card_shadow_bottom2.png" width="640" height="56" class="img-max"></td>
                                      </tr>    
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                          <tr>
                              <td height="30">
                              </td>
                          </tr>
                    </table>
              <!-- end card 2 -->

                      
      <!-- Footer-->
      
              <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;" align="center">
                  <tr>
                      <td bgcolor="#F8F9FC" align="center" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
                              <!--[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]-->
                              <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 Neue', 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 Neue', Helvetica, Arial, sans-serif"> 
                                            </td>
                                          </tr>
                                          <tr>
                                  <td align="center" valign="middle" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-top:5px; 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://click.email.vimeo.com/?qs=1b0044099dae13a329584e769c0daebb08a7121971901728684491c5bd3abd1bb07c25f7f011810b3c26ab7e63655385c01bdaf8cfa06ed9"><img src="https://f.vimeocdn.com/si/email/facebook.jpg" alt="Facebook" width="32" height="32" border="0" /></a> &nbsp;
                                                      <a  href="https://click.email.vimeo.com/?qs=f40005f8c85b0b9393f522b9d62d09a2ff8c3a649c18564e4576b9c123b3e58c5f840591d6b5dbf2f4dbc8ae8ce8a55f9e2c36aa3d2a19eb" style="margin: 0 5px;"><img src="https://f.vimeocdn.com/si/email/twitter.jpg" alt="Twitter" width="32" height="32" border="0" /></a> &nbsp;
                                                      <a  href="https://click.email.vimeo.com/?qs=a434dca1b9fbc2cf9af42df9ceed373cdb3629b753ef4fb953c6508695baada6a01ec7b71ae7d5c3bb42f80f830924a3212f74cd2ff0649b"><img src="https://f.vimeocdn.com/si/email/tumblr.jpg" alt="Tumblr" width="32" height="32" border="0" /></a> &nbsp;
                                                      <a  href="https://click.email.vimeo.com/?qs=499cdaf48dd4dfa99774a5a2bd35c347d5e6f6e8ba22ef08830ab1020e955e11f0a89dca396192201115ce99328041cfba7e978e6e08e683" style="margin: 0 5px;"><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>
            <!--[if (gte mso 9)|(IE)]>
                          </td>
                      </tr>
                    </table>
                <![endif]-->

 
          </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.
Loading ..................

Console