Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

JavaScript

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

Add External Scripts/Pens

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

+ add another resource

Behavior

Save Automatically?

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

Auto-Updating Preview

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

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.

HTML

            
              
<!--  -->

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
    <meta charset="utf-8"> <!-- utf-8 works for most cases -->
    <meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
    <meta name="x-apple-disable-message-reformatting">  <!-- Disable auto-scale in iOS 10 Mail entirely -->
    <title></title> <!-- The title tag shows in email notifications, like Android 4.4. -->

   
   
    <!--[if mso]>         <style>             * {                 font-family: sans-serif !important;             }         </style>     <![endif]-->

    
   
    <style>

        
        html,
        body {
            margin: 0 auto !important;
            padding: 0 !important;
            height: 100% !important;
            width: 100% !important;
        }

        
        * {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        
        div[style*="margin: 16px 0"] {
            margin: 0 !important;
        }

        
        table,
        td {
            mso-table-lspace: 0pt !important;
            mso-table-rspace: 0pt !important;
        }

       
        table {
            border-spacing: 0 !important;
            border-collapse: collapse !important;
            table-layout: fixed !important;
            margin: 0 auto !important;
        }
        table table table {
            table-layout: auto;
        }

        
        a {
            text-decoration: none;
        }

        
        img {
            -ms-interpolation-mode:bicubic;
        }

       
        *[x-apple-data-detectors],  /* iOS */
        .unstyle-auto-detected-links *,
        .aBn {
            border-bottom: 0 !important;
            cursor: default !important;
            color: inherit !important;
            text-decoration: none !important;
            font-size: inherit !important;
            font-family: inherit !important;
            font-weight: inherit !important;
            line-height: inherit !important;
        }

        
        .im {
            color: inherit !important;
        }

        
        .a6S {
           display: none !important;
           opacity: 0.01 !important;
  }
  
  img.g-img + div {
     display: none !important;
  }

        
        @media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
            u ~ div .email-container {
                min-width: 320px !important;
            }
        }
        
        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
            u ~ div .email-container {
                min-width: 375px !important;
            }
        }
        
        @media only screen and (min-device-width: 414px) {
            u ~ div .email-container {
                min-width: 414px !important;
            }
        }

    </style>
   
 <!--[if mso]>  <style type="text/css">   ul,   ol {    margin: 0 !important;   }   li {    margin-left: 30px !important;   }   li.list-item-first {    margin-top: 0 !important;   }   li.list-item-last {    margin-bottom: 10px !important;   }  </style>  <![endif]-->

    
    <style>

        
        .button-td,
        .button-a {
            transition: all 100ms ease-in;
        }
     .button-td-primary:hover,
     .button-a-primary:hover {
         background: #555555 !important;
         border-color: #555555 !important;
     }

        
        @media screen and (max-width: 600px) {
         .block182{padding: 15px 25px !important;
        }
     .num3top {padding-left: 160px !important;}
     .num3bot {width: 43px !important; height: 44px !important; font-size: 24px !important;}
         .block18 {padding: 0px 25px !important;
        }
     .block11 {width: 100% !important; max-width: 100% !important;}
     .padding {padding-bottom: 15px !important;}
     .block12 {width: 100% !important; max-width: 100% !important;}
     .block9 {padding-bottom: 10px !important;}
         .mblhide {display: none !important;
        }
     .mblshow {display: block !important;}
     .mblimage {width: 100% !important; display: block !important;}

            .email-container {
                width: 100% !important;
                margin: auto !important;
            }

          .mblresize {height: 150px !important;}
          
            .fluid {
                max-width: 100% !important;
                height: auto !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
     
     .subtext {
      padding-right: 25px !important;
      padding-left: 25px !important;
      }

            
            .stack-column,
            .stack-column-center {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                direction: ltr !important;
            }
            
            .stack-column-center {
                text-align: center !important;
            }

            
            .center-on-narrow {
                text-align: left !important;
                display: block !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
            }
            table.center-on-narrow {
                display: inline-block !important;
            }

            
            .email-container p {
                font-size: 17px !important;
            }
     
     .mblcontainfoot {padding: 0px !important;}
        }

    </style>
    
    <!--[if gte mso 9]>     <xml>         <o:OfficeDocumentSettings>             <o:AllowPNG/>             <o:PixelsPerInch>96</o:PixelsPerInch>         </o:OfficeDocumentSettings>     </xml>     <![endif]-->

</head>

<body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color:#F8F9FC;"><style type="text/css">
div.preheader 
{ display: none !important; } 
</style>
<div class="preheader" style="font-size: 1px; display: none !important;">Let’s wrap an amazing, video-packed year with our greatest Vimeo hits.</div>
 <center style="width: 100%;">
    <!--[if mso | IE]>     <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="">     <tr>     <td>     <![endif]-->

<!-- HEADER -->
<table cellpadding="0" cellspacing="0" border="0" height="2" width="100%" class="mblcontain">
    <tr>
        <td background="https://image.email.vimeo.com/lib/fe8812717363017573/m/1/ColorBar2.png" bgcolor="#F8F9FC" height="2" style="line-height:2px;background-size:cover; background-repeat:no-repeat;">
            <!--[if gte mso 9]>                     <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:2px;">                     <v:fill type="tile" src="https://image.email.vimeo.com/lib/fe8812717363017573/m/1/ColorBar2.png" color="#F8F9FC" />                     <v:textbox inset="0,0,0,0">             <![endif]-->
            <div>
            </div>
            <!--[if gte mso 9]>                     </v:textbox>                     </v:rect>             <![endif]-->
        </td>
    </tr>
</table>  

  
  
 <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" class="mblcontain">
  <tr>
    <td width="100%">
      <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" class="mblcontain" style="border-left: 1px; border-style-left: dotted;">
        <tr>
          <td height="30">
          </td>
        </tr>
        <tr>
          <td class="hero" align="center" width="640" height="30" style="color: #99aabb; font: normal 11px Arial, sans-serif;">
            <a  href="https://vimeo.com?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124" style="color:#2288cc;text-decoration:none" target="_blank">
              <img src="http://a.vimeocdn.com/si/email/Vimeo-logo-1a2e3b.png" alt="Vimeo" width="110"                 height="32" border="0" style="border:none; font-family:Arial,sans-serif; color:#000001; font-weight:bold; font-size:42px; font-style:italic;"/>
            </a>
          </td>
        </tr>
        <tr>
          <td height="30">
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>   
   
  
  
        <!-- Preview Text Spacing Hack : BEGIN -->
        <div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">      &zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
        </div>
        <!-- Preview Text Spacing Hack : END -->

       
        <table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="800" style="margin: 0 auto;" class="email-container">
     
  
     
     
   
    <tr>
     <td>
      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="mblcontain1">
     <tr>
       <td align="center">
        <a href="#">
         <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/0Header/headergif.gif" class="fluid" width="519" height="auto" style="display: block;"></a>
        
       </td>
     </tr>
     <tr>
       <td class="headline" style="font-family: 'helvetica neue', helvetica, arial, sans-serif; font-weight: bold; font-size: 75px; text-align: center; line-height: 120px; padding-top: 10px;">
        Top 18 Hits of '18
       </td>
     </tr>
     <tr>
       <td height="15">&nbsp;
       </td>
     </tr>
     <tr>
       <td class="subtext" style="font-family: 'helvetica neue', helvetica, arial, sans-serif; font-weight: normal; font-size: 15px; text-align: center; line-height: 24px; padding-right: 80px; padding-left: 80px;">
     We couldn’t be more excited for 2019. But before we get ahead of ourselves, let’s remember that a lot happened in 2018. Like, a lot. Let’s wrap an amazing, video-packed year with our greatest Vimeo hits.
       </td>
     </tr>
     <tr>
       <td height="40">
      </td>
     </tr> 
    </table>
     </td>
     </tr>
     
          
     
     

         <!-- 2 Even Columns : BEGIN -->
         <tr>
             <td valign="top" style="padding: 0px;">
                 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                     <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center" style="padding-bottom: 50px;" bgcolor="#A4B2FA">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"  bgcolor="#A4B2FA">
         <tr>
      <td class="mblhide">
         <a style="text-decoration: none;" href="https://vimeo.com/features/video-marketing?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                     <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/1_millionseyeballs/eyes_withnumber@2x.png" width="400" height="auto" style="display: block;" class="mblimage" alt="about 15 cartoon googly eyes are floating around the text staring in all different directions">
                    </a>
      </td>
    </tr>
        <tr>
        <td style="display: none; mso-hide: all;" class="mblshow">
          <a href="https://vimeo.com/features/video-marketing?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
            <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/mobile/01/01-mobile.jpg" width="100%" height="auto" class="mblimage" style="display: block;">
          </a>  
        </td>
       </tr>       
                 <tr>
                  <td class="center-on-narrow" style="padding-top: 10px;padding-left: 35px; padding-right: 5px; padding-bottom: 0px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
                   Millions of eyeballs on your videos, with 1 click.
                  </td>
                 </tr>
                 <tr>
                  <td class="center-on-narrow" style="padding-top: 30px;padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
                  With the click of a button, our publish to social feature put your videos exactly where they needed to be — everywhere. <br />
                  <strong><a style="text-decoration: none; color: #1a2e3b;" href="https://vimeo.com/features/video-marketing?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">See how it works &#8594;</a></strong>
                  </td>
                 </tr>   
                             </table>
                       </td>
                         <!-- Column : END -->
                         <!-- Column : BEGIN -->
                       <td class="stack-column-center" bgcolor="#FFB888" style="padding-bottom: 95px;">
                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#FFB888">
                                  <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">

       
                    
         <tr>
      <td class="mblhide">
         <a style="text-decoration: none;" href="https://vimeo.com/features/video-collaboration?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/2_collaboration_videoreview/2collaborate@2x.png" width="400" height="auto" style="display: block;padding-bottom: 8px;" class="mblimage" alt="an illustration of our player with comments and feedback coming in on a frame of someone with a flashlight shining on an animated world.">
               </a>
      </td>
    </tr>
        <tr>
        <td style="display: none; mso-hide: all;" class="mblshow">
          <a href="https://vimeo.com/features/video-collaboration?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
            <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/mobile/02/2 image.png" width="100%" height="auto" class="mblimage" style="display: block;">
          </a>  
        </td>
       </tr>
       
       
       
       
       
     
            <tr>
                 <td class="center-on-narrow" style="padding-top: 10px;padding-left: 35px; padding-right: 5px; padding-bottom: 0px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
              You collaborated more. Your videos loved it.
             </td>
            </tr>
            <tr>
             <td class="center-on-narrow" style="padding-top: 30px;padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
             Video review tools made the feedback process nice and warm, 
                <strong><a style="text-decoration: none; color: #1a2e3b;" href="https://vimeo.com/features/video-collaboration?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124" target="_blank">like a summer breeze &#8594;</a><br/> </strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
             </td>
            </tr>
                         </table>
                         </td>
                         <!-- Column : END -->
                     </tr>
                 </table>
             </td>
         </tr>
         <!-- 2 Even Columns : END -->

     </table>
      </td>
     </tr>
    
    
     <!-- 2 Even Columns : BEGIN -->
         <tr>
             <td valign="top" style="padding: 0px;">
                 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                     <tr>
                         
            <!-- Column : BEGIN -->
            
             <!--[if mso]> <table width="800" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td>  <![endif]-->
                         <td class="stack-column-center" bgcolor="#f8e1ec">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
                 <td class="row2padding4" style="padding-top: 35px; padding-left: 35px; padding-bottom: 10px;" class="num3top">
                   <table width="30" height="20" align="left" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td class="num3bot" width="25" height="20" bgcolor="#1A2E3B"style="padding: 5px; color: #F8E1EC; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 18px; font-weight: bold;">
                    3
                   </td>
                    </tr>
                   </table>
                 </td>
               </tr> 
            
            <tr>
             <td class="center-on-narrow" style="padding-top: 5px;padding-left: 35px; padding-right: 5px; padding-bottom: 20px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
             3D, HD, live streamed holograms?!
             </td>
            </tr>
            <tr>
             <td class="center-on-narrow" style="padding-top: 10px;padding-bottom: 0px;padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
             You heard right. Holograms aren’t <strong><a style="text-decoration: none; color: #1a2e3b;" href="https://vimeo.com/blog/post/how-vimeo-can-power-live-streaming-holograms?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124" target="_blank">just for Princess Leia anymore &#8594;</a></strong>
             </td>
            </tr>
               <tr>
                   <td style="vertical-align: bottom;">
                    <a style="text-decoration: none;" href="https://vimeo.com/blog/post/how-vimeo-can-power-live-streaming-holograms?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                     <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/3_holograms/3_hologram image@2x.png" width="400" height="auto" style="display: block;" class="mblimage" alt="a person with shoulder length hair and glasses holds a small shaggy dog, but they’re holograms! And volumetric ones at that!">
                    </a>
                   </td>
                 </tr>
                         </table>
                         </td>
                         <!--[if mso]> </td> <td width="400">  <![endif]-->
                         <!-- Column : BEGIN -->
                       <td class="stack-column-center" bgcolor="#76B2FF" style="padding-bottom: 0px;">
                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#76B2FF">
                                  <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center">
                 <!--[if mso]> <table width=400" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#76B2FF"> <tr> <td>  <![endif]-->
                                          <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
                <td class="row2padding4" style="padding-top: 25px; padding-left: 35px; padding-bottom: 10px;">
                   <table width="30" height="20" align="left" border="0" cellpadding="0" cellspacing="0" >
                    <tr>
                      <td class="num3bot" width="25" height="20" bgcolor="#1A2E3B" style="padding: 5px; color: #76B2FF; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 18px; font-weight: bold;">
                       4
                     </td>
                    </tr>
                   </table>
                 </td>
               </tr> 
            
            <tr>
                  <td class="center-on-narrow" style="padding-top: 5px;padding-left: 35px; padding-right: 5px; padding-bottom: 20px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
             We sued the<br />FCC over<br />net neutrality. <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/4_wesuedtheFCC/musclearm_@2x.png" width="40" height="40" style="vertical-align: bottom; padding: 5px;">
             </td>
            </tr>
      <tr>
               <td class="center-on-narrow" style="padding-top: 10px;padding-bottom: 0px;padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
        We fought the law, <strong><a style="text-decoration: none; color: #1A2E3B;" href="https://vimeo.com/blog/post/vimeo-sues-fcc-over-net-neutrality-repeal?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">because internet &#8594;</a></strong><br />&nbsp;
            </tr>
            
                <tr>
              <td height="250" class="mblresize">
               &nbsp;
              </td>
            </tr>
                
                         </table>
               <!--[if mso]> </td> </tr> </table>  <![endif]-->
                         </td>
                         <!-- Column : END -->
                     </tr>
                 </table>
             </td>
             <!--[if mso]> </td> </tr> </table>  <![endif]-->
         </tr>
         <!-- 2 Even Columns : END -->

     </table>
      </td>
     </tr>
     
     
     <!---**ROW 4 DESKTOP**--->
     <tr>
 <td>
  <!--[if gte mso 9]>    <table width="800" align="center" border="0" cellpadding="0" cellspacing="0">     <tr>      <td>   <![endif]-->
         <!---Row 2-->
      <table cellpadding="0" cellspacing="0" dir="rtl" class="mblhide">
       <tr>
         <td class="mblhide" width="800" height="400" align="center" bgcolor="#17001F">
           <table cellpadding="0" cellspacing="0" class="mblhide">
             <tr>
               <td style="background: #F8F9FC;" dir="rtl">
                 <table cellpadding="0" cellspacing="0" dir="rtl">
                   <tr>
                     <th class="col imgcolor2" width="400" align="center" bgcolor="#17001F" dir="ltr">
                       <table cellpadding="0" cellspacing="0" bgcolor="#17001F" >
                         <tr>
                           <td align="center" dir="ltr">
                             <a href="https://vimeo.com/stock?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                               <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/5_vimeostock/5_vimeostock_@2x.png" width="400" height="auto" alt="" style="display: block;" class="img1001" alt="underwater bubbles look somewhere between space, and the deep blue sea."/>
                             </a>
                           </td>
                         </tr>
                       </table>
                     </th>
                     <th class="col" width="400" bgcolor="#17001F" dir="ltr" style="padding-bottom: 5px;">   
                       <table cellpadding="0" cellspacing="0" align="center" bgcolor="#17001F" dir="ltr">
                         <tr>
                           <td style="padding-top: 5px; padding-left: 35px; padding-bottom: 35px; vertical-align: top;">
                             <table width="30" height="20" align="left" border="0" cellpadding="0" cellspacing="0">
                               <tr>
                                 <td width="25" height="20" bgcolor="#ffffff"style="padding: 3px; color: #17001f; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 18px; font-weight: bold;">
                                   5
                                 </td>
                               </tr>
                             </table>
                           </td>
                         </tr>
                         <tr>
                           <td>
                             <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="padding-left: 35px;">
                               <tr>
                                 <td class="center-on-narrow" style="padding-top: 10px; padding-left: 35px; padding-right: 5px; padding-bottom: 30px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #ffffff;">
                                   We crashed the stock market.<br />Of videos. 
                                 </td>
                               </tr>
                               <tr>
                                 <td class="center-on-narrow" style="padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #ffffff;">
                                   Browse our collection of pre-licensed,<br /><a style="text-decoration: none; color: #ffffff; font-weight: bold;" href="https://vimeo.com/stock?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">make-your-videos-better footage &#8594;</a>
                                 </td>
                               </tr>
                             </table>
                           </td>
                         </tr>
                       </table> 
                     </th>
                   </tr>
                 </table>
               </td>
             </tr>
           </table>
         </td>
       </tr>
     </table>
  <!--[if gte mso 9]>      </td>     </tr>    </table>   <![endif]-->
</td>
</tr>
     <!---**ROW 4 DESKTOP END**--->

     <!---**ROW 4 Mobile**--->
      <tr>
  <td>
   <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#17001F" style="display: none; mso-hide: all;" class="mblshow">
     <tr>
      <td>
       <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#17001F" style="display: none; mso-hide: all;" class="mblshow">
        <tr>
          <td>
           <a href="https://vimeo.com/stock?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                         <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/mobile/05/05-mobile.jpg" width="400" height="auto" alt="" style="display: block;" class="mblimage"/>
                      </a>
         </td>
        </tr>
        <tr>
          <td class="center-on-narrow" style="padding-top: 10px;padding-left: 35px; padding-right: 5px; padding-bottom: 30px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #ffffff;">
            We crashed the stock market.<br />Of videos. 
          </td>
        </tr>
        <tr>
          <td class="center-on-narrow" style="padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #ffffff;">
            Browse our collection of pre-licensed,<br /><a style="text-decoration: none; color: #ffffff; font-weight: bold;" href="https://vimeo.com/stock?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">make-your-videos-better footage. &#8594;</a>
          </td>
        </tr>
         <tr>
         <td height="50">&nbsp;
           </td>
         </tr>
       </table>
     </td>
    </tr>
   </table>
  </td>
 </tr>
     <!---**ROW 4 Mobile END**--->
           
           
  <!-- 2 Even Columns : BEGIN -->
         <tr>
             <td valign="top" style="padding: 0px;">
                 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                     <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center" style="padding-bottom: 0px;" bgcolor="#F4C0D3">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"  bgcolor="#F4C0D3">
                <tr>
                <td class="row2padding1" style="padding-top: 35px; padding-left: 35px; padding-bottom: 50px;">
                 <table width="30" height="20" align="left" border="0" cellpadding="0" cellspacing="0" >
                  <tr>
                   <td width="25" height="20" bgcolor="#1A2E3B" style="padding: 5px; color: #F4C0D3; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 18px; font-weight: bold;">
                    6
                   </td>
                  </tr>
                 </table>
                </td>
                </tr>  
                 
                 <tr>
                  <td class="center-on-narrow" style="padding-top: 20px;padding-left: 35px; padding-right: 50px; padding-bottom: 30px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
                  We watched short films go feature-length.
                  </td>
                 </tr>
                 <tr>
                  <td class="center-on-narrow" style="padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
          Vimeo's always been a place where film careers are made. In 2018, some of our favorite Staff Picks snagged feature deals. Congrats to  <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/259943563?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Krista</a>, <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/blog/post/behind-the-video-sundance-winning-thunder-road?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Thunder Road</a>, and oh so many more. 
                  </td>
                 </tr>
                <tr>
                   <td>
                    <a style="text-decoration: none;" href="https://vimeo.com/blog/post/behind-the-video-sundance-winning-thunder-road?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                     <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/6_thunderroad/6_thunder_road@2x.png" width="400" height="auto" style="display: block;" class="mblimage" alt="Jim Cummings’ (star and director of Thunder Road) is dressed in a police uniform and is putting up a peace sign in front of a coffin.">
                    </a>
                   </td>
                 </tr>
                             </table>
                       </td>
                         <!-- Column : END -->
                         <!-- Column : BEGIN -->
                       <td class="stack-column-center" bgcolor="#D3EEBF" style="padding-bottom: 0px;">
                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#D3EEBF">
                                  <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center">
                           <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
                 <td class="row2padding4" style="padding-top: 35px; padding-left: 35px; padding-bottom: 50px;">
                   <table width="30" height="20" align="left" border="0" cellpadding="0" cellspacing="0" >
                    <tr>
                      <td width="25" height="20" bgcolor="#1A2E3B"style="padding: 5px; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; color: #D3EEBF; font-size: 18px; font-weight: bold;">
                       7
                     </td>
                    </tr>
                   </table>
                 </td>
               </tr> 
            <tr>
             <td class="center-on-narrow" style="padding-top: 20px;padding-left: 35px; padding-right: 50px; padding-bottom: 45px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B; vertical-align:top;">
             We made<br />7 new BFFs.
             </td>
            </tr>
            <tr>
             <td class="center-on-narrow padding" style="padding-bottom: 125px;padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
             Dropbox, Slack, LinkedIn, Final Cut Pro, and then some. <strong><a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/blog/tag:integrations+2018?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Meet our 2018 integrations &#8594;</a></strong>
             </td>
            </tr>
               <tr>
                   <td style="padding-top: 0px;">
                    <a style="text-decoration: none;" href="https://vimeo.com/blog/tag:integrations+2018?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                     <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/7_integrations/7_socialintegrations@2x-linkedin.png" width="350" height="auto" style="display: block; padding-top: 35px; margin: 0 auto;" class="mblimage" alt="logos from Slack, Dropbox, LinkedIn, and Apple are floating on a pastel background">
                    </a>
                   </td>
                 </tr>
                         </table>
                         </td>
                         <!-- Column : END -->
                     </tr>
                 </table>
             </td>
         </tr>
         <!-- 2 Even Columns : END -->

     </table>
      </td>
     </tr>


    <!-- 2 Even Columns : BEGIN -->
         <tr>
             <td valign="top" style="padding: 0px;">
                 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                     <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center" style="padding-bottom: 0px;" bgcolor="#F2E7DF">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"  bgcolor="#F2E7DF">
                <tr>
                <td class="row2padding1" style="padding-top: 35px; padding-left: 35px; padding-bottom: 40px;">
                 <table width="30" height="20" align="left" border="0" cellpadding="0" cellspacing="0" >
                  <tr>
                   <td width="25" height="20" bgcolor="#1A2E3B"style="padding: 5px; color: #F2E7DF; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 18px; font-weight: bold;">
                    8
                   </td>
                  </tr>
                 </table>
                </td>
                </tr>  
                 
                 <tr>
                  <td class="center-on-narrow" style="padding-top: 10px;padding-left: 35px; padding-right: 5px; padding-bottom: 30px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
                  Live streaming became truly premium.
                  </td>
                 </tr>
                 <tr>
                  <td class="center-on-narrow" style="padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
                 From making it easier to go live to reaching your audience wherever they are, we made game-changing updates to live streaming. <br /><strong><a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/features/livestreaming?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">So go live already &#8594;</a></strong> 
                  </td>
                 </tr>
                <tr>
                   <td height="50">
                    &nbsp;
                   </td>
                 </tr>
                             </table>
                       </td>
                         <!-- Column : END -->
                         <!-- Column : BEGIN -->
                       <td class="stack-column-center" bgcolor="#FFE06F" style="padding-bottom: 0px;">
                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#FFE06F">
                                  <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
                 <td class="row2padding4" style="padding-top: 35px; padding-left: 35px; padding-bottom: 40px;">
                   <table width="30" height="20" align="left" border="0" cellpadding="0" cellspacing="0" >
                    <tr>
                      <td width="25" height="20" bgcolor="#1A2E3B"style="padding: 5px; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; color: #FFE06F; font-size: 18px; font-weight: bold;">
                       9
                     </td>
                    </tr>
                   </table>
                 </td>
               </tr> 
            
            <tr>
             <td class="center-on-narrow block9" style="vertical-align: top;padding-top: 10px;padding-left: 35px; padding-right: 50px; padding-bottom: 40px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;" >
             Your videos really paid off.<br />
              
             </td>
            </tr>
            <tr>
             <td class="center-on-narrow" style="padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
              This year, more and more creators turned viewers into paying subscribers and even used live videos to grow their business.<a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://ott.vimeo.com/?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124"> Bring home the video bacon
</a> &#8594;
             </td>
            </tr>
               <tr>
                   <td height="90" class="mblhide1">
                    &nbsp;
                   </td>
                 </tr>
                         </table>
                         </td>
                         <!-- Column : END -->
                     </tr>
                 </table>
             </td>
         </tr>
         <!-- 2 Even Columns : END -->

     </table>
      </td>
     </tr>

   
      <!---*Desktop Version**--->
<tr>
    <td class="mblhide">
        <table width="800" align="center" border="0" cellpadding="0" cellspacing="0" class="mblhide">
            <tr>    
                <td>
         <a href="https://vimeo.com/blog/post/sxsw-2018-decade-of-staff-picks?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
         <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/10_thedecade/10_thedecade@2x.png" width="800" height="auto" style="display: block;" alt="a big stone movie theater in Austin at sunset. On a marquee, it says “Vimeo Presents. A decade of the internet’s best videos."></a>
                </td>
            </tr>
            <tr>
                <td bgcolor="#4167EC">
                    <table width="800" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#4167EC" class="mblhide">
                        <tr>
                            <td style="font-size: 35px; line-height: 50px; color: #ffffff; text-align: left; font-family: 'helvetica neue', helvetica, arial, sans-serif; padding: 35px 325px 20px 35px; font-weight: bold;">
                            We celebrated big-time for 10 years of Staff Picks.
                            </td>
                        </tr>
                        <tr>
                            <td style="font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 16px; line-height: 25px; color: #ffffff; padding-left: 35px; padding-bottom: 50px;">
               A decade of the internet's best videos was a huge anniversary, so we went big. <strong><a style="text-decoration: none; color: #ffffff;" href="https://vimeo.com/blog/post/sxsw-2018-decade-of-staff-picks?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Texas big</a> &#8594;</strong>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </td>
</tr>    
  
<!---*Desktop Version END**--->  
    
     
      <!---*Mobile Version**--->
<tr>
    <td>
        <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="display: none; mso-hide: all;" bgcolor="#4167EC" class="mblcontain mblshow">
            <tr>    
                <td><a href="https://vimeo.com/blog/post/sxsw-2018-decade-of-staff-picks?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
         <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/mobile/10/10-mobile.jpg" width="100%" height="auto" style="display: block;" class="mblimage"></a>
                </td>
            </tr>
      <tr>
        <td><a href="https://vimeo.com/blog/post/sxsw-2018-decade-of-staff-picks?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
         <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/mobile/10/10.jpg" width="100%" height="auto" style="display: block;" class="img100"></a>
       </td>
      </tr>
            <tr>
                <td bgcolor="#4167EC">
                    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#4167EC" style="display: none; mso-hide: all;" class="mblcontain mblshow">
                        <tr>
                            <td class="center-on-narrow" style="padding-left: 35px; padding-right: 5px; padding-bottom: 30px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #ffffff;">
                            We celebrated big-time for 10 years of Staff Picks.
                            </td>
                        </tr>
                        <tr>
                            <td class="center-on-narrow" style="padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #ffffff;">
               A decade of the internet's best videos was a huge anniversary, so we went big. <a style="text-decoration: none; color: #ffffff;" href="https://vimeo.com/blog/post/sxsw-2018-decade-of-staff-picks?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Texas big</a> &#8594;
                            </td>
                        </tr>
           <tr>
            <td height="100">
             &nbsp;
            </td>
           </tr> 
                    </table>
                </td>
            </tr>
        </table>
    </td>
</tr>    
  
<!---*Mobile Version END**--->   
    
      
     
     
    <!-- 2 Even Columns : BEGIN -->
         <tr>
             <td valign="top" style="padding: 0px;">
                 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                     <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center" style="padding-bottom: 0px;" bgcolor="#FF7669" width="267">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 267px;" class="block11" bgcolor="#FF7669">
                <tr>
                <td class="row2padding1" style="padding-top: 35px; padding-left: 35px; padding-bottom: 40px;">
                 <table width="30" height="20" align="left" border="0" cellpadding="0" cellspacing="0" >
                  <tr>
                   <td width="25" height="20" bgcolor="#1A2E3B"style="padding: 5px; color: #FF7669; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 18px; font-weight: bold;">
                  11
                   </td>
                  </tr>
                 </table>
                </td>
                </tr>  
                 
                 <tr>
                  <td class="center-on-narrow" style="padding-top: 10px;padding-left: 35px; padding-right: 10px; padding-bottom: 30px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B; letter-spacing: -1.71px;">
                  We rolled out 52 (digital)<br />red carpets.
                  </td>
                 </tr>
                 <tr>
                  <td class="center-on-narrow" style="padding-left: 35px; padding-right: 20px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
                 The most celebrated short films of the year debuted online as <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/watch?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Staff Pick Premieres. </a>
                  </td>
                 </tr>
                <tr>
                   <td height="85">
                    &nbsp;
                   </td>
                 </tr>
                             </table>
                       </td>
                         <!-- Column : END -->
                         <!-- Column : BEGIN -->
                       <td class="stack-column-center" bgcolor="#E6D8F4" style="padding-bottom: 0px; width: 532px;">
                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 532px;" class="block12" bgcolor="#E6D8F4">
                                  <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 532px;">
                <tr>
                 <td class="row2padding4" style="padding-top: 35px; padding-left: 35px; padding-bottom: 40px;">
                   <table width="30" height="20" align="left" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="25" height="20" bgcolor="#1A2E3B"style="padding: 5px; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; color: #E6D8F4; font-size: 18px; font-weight: bold;">
                       12
                     </td>
                    </tr>
                   </table>
                 </td>
               </tr> 
            <tr>
             <td class="center-on-narrow" style="vertical-align: bottom; padding-top: 10px;padding-left: 35px; padding-right: 5px; padding-bottom: 15px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
             The very goodest dogs.
             </td>
            </tr>
            <tr>
             <td class="center-on-narrow" style="padding-top: 5px;padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
             We doubled our office pups working at Vimeo HQ this <br />year. <strong><a style="text-decoration: none; color: #1a2e3b;" href="https://vimeo.com/jobs?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Humans welcome, too &#8594;</a></strong>
             </td>
            </tr>
              
               <tr>
                   <td>
                    <a style="text-decoration: none;" href="https://vimeo.com/jobs?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                     <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/12_dog/dog_large.gif" width="532" height="auto" style="display: block;" class="mblimage" alt="Bruce the Sheba Inu dog stares with his head cocked toward the screen.">
                    </a>
                   </td>
                 </tr>
                         </table>
                         </td>
                         <!-- Column : END -->
                     </tr>
                 </table>
             </td>
         </tr>
         <!-- 2 Even Columns : END -->

     </table>
      </td>
     </tr> 
     
     
   <!---ROW 7 Desktop**--->
 
 <tr>
  <td>
   <!--[if gte mso 9]>        <table width="800" align="center" border="0" cellpadding="0" cellspacing="0">         <tr>          <td>       <![endif]-->
   <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#FED183" class="mblhide">
                <tr>
                    <td style="padding-top: 35px; padding-left: 35px; padding-bottom: 40px;">
                        <table width="60" height="30" align="left" border="0" cellpadding="0" cellspacing="0" >
                            <tr>
                                <td width="60" height="30" bgcolor="#1A2E3B"style="padding: 5px; color: #FED183; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 18px; font-weight: bold;">
                                  13-15
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
        <tr>
                    <td style="font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 40px; line-height: 50px; padding-left: 35px; font-weight: bold;">
                        We learned from the best.
                    </td>
        </tr>
                <tr>
                    <td style="font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 15px; line-height: 24px; padding-left: 35px; padding-right: 220px; padding-top: 15px;padding-bottom: 35px;">
           Our creators pushed 2018’s video boundaries in all the right ways.<br /> Dive deep with <strong><a style="text-decoration: none; color: #1a2e3b;" href="https://vimeo.com/blog/tag:filmmaker+spotlight?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">these filmmaker spotlights &#8594;</a> </strong>
                    </td>
                </tr>
    <!---**DESKTOP VERSION**--->
    <tr>
     <td>
      <!--[if gte mso 9]>        <table width="710" align="center" border="0" cellpadding="0" cellspacing="0">         <tr>          <td>       <![endif]-->
      <table width="710" align="center" border="0" cellpadding="0" cellspacing="0" dir="ltr" class="mblcontain1" bgcolor="#FED183" style="padding-bottom: 46px;">
       <tr>
                                <td>
                                    <table width="230" height="230" align="center" border="0" cellpadding="0" cellspacing="0" dir="ltr" class="mblcontain1">
                                        <tr>
                                            <td>
                                                <a href="https://vimeo.com/blog/post/filmmaker-behind-square-innovative-video-series?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124" target="_blank">
                                                 <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/13-15_2/13_Mohammad_Gorjestani/13. Mohammad@2x.png" width="230" height="230" class="mblimage" alt="an American native woman in traditional dress" style="display: block;"></a>   
                                            </td>
                                        </tr>
                                    </table>
     </td>
                                    <!--[if gte mso 9]>                                      </td>                                      <td width="230">                                     <![endif]-->
     <td>
                                    <table width="230" height="230" align="center" border="0" cellpadding="0" cellspacing="0" dir="ltr" class="mblcontain1" style="padding: 0px;">
                                        <tr>
                                            <td dir="rtl"  align="center">
                                                <a href="https://vimeo.com/blog/post/rae-leone-allen-web-series-telling-stories?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124" target="_blank">
                                                 <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/13-15_2/14_raeallenleone/14. Rae Leone Allen@2x.png" width="230" height="230" class="mblimage" alt="two black women kiss at a house party" style="display: block;">
                                                </a>   
                                            </td>
                                        </tr>
                                    </table>
     </td>
     
                                    <!--[if gte mso 9]>                                      </td>                                      <td width="230">                                     <![endif]-->
      <td>
                                    <table width="230" height="230" align="center" border="0" cellpadding="0" cellspacing="0" dir="ltr" class="mblcontain1" style="">
                                        <tr>
                                            <td dir="rtl"  align="left">
                                                <a href="https://vimeo.com/blog/post/sherpas-cinema-on-shredding-the-review-process?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124" target="_blank">
                                                 <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/13-15_2//15. Sherpas2x.png" width="230" height="230" class="mblimage" alt="a man walks the snowy crest of a massive mountain with skis on his back." style="display: block;">
                                                </a>   
                                            </td>
                                        </tr>
                                    </table>
                                </td>
        </tr>
    <tr>
     <td height="35" class="mblhide">
      &nbsp;
     </td>
    </tr>
      </table>
     <!--[if gte mso 9]>          </td>         </tr>        </table>      <![endif]-->
     </td>
    </tr>
    <!---**DESKTOP VERSION END**--->
    </table>
   <!--[if gte mso 9]>          </td>         </tr>        </table>       <![endif]-->
  </td>
 </tr>
 
<!---**ROW 7 END**--->

 
 
<!---ROW 7 Mobile**--->

 <tr>
  <td class="mblshow" style="display: none; mso-hide: all;">
   <!--[if gte mso 9]>        <table width="0" align="center" border="0" cellpadding="0" cellspacing="0" style="display: none; mso-hide: all;">         <tr>          <td>       <![endif]-->
      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#FED183" class="mblshow" style="display: none; mso-hide: all;">
                <tr>
                    <td style="padding-top: 35px; padding-left: 35px; padding-bottom: 40px;" class="mblshow" style="display: none; mso-hide: all;">
           <!--[if gte mso 9]>        <table width="0" align="center" border="0" cellpadding="0" cellspacing="0" style="display: none; mso-hide: all;">         <tr>          <td>       <![endif]-->
                        <table width="60" height="30" align="left" border="0" cellpadding="0" cellspacing="0" class="mblshow" style="mso-hide: all; display: none;">
                            <tr>
                                <td width="60" height="30" bgcolor="#1A2E3B"style="padding: 5px; color: #FED183; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif;">
                                  13-15
                                </td>
                            </tr>
                        </table>
           <!--[if gte mso 9]>          </td>         </tr>        </table>       <![endif]-->
                    </td>
                </tr>
        <tr>
     <td style="font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 40px; line-height: 50px; padding-left: 35px; font-weight: bold;">
       We learned from the best.
     </td>
        </tr>
                <tr>
                    <td class="mblcontain1" style="font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 15px; line-height: 24px; padding-left: 35px; padding-right: 60px; padding-top: 15px;padding-bottom: 35px;">
           Our creators pushed 2018’s video boundaries in all the right ways. Dive deep with <strong><a style="text-decoration: none; color: #1a2e3b;" href="https://vimeo.com/blog/tag:filmmaker+spotlight?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">these filmmaker spotlights. &#8594;</a> </strong>
                    </td>
                </tr>
  
    
      <!---**Mobile VERSION**--->
    <tr>
     <td class="mblshow" style="display: none; mso-hide: all;" align="center">
         <!--[if mso]>        <table width="0" align="center" border="0" cellpadding="0" cellspacing="0" style="display: none; mso-hide: all;">         <tr>          <td style="display: none; mso-hide: all;">       <![endif]-->
      <table width="262" align="center" border="0" cellpadding="0" cellspacing="0" class="mblshow" bgcolor="#FED183" style="padding-bottom: 46px; display: none; mso-hide: all;">
       <tr>
         <td class="mblshow" style="display: none; mso-hide: all;" align="center">
      
      <!--[if mso]>        <table width="0" align="center" border="0" cellpadding="0" cellspacing="0" style="display: none; mso-hide: all;">         <tr>          <td style="display: none; mso-hide: all;">       <![endif]-->
           <table width="84" height="230" align="left" border="0" cellpadding="0" cellspacing="0" dir="ltr" class="mblcontain1 mblshow" style="display: none; mso-hide: all;">
             <tr>
               <td  class="mblshow" style="display: none; mso-hide: all;">
                 <a href="https://vimeo.com/blog/post/filmmaker-behind-square-innovative-video-series?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124" target="_blank">
                  <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/13-15/13_Mohammad_Gorjestani/13.png" width="84" height="230" class="mblimage">
         </a>   
               </td>
             </tr>
           </table>
           <!--[if mso]> </td> </tr> </table>       <![endif]-->
               
      <!--[if mso]>             </td>             <td width="0" style="display: none; mso-hide: all;">            <![endif]-->
       <!--[if mso]>        <table width="0" align="center" border="0" cellpadding="0" cellspacing="0" style="display: none; mso-hide: all;">         <tr>          <td style="display: none; mso-hide: all;">       <![endif]-->
           <table width="84" height="230" align="left" border="0" cellpadding="0" cellspacing="0" dir="ltr" class="mblcontain1 mblshow" style="display: none; mso-hide: all; padding: 0px 5px;">
             <tr>
               <td dir="rtl"  align="left"  class="mblshow" style="display: none; mso-hide: all;">
                 <a href="https://vimeo.com/blog/post/rae-leone-allen-web-series-telling-stories?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124" target="_blank">
                  <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/13-15/14_raeallenleone/14.png" width="84" height="230" class="mblimage">
                 </a>   
               </td>
             </tr>
           </table>
       <!--[if mso]> </td> </tr> </table>       <![endif]-->
           <!--[if gte mso 9]>             </td>             <td width="0" style="display: none; mso-hide: all;">            <![endif]-->
       <!--[if mso]>        <table width="0" align="center" border="0" cellpadding="0" cellspacing="0" style="display: none; mso-hide: all;">         <tr>          <td style="display: none; mso-hide: all;">       <![endif]-->
           <table width="84" height="230" align="right" border="0" cellpadding="0" cellspacing="0" dir="ltr" class="mblcontain1 mblshow" style="display: none; mso-hide: all;">
             <tr>
               <td dir="rtl"  align="left"  class="mblshow" style="display: none; mso-hide: all;">
                 <a href="https://vimeo.com/blog/post/sherpas-cinema-on-shredding-the-review-process?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124" target="_blank">
                  <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/13-15/15_sherpa/15.png" width="84" height="230" class="mblimage">
                 </a>   
               </td>
             </tr>
           </table>
       <!--[if mso]> </td> </tr> </table>       <![endif]-->
      <!--[if gte mso 9]>             </td>                        <![endif]-->
         </td>
        </tr>
    
      </table>
         <!--[if mso]>          </td>         </tr>        </table>      <![endif]-->
     </td>
    </tr>
    <!---**Mobile VERSION END**--->
    
    
    
    </table>
       <!--[if mso]>          </td>         </tr>        </table>       <![endif]-->
  </td>
 </tr>
     
 <!---**ROW 7 END**--->

   
    <!-- 2 Even Columns : BEGIN -->
         <tr>
             <td valign="top" style="padding: 0px;">
                 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
                     <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center" style="padding-bottom: 50px;" bgcolor="#4AAC94">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"  bgcolor="#4AAC94">
                 <tr>
                   <td>
                    <a style="text-decoration: none;" href="https://vimeo.com/bestoftheyear/2018?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                     <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/16_bestofyear/16_bestoftheyear_@2x.png" width="400" height="auto" style="display: block;" class="mblimage" alt="a laurel with Staff Picks, Best of the Year written inside.">
                    </a>
                   </td>
                 </tr>
                 <tr>
                  <td class="center-on-narrow" style="padding-top: 15px;padding-left: 35px; padding-right: 5px; padding-bottom: 0px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
                   The <i>best</i> best<br />of the year, ever.
                  </td>
                 </tr>
                 <tr>
                  <td class="center-on-narrow" style="padding-top: 32px; padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
                  Every year, we whittle millions of videos down to the internet’s very best. In 2018, we called on 21 beyond-qualified jurors to choose our top videos. And dole out cash prizes.<br /> <strong><a style="text-decoration: none; color: #1a2e3b;" href="https://vimeo.com/bestoftheyear/2018?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">We'll announce the winners very soon &#8594;</a></strong>
                  </td>
                 </tr>   
                             </table>
                       </td>
                         <!-- Column : END -->
                         <!-- Column : BEGIN -->
                       <td class="stack-column-center" bgcolor="#FEB8D7" style="padding-bottom: 75px;">
                         <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" bgcolor="#FEB8D7">
                                  <tr>
                         <!-- Column : BEGIN -->
                         <td class="stack-column-center">
                             <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
            <tr>
              <td>
               <a style="text-decoration: none;" href="https://vimeo.com/blog/tag:product+announcements?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/17_paidoff/17_@2x.png" width="400" height="auto" style="display: block; padding-bottom: 15px;" class="mblimage" alt="a bunch of fun animated people and storylike characters are all clumped together in a fun and wacky huddle.">
               </a>
              </td>
            </tr>
            <tr>
             <td class="center-on-narrow" style="padding-left: 35px; padding-right: 5px; padding-bottom: 0px; font-weight: bold; font-size: 40px; line-height: 50px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
              We hit 90,000,000 creators.
             </td>
            </tr>
            <tr>
              <td class="center-on-narrow" style="padding-top: 30px; padding-left: 35px; padding-right: 59px; font-weight: normal; font-size: 15px; line-height: 24px; font-family: 'helvetica neue', helvetica, arial, sans-serif; text-align: left; color: #1A2E3B;">
             Seriously there are so many of you. <br />Someone get more ice. <strong><a style="text-decoration: none; color: #1a2e3b;" href="https://vimeo.com/blog/tag:product+announcements?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">This way for even more good news &#8594;</a></strong><br />&nbsp;&nbsp;&nbsp;
             </td>
            </tr>
                         </table>
                         </td>
                         <!-- Column : END -->
                     </tr>
                 </table>
             </td>
         </tr>
         <!-- 2 Even Columns : END -->

     </table>
      </td>
     </tr>
        
   <tr>
    <td>
     <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#D4E9FF" class="mblcontain">
    
    <tr>
     <td>
         <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="mblcontain">
      <tr>
        <td style="display: none; mso-hide: all;" class="mblshow">
          
            <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/18_domore/18.jpg" width="100%" height="auto" class="mblimage" style="display: block;">
         
        </td>
       </tr>
    <tr>
      <td class="mblhide">
        
       <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/18_domore/18_19@2x.gif" width="800" height="auto" style="display: block; margin: 0 auto;" class="mblhide" alt="a party-themed 2018 changes over to 2019 in a GIF animation.">
      
      </td>
    </tr>
        <tr>
        <td style="padding-bottom: 22px; display: none; mso-hide: all;" class="mblshow">
          
            <img src="http://a.vimeocdn.com/si/email/2018_EndoftheYear/desktop/2019_@2x.png" width="100%" height="auto" class="mblimage" style="display: block;">
            
        </td>
       </tr>
         </table>
     </td>
    </tr>
    <tr>
        <td>
            <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="mblcontain">
                <tr>
                    <td class="block18" style="font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 40px; line-height: 50px; color: #1A2E3B; font-weight: bold; padding-right: 130px; padding-left:130px; text-align: center; padding-top: 20px; padding-bottom: 20px;">
                        All the things we can't tell you about yet.
                    </td>
                </tr>
                <tr>
                    <td class="block182" style="font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 15px; line-height: 24px; font-weight: normal; color: #1A2E3B; text-align: center; padding-right: 121px; padding-left: 121px; padding-bottom: 25px;">
           In a weird way 2018 was all about 2019. We can't tell you everything that's coming this year, but take our word for it &mdash; there's never been a better time to <strong><a style="text-decoration: none; color: #1a2e3b;" href="https://vimeo.com/upload?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">upload</a></strong> and...
                    </td>
                </tr>
            </table>
        </td>
    </tr>
  <tr>
        <td height="30">
        
        </td>
    </tr>
  <tr>
        <td>
            <table width="300" height="42" border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td align="center">
                        <a style="background-color: #ffffff; text-align: center; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 18px; line-height: 22px; font-weight: normal; color: #1A2E3B; padding: 15px 40px; border-radius: 5px; text-decoration: none;" href="https://vimeo.com/upgrade?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">
                         Do more with your videos
                        </a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
 
 
 
 
 
    <tr>
        <td height="60">
        
        </td>
    </tr>
</table>   
    
    
    </td>
     </tr>
     
  
     
      <tr>
    <td>
     
     
     
     
     
      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td height="30">
   </td>
  </tr>
 </table>
  
    <!--start of footer-->
                    <table align="center" cellpadding="0" cellspacing="0" border="0" width="120" class="mblcontainsocial" bgcolor="#F8F9FC">
                        <tr>
                            <td valign="top" style="padding-right:0px;padding-top:5px; " class="social" align="center">
                                <a  href="http://www.facebook.com/vimeo">
                                    <img src="http://a.vimeocdn.com/si/email/Facebook-icon@4x.png" style="border-style: none;" width="24" height="24" alt="Facebook"                                     />
                                </a>
                            </td>
                            <td valign="top" style="padding-right:0px;padding-top:5px; " class="social" align="center">
                                <a  href="https://twitter.com/vimeo">
                                    <img src="http://a.vimeocdn.com/si/email/Twitter-icon@4x.png" style="border-style: none;" width="24" height="24" alt="Twitter"                                     />
                                </a>
                            </td>
                            <td valign="top" style="padding-right:0px;padding-top:5px; " align="center" class="social">
                                <a  href="http://vimeo.tumblr.com/">
                                    <img src="http://a.vimeocdn.com/si/email/Tumblr-icon@4x.png" style="border-style: none;" width="24" height="24" alt="Tumblr"                                     />
                                </a>
                            </td>
                            <td valign="top" style="padding-right:0px;padding-top:5px; " align="center" class="social">
                                <a  href="https://instagram.com/vimeo/">
                                    <img src="http://a.vimeocdn.com/si/email/Instagram-icon@4x.png" style="border-style: none;" width="24" height="24" alt="Instagram"                                     />
                                </a>
                            </td>
                        </tr>
                    </table>
                    <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" class="mblcontain">
                        <tr>
                            <td width="100%">
                                <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" class="fluid">
                                    <tr>
                                        <td class="mblcontainfoot" style="font-family: Helvetica,Arial,sans-serif; font-size: 10px; color:#1a2e3b; line-height: 16px; padding-left: 40px; padding-right:40px; padding-bottom:20px; text-align:center">
                                            <span style="line-height:36px;">
                                                <a style="color:#445566;text-decoration:none;font-weight:bold;" href="#">
                                                    View this email in your web browser.</a>
                                            </span>
                                     
                                            <br/> You are receiving this email advertisement because
                                            you registered with Vimeo, Inc.
                                            <span class="mobilelink">(555 West 18th Street, New York, NY 10011)</span>
                                            and agreed to receive emails from us regarding
                                            new features, events and special offers.
                                            <br/><br/>
                     1. Image from <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/lucaszanotto?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Lucas Zanotto</a> 2. Image from <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/193641463?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Oddfellows</a> 5. Image by <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/stock/clip-286483775-abstract-animation-of-a-blue-geometric-object-underwater?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Harrison Vincent</a> 
                                          6. Image from Thunder Road by <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/ondemand/thunderroad/297482421?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Jim Cummings</a> 12. <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/user82925555?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Maria Gaston's</a> dog, Bruce Wayne 13. Lakota in America by <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/237152408?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Even \ odds</a>
                     14. 195 Lewis by <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/232519575?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Rae Leone Allen</a> 15. Tsirku by <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/249579173?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Sherpas Cinema</a> 17. Image from <a style="text-decoration: none; color: #1a2e3b; font-weight: bold;" href="https://vimeo.com/183866120?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Arina Shabanova</a>
                     
                     <br/><br/>
                     
                                            <br/> &trade; + &copy; Vimeo, Inc. All rights reserved.
                                            <br/>
                                            <br/>
                                            <a style="color:#445566; text-decoration:none;font-weight:bold;" href="https://vimeo.com/privacy?utm_source=email&utm_medium=vimeo-newsletter-201812&utm_campaign=35124">Privacy</a>&nbsp;&nbsp;&nbsp;

                                            <a style="color:#445566; text-decoration:none;font-weight:bold;" href="#">
                                                Unsubscribe
                                            </a>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    <!--end of footer-->
  
  
    </td>
     </tr>
     
  </table>
     <!-- Email Body : END -->

    <!--[if mso | IE]>     </td>     </tr>     </table>     <![endif]-->
    </center>
</body>

  
</html>

            
          
!

CSS

            
              
            
          
!

JS

            
              
            
          
!
999px

Console