cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

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.

            
              <head>
<!--[if !mso]><!== -->
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800" rel="stylesheet" type="text/css"><!--<![endif]-->

<style type="text/css">
    #outlook a{
      padding:0;
    }
    .table { table-layout: fixed; margin: 0 auto; }

    body{
      -webkit-text-size-adjust:none;
      -ms-text-size-adjust:none;
      color: #000000;
      background-color:#ffffff;
      margin:0;
      padding:0;
      line-height: 16px;
    }
    img{
      height:auto;
      outline:none;
      text-decoration:none;
    }
    table td{
      border-collapse:collapse;
    }
    .ExternalClass *{
      line-height:100% !important;
    }
    .ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{
      line-height:100%;
    }
    strong{
      font-weight:bold;
    }
    .black-heading{
      color:#000000 !important;
      font-weight: bold;
      text-decoration:none;
      font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 24px;margin: 0; padding: 0;text-decoration: none;
    }
    .blue-link{
      font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 16px; font-weight: normal; line-height: 16px;margin: 0; padding: 0;
      color:#25B4E9 !important;
      text-decoration:none !important;
    }
    .footer-link{
      color:#25B4E9 !important;
      text-decoration:none !important;
    }
    a{
      color:#25B4E9;
      text-decoration:none !important;
    }
    @media only screen and (max-width: 600px){
      body, table, td {
        text-align: center !important;
      }
    }
</style>
<title></title>
</head>
<body style="background-color:#ffffff; margin:0; "><div><div class="mktEditable"><!-- Visually Hidden Preheader Text : 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;">Quip - Where to do becomes to-done!</div>
<!-- Visually Hidden Preheader Text : END --><center>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" style="background-color: #ffffff;"><!-- // 1-COLUMN SCAFFOLD -->
<tbody>
<tr>
<td align="center" height="100%" valign="top" width="100%" style="background-color: #ffffff;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 80px;">
<tbody>
<tr>
<td align="center" valign="top" style="padding: 20px 10px 00px;"><a href="http://email.quip.co/o00Xr00FZ001EH05wOAVMg0" target="_blank"><img src="http://d2i1pl9gz4hwa7.cloudfront.net/HTshMCZ9Ypl2RuEJqqn7sg" alt="Quip" width="70" style="border: 0; color: #404040; font: bold 24px/100% 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0; padding: 0;"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" height="100%" valign="top" width="100%" style="background-color: #ffffff;"><!--[if mso]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="700">
            <tr>
            <td align="center" valign="top" width="700">
            <![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 700;">
<tbody>
<tr>
<td align="center" valign="top" style="padding-top: 20px;"><!-- // HERO -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 700px;">
<tbody>
<tr>
<td align="center" valign="top" style="font-size: 0; padding: 10px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="bottom"><a href="http://email.quip.co/o00Xr00FZ001EH05wOAVMg0" target="_blank"><img src="http://d2i1pl9gz4hwa7.cloudfront.net/nIWTfjU5Km_-3oTuHUIGtQ" alt="Where to-do becomes to-done" width="700" style="border: 0; height: auto; max-width: 700px; vertical-align: bottom; width: 100%;"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- HERO // --></td>
</tr>
</tbody>
</table>
<!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]--></td>
</tr>
<!-- 1-COLUMN SCAFFOLD // -->
<tr>
<td align="center" height="100%" valign="top" width="100%" style="background-color: #ffffff;"><!--[if mso]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600;">
<tbody>
<tr>
<td align="center" valign="top" style="padding-top: 20px;"><!-- // HERO -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;">
<tbody>
<tr>
<td align="center" valign="top" style="font-size: 0; padding: 10px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="bottom">
<div style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000000; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; padding: 0; text-align: center;" class="paragraph">We've made Quip documents smarter than ever with a brand new design, powerful checklists, and reminders for tasks. Do more with your personal notes, to-do lists, and vacation plans.</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- HERO // --></td>
</tr>
</tbody>
</table>
<!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]--></td>
</tr>
<!-- BODY // --> <!--spacer-->
<tr>
<td class="full" align="center" height="40" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<!-- // BUTTON -->
<tr>
<td align="center" height="100%" valign="top" width="100%" style="background-color: #ffffff;"><!--[if mso]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="700">
            <tr>
            <td align="center" valign="top" width="700">
            <![endif]-->
<table cellspacing="0" cellpadding="0" class="content" align="center" width="165">
<tbody>
<tr>
<td width="165" class="content"><!-- all this for a button!  make sure you add the link in two places.
                  https://www.emailonacid.com/blog/article/email-development/bulletproof_buttons_for_office_365_and_everything_else
                  --><center>
<div style="margin: 0 auto;" class="full"><!--[if mso]>
                   <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.quip.com/about/salesforce" style="height:50px;v-text-anchor:middle;width:165px;" arcsize="16%" strokecolor="#25B4E9" fill="t">
                      <v:fill type="tile" color="#25B4E9" />
                      <w:anchorlock/>
                      <center style="color:#ffffff;font-family: Helvetica, Arial, sans-serif;font-weight:800;font-size:13px;">&nbsp;&nbsp;&nbsp;&nbsp;LEARN MORE&nbsp;&nbsp;&nbsp;&nbsp;</center>
                    </v:rect>
                  <![endif]-->
<div style="margin: 0 auto; mso-hide: all;">
<table align="center" cellpadding="0" cellspacing="0" height="50" class="cta" width="100%" style="margin: 0 auto; mso-hide: all;">
<tbody>
<tr>
<td align="center" bgcolor="#25B4E9" height="50" style="vertical-align: middle; color: #ffffff; display: block; background-color: #25b4e9; border-radius: 40px; mso-hide: all;" width="100%"><a class="cta_button" href="http://email.quip.co/o00Xr00FZ001EH05wOAVMg0" style="font-size: 13px; font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 800; text-decoration: none; line-height: 50px; width: 100%; display: inline-block;" title="Button" target="_blank"><span style="color: #ffffff; font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;LEARN MORE&nbsp;&nbsp;&nbsp;&nbsp;</span></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</center><!--button's over--></td>
</tr>
</tbody>
</table>
<!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]--></td>
</tr>
<!-- BUTTON // --> <!--spacer-->
<tr>
<td class="full" align="center" height="20" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<!-- HEADLINE -->
<tr>
<td align="center" height="100%" valign="top" width="100%" style="background-color: #ffffff;"><!--[if mso]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600;">
<tbody>
<tr>
<td align="center" valign="top" style="padding-top: 20px;"><!-- // HERO -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;">
<tbody>
<tr>
<td align="center" valign="top" style="font-size: 0; padding: 10px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="bottom">
<div style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #3d3d3d; font-size: 24px; line-height: 30px; font-weight: 800; margin: 0; padding: 0; text-align: center;" class="heading">More awesomeness in Quip</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- HERO // --></td>
</tr>
</tbody>
</table>
<!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]--></td>
</tr>
<!-- HEADLINE // --> <!-- // 2-COLUMN CONTENT -->
<tr>
<td align="center" height="100%" valign="top" width="100%" style="background-color: #ffffff;"><!--[if mso]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
            <tr>
            <td align="center" valign="top" width="640">
            <![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
<tbody>
<tr>
<td align="center" valign="top" style="font-size: 0; padding-top: 30px;"><!--[if mso]>
                  <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
                  <tr>
                  <td align="left" valign="top" width="280">
                  <![endif]-->
<div style="display: inline-block; max-width: 280px; vertical-align: top; width: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 280px;">
<tbody>
<tr>
<td align="center" valign="top"><!-- // TITLED IMAGE WITH CAPTION -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
<tbody>
<tr>
<td align="left" valign="top" style="font-size: 0; padding: 10px;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 270px;">
<tbody>
<tr>
<td align="center" valign="top"><a href="http://email.quip.co/o00Xr00FZ001EH05wOAVMg0" target="_blank"><img src="http://d2i1pl9gz4hwa7.cloudfront.net/nXPWlvIKnwI7Spc5rS3hhg" alt="Image - Quip Feature 3" height="320" width="580" style="font: bold 14px/100% sans-serif; border: 1px solid #EAEAEA; height: auto; max-width: 270px; width: 100%;" constrain="true" imagepreview="false"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- TITLED IMAGE WITH CAPTION // --></td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]>
                  </td>
                  <td align="left" valign="top" width="350">
                  <![endif]-->
<div style="display: inline-block; max-width: 350px; vertical-align: top; width: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 350px;">
<tbody>
<tr>
<td align="center" valign="top"><!-- // TITLED IMAGE WITH CAPTION -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
<tbody>
<tr>
<td align="left" valign="top" style="font-size: 0; padding: 10px;"><!--[if mso]>
                                <table align="right" border="0" cellspacing="0" cellpadding="0" width="340">
                                <tr>
                                <td align="left" valign="top" width="340">
                                <![endif]-->
<div style="display: inline-block; max-width: 340px; width: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 340px; background-color: #ffffff;">
<tbody>
<tr>
<td align="left" valign="top" style="padding: 10px;">
<div style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000000; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; text-decoration: none;" class="black-heading">Manage to-do lists how you want to</div>
<div style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000000; font-size: 16px; font-weight: normal; line-height: 22px; margin: 0; padding: 3px 0 0 0;" class="paragraph">Quip checklists are simple and flexible, so you can focus on getting the job done instead of wrestling with software.</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]>
                                </td>
                                </tr>
                                </table>
                                <![endif]--></td>
</tr>
</tbody>
</table>
<!-- TITLED IMAGE WITH CAPTION // --></td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]>
                  </td>
                  </tr>
                  </table>
                  <![endif]--></td>
</tr>
</tbody>
</table>
<!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]--></td>
</tr>
<!-- 2-COLUMN CONTENT // --> <!-- // 2-COLUMN CONTENT -->
<tr>
<td align="center" height="100%" valign="top" width="100%" style="background-color: #ffffff;"><!--[if mso]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
            <tr>
            <td align="center" valign="top" width="640">
            <![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
<tbody>
<tr>
<td align="center" valign="top" style="font-size: 0; padding-top: 30px;"><!--[if mso]>
                  <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
                  <tr>
                  <td align="left" valign="top" width="280">
                  <![endif]-->
<div style="display: inline-block; max-width: 280px; vertical-align: top; width: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 280px;">
<tbody>
<tr>
<td align="center" valign="top"><!-- // TITLED IMAGE WITH CAPTION -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
<tbody>
<tr>
<td align="left" valign="top" style="font-size: 0; padding: 10px;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 270px;">
<tbody>
<tr>
<td align="center" valign="top"><a href="http://email.quip.co/o00Xr00FZ001EH05wOAVMg0" target="_blank"><img src="http://d2i1pl9gz4hwa7.cloudfront.net/teEV9PzHqxWfCyrbG4IXDQ" alt="Image - Quip Feature 3" height="320" width="580" style="font: bold 14px/100% sans-serif; border: 1px solid #EAEAEA; height: auto; max-width: 270px; width: 100%;" constrain="true" imagepreview="false"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- TITLED IMAGE WITH CAPTION // --></td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]>
                  </td>
                  <td align="left" valign="top" width="350">
                  <![endif]-->
<div style="display: inline-block; max-width: 350px; vertical-align: middle; width: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 350px;">
<tbody>
<tr>
<td align="center" valign="middle"><!-- // TITLED IMAGE WITH CAPTION -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
<tbody>
<tr>
<td align="left" valign="middle" style="font-size: 0; padding: 10px;"><!--[if mso]>
                                <table align="right" border="0" cellspacing="0" cellpadding="0" width="340">
                                <tr>
                                <td align="left" valign="middle" width="340">
                                <![endif]-->
<div style="display: inline-block; max-width: 340px; width: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 340px; background-color: #ffffff;">
<tbody>
<tr>
<td align="left" valign="middle" style="padding: 10px;">
<div style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000000; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; text-decoration: none;" class="black-heading">Your new sidebar sidekick</div>
<div style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000000; font-size: 16px; font-weight: normal; line-height: 22px; margin: 0; padding: 3px 0 0 0;" class="paragraph">We've revitalized the sidebar to help you find, contribute to, and execute on the documents that matter most.</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]>
                                </td>
                                </tr>
                                </table>
                                <![endif]--></td>
</tr>
</tbody>
</table>
<!-- TITLED IMAGE WITH CAPTION // --></td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]>
                  </td>
                  </tr>
                  </table>
                  <![endif]--></td>
</tr>
</tbody>
</table>
<!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]--></td>
</tr>
<!-- 2-COLUMN CONTENT // --> <!-- // 2-COLUMN CONTENT -->
<tr>
<td align="center" height="100%" valign="top" width="100%" style="background-color: #ffffff;"><!--[if mso]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
            <tr>
            <td align="center" valign="top" width="640">
            <![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
<tbody>
<tr>
<td align="center" valign="top" style="font-size: 0; padding-top: 30px;"><!--[if mso]>
                  <table align="center" border="0" cellspacing="0" cellpadding="0" width="640">
                  <tr>
                  <td align="left" valign="top" width="280">
                  <![endif]-->
<div style="display: inline-block; max-width: 280px; vertical-align: top; width: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 280px;">
<tbody>
<tr>
<td align="center" valign="top"><!-- // TITLED IMAGE WITH CAPTION -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
<tbody>
<tr>
<td align="left" valign="top" style="font-size: 0; padding: 10px;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 270px;">
<tbody>
<tr>
<td align="center" valign="top"><a href="http://email.quip.co/ZAr5E01GV0000M0wY00gOHZ" target="_blank"><img src="http://d2i1pl9gz4hwa7.cloudfront.net/fVvjK7HwbpptU67YUN-MkA" alt="Image - Quip Feature 3" height="320" width="580" style="font: bold 14px/100% sans-serif; border: 1px solid #EAEAEA; height: auto; max-width: 270px; width: 100%;" constrain="true" imagepreview="false"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- TITLED IMAGE WITH CAPTION // --></td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]>
                  </td>
                  <td align="left" valign="top" width="350">
                  <![endif]-->
<div style="display: inline-block; max-width: 350px; vertical-align: top; width: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 350px;">
<tbody>
<tr>
<td align="center" valign="top"><!-- // TITLED IMAGE WITH CAPTION -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 640px;">
<tbody>
<tr>
<td align="left" valign="top" style="font-size: 0; padding: 10px;"><!--[if mso]>
                                <table align="right" border="0" cellspacing="0" cellpadding="0" width="340">
                                <tr>
                                <td align="left" valign="top" width="340">
                                <![endif]-->
<div style="display: inline-block; max-width: 340px; width: 100%;">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 340px; background-color: #ffffff;">
<tbody>
<tr>
<td align="left" valign="top" style="padding: 0 10px;">
<div style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000000; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0; padding: 0; text-decoration: none;" class="black-heading">Salesforce + Quip</div>
<div style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000000; font-size: 16px; font-weight: normal; line-height: 22px; margin: 0; padding: 3px 0 0 0;" class="paragraph">The world's leading CRM is now connected to your favorite productivity suite. If you've been thinking about transitioning Quip to your work life, now's the time.</div>
<div style="padding: 10px 0 0 0;"><a href="http://email.quip.co/ZAr5E01GV0000M0wY00gOHZ" target="_blank" style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; margin: 0; color: #25b4e9; text-decoration: none;" class="blue-link">Learn more &gt;</a></div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]>
                                </td>
                                </tr>
                                </table>
                                <![endif]--></td>
</tr>
</tbody>
</table>
<!-- TITLED IMAGE WITH CAPTION // --></td>
</tr>
</tbody>
</table>
</div>
<!--[if mso]>
                  </td>
                  </tr>
                  </table>
                  <![endif]--></td>
</tr>
</tbody>
</table>
<!--[if mso]>
            </td>
            </tr>
            </table>
            <![endif]--></td>
</tr>
<!-- 2-COLUMN CONTENT // --> <!--spacer-->
<tr>
<td class="full" align="center" height="60" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<!-- // FOOTER -->
<tr>
<td align="center" height="100%" valign="top" width="100%" style="background-color: #f5f5f5;">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" valign="top" style="padding: 40px 20px 60px;">
<div style="font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000000; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; padding: 0; text-align: center;" class="paragraph">We hope you enjoy the new additions to your Quip experience. Happy Quipping!<br> <br> - Team Quip<br> <br> <br></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- FOOTER // --></tbody>
</table>
</center></div>
</div>


</body>
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console