cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

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.

            
              

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head><META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>S’more where that came from: Up to 50% off outdoor.</title>
    <style type="text/css">
/** RESET STYLES **/
        p{margin:1em 0;} /*Yahoo paragraph fix*/
        table td{border-collapse:collapse; table-layout: fixed;} /*This resolves the Outlook 07, 10, and Gmail td padding issue fix*/ 
        img, a img{border:0; height:auto; outline:none; text-decoration:none;} /* Remove the borders that appear when linking http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/10 with "border:none" and "outline:none" */     
        @-ms-viewport{width: device-width;}
        h1, h2, h3, h4, h5, h6{display:block !important; margin:0 !important; padding:0 !important;}
        body,{height:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100 margin:0; padding:0; width:100% !important;} /* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
        
/** CLIENT-SPECIFIC STYLE **/
        img{-ms-interpolation-mode: bicubic;} /* Force IE to smoothly render resized http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/10. */
        table{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up. */
        .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Outlook.com to display emails at full width. */
        p, a, li, td, blockquote{mso-line-height-rule:exactly;} /* Force Outlook to render line heights as they're originally set. */
        a[href^="tel"], a[href^="sms"]{color:inherit; cursor:default; text-decoration:none;} /* Force mobile devices to inherit declared link styles. */
        p, a, li, td, body, table, blockquote{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} /* Prevent Windows- and Webkit-based mobile platforms from changing declared text sizes. */
        .ExternalClass, .ExternalClass p, .ExternalClass td, .ExternalClass div, .ExternalClass span, .ExternalClass font{line-height:100%;} /* Force Outlook.com to display line heights normally. */
/** STRUCTURAL STYLES **/
/** CONTENT STYLES **/
        body {
            width: 100%;
            background-color: #ffffff; 
            margin:0 auto;
            padding:0; 
            -webkit-font-smoothing: antialiased;
            font-family:"Arial", sans-serif !important;
        }       
        .emailLinkOrange a{         
        }
		.PI-Image img {border: none;}       

/* STRUCTURAL STYLES */
        .flexibleGrid{max-width:206px;}     


/** MOBILE STYLES **/
        @media only screen and (max-width: 480px) {
/* CLIENT-SPECIFIC STYLES */
/* Template Shell */
            body[yahoo] {
                width:100% !important; 
                min-width:100% !important; 
                margin: 0 auto !important;
            } /* Force iOS Mail to render the email at full width & removes margins. */
/*** STRUCTURAL STYLES ***/
/*Template Shell */
            body[yahoo] table .container { 
                width: 100% !important;
                max-width: 480px !important;
            }
            body[yahoo] .mobileShow { 
                display: block !important; 
                margin:0 !important; 
                padding:0 !important; 
                overflow: visible !important; 
                width: auto !important; 
                max-height:inherit !important;
            }
            body[yahoo] .mobileHide { 
                display:none !important;
            }
            body[yahoo] .photo img {
                width: 100% !important;  
                max-width:100% !important; 
                height: auto !important;
            }   
            body[yahoo] td .columnStack {
                width:100% !important;
                display: block !important;  
            }
            body[yahoo] td .floatLeft {
                float:left !important;
            }
            body[yahoo] .nullPad {
                padding: 0px !important;
            } 
            body[yahoo] .mobilePad {
                padding-right: 20px !important; 
                padding-left: 20px !important;
            }
            body[yahoo] .mobilePad5 {
                padding-right: 5px !important; 
                padding-left: 5px !important;
                padding-top: 5px !important;
                padding-bottom: 5px !important;
            }
            body[yahoo] .contentCenter {
                margin: 0 auto !important;
            }
            body[yahoo] .textCenter {
                text-align: center !important;
            } 
            body[yahoo] .noBorder {border: none !important;}
            body[yahoo] .bottomBorder {border-bottom: solid 1px #cccccc !important;}
            body[yahoo] .bottomBorderLONHead {border-bottom: dotted 2px #5fa5cd !important;} 
            body[yahoo] .bottomBorderCBHead {border-bottom: solid 1px #e9e8e8 !important;}
            body[yahoo] .noWidth {width: auto !important;}
            body[yahoo] .flexibleGrid{width:50% !important;}
            body[yahoo] .flexibleGrid table{width:100% !important;}
/*** CONTENT STYLES ***/
            body[yahoo] .bottomPad20 {
                padding-bottom: 20px !important;
            }
            body[yahoo] .topPad20 {
                    padding-top: 20px !important;
            }
            body[yahoo] .bottomPad10 {
                padding-bottom: 10px !important;
            }
            body[yahoo] .width120 {
                width: 120px !important;
                float: left !important;
            }
            body[yahoo] .leftPad20 {
                padding-left: 20px !important;
            }
            body[yahoo] .bottomPromo {
                padding: 10px 0px !important;
                text-align: center !important;
                border-top: solid 1px #cccccc !important;
                border-left: solid 1px #cccccc !important;
                border-right: solid 1px #cccccc !important;
            } 
            body[yahoo] .socialIcon {
                width: 33px !important;
                height: auto !important;
            }
            body[yahoo] .socialPad {
                width: 10px !important;
            } 
            body[yahoo] .fontSize16 {
                font-size: 16px !important;
                line-height: 20px !important;
            }
            body[yahoo] .fontSize10 {
                font-size: 10px !important;
                line-height: 20px !important;
            }                               
        }   
    </style>
<!--[if gte mso 9]>
<style>
    /* Target Outlook 2007 and 2010 */

    html, body { font-family: Arial, sans-serif !important; }  
    table { font-family: Arial, sans-serif !important; }  
    td { font-family: Arial, sans-serif !important; }
</style>
<![endif]-->
</head>
<body style="padding: 0px; margin: 0px; -webkit-text-size-adjust:none;" yahoo="fix">

    <!-- Start of: Full-width Container --> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e6e7e8">
        <tr>
            <td align="center">
                <div align="center">
                    <!-- Start of: Header -->
                    <table cellpadding="0" cellspacing="0" border="0" width="640" class="container" bgcolor="#e6e7e8" style="background:#e6e7e9;padding:20px 0px 0px 0px;">
                        <tr>
                            <td style="display: none !important;"><span style="color:#ffffff; font-size:1px; line-height:1px; font-family:Helvetica, Arial, Sans-serif;">Plus, 4 things you need for the perfect outdoor evening.</span>
								<div style="display: none; max-height: 0px; overflow: hidden;">
								&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
								</div>
                            </td>
                        </tr>
                        <tr>
                            <td bgcolor="#ffffff" id="emailHeader">
                                <div align="center">
                                    <table width="640" border="0" cellspacing="0" cellpadding="0" class="container">
                                        <!-- Start of: Logo -->
                                        <tr>
                                            <td style="padding: 0px 0px 0px 20px;" class="nullPad">
                                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td width="80%" align="left" valign="top" style="padding:20px 0px 20px 0;" class="columnStack bottomBorderCBHead">
															<div class="mobilePad"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce4d0f2831f0c7783f1dfa8e0c5d4b6fda127c1f05a389fb166abffc1804ba24ed0310dec0051a78f743a1305f887b23d0" target="_blank" title="Crate&Barrel" ><img alt="Crate&Barrel" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/5/CB_Logo_HD.jpg " width="288" height="41" border="0" style="font-family: 'Arial', sans-serif; font-size: 40px; color: #e78300; display: block;" class="contentCenter"></a></div>
														</td>
														<td width="1" style="display:none !important;">
														<script type="application/javascript" src="http://t.myvisualiq.net/a/e/d2i.ads?r=[EXPERIAN_CACHEBUSTER]&et=i&ago=212&ao=300&aca=-9&si=-9&ci=-9&kv0=-9&kv1=-9&kv2=-9&kv3=-9&kv4=-9&kv5=1023&kv6=1048&pt=s"></script> 
														</td>
														<td align="right" valign="top" width="280" class="columnStack">
															<table width="100%" border="0" cellspacing="0" cellpadding="0">
																<tr> 
																	<td align="right" valign="top" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; color: #989898; -webkit-text-size-adjust:none; padding-top: 20px; padding-right: 20px;" class="mobileHide"><a class="graylink" style="color:#666666; text-decoration:none;" href="#" title="View with http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/10" target="_blank">View with images</a><br /></a>
																	</td>
																</tr>  
															</table>
														</td>
													</tr>
												</table>
                                            </td>
                                        </tr>
                                        <!-- Start of: Top Navigation -->
                                        <tr>
                                            <td style="border-top: solid 1px #e9e8e8; border-bottom: solid 1px #e9e8e8; padding: 10px 10px; font-family: 'Helvetica', 'Arial', sans-serif;" class="mobileHide">
                                                <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family: 'Helvetica', 'Arial', sans-serif;">
													<tr>
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #989898; font-weight: bold;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcec5eb26e820c21d9891ec9cf905ad0dadb467fe73edba3da8fb8712cef345e8170314aad146c61f2da0bd0630b9f83b2a" target="_blank" style="text-decoration: none; color: #989898;">New</a></td>
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 18px; color: #e6e7e9;">&nbsp;&nbsp;|&nbsp;&nbsp;</td>
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #989898; font-weight: bold;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce1d21e6cc40b0c6115142ecbf57b18ea352e905f2baf270bc333b69873fcfc3993902b139559e731f31ba06dd2eefc06d" target="_blank" style="text-decoration: none; color: #989898;">Furniture</a></td>
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 18px; color: #e6e7e9;">&nbsp;&nbsp;|&nbsp;&nbsp;</td> 
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #989898; font-weight: bold;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcecdb6385e218e5a32752881e0a180139fab73dc9e58c5e7edec34ec1550f999bf0fec38c6b5994d6d0aa1a2d56eeff69e" target="_blank" style="text-decoration: none; color: #989898;">Decorating</a></td>
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 18px; color: #e6e7e9;">&nbsp;&nbsp;|&nbsp;&nbsp;</td> 
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #989898; font-weight: bold;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efceee6bfb7ed7a752aa183cbdd15aecbb9dadb0669b25b0a8f86b0d03a518539995588d8a51c3ca5ed361470c6ac612b1e6" target="_blank" style="text-decoration: none; color: #989898;">Dining</a></td>
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 18px; color: #e6e7e9;">&nbsp;&nbsp;|&nbsp;&nbsp;</td> 
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #989898; font-weight: bold;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcec2ef42453e2cccbdb626b069a385749787809b5312719b7edf99e36b0d82b6c3b8bff193d4166a40d5f63d9e89e94946" target="_blank" style="text-decoration: none; color: #989898;">Kitchen</a></td>
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 18px; color: #e6e7e9;">&nbsp;&nbsp;|&nbsp;&nbsp;</td> 
														<td align="center" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #989898; font-weight: bold;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce26c1618071be5eceb0f7cc2c0e76a6f4df18bcd32a80197290e69f0f4c3f66a6313def515d6cadf0f99a56c165fd836f" target="_blank" style="text-decoration: none; color: #989898;">Sale</a></td>
													</tr>
												</table>
                                            </td>
                                        </tr>
                                        <!-- End of: Top Navigation -->
                                    </table>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <!-- End of: Header -->                 
                    <!-- Start of: Promotional Content Mobile Styles -->            
                    <style type="text/css"> 
                        @media only screen and (max-device-width: 480px), screen and (max-width: 480px) { 
                            body[yahoo] .offerCopy { 
                                font-size: 10px !important; line-height: 14px !important;
                            }
                        }
                    </style> 
                    <!-- End: Promotional Content Mobile Styles -->                 
<!-- Start of MAIN Content --> 
<!-- HERO SECTION -->           

<table width="640" border="0" cellspacing="0" cellpadding="0" class="container" style="background:#ffffff; color:#666666;">
	<tr>
		<td align="center" valign="top" class="photo">	
			<a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efceba2ffcbae8488d1d3a5f68fa9608998af903140d19b7db9ee5a95855033badfefa6a637bb48711c10f60f50cdc817c89"  target="_blank" title="Now Up to 50% off Outdoor Furniture">
			<img src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/20/062917_CB_firepit_03_01.jpg" width="640" height="219" alt="Now Up to 50% off Outdoor Furniture" border="0" style="display: block;"></a></td>
	</tr>
	<tr>
		<td align="center" valign="top" class="photo">	
			<a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efceba2ffcbae8488d1d3a5f68fa9608998af903140d19b7db9ee5a95855033badfefa6a637bb48711c10f60f50cdc817c89"  target="_blank" title="Now Up to 50% off Outdoor Furniture">
			<img src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/20/062917_CB_firepit_03_02.jpg" width="640" height="742" alt="Now Up to 50% off Outdoor Furniture" border="0" style="display: block;"></a></td>
	</tr>
	<tr>
		<td align="center" valign="top" class="photo">	
			<a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce6f5a59e0b669e94ab95068d6bcc2ccc992d05e9ed546b598d82ac26b3d2943c1355e8abd90f45427bef7a3e378fefc43"  target="_blank" title="Fire Pit">
			<img src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/20/062917_CB_firepit_03_03.jpg" width="640" height="311" alt="Fire Pit" border="0" style="display: block;"></a></td>
	</tr>
	<tr>
		<td align="center" valign="top" class="photo">	
			<a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce4606cbba887522940334ab3f724734c26417e3544f0b344b8033ed4f3c23efbe2be4ff4072fb7d376071cf44267dad69"  target="_blank" title="Seating">
			<img src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/20/062917_CB_firepit_03_04.jpg" width="640" height="302" alt="Seating" border="0" style="display: block;"></a></td>
	</tr>
	<tr>
		<td align="center" valign="top" class="photo">	
			<a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce87e4e57c1fa38544914f9509cfb89d5b8087da0e672bd6d3d58745c95768ea1db84baf8bcc47b98aba122783132a285d"  target="_blank" title="Lighting">
			<img src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/20/062917_CB_firepit_03_05.jpg" width="640" height="306" alt="Lighting" border="0" style="display: block;"></a></td>
	</tr>
	<tr>
		<td align="center" valign="top" class="photo">	
			<a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcee9ee60ffb23614539d391f721a2ba08d27b01ab1c2cf09434f7c11e8c806aa9947fb04cc0e1807e06146c6272181b25d"  target="_blank" title="Smores">
			<img src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/20/062917_CB_firepit_03_06.jpg" width="640" height="310" alt="Smores" border="0" style="display: block;"></a></td>
	</tr>
</table>
<map name="Map">
  <area shape="rect" coords="11,71,280,91" href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efceb4301f10e0b2da91aed1e3d1aa69b2d225d9f917e0faa5a7b52a5554f8885b3de7dacc8f423c03963d0d66f076d95bd2" target="_blank" alt="French Fry Cup">
  <area shape="rect" coords="11,90,296,115" href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcef1a0deacbcaed5aa5e20f18701b497e7c74653f8b67a747b851a98183d8bd1dc06d70390bf02ee90464b22d9928021d6" target="_blank" alt="Decker Tray">
</map>

<!-- End Save for Web Slices -->
<!-- HERO SECTION END -->
<!-- PI HASH -->

					<table width="640" border="0" cellspacing="0" cellpadding="0" class="container" style="background:#ffffff;">
						<tr>
							<td class="PI-Image" width="640" valign="top" align="center" style="background:#ffffff; border-top: solid 1px #e7e7e9; color:#666666; font-size:13px; font-family:Helvetica, Arial, Sans-serif; text-align:left;">

	                            <!-- PI SECTION DO NOT ALTER THIS CALL-->
	                            
					<table align=center" width="640" border="0" cellspacing="0" cellpadding="0" class="container" style="padding:0px 0px 10px 0px; background:#ffffff; color:#666666;">
						<tr>
                           	<td align="center">
								<table align="center" width="100%" style="background:#FFFFFF;" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                           <td align="center" height="64" style="padding:0px 0px 10px 0px; background:#FFFFFF;">
                              <table align="center" border="0" cellspacing="0" cellpadding="0" style="background:#ffffff; color:#666666;">
                                 <tr>
                                    <td align="center" style="padding:5px 0px 0px 0px; background:#FFFFFF;">
                                       <img src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/8/more_for_you_banner.jpg" height="64" width="300" style="display:block;" border="0">
                                    </td>
                                 </tr>
                              </table>
                           </td>
                        </tr>
                        <tr>
                           <td height="200">
                              <table align="center" border="0" cellspacing="0" cellpadding="0" style="background:#ffffff; color:#666666;">
                                 <tr>
                                    <td valign="top" align="left"class="drop"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcec16602828d270a1c7e41d2ad7e5eeceafe2405571bed2a1c05d750c28a56591628cabb9afd550577c2594c722f849c70d42758f2cf09b002" ><img valign="top" src="https://crateandbarrel.recs.igodigital.com/rr/v2/5581c0575881582dd7000001/i/1/akinglyris@gmail.com?category=outdoor"></a> </td>
                                    <td width="30" height="192" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" class="mobilehide">&nbsp;</td>
                                    <td valign="top" align="left" class="drop"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcec5fdc9c1d7e378a98843367b6e6e9650ac3770fedb2358c7ecd80dd8f6da8106315f98c770959e5af22403b412976f83439f9d086c384414" ><img valign="top" src="https://crateandbarrel.recs.igodigital.com/rr/v2/5581c0575881582dd7000001/i/2/akinglyris@gmail.com?category=outdoor"></a></td>
                                    <td width="30" height="192" style="font-size:1px; line-height:1px; mso-line-height-rule: exactly;" class="mobilehide">&nbsp;</td>
                                    <td valign="top" align="left" class="drop" style="font-family: Helvetica, arial, sans-serif; font-size:14px; color:#000000;"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcee7f7c78ae82c0e03eeb1417d983bab7c7bd850c8ef9f702c4b89a090a227371e8f40403cbd0abf4c0cdd6524862c95f4df915844c58f1c6f" ><img valign="top" src="https://crateandbarrel.recs.igodigital.com/rr/v2/5581c0575881582dd7000001/i/3/akinglyris@gmail.com?category=outdoor"></a></td>
                                 </tr>       
                              </table>
                           </td>
                        </tr>
                     </table>
							</td>
						</tr>
					</table>
		
	                            <!-- END PI SECTION DO NOT ALTER THIS CALL -->  
							</td>
						</tr>  
					</table>      

<!-- PI HASH END-->         
<!-- BOTTOM PROMOS-->
<table width="640" border="0" cellspacing="0" cellpadding="0" class="container" style="background:#ffffff;">
							<tr>
								<td align="center" valign="top" style="border-top: solid 1px #e7e7e9; padding: 10px 20px; font-family: 'Helvetica', 'Arial', sans-serif;" class="bottomPad20 topPad20 mobilePad">
									<table width="100%" border="0" cellspacing="0" cellpadding="0">
										<tr>
										
										
										
										
										
											<td align="left" style="border-right: solid 1px #e7e7e9; padding-right: 20px;" class="columnStack bottomPromo">
												<table border="0" cellspacing="0" cellpadding="0" class="contentCenter">
													<tr>
														<td class="contentCenter" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 13.4px; line-height: 16px; color: #000000; font-weight: bold;">
														<a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce73c4a7c7f7b499e9fc2cc6625ef8e86c5f0ee809e465ebbfced1a21798c5ec9d635aa6710eb85c72c26a65516cf13f4a" target="_blank" style="color:#000000; text-decoration:none;">
															<span>Always the Light of  </span><br />the Party: Shop Pendants</a></td>
													</tr>
												</table>
											</td>
											
											
											
											
											<td align="left" valign="middle" style="border-right: solid 1px #e7e7e9; padding-left: 20px; padding-right: 20px;" class="columnStack bottomPromo">
												<table border="0" cellspacing="0" cellpadding="0" class="contentCenter">
													<tr>
														<td class="contentCenter" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 13.4px; line-height: 16px; color: #000000; font-weight: bold;">
														<a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcecbb41437d5a606779338bb27e32a4fadce28d8535c8da096bf72f4ce14d2fa402374eb49a57077cc53109991dccc3377" target="_blank" style="color:#000000; text-decoration:none;"><span>A Friendly Competition:</span><br/>Explore Outdoor Games</a></td>
													</tr>
												</table>
											</td>
											
											
											
											
											<td align="left" style=" padding-left: 20px;" class="columnStack bottomPromo bottomBorder">
												<table border="0" cellspacing="0" cellpadding="0" class="contentCenter">
													<tr>
														<td class="contentCenter" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 13.4px; line-height: 16px; color: #000000; font-weight: bold; padding:0px 0px 0px 0px;">
														<a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce75a9dd9413746fe288aba779e7227de59da9e693bdf50dd23d37bb6e4aabf40d1a8894d1865918eedb044bf75569a037" target="_blank" style="color:#000000; text-decoration:none;">
															<span>See Something You Love?</span><br />Create a Mood Board</a></td>
													</tr>
												</table>
											</td>
											
										</tr>
									</table>
								</td>
							</tr>
						</table>
<!-- BOTTOM PROMOS END-->
<!-- End of MAIN Content -->
<!--##### THERE IS NO NEED TO ALTER ANY OF THE CODE BELOW ##### -->

					<!-- Start of: Mobile Nav --> 
                    <!--[if !mso]><!-->
                    <div class="mobileShow" style="display:none; width:0px; max-height:0px; overflow:hidden;">
                        <table width="640" border="0" cellspacing="0" cellpadding="0" class="container">	
						<tr>
							<td bgcolor="#ffffff" style="">
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td align="left" valign="top" style="border-bottom: solid 1px #e7e7e9; border-top: solid 1px #e7e7e9;">
											<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td align="center" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 16px; font-weight: bold; color: #414141; -webkit-text-size-adjust:none; padding: 15px 0px;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcedc4616ceac1cb1495261015b9180d1f99a3a06bdd00ee0889698ae3d429cfc3e75897e1dba4def611f00bb84c1738ce5" target="_blank" style="text-decoration: none; color: #989898;">New &#9656;</a></td>
												</tr>
											</table> 
										</td>
									</tr>
								</table>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td align="left" valign="top" style="border-bottom: solid 1px #e7e7e9;">
										   <table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td align="center" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 16px; font-weight: bold; color: #414141; -webkit-text-size-adjust:none; padding: 15px 0px;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce63efd71040559801936739e726db3a46ba32f086ed2be1a0748965eaa0de4a819ff81cc6a32bc520d5e4cd515247087d" target="_blank" style="text-decoration: none; color: #989898;">Furniture &#9656;</a></td>
												</tr>
											</table> 
										</td>
									</tr>
								</table>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td align="left" valign="top" style="border-bottom: solid 1px #e7e7e9;">
										   	<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td align="center" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 16px; font-weight: bold; color: #414141; -webkit-text-size-adjust:none; padding: 15px 0px;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce0ec01d57c759b3287ec7c32d16ca95ec07e336f952b2bda1042259ac782c898a7f89fe9b0b1005dba2865fa831d85099" target="_blank" style="text-decoration: none; color: #989898;">Decorating &#9656;</a></td>
												</tr>
											</table>   
										</td>
									</tr>
								</table>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td align="left" valign="top" style="border-bottom: solid 1px #e7e7e9;">
											<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td align="center" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 16px; font-weight: bold; color: #414141; -webkit-text-size-adjust:none; padding: 15px 0px;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efced863f9e5652eb2e2005ae79edc27d6fb0bc9dc113ce1d1123c02da2452f27dd55105cb2ad173213a5ff7700d668e7290" target="_blank" style="text-decoration: none; color: #989898;">Dining &#9656;</a></td>
												</tr>
											</table> 
										</td>
									</tr>
								</table>
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td align="left" valign="top" style="border-bottom: solid 1px #e7e7e9;">
											<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td align="center" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 16px; font-weight: bold; color: #414141; -webkit-text-size-adjust:none; padding: 15px 0px;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcee4e4858652b207860637c1097fc2b38e670845c697d17b0c7aa3d86d83c214f8c9c9a0d06bc4f24386ee4ff0da6c38cb" target="_blank" style="text-decoration: none; color: #989898;">Kitchen &#9656;</a></td>
												</tr>
											</table>
										</td>
									</tr>
								</table> 
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td align="left" valign="top" style="border-bottom: solid 1px #e7e7e9;">
											<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td align="center" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 16px; color: #989898; -webkit-text-size-adjust:none; font-weight: bold; padding: 15px 0px;"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce12161a50d780d9ba0e192ac935339a08afc8fa40a30d98bff011fb01ead392ec139de5a44d010428b4d29562d9d0390b" target="_blank" style="text-decoration: none; color: #989898;">Sale &#9656;</a></td>
												</tr>
											</table> 
										</td>
									</tr>
								</table> 
							</td>
						</tr>
					</table>
                    </div>
                    <!--<![endif]-->
                    <!-- End of: Mobile Nav -->
                    <!-- DYNAMIC STORE LOCATOR -->
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                        <tr>
                            <td align="center">
                                
                            </td>
                        </tr>
                    </table>
                    <!-- END DYNAMIC STORE LOCATOR -->      
                    <!-- Start of: Social -->
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                        <tr>
                            <td align="center">
                                <table border="0" cellspacing="0" cellpadding="0" width="640" class="container" bgcolor="#ffffff">
	<tr>
		<td bgcolor="#ffffff" style="padding: 12px 15px; border-top: solid 1px #e7e7e9; font-family: 'Helvetica', 'Arial', sans-serif;" class="nullPad">
			<table width="100%" border="0" cellspacing="0" cellpadding="0" class="container">
				<tr>
					<td class="mobileHide">
						<table width="365" border="0" cellspacing="0" cellpadding="0" class="container">
							<tr>													
								<td width="127" align="left" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #989898; font-weight: bold;" class="noBorder mobilePad fontSize16">What's New with <br />Our Other Brands</td>										
								<td width="232" align="left" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; color: #989898; -webkit-text-size-adjust:none; font-weight: bold; border-right: solid 1px #e6e7e8;" class="noBorder noWidth mobilePad">
									<table border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td align="left" valign="middle" style="padding: 0px 10px;" class="columnStack bottomPad10"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efced020ecdeb93732a529993c9de6b4df7c62d23d72ee065441b0d6ba0a0fdc6bfd0d27e81d578ff1fac93d003c923c4160"  title="CB2" target="_blank"><img alt="CB2" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/12/Crate-new-cb2-logo90x165.jpg" width="52" height="28" border="0" style="display: block;"></a></td>																
											<td align="left" valign="middle" style="padding: 0px 10px;" class="columnStack"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce59f35e82946077956e57dce74ae195cd60c2558329a7b694c9c60c4ecbcd4beba30775e838255cdcb9d7ed830c73ab49"  title="The Land of Nod" target="_blank"><img alt="The Land of Nod" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/5/CB_LON_logo_HD.gif" width="109" height="28" border="0" style="display: block;"></a></td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>
					<td class="bottomBorder" style="font-family: 'Helvetica', 'Arial', sans-serif;">
						<table width="231" border="0" cellspacing="0" cellpadding="0" class="container">
							<tr>
								<td width="125" align="left" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 14px; color: #989898;  font-weight: bold; padding: 0px 13px 0px 9px;" class="nullPad textCenter bottomPad20 topPad20 fontSize16 columnStack">Get Social with Us</td>
								<td width="153" align="center" valign="middle" class="columnStack bottomPad20">
									<table border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td align="left" valign="middle" bgcolor="#cb2027"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efceb71ac1e5f9bea42ef3765ae50e552223a0583891604f6b3c8b13b95ae6cd12a53d3b7e3794f428e99fb9bfaa450ac174"  target="_blank"><img alt="p" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/5/CB_Pinterest_HD.gif" width="20" height="20" border="0" style="display: block;" class="socialIcon"></td>
											<td width="4" align="left" valign="middle" style="font-size:0px;line-height:0px;mso-line-height-rule:exactly; width: 4px;" class="socialPad">&nbsp;</td>
											<td align="left" valign="middle" bgcolor="#547da2"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce72339f634b6ed35b2f0fe3ac6caef7e3e6a37b1f8fb202a100de0459a50054eb96d66f025f777f1733111dc6d0580968"  target="_blank"><img alt="i" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/5/CB_Instagram_HD.gif" width="20" height="20" border="0" style="display: block;" class="socialIcon"></td>
											<td width="4" align="left" valign="middle" style="font-size:0px;line-height:0px;mso-line-height-rule:exactly width: 4px;" class="socialPad">&nbsp;</td>
											<td align="left" valign="middle" bgcolor="#36609f"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcedaab04503406e9d33bba6ac795b91270bcba4303f365466f0effb4ac2718d4b9e87b09e55996162db9e929743f6a3661"  target="_blank"><img alt="f" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/5/CB_Facebook_HD.gif" width="20" height="20" border="0" style="display: block;" class="socialIcon"></td>
											<td width="4" align="left" valign="middle" style="font-size:0px;line-height:0px;mso-line-height-rule:exactly; width: 4px;" class="socialPad">&nbsp;</td>
											<td align="left" valign="middle" bgcolor="#2daae1"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce7d828e7fd00e0af94d3c82bf204e780551a8c262f085f56449b42f325334e64534bbf8c8237fd705a9fb64a7d4e71419"  target="_blank"><img alt="t" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/5/CB_Twitter_HD.gif" width="20" height="20" border="0" style="display: block;" class="socialIcon"></td> 
											<td width="4" align="left" valign="middle" style="font-size:0px;line-height:0px;mso-line-height-rule:exactly; width: 4px;" class="socialPad">&nbsp;</td> 
											<td align="left" valign="middle" bgcolor="#9bc641"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce6bc0e89bf43b3f6b5e654bc2bc05c07a92e5e8c5a855a6c259459835ab1378058206eac4897b4f6c8a9880762484b586"  target="_blank"><img alt="h" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/5/CB_Houzz_HD.gif" width="20" height="20" border="0" style="display: block;" class="socialIcon"></td>
											<td width="4" align="left" valign="middle" style="font-size:0px;line-height:0px;mso-line-height-rule:exactly; width: 4px;" class="socialPad">&nbsp;</td>
											<td align="left" valign="middle" bgcolor="#dc5442"><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efcee79d14389e45501952da7f5850eb59cd2a043d52da4eb1182dc7b9232cf964b931dfb39e89cab450863a6c4ae2a8ee8f"  target="_blank"><img alt="g+" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/5/CB_GooglePlus_HD.gif" width="20" height="20" border="0" style="display: block;" class="socialIcon"></td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			<!--[if !mso]><!-->
			<div class="mobileShow" style="display:none; width:0px; max-height:0px; overflow:hidden;">
			<table width="100%" border="0" cellspacing="0" cellpadding="0" class="container">
				<tr>
					<td align="center" valign="middle" style="padding: 20px 0px; border-bottom: solid 1px #cccccc;">
						<table width="100%" border="0" cellspacing="0" cellpadding="0" class="container">
							<tr>
								<td width="100%" align="center" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; color: #989898; -webkit-text-size-adjust:none; font-weight: bold;" class="noBorder mobilePad fontSize16">What's New with Our Other Brands</td>
							</tr>
						</table>
						<table width="100%" border="0" cellspacing="0" cellpadding="0" class="container topPad20">
							<tr>
								<td align="center" valign="middle" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; color: #989898; -webkit-text-size-adjust:none; font-weight: bold; border-right: solid 1px #adacad;" class="noBorder noWidth mobilePad">
									<table border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td align="center" valign="middle" style="padding: 0px 10px;" class=" bottomPad10"><a  href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce7435cf166c2d695282de69b725f6ba410fb6291516a7d166dbb5ee772e03588c2ee8158d7087bf69df3bb829398eea1a" alias="CB2" title="CB2" target="_blank"><img alt="CB2" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/12/bottom_cb2_R.jpg" width="78" height="28" border="0" style="display: block;"></a></td>
											
											<td align="center" valign="middle" style="padding: 0px 10px;" class=""><a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efce59f35e82946077956e57dce74ae195cd60c2558329a7b694c9c60c4ecbcd4beba30775e838255cdcb9d7ed830c73ab49"  title="The Land of Nod" target="_blank"><img alt="The Land of Nod" src="http://image.mail.crateandbarrel.com/lib/fe9013727564027a7c/m/5/CB_LON_logo_HD.gif" width="109" height="28" border="0" style="display: block;"></a></td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			</div>
	<!--<![endif]-->			
		</td>
	</tr>
</table>
<img border="0" hspace="0" vspace="0" width="1" height="1" src="https://sr.rlcdn.com/448796.gif?s=9ad17d4e9137da5fbd62f959aabe02270d80f269&n=1"/>
<img border="0" hspace="0" vspace="0" width="1" height="1" src="https://sr.rlcdn.com/448796.gif?s=9ad17d4e9137da5fbd62f959aabe02270d80f269&n=2"/>
<img border="0" hspace="0" vspace="0" width="1" height="1" src="https://sr.rlcdn.com/448796.gif?s=9ad17d4e9137da5fbd62f959aabe02270d80f269&n=3"/>
<img border="0" hspace="0" vspace="0" width="1" height="1" src="https://sr.rlcdn.com/448796.gif?s=9ad17d4e9137da5fbd62f959aabe02270d80f269&n=4"/>
<img border="0" hspace="0" vspace="0" width="1" height="1" src="https://sr.rlcdn.com/448796.gif?s=9ad17d4e9137da5fbd62f959aabe02270d80f269&n=5"/>
                            </td>
                        </tr>
                    </table>                
                    <!-- End of: Social -->
                    <!-- Start of: Footer -->
                    <table align="center" width="640" border="0" cellspacing="0" cellpadding="0" class="container" bgcolor="#e6e7e8">   
                        <tr>
                            <td bgcolor="#e6e7e8" style="padding:0px 0px 0px 0px;">
							   	<div align="center">
									<table width="100%" class="container mobilePad" border="0" cellspacing="0" cellpadding="0" style="padding-bottom: 15px;">
										<tr>
											<td align="left" style="font-family: 'Helvetica', 'Arial', sans-serif; font-size: 11px; line-height: 14px; color: #989898; padding-bottom: 15px;" >
<!-- PLACE BUILD SPECIFIC DISCLAIMERS BELOW  -->
												*Includes outdoor cushions and pillows, umbrella covers, frames and stands. Excludes hammock, hammock pillow and stand. Cannot be combined with any other offers or promotions. Original sale start date: March 9.  
<br />
<br />

												
<!-- PLACE BUILD SPECIFIC DISCLAIMERS ABOVE  -->
<!-- STANDARD DISCLAIMERS BELOW no need to adjust change or add to these -->
												To make sure our email updates are delivered to your inbox, please add <a href="mailto:crateandbarrel@mail.crateandbarrel.com" style="color:#989898; text-decoration:none;">crateandbarrel@mail.crateandbarrel.com</a> to your email Address Book.<br><br>
												<strong>Unsubscribe</strong><br>
												To unsubscribe from our email list, just <a href="#"  target="_blank"  style="color:#989898;">click here.</a><br><br>
												<strong>Privacy policy</strong><br>
												Click to view our <a href="http://click.mail.crateandbarrel.com/?qs=a364bf32f422efceb5af8a1b6c7bd1abd2a1d9f5ece1bbcb64bd63a9de3312c9172dd3c2d6a20da831e7d44551f407018c25c0d870e890be"  target="_blank" style="color:#989898;">privacy policy.</a><br><br>
												This email may be considered an advertising or promotional message.<br><br>
												Crate and Barrel, 1250 Techny Rd, Northbrook, IL 60062<br><br>
											</td>
										</tr>
									</table>
								</div>
							</td>
                        </tr>
                    <!--Dotomi - Please fill in category id and drop id-->
                        <tr>
                            <td style="display:none !important;">
                                
                            </td>
                         </tr>                      
                    </table>
                    <!-- End of: Footer -->
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
            
          
!
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