Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

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

Add External Scripts/Pens

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

+ add another resource

Use npm Packages

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

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

Code Indentation

     

Save Automatically?

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

Auto-Updating Preview

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

HTML Settings

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

            
              
<!doctype html public "- / /w3c / /dtd html 4.01 transitional / /en" "http: / /www.w3.org /tr /html4 /loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
<style type="text/css">html{
text-rendering: optimizeLegibility;
}
body, table, td, a{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility;}
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; display: block; }
table{border-collapse: collapse !important;}
body{font-family: 'Product Sans', 'Roboto', Arial, sans-serif; height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !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;
}
.cta {padding: 5px 4px 5px 4px !important; min-width: 500px;}
</style>
<style type="text/css">@media only screen and (min-width:376px) and (max-width:412px) {
u + .body .wrapper .hero{ padding:0px 0px 50px 0px !important; border: none !important; outline: none !important; !important; width: 570px !important;}
}
</style>
<style type="text/css">/*Iphone 6 Gmail (Potrait)*/
@media only screen and (min-width: 345px) and (orientation:portrait){
.body .wrapper a.cta{ line-height:normal !important;}
}
</style>
<style type="text/css">
@media only screen and (min-width:376px) and (max-width:412px) {
u + .body .wrapper .cta{ padding:9px 0px 7px 0px !important; line-height:normal !important;}
.body .wrapper a.cta{ line-height:normal !important;}
}
</style>
<!--[if mso]>
<style type="text/css">
body, table, td {font-family: Arial, Helvetica, sans-serif;}
</style>
<![endif]-->   </head>
   <body style="margin:0; padding:0;" class="body">
      <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
         <tbody>
            <tr>
               <td align="center" valign="top" width="100%">
                  <center class="wrapper">
                     <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width:600px;" width="600">
                        <tbody>
                           <tr>
                              <td valign="top" width="600">
                                 <div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; overflow: hidden;">Shop the best of Google for less.</div>
                                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tbody>
                                       <tr>
                                          <td align="center" bgcolor="#F5EAE9" style="background-color:#F5EAE9; border: none;padding-top: 22px;" valign="bottom"><a border="0" href="https://store.google.com?utm_source=welcome&utm_medium=email_crm&utm_campaign=GS101849" style="border:none; outline:none;" target="_blank"><img alt="Google Store" border="0" src="https://www.gstatic.com/images/branding/product/1x/googleg_64dp.png" style="-ms-interpolation-mode:bicubic;border:none;max-width:100%;outline:none;width: 33px;vertical-align: bottom;" width="33"></a></td>
                                       </tr>
<tr bgcolor="#F5EAE9" border="0" style="border-collapse: collapse;">
   <td align="center" bgcolor="#F5EAE9" border="0" style="border-collapse: collapse;" width="600">
      <table bgcolor="#F5EAE9" border="0" cellpadding="0" cellspacing="0" valign="top">
         <tbody>
            <tr>
               <td align="center" style="font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; padding:53px 0px 3px; font-weight: bold;" valign="top"><a href="https://store.google.com/collection/offers?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7e7e7e; text-decoration: none; font-size:28px; line-height:38px;" target="_blank"><!--[if mso]><sup style="font-size: 13px;line-height: 0.1;">Our last email had a mistake, so we've corrected the prices below. Happy Shopping.</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 13px; font-weight:bold; line-height: 1;">Our last email had a mistake, so we&#39;ve corrected the prices below. Happy Shopping.</sup><!--<![endif]--><br>Some deals are too good to be true.</a></td>
            </tr>
<tr>
   <td align="center" style="padding: 18px 0px 2px; text-align:center;" valign="top">
     <table align="center" border="0" cellpadding="0" cellspacing="0" valign="top">
       <tr>
       <td>
      <div>
         <!--[if mso]>
         <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://store.google.com/collection/offers?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="height:32px; v-text-anchor:middle; width:120px;" arcsize="5%" strokecolor="#D8D8D8" fillcolor="#F5EAE9">
            <w:anchorlock/>
            <center style="color:#7E7E7E;font-family:Arial, sans-serif; font-size:14px; font-weight:normal;">Shop the sale</center>
         </v:roundrect>
         <![endif]--><a class="cta" href="https://store.google.com/collection/offers?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="background-color:#F5EAE9; border:2px solid #D8D8D8; border-radius:2px; color:#7E7E7E; display:inline-block; font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-size:14px; line-height:22px; text-decoration:none; min-width:101px; padding:5px 0px; -webkit-text-size-adjust:none; mso-hide:all; font-weight:500;" target="_blank">Shop the sale</a>
      </div>
      <!-- bgcolor of button dependent on bgcolor of img -->  
         </td>
     </table>
   </td>
</tr>
         </tbody>
      </table>
   </td>
</tr>
                                       <tr>
                                          <td align="center" bgcolor="#F5EAE9" style="background-color: #F5EAE9; border: none; padding-top: 25px;" valign="bottom"><a border="0" href="https://store.google.com/collection/offers?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="border:none; outline:none;" target="_blank"><img alt="Pixel 3" border="0" src="https://services.google.com/fh/files/emails/crm_cybermonday_mod1.jpg" style="-ms-interpolation-mode:bicubic; border:none; max-width:100%; outline:none; vertical-align: bottom" width="600"></a></td>
                                       </tr>
                              <tr><td style="padding-top:15px;"></td></tr>
<tr bgcolor="#FAFAFA" border="0" style="border-collapse: collapse;">
   <td align="center" bgcolor="#FAFAFA" border="0" style="border-collapse: collapse;" width="600">
      <table bgcolor="#FAFAFA" border="0" cellpadding="0" cellspacing="0" valign="top">
         <tbody>
            <tr>
               <td align="center" style="font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; padding:81px 0px 7px; font-weight: bold;" valign="top"><a href="https://store.google.com/config/pixel_3_google_home_hub?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7e7e7e; text-decoration: none; font-size:26px; line-height:34px;" target="_blank">Buy a Pixel 3/3 XL and get a<br> Google Home Hub on us, plus get <br>$50 to spend on Google Store.<!--[if mso]><sup style="font-size: 13px;line-height: 1;">1</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 15px;line-height: 1;">1</sup><!--<![endif]--></a></td>
            </tr>
<tr>
   <td align="center" style="padding: 18px 0px 2px; text-align:center;" valign="top">
     <table align="center" border="0" cellpadding="0" cellspacing="0" valign="top">
       <tr>
       <td>
      <div>
         <!--[if mso]>
         <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://store.google.com/config/pixel_3_google_home_hub?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="height:32px; v-text-anchor:middle; width:60px;" arcsize="5%" strokecolor="#D8D8D8" fillcolor="#FAFAFA">
            <w:anchorlock/>
            <center style="color:#7E7E7E;font-family:Arial, sans-serif; font-size:14px; font-weight:normal;">Shop</center>
         </v:roundrect>
         <![endif]--><a class="cta" href="https://store.google.com/config/pixel_3_google_home_hub?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="background-color:#FAFAFA; border:2px solid #D8D8D8; border-radius:2px; color:#7E7E7E; display:inline-block; font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-size:14px; line-height:22px; text-decoration:none; min-width:50px; padding:5px 0px; -webkit-text-size-adjust:none; mso-hide:all; font-weight:500;" target="_blank">Shop</a>
      </div>
      <!-- bgcolor of button dependent on bgcolor of img -->  
         </td>
         <td style="color: #FFFFFF; font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-weight:500; " align="center" border="0">   <a href="https://store.google.com/config/pixel_3_google_home_hub?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" target="_blank" style="text-decoration: none;">   <span style="font-size: 14px; color:#7e7e7e;line-height: 22px; ">$799  </span><span style="font-size: 14px; line-height: 22px; color:#aaaead; text-decoration:line-through">$948</span></a></td>
     </table>
   </td>
</tr>
         </tbody>
      </table>
   </td>
</tr>
                                       <tr>
                                          <td align="center" bgcolor="#FAFAFA" style="background-color: #fafafa; border: none; padding-top: 23px;" valign="bottom"><a border="0" href="https://store.google.com/config/pixel_3_google_home_hub?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="border:none; outline:none;" target="_blank"><img alt="Pixel 3 &amp; Google Home Hub" border="0" src="https://services.google.com/fh/files/emails/crm_cybermonday_mod2.jpg" style="-ms-interpolation-mode:bicubic; border:none; max-width:100%; outline:none; vertical-align: bottom" width="600"></a></td>
                                       </tr>
                               <tr><td style="padding-top:15px;"></td></tr>
<tr bgcolor="#EBF5F3" border="0" style="border-collapse: collapse;">
   <td align="center" bgcolor="#EBF5F3" border="0" style="border-collapse: collapse;" width="600">
      <table bgcolor="#EBF5F3" border="0" cellpadding="0" cellspacing="0" valign="top">
         <tbody>
            <tr>
               <td align="center" style="font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; padding:81px 0px 7px; font-weight: 500;" valign="top"><a href="https://store.google.com/config/google_home_hub_home_wifi?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7e7e7e; text-decoration: none; font-size:14px; line-height:20px;" target="_blank">Google Home Hub + Google Home + Google Wifi 3-pack</a></td>
            </tr>
            <tr>
               <td align="center" style="font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-weight:bold; " valign="top"><a href="https://store.google.com/config/google_home_hub_home_wifi?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7E7E7E; text-decoration: none; font-size:26px; line-height:34px; font-weight: bold;" target="_blank">Your home-improvement<br> crew for $129 less.<!--[if mso]><sup style="font-size: 13px;line-height: 1;">2</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 15px;line-height: 1;">2</sup><!--<![endif]--></a></td>
            </tr>
<tr>
   <td align="center" style="padding: 18px 0px 2px; text-align:center;" valign="top">
     <table align="center" border="0" cellpadding="0" cellspacing="0" valign="top">
       <tr>
       <td>
      <div>
         <!--[if mso]>
         <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://store.google.com/config/google_home_hub_home_wifi?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="height:32px; v-text-anchor:middle; width:60px;" arcsize="5%" strokecolor="#D8D8D8" fillcolor="#EBF5F3">
            <w:anchorlock/>
            <center style="color:#7E7E7E;font-family:Arial, sans-serif; font-size:14px; font-weight:normal;">Shop</center>
         </v:roundrect>
         <![endif]--><a class="cta" href="https://store.google.com/config/google_home_hub_home_wifi?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="background-color:#EBF5F3; border:2px solid #D8D8D8; border-radius:2px; color:#7E7E7E; display:inline-block; font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-size:14px; line-height:22px; text-decoration:none; min-width:50px; padding:5px 0px; -webkit-text-size-adjust:none; mso-hide:all; font-weight:500;" target="_blank">Shop</a>
      </div>
      <!-- bgcolor of button dependent on bgcolor of img -->  
         </td>
         <td style="color: #FFFFFF; font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-weight:500; " align="center" border="0">   <a href="https://store.google.com/config/google_home_hub_home_wifi?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" target="_blank" style="text-decoration: none;">   <span style="font-size: 14px; color:#7e7e7e;line-height: 22px; ">$448  </span><span style="font-size: 14px; line-height: 22px; color:#aaaead; text-decoration:line-through">$577</span></a></td>
     </table>
   </td>
</tr>
         </tbody>
      </table>
   </td>
</tr>
                                       <tr>
                                          <td align="center" bgcolor="#EBF5F3" style="background-color: #EBF5F3; border: none; padding-top: 20px;" valign="bottom"><a border="0" href="https://store.google.com/config/google_home_hub_home_wifi?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="border:none; outline:none;" target="_blank"><img alt="Google Home Hub, Google Home, Google Wifi" border="0" src="https://services.google.com/fh/files/emails/crm_cybermonday_mod3.jpg" style="-ms-interpolation-mode:bicubic; border:none; max-width:100%; outline:none; vertical-align: bottom" width="600"></a></td>
                                       </tr>
                                <tr><td style="padding-top:15px;"></td></tr>
<tr bgcolor="#F8F8F8" border="0" style="border-collapse: collapse;">
   <td align="center" bgcolor="#F8F8F8" border="0" style="border-collapse: collapse;" width="600">
      <table bgcolor="#F8F8F8" border="0" cellpadding="0" cellspacing="0" valign="top">
         <tbody>
            <tr>
               <td align="center" style="font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; padding:81px 0px 7px; font-weight: 500;" valign="top"><a href="https://store.google.com/config/google_home_max_two_pack?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7e7e7e; text-decoration: none; font-size:14px; line-height:20px;" target="_blank">Google Home Max + Google Home Max</a></td>
            </tr>
            <tr>
               <td align="center" style="font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-weight:bold; " valign="top"><a href="https://store.google.com/config/google_home_max_two_pack?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7E7E7E; text-decoration: none; font-size:26px; line-height:34px; font-weight: bold;" target="_blank">Save $150 when you double<br> down on Home Max.<!--[if mso]><sup style="font-size: 13px;line-height: 1;">3</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 15px;line-height: 1;">3</sup><!--<![endif]--></a></td>
            </tr>
<tr>
   <td align="center" style="padding: 18px 0px 2px; text-align:center;" valign="top">
     <table align="center" border="0" cellpadding="0" cellspacing="0" valign="top">
       <tr>
       <td>
      <div>
         <!--[if mso]>
         <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://store.google.com/config/google_home_max_two_pack?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="height:32px; v-text-anchor:middle; width:60px;" arcsize="5%" strokecolor="#D8D8D8" fillcolor="#F8F8F8">
            <w:anchorlock/>
            <center style="color:#7E7E7E;font-family:Arial, sans-serif; font-size:14px; font-weight:normal;">Shop</center>
         </v:roundrect>
         <![endif]--><a class="cta" href="https://store.google.com/config/google_home_max_two_pack?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="background-color:#F8F8F8; border:2px solid #D8D8D8; border-radius:2px; color:#7E7E7E; display:inline-block; font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-size:14px; line-height:22px; text-decoration:none; min-width:50px; padding:5px 0px; -webkit-text-size-adjust:none; mso-hide:all; font-weight:500;" target="_blank">Shop</a>
      </div>
      <!-- bgcolor of button dependent on bgcolor of img -->  
         </td>
         <td style="color: #FFFFFF; font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-weight:500; " align="center" border="0">   <a href="https://store.google.com/config/google_home_max_two_pack?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" target="_blank" style="text-decoration: none;">   <span style="font-size: 14px; color:#7e7e7e;line-height: 22px; ">$648  </span><span style="font-size: 14px; line-height: 22px; color:#aaaead; text-decoration:line-through">$798</span></a></td>
     </table>
   </td>
</tr>
         </tbody>
      </table>
   </td>
</tr>
                                       <tr>
                                          <td align="center" bgcolor="#F8F8F8" style="background-color: #F8F8F8; border: none; padding-top: 20px;" valign="bottom"><a border="0" href="https://store.google.com/config/google_home_max_two_pack?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="border:none; outline:none;" target="_blank"><img alt="Google Home Max" border="0" src="https://services.google.com/fh/files/emails/crm_cybermonday_mod4.jpg" style="-ms-interpolation-mode:bicubic; border:none; max-width:100%; outline:none; vertical-align: bottom" width="600"></a></td>
                                       </tr>
                                <tr><td style="padding-top:15px;"></td></tr>
<tr bgcolor="#F5EAE9" border="0" style="border-collapse: collapse;">
   <td align="center" bgcolor="#F5EAE9" border="0" style="border-collapse: collapse;" width="600">
      <table bgcolor="#F5EAE9" border="0" cellpadding="0" cellspacing="0" valign="top">
         <tbody>
            <tr>
               <td align="center" style="font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; padding:81px 0px 7px; font-weight: 500;" valign="top"><a href="https://store.google.com/us/category/custom_my_case?hl=en-US&utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7e7e7e; text-decoration: none; font-size:14px; line-height:20px;" target="_blank">My Case</a></td>
            </tr>
            <tr>
               <td align="center" style="font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-weight:bold; " valign="top"><a href="https://store.google.com/us/category/custom_my_case?hl=en-US&utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7E7E7E; text-decoration: none; font-size:26px; line-height:34px; font-weight: bold;" target="_blank">Your pic, your Pixel case.<br>Now for $20 less.<!--[if mso]><sup style="font-size: 13px;line-height: 1;">4</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 15px;line-height: 1;">4</sup><!--<![endif]--></a></td>
            </tr>
<tr>
   <td align="center" style="padding: 18px 0px 2px; text-align:center;" valign="top">
     <table align="center" border="0" cellpadding="0" cellspacing="0" valign="top">
       <tr>
       <td>
      <div>
         <!--[if mso]>
         <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://store.google.com/us/category/custom_my_case?hl=en-US&utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="height:32px; v-text-anchor:middle; width:60px;" arcsize="5%" strokecolor="#D8D8D8" fillcolor="#F5EAE9">
            <w:anchorlock/>
            <center style="color:#7E7E7E;font-family:Arial, sans-serif; font-size:14px; font-weight:normal;">Shop</center>
         </v:roundrect>
         <![endif]--><a class="cta" href="https://store.google.com/us/category/custom_my_case?hl=en-US&utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="background-color:#F5EAE9; border:2px solid #D8D8D8; border-radius:2px; color:#7E7E7E; display:inline-block; font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-size:14px; line-height:22px; text-decoration:none; min-width:50px; padding:5px 0px; -webkit-text-size-adjust:none; mso-hide:all; font-weight:500;" target="_blank">Shop</a>
      </div>
      <!-- bgcolor of button dependent on bgcolor of img -->  
         </td>
         <td style="color: #FFFFFF; font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-weight:500; " align="center" border="0">   <a href="https://store.google.com/us/category/custom_my_case?hl=en-US&utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" target="_blank" style="text-decoration: none;">   <span style="font-size: 14px; color:#7e7e7e;line-height: 22px; ">$30  </span><span style="font-size: 14px; line-height: 22px; color:#aaaead; text-decoration:line-through">$50</span></a></td>
     </table>
   </td>
</tr>
         </tbody>
      </table>
   </td>
</tr>
                                      
                                       <tr>
                                          <td align="center" bgcolor="#F5EAE9" style="background-color: #F5EAE9; border: none; padding-top: 20px;" valign="bottom"><a border="0" href="https://store.google.com/us/category/custom_my_case?hl=en-US&utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="border:none; outline:none;" target="_blank"><img alt="Pixel Case" border="0" src="https://services.google.com/fh/files/emails/crm_cybermonday_mod5.jpg" style="-ms-interpolation-mode:bicubic; border:none; max-width:100%; outline:none; vertical-align: bottom" width="600"></a></td>
                                       </tr>
                                <tr><td style="padding-top:15px;"></td></tr>
<tr bgcolor="#ECECEC" border="0" style="border-collapse: collapse;">
   <td align="center" bgcolor="#ECECEC" border="0" style="border-collapse: collapse;" width="600">
      <table bgcolor="#ECECEC" border="0" cellpadding="0" cellspacing="0" valign="top">
         <tbody>
            <tr>
               <td align="center" style="font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; padding:81px 0px 7px; font-weight: 500;" valign="top"><a href="https://store.google.com/product/google_daydream_view?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7e7e7e; text-decoration: none; font-size:14px; line-height:20px;" target="_blank">Daydream View</a></td>
            </tr>
            <tr>
               <td align="center" style="font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-weight:bold; " valign="top"><a href="https://store.google.com/product/google_daydream_view?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="color:#7E7E7E; text-decoration: none; font-size:26px; line-height:34px; font-weight: bold;" target="_blank">You won&#39;t believe your eyes.<br>Save $60 on Daydream View.<!--[if mso]><sup style="font-size: 13px;line-height: 1;">5</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 15px;line-height: 1;">5</sup><!--<![endif]--></a></td>
            </tr>
<tr>
   <td align="center" style="padding: 18px 0px 2px; text-align:center;" valign="top">
     <table align="center" border="0" cellpadding="0" cellspacing="0" valign="top">
       <tr>
       <td>
      <div>
         <!--[if mso]>
         <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://store.google.com/product/google_daydream_view?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="height:32px; v-text-anchor:middle; width:60px;" arcsize="5%" strokecolor="#D8D8D8" fillcolor="#ECECEC">
            <w:anchorlock/>
            <center style="color:#7E7E7E;font-family:Arial, sans-serif; font-size:14px; font-weight:normal;">Shop</center>
         </v:roundrect>
         <![endif]--><a class="cta" href="https://store.google.com/product/google_daydream_view?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="background-color:#ECECEC; border:2px solid #D8D8D8; border-radius:2px; color:#7E7E7E; display:inline-block; font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-size:14px; line-height:22px; text-decoration:none; min-width:50px; padding:5px 0px; -webkit-text-size-adjust:none; mso-hide:all; font-weight:500;" target="_blank">Shop</a>
      </div>
      <!-- bgcolor of button dependent on bgcolor of img -->  
         </td>
         <td style="color: #FFFFFF; font-family:&#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; font-weight:500; " align="center" border="0">   <a href="https://store.google.com/product/google_daydream_view?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" target="_blank" style="text-decoration: none;">   <span style="font-size: 14px; color:#7e7e7e;line-height: 22px; ">$39  </span><span style="font-size: 14px; line-height: 22px; color:#aaaead; text-decoration:line-through">$99</span></a></td>
     </table>
   </td>
</tr>
         </tbody>
      </table>
   </td>
</tr>
                                       <tr>
                                          <td align="center" bgcolor="#ECECEC" style="background-color: #ECECEC; border: none; " valign="bottom"><a border="0" href="https://store.google.com/product/google_daydream_view?utm_source=promo&utm_medium=email_crm&utm_campaign=GS101849" style="border:none; outline:none;" target="_blank"><img alt="Daydream View" border="0" src="https://services.google.com/fh/files/emails/crm_cybermonday_mod6.jpg" style="-ms-interpolation-mode:bicubic; border:none; max-width:100%; outline:none; vertical-align: bottom" width="600"></a></td>
                                       </tr>
                                            <tr><td style="padding-top:15px;"></td></tr>
                                
<tr>
   <td align="center" bgcolor="#F8F8F8" style="background-color:#F8F8F8">
      <table border="0" cellpadding="0" cellspacing="0" style="border:0; border-collapse:collapse; width:600px; padding:0; margin:0;" width="600">
         <tbody>
            <tr>
               <td style="padding:0; padding-top:68px; padding-bottom:5px; background-color:#F8F8F8;color:#999999;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="footer" style="width:100%; -premailer-cellpadding:0; -premailer-cellspacing:0; border-collapse:collapse; border-spacing: 0px !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family:&#39;Product Sans&#39;,&#39;Google Sans&#39;, Roboto, Arial, Helvetica, sans-serif;">
                     <tbody>
                        <tr>
                           <td align="center" style="padding:0 47px; background-color:#F8F8F8;color:#999999;" valign="top">
                              <table border="0" cellpadding="0" cellspacing="0" class="footer" style="width:100%; -premailer-cellpadding:0; -premailer-cellspacing:0; border-collapse:collapse; border-spacing: 0px !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family:&#39;Product Sans&#39;,&#39;Google Sans&#39;, Roboto, Arial, Helvetica, sans-serif;" width="100%">
                                 <tbody>
                                    <tr>
                                       <td style="padding-top:0;padding-bottom:50px; color:#999999;" valign="top">
                                          <table align="center" class="social_tbl" dir="ltr" style="-premailer-cellpadding:0; -premailer-cellspacing:0; border-collapse:collapse; font-family:&#39;Product Sans&#39;,&#39;Google Sans&#39;, Roboto, Arial, Helvetica, sans-serif; font-weight:normal; mso-table-lspace:0; mso-table-rspace:0; margin: 0 auto;" cellpadding="0" cellspacing="0">
                                             <tbody>
                                                <tr>
                                                   <td align="left" width="44" style="border-collapse:collapse; border-spacing:0; padding:0; width:44px">
                                                      <a target="_blank" href="https://twitter.com/madebygoogle" style="border: none;">
                                                      <img src="https://services.google.com/fh/files/emails/twitter_b2c.png" alt="Twitter" style="-ms-interpolation-mode:bicubic; border:none; outline:none; text-decoration:none; height: 18px;" width="22">
                                                      </a>
                                                   </td>
                                                   <td align="left" width="20" style="border-collapse:collapse; border-spacing:0; padding:0; width:20px"></td>
                                                   <td align="left" width="44" style="border-collapse:collapse; border-spacing:0; padding:0; width:44px">
                                                      <a target="_blank" href="https://instagram.com/madebygoogle/" style="border: none;">
                                                      <img src="https://services.google.com/fh/files/emails/intragram_b2c.png" alt="Instagram" style="-ms-interpolation-mode:bicubic; border:none; outline:none; text-decoration:none; height: 18px;" width="18">
                                                      </a>
                                                   </td>
                                                   <td align="left" width="20" style="border-collapse:collapse; border-spacing:0; padding:0; width:20px"></td>
                                                   <td align="left" width="44" style="border-collapse:collapse; border-spacing:0; padding:0; width:43px">
                                                      <a target="_blank" href="https://www.facebook.com/madebygoogle" style="border: none;">
                                                      <img src="https://services.google.com/fh/files/emails/facebook_b2c.png" alt="Facebook" style="-ms-interpolation-mode:bicubic; border:none; outline:none; text-decoration:none; height: 18px;" width="18">
                                                      </a>
                                                   </td>
                                                   <td align="left" width="20" style="border-collapse:collapse; border-spacing:0; padding:0; width:20px"></td>
                                                   <td align="left" width="" style="border-collapse:collapse; border-spacing:0; padding:0;">
                                                      <a target="_blank" href="https://www.youtube.com/madebygoogle" style="border: none;">
                                                      <img src="https://services.google.com/fh/files/emails/yt_b2c.png" alt="Youtube" style="-ms-interpolation-mode:bicubic; border:none; outline:none; text-decoration:none; height: 18px;" width="25">
                                                      </a>
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                       </td>
                                    </tr>
                                    <!-- Was helpful -->
                                    <tr>
                                       <td align="center" style="color:#999999; font-size:10px; text-align:center; line-height:16px;font-family:&#39;Product Sans&#39;,&#39;Google Sans&#39;, Roboto, Arial, Helvetica, sans-serif;padding-bottom:2px; padding-top:4px; font-weight:bold">
                                          <div style="font-size:10px;">Was this email helpful?</div>
                                       </td>
                                    </tr>
                                    <!-- Was helpful end-->
                                    <!-- Smily -->
                                    <tr>
                                       <td align="center" style="padding-top:0px;padding-bottom:12px;" valign="top">
                                          <table border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 600px;">
                                             <tbody>
                                                <tr>
                                                   <td style="background-color:#F8F8F8;">
                                                   </td>
                                                   <td style=" padding:12px 8px;" align="center">
                                                      <a href="#" target="_blank" bgcolor="#F8F8F8"><img height="32" width="32" src="https://services.google.com/fh/files/emails/smiley_happy.png" alt=":)" border="0" style="border:none; outline:none; color:#fafafa;"></a>
                                                   </td>
                                                   <td style="padding:12px 8px;" align="center">
                                                      <a href="#" target="_blank" bgcolor="#F8F8F8"><img height="32" width="32" src="https://services.google.com/fh/files/emails/smiley_meh.png" alt=":|" border="0" style="border:none; outline:none; color:#fafafa;"></a>
                                                   </td>
                                                   <td style="padding:12px 8px;" align="center"> 
                                                      <a href="#" target="_blank" bgcolor="#F8F8F8"><img height="32" width="32" src="https://services.google.com/fh/files/emails/smiley_sad.png" alt=":(" border="0" style="border:none; outline:none; color:#fafafa;"></a>
                                                   </td>
                                                   <td style="background-color:#F8F8F8; ">
                                                   </td>
                                                </tr>
                                             </tbody>
                                          </table>
                                       </td>
                                    </tr>
                                    <!-- Smiley end-->
                                    <tr>
                                       <td style="padding:0; font-size: 10px; line-height:16px;text-align: center; font-family:&#39;Product Sans&#39;,&#39;Google Sans&#39;, Roboto, Arial, Helvetica, sans-serif; color:#999999; padding-bottom:0px; font-weight:bold;" valign="top">We&#39;d love to hear from you!</td>
                                    </tr>
                                    <tr>
                                       <td style="font-size: 10px; line-height:16px;text-align: center; font-family:&#39;Product Sans&#39;, Roboto, Arial, Helvetica, sans-serif; color:#999999; padding-bottom:35px;" valign="top">Help us improve by sharing your feedback in this short <a href="#" target="_blank" style="color:#999999; text-decoration: underline;">survey</a>.</td>
                                    </tr>
                                    <tr>
   <td style="font-size: 0px;">
      <!--[if gte mso 9]>
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
         <tr>
            <td width="44" bgcolor="#FAFAFA" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
            <td width="513" bgcolor="#E2E2E2" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
            <td width="44" bgcolor="#FAFAFA" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
         </tr>
      </table>
      <![endif]-->
      <!--[if !mso]><!--> 
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
         <tbody>
            <tr>
               <td width="44" bgcolor="#FAFAFA" style="padding-top: 1px;"></td>
               <td width="513" style="border-top: 1px solid #E2E2E2;"></td>
               <td width="44" bgcolor="#FAFAFA" style="padding-top: 1px;"></td>
            </tr>
         </tbody>
      </table>
      <!--<![endif]-->
   </td>
</tr>
                                 </tbody>
                              </table>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </td>
            </tr>
         </tbody>
      </table>
   </td>
</tr>
<tr>
   <td bgcolor="#F8F8F8" style="padding: 24px 54px; background-color:#F8F8F8;">
      <table bgcolor="#F8F8F8" cellspacing="0" cellpadding="0" style="border-collapse: collapse; max-width: 600px" border="0">
         <tbody>
            <tr>
               <td valign="top">
                  <table border="0" cellpadding="0" cellspacing="0">
                     <tbody>
                        <tr>
                           <td valign="top" align="left" width="230">
                              <table valign="top" height="100%" border="0" cellpadding="0" cellspacing="0" style="border:none; text-align:top;">
                                 <tbody>
                                    <tr>
                                       <td style="color:#999999; font-size:10px; line-height:16px; text-decoration: none; font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif;" valign="top" align="left">                  <!--[if mso]><sup style="font-size: 13px;line-height: 1;">1</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 10px;line-height: 1;">1</sup><!--<![endif]--> Get $50 to spend on Google Store when you buy Pixel 3/3 XL, plus get a Google Home Hub on us. Offer valid starting on November 26, 2018 at 12am PT through November 26 at 11:59pm PT. Available only to US residents aged 18 years or older with US shipping addresses. Customers who checkout as guests are ineligible to receive the Promotional Balance. Limit 1 per customer. Offer isn’t valid if the device is returned. Customers will receive an email notifying them Promotional Balance is added to their account within 6-8 weeks after the end of the promotion. It’s non-transferable, and not valid for cash or a cash equivalent. Both products must be added to your shopping cart to receive the bundle offer. Offer cannot be combined with any promotional codes, or with other offers running at the same time. It’s non-transferable, and it isn’t valid for cash or a cash equivalent. Purchase must be made on Google Store US. Available only while supplies last. Shipping charges may apply at checkout. Void where prohibited. Promotional balance expires on March 7, 2019. This offer can be combined with the YouTube Music Premium or YouTube Premium offer. Restrictions and terms apply. See YouTube Music Premium and YouTube Premium full terms here: youtube.com/t/red_restrictions?gl=US. Terms of sale and additional Promotional Balance terms apply: https://store.google.com/intl/en_us/about/device-terms.html<br> <br>
                               <!--[if mso]><sup style="font-size: 13px;line-height: 1;">2</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 10px;line-height: 1;">2</sup><!--<![endif]--> Save $129 on a Google Home Hub, Google Home and a Google Wifi 3pk bundle, starting on November 26, 2018 at 12 am PT and ending on November 26, 2018 at 11:59pm PT. Available only to US residents with US shipping addresses aged 18 years or older. A Google Home Hub, a Google Home and a Google Wifi 3-pack must be added to your shopping cart to receive the bundle offer. If a qualifying item in your order is returned, you’ll be reimbursed for what you return, minus the value of the special offer. Offer cannot be combined with any promotional codes, or with other bundle offers running at the same time. It’s non-transferable, and it isn’t valid for cash or a cash equivalent. Purchase must be made on Google Store US.  Available only while supplies last. Shipping charges may apply at checkout. Void where prohibited.  This offer can be combined with the YouTube Music Premium offer or YouTube Premium offer.  Restrictions and terms apply.  See YouTube Music Premium and YouTube Premium full terms here:  youtube.com/t/red_restrictions?gl=US
                                       </td>
                                    </tr>
                                 </tbody>
                              </table>
                           </td>
                           <td align="left" width="31">
                              <table height="100%" border="0" cellpadding="0" cellspacing="0">
                                 <tbody>
                                    <tr>
                                       <td valign="top" align="left"></td>
                                    </tr>
                                 </tbody>
                              </table>
                           </td>
                           <td valign="top" align="right" width="231">
                              <table valign="top" height="100%" border="0" cellspacing="0" cellpadding="0" style="border:none; text-align:top;">
                                 <tbody>
                                    <tr>
                                       <td style="color:#999999; font-size:10px; line-height:16px; text-decoration: none; font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif;" valign="top" align="left">
                                         <!--[if mso]><sup style="font-size: 13px;line-height: 1;">3</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 10px;line-height: 1;">3</sup><!--<![endif]-->  Save $150 on 2 Google Home Max speakers, starting on November 26, 2018 at 12 am PT and ending on November 26, 2018 at 11:59pm PT. Available only to US residents with US shipping addresses aged 18 years or older. Both products must be added to your shopping cart to receive the bundle offer. If a qualifying item in your order is returned, you’ll be reimbursed for what you return, minus the value of the special offer.  Offer cannot be combined with any promotional codes, or with other bundle offers running at the same time. It’s non-transferable, and it isn’t valid for cash or a cash equivalent. Purchase must be made on Google Store US.  Available only while supplies last. Shipping charges may apply at checkout. Void where prohibited.  This offer can be combined with the YouTube Music Premium offer.  Restrictions and terms apply.  See YouTube Music Premium full terms here:  youtube.com/t/red_restrictions?gl=US<br> <br>
                                         <!--[if mso]><sup style="font-size: 13px;line-height: 1;">4</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 10px;line-height: 1;">4</sup><!--<![endif]--> Save $20 on My Case.  Starts November 26, 2018 at 12am PT and ends November 26, 2018 at 11:59pm PT, while supplies last and subject to availability.  US residents only.  Must be 18 years or older.  Unless otherwise stated, offer cannot be combined with other offers and is not transferable.  Purchase must be made on Google Store US. Not valid for cash or cash equivalent. Void where prohibited.  <br> <br>
                                         <!--[if mso]><sup style="font-size: 13px;line-height: 1;">5</sup><![endif]--><!--[if !mso]><!--><sup style="font-size: 10px;line-height: 1;">5</sup><!--<![endif]--> Save $60 on Daydream View.  Starts November 26, 2018 at 12am PT and ends November 26, 2018 at 11:59pm PT, while supplies last and subject to availability.  US residents only.  Must be 18 years or older.  Unless otherwise stated, offer cannot be combined with other offers and is not transferable.  Purchase must be made on Google Store US. Not valid for cash or cash equivalent. Void where prohibited.
                                       </td>
                                    </tr>
                                 </tbody>
                              </table>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </td>
            </tr>
         </tbody>
      </table>
   </td>
</tr>
<tr>
   <td style="font-size: 0px;">
      <!--[if gte mso 9]>
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
         <tr>
            <td width="44" bgcolor="#FAFAFA" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
            <td width="513" bgcolor="#E2E2E2" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
            <td width="44" bgcolor="#FAFAFA" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
         </tr>
      </table>
      <![endif]-->
      <!--[if !mso]><!--> 
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
         <tbody>
            <tr>
               <td width="44" bgcolor="#FAFAFA" style="padding-top: 1px;"></td>
               <td width="513" style="border-top: 1px solid #E2E2E2;"></td>
               <td width="44" bgcolor="#FAFAFA" style="padding-top: 1px;"></td>
            </tr>
         </tbody>
      </table>
      <!--<![endif]-->
   </td>
</tr>
<tr>
   <td align="center" bgcolor="#F8F8F8" width="600" style="color:#999999; font-size:10px; line-height:16px; text-decoration: none; padding: 36px 90px 50px; background-color:#F8F8F8; font-family: &#39;Product Sans&#39;, &#39;Roboto&#39;, Arial, sans-serif; width:600px;">
      ⓒ 2018 Google LLC, 1600 Amphitheatre Parkway, Mountain View, CA 94043<br><br>
      This email was sent to hello@reallygoodemails.com because you asked to receive offers, updates and more about devices from Google on <a href="https://store.google.com" target="_blank" style="text-decoration:underline;color:#999999">store.google.com</a>. If you&#39;d like to unsubscribe, <a href="#" target="_blank" style="text-decoration:underline;color:#999999">click here</a>.
   </td>
</tr>
                                    </tbody>
                                 </table>
                              </td>
                           </tr>
                        </tbody>
                     </table>
                  </center>
               </td>
            </tr>
         </tbody>
      </table>
      <table border="0" cellpadding="0" cellspacing="0" style="width:600px;margin:0; padding:0; table-layout:fixed;" width="482">
         <tbody>
            <tr style="border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0;">
               <td height="5" style="border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; height:5px;line-height:0px; max-height:5px;overflow:hidden;font-size:0px;"><img align="left" height="5" src="https://services.google.com/fh/files/emails/spacer1.png" style="max-height:5px;line-height:5px;display:block;" width="600"></td>
            </tr>
         </tbody>
      </table>
</body>
</html>

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

Console