123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

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

Add External Scripts/Pens

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

+ add another resource

Use npm Packages

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

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

Code Indentation

     

Save Automatically?

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

Auto-Updating Preview

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

HTML Settings

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

            
              <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Avocode 3 is here!</title>
      <style type="text/css">
         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 {
         border:0;
         height:auto;
         line-height:100%;
         outline:none;
         text-decoration:none;
         -ms-interpolation-mode:bicubic;
         }
         table {
         border-collapse:collapse !important;
         }
         body {
         height:100% !important;
         margin:0 !important;
         padding:0 !important;
         width:100% !important;
         }
         @media (max-width: 420px) {
               .headline {
                    font-size: 30px !important;
            }
          }
         a{
           color:inherit !important;
         }
         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;
         }
         @media (min-width: 480px) {
         .section-padding {
         padding: 0 25px;
         border-collapse:separate !important;
         }
         .share-button {
         display: table-cell !important;
         width: 180px !important;
         margin: 0 !important;
         }
         }
         @media screen and (min-width: 360px){
         .bigger-font-desktop {
         font-size: 40px !important;
         }
         }
      </style>
   </head>
   <body style="width:100% !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;-webkit-font-smoothing:antialiased;text-size-adjust:100%;background-color:rgb(255, 255, 255);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100% !important;">
      <div style="display:none;font-size:1px;color:rgb(254, 254, 254);line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">New Light theme, direct import of file formats, optimized performance, 2,722 user requests closed and over 10 completely new features.</div>
      <center style="margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;">
         <table width="100%" height="100%" cellpadding="0" cellspacing="0" style="background-color:rgb(255, 255, 255);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
            <tbody>
               <tr>
                  <td style="vertical-align:top;text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                     <center style="margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;">
                         
                         
                         
                         <!--[if mso]>
 <center>
 <table style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;" ><tr><td width="640" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;" >
<![endif]-->
                        <table class="section-padding" cellpadding="25" cellspacing="0" style="margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;vertical-align:top;text-align:center;width:100%;max-width:640px;background-color:#222222;background-image:url('http://i1.cmail19.com/ei/j/05/3E9/82D/220228/csimport/header_0.png');background-size:623px;background-repeat:no-repeat;background-position:top center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                           <tbody>
                              <tr>
                                 <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                    <table border="0" width="100%" style="max-width:500px;width:100%;margin-left:auto;margin-right:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                       <tbody>
                                          <tr>
                                             <td style="vertical-align:middle;text-align:left;color:rgb(255, 255, 255);font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:48px;font-weight:400;line-height:130%;padding-top:0px;padding-bottom:15px;padding-right:0px;padding-left:0px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"><a href="https://avocode.com/" target="_blank" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;"><img width="19" height="25" alt="Avocode" src="http://i2.cmail19.com/ei/j/05/3E9/82D/220228/csimport/logo_1.png" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;"></a></td>
                                             <td style="vertical-align:middle;text-align:right;color:#fff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;font-weight:400;line-height:4;padding-top:0px;padding-bottom:3px;padding-right:0px;padding-left:0px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"><a href="https://app.avocode.com/" target="_blank" style="color:inherit !important;-webkit-font-smoothing:antialiased;text-decoration:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">Login to <b>avocode.com</b></a></td>
                                          </tr>
                                                                                      <tr style="height:15px;"><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td></tr>
                                       </tbody>
                                    </table>
                                     
                                     
                                     <table border="0" width="125" height="30" valign="middle" style="margin-left:auto;margin-right:auto;background-color:#e74c3c;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;overflow:hidden !important;border-collapse:collapse !important;border-radius:20px !important;vertical-align:middle;text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                         <tbody>
                                              <tr height="30">
                                               <td height="30" style="color:#fff;text-transform:uppercase;font-weight:700;font-size:12px;-webkit-font-smoothing:antialiased;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                    Major update
                                               </td>
                                           </tr>
                                         </tbody>
                                     </table>
                                     
                                     
                                     <table border="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                       <tbody>
                                                                                      <tr style="height:20px;"><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td></tr>
                                           <tr>
                                            <td style="vertical-align:middle;text-align:center;color:#fff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:72px;font-weight:500;line-height:75px;padding-top:0px;padding-bottom:3px;padding-right:0px;padding-left:0px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                 Introducing Avocode 3
                                            </td>
                                          </tr>
                                           
                                           <tr style="height:25px;"><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td></tr>
                                          <tr>
                                            <td style="vertical-align:middle;text-align:center;color:#dadada;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:18px;font-weight:400;line-height:28px;padding-top:0px;padding-bottom:3px;padding-right:0px;padding-left:0px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                 2,722 user feature requests closed. Significant performance improvements. New Light theme look. Meet Avocode 3.<br>
 Today also launching on <a target="_blank" rel="noopener" href="http://r.avocode.com/update-3-product-hunt" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;">Product Hunt</a>!
                                            </td>
                                          </tr>
                                       </tbody>
                                    </table>
                                     
                                     
                                     
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                        <!--[if mso]>
 </td></tr></table>
 </center>
<![endif]-->  
                         
                         
                         
<!--[if mso]>
 <center>
 <table style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;" ><tr><td width="640" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;" >
<![endif]-->
                        <table cellpadding="0" cellspacing="0" style="margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;vertical-align:top;text-align:center;color:#2e2e2e;background-color:#fff;max-width:640px;width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                           <tbody>
                                                                         <tr>
                                            <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                   <a target="_blank" rel="noopener" href="http://r.avocode.com/update-3-blogpost-features?utm_source=newsletter-lead&amp;utm_medium=email&amp;utm_campaign=avocode-3-update" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;"><img src="http://i3.cmail19.com/ei/j/05/3E9/82D/220228/csimport/avocode-3_2.png" style="max-width:100%;margin-top:-1px;border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;"></a>
                                              </td>
                                        </tr>
                                                           <tr height="38"><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td></tr>
                              <tr>
                                 <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                        <table class="section-padding" cellpadding="25" cellspacing="0" style="max-width:500px;width:100%;margin-left:auto;margin-right:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                            <tbody>
                                                <tr>
                                                     <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                     
                                     <table width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                         <tbody>
                                             <tr>
                                                  <td align="center" style="text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                       
                                     
                                     
                                     <table width="110" style="margin-left:auto;margin-right:auto;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:500;line-height:20px;color:#2e2e2e;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                         <tbody>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                      <img width="83" src="http://i4.cmail19.com/ei/j/05/3E9/82D/220228/csimport/1_3.png" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
                                                  </td>
                                             </tr>
                                             <tr height="6">
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                             </tr>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                    Sketch &amp; XD direct import
                                                  </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                                 </td><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                     <table width="110" style="margin-left:auto;margin-right:auto;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:500;line-height:20px;color:#2e2e2e;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                         <tbody>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                      <img width="55" src="http://i5.cmail19.com/ei/j/05/3E9/82D/220228/csimport/2_4.png" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
                                                  </td>
                                             </tr>
                                             <tr height="6">
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                             </tr>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                    Big performance boost
                                                  </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                                                                      </td><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                     <table width="110" style="margin-left:auto;margin-right:auto;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:500;line-height:20px;color:#2e2e2e;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                         <tbody>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                      <img width="21" src="http://i6.cmail19.com/ei/j/05/3E9/82D/220228/csimport/3_5.png" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
                                                  </td>
                                             </tr>
                                             <tr height="6">
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                             </tr>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                    Figma integration
                                                  </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                     
                                     
                                     
                                                  </td>
                                             </tr>
                                             
                                             <tr height="35"><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td></tr>
                                             
                                             <tr>
                                                  <td align="center" style="text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                       
                                     
                                     
                                     <table width="110" style="margin-left:auto;margin-right:auto;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:500;line-height:20px;color:#2e2e2e;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                         <tbody>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                      <img width="29" src="http://i7.cmail19.com/ei/j/05/3E9/82D/220228/csimport/4_6.png" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
                                                  </td>
                                             </tr>
                                             <tr height="6">
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                             </tr>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                    Subfolders &amp; List view
                                                  </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                                 </td><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                     <table width="110" style="margin-left:auto;margin-right:auto;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:500;line-height:20px;color:#2e2e2e;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                         <tbody>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                      <img width="28" src="http://i8.cmail19.com/ei/j/05/3E9/82D/220228/csimport/5_7.png" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
                                                  </td>
                                             </tr>
                                             <tr height="6">
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                             </tr>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                    Symbols with Overrides
                                                  </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                                                                      </td><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                     <table width="110" style="margin-left:auto;margin-right:auto;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:500;line-height:20px;color:#2e2e2e;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                         <tbody>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                      <img width="28" src="http://i9.cmail19.com/ei/j/05/3E9/82D/220228/csimport/6_8.png" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
                                                  </td>
                                             </tr>
                                             <tr height="6">
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                             </tr>
                                             <tr>
                                                  <td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                    Variables import
                                                  </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                     
                                     
                                     
                                                  </td>
                                             </tr>
                                             
                                                                                          <tr height="15"><td style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td></tr>
                                         </tbody>
                                     </table>
                                                        
                                                        
                                                        
                                                        
                                                        <table cellpadding="0" cellspacing="0" width="100%" style="max-width:500px;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                       <tbody>
                                          <tr>
                                             <td align="center" style="text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                <table width="100%" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                   <tbody>
                                                      <tr>
                                                         <td align="center" style="text-align:center;padding-top:33px;padding-bottom:33px;padding-right:0px;padding-left:0px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                            <table cellspacing="0" cellpadding="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                               <tbody>
                                                                  <tr>
                                                                     <td height="60" align="center" style="text-align:center;border-radius:4px;background-color:#171717;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"><a href="http://r.avocode.com/update-3-blogpost-features?utm_source=newsletter-lead&amp;utm_medium=email&amp;utm_campaign=avocode-3-update" target="_blank" style="text-transform:uppercase;background-color:#171717;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;font-size:14px;font-weight:700;color:inherit !important;text-decoration:none;padding-top:22px;padding-bottom:22px;padding-right:25px;padding-left:25px;border-radius:4px;border-width:1px;border-style:solid;border-color:#171717;display:block;font-family:'Helvetica Neue', Helvetica, Arial, 
sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;"><span style="color:rgb(255, 255, 255);text-decoration:none !important;">Explore all new features</span></a></td>
                                                                  </tr>
                                                               </tbody>
                                                            </table>
                                                         </td>
                                                      </tr>
                                                   </tbody>
                                                </table>
                                             </td>
                                          </tr>
                                       </tbody>
                                    </table>
                                    <table cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                       <tbody>
                                          <tr>
                                             <td height="25" style="height:25px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                          </tr>
                                       </tbody>
                                    </table>
                                    <table cellpadding="0" cellspacing="0" width="100%" style="max-width:500px;margin-left:auto;margin-right:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                       <tbody>
                                          <tr>
                                             <td align="center" style="text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                <table align="center" cellpadding="0" cellspacing="0" width="100%" style="text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                   <tbody>
                                                      <tr>
                                                         <td align="center" style="text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                            <table align="center" cellpadding="0" cellspacing="0" width="100%" style="text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                               <tbody>
                                                                  <tr>
                                                                     <td style="border-top-width:1px;border-top-style:solid;border-top-color:#e7e7e7;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                                                  </tr>
                                                               </tbody>
                                                            </table>
                                                            <table cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                               <tbody>
                                                                  <tr>
                                                                     <td height="35" style="height:35px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                                                  </tr>
                                                               </tbody>
                                                            </table>
                                                            <center>
                                                               <table align="center" cellpadding="0" cellspacing="0" width="210" style="text-align:center;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                                  <tbody>
                                                                     <tr>
                                                                        <td align="center" style="color:rgb(102, 102, 102);font-size:16px;font-weight:400;line-height:18px;text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"><a href="https://www.facebook.com/avocode/" style="display:inline-block;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;" target="_blank"><img src="http://i10.cmail19.com/ei/j/05/3E9/82D/220228/csimport/fb_9.png" alt="facebook" width="19" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;"></a></td>
                                                                        <td align="center" style="color:rgb(102, 102, 102);font-size:16px;font-weight:400;line-height:18px;text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"><a href="https://twitter.com/avocode/" style="display:inline-block;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;" target="_blank"><img src="http://i1.cmail19.com/ei/j/05/3E9/82D/220228/csimport/twitter_10.png" alt="twitter" width="23" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;"></a></td>
                                                                        <td align="center" style="color:rgb(102, 102, 102);font-size:16px;font-weight:400;line-height:18px;text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"><a href="https://www.linkedin.com/company-beta/10384550/" style="display:inline-block;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;" target="_blank"><img src="http://i2.cmail19.com/ei/j/05/3E9/82D/220228/csimport/linkedin_11.png" alt="linkedin" width="19" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;"></a></td>
                                                                        <td align="center" style="color:rgb(102, 102, 102);font-size:16px;font-weight:400;line-height:18px;text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"><a href="https://community.avocode.com/" style="display:inline-block;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;" target="_blank"><img src="http://i3.cmail19.com/ei/j/05/3E9/82D/220228/csimport/slack-icon_12.png" alt="slack" width="19" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;"></a></td>
                                                                        <td align="center" style="color:rgb(102, 102, 102);font-size:16px;font-weight:400;line-height:18px;text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"><a href="https://www.instagram.com/avocode/" style="display:inline-block;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;" target="_blank"><img src="http://i4.cmail19.com/ei/j/05/3E9/82D/220228/csimport/instagram_13.png" alt="instagram" width="19" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;"></a></td>
                                                                        <td align="center" style="color:rgb(102, 102, 102);font-size:16px;font-weight:400;line-height:18px;text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"><a href="https://dribbble.com/avocode/" style="display:inline-block;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;" target="_blank"><img src="http://i5.cmail19.com/ei/j/05/3E9/82D/220228/csimport/dribbble_14.png" alt="dribbble" width="19" style="border-width:0;height:auto;line-height:100%;outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;"></a></td>
                                                                     </tr>
                                                                  </tbody>
                                                               </table>
                                                            </center>
                                                            <table cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                               <tbody>
                                                                  <tr>
                                                                     <td height="35" style="height:35px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                                                  </tr>
                                                               </tbody>
                                                            </table>
                                                            <table align="center" cellpadding="0" cellspacing="0" width="100%" style="text-align:center;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                               <tbody>
                                                                  <tr>
                                                                     <td style="border-top-width:1px;border-top-style:solid;border-top-color:#e7e7e7;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                                                  </tr>
                                                               </tbody>
                                                            </table>
                                                         </td>
                                                      </tr>
                                                   </tbody>
                                                </table>
                                                <table cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                   <tbody>
                                                      <tr>
                                                         <td height="40" style="height:40px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                                      </tr>
                                                   </tbody>
                                                </table>
                                                <table cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                   <tbody>
                                                      <tr>
                                                         <td style="color:rgb(88, 88, 88);font-size:14px;font-weight:400;text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">
                                                            <span>
                                                               Oh, you don't like our e-mails? You can unsubscribe
                                                               <span style="color:rgb(88, 88, 88);">
                                                                  <a href="#" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:inherit !important;" target="_blank">here</a></span>.
                                                            </span>
                                                         </td>
                                                      </tr>
                                                   </tbody>
                                                </table>
                                                <table cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                   <tbody>
                                                      <tr>
                                                         <td height="50" style="height:50px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                                      </tr>
                                                   </tbody>
                                                </table>
                                                <table cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                   <tbody>
                                                      <tr>
                                                         <td style="color:rgb(88, 88, 88);text-align:center;font-size:12px;font-weight:400;line-height:1.67;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;">Avocode, Inc.<br>
55 East 73rd Street Suite GF<br>
New York, NY 10021, USA</td>
                                                      </tr>
                                                   </tbody>
                                                </table>
                                                <table cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;">
                                                   <tbody>
                                                      <tr>
                                                         <td height="35" style="height:35px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;"></td>
                                                      </tr>
                                                   </tbody>
                                                </table>
                                             </td>
                                          </tr>
                                       </tbody>
                                    </table>
                                     
                                     
                                                     </td>
                                                </tr>
                                            </tbody>
                                     </table>
                                     
                                     
                                     
                                    
                                 </td>
                              </tr>
                           </tbody>
                        </table>
                         <!--[if mso]>
 </td></tr></table>
 </center>
<![endif]--> 
                     </center>
                  </td>
               </tr>
            </tbody>
         </table>
      </center>
   



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

Console