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.

            
              <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,700);
@import url('https://fonts.googleapis.com/css?family=Merriweather');
.Avenirlike { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; }
.Sentinelike { font-family: 'Merriweather', Times, serif !important; }
body { width: 100%; margin-right: auto; margin-left: auto; margin: 0px; -webkit-text-size-adjust: none; }
body { width: 100%; margin-right: auto; margin-left: auto; margin: 0px; -webkit-text-size-adjust: none; }
body { width: 100%; margin-right: auto; margin-left: auto; margin: 0px; -webkit-text-size-adjust: none; }
.ExternalClass * { line-height: 100%; }
.ExternalClass { width: 100%; line-height: 100% }
.ExternalClass font { line-height: 100% }
body { width: 100% !important; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100%; margin: 0; padding: 0; }
table { border-collapse: collapse; }
.appleLinks a { color: #000000; text-decoration: none !important;}
@media only screen and (max-width: 480px), (max-device-width: 480px) {
/**Global Styles**/
body[yahoo] .hide { display: none !important; }
body[yahoo] .Block { display: block !important; }
body[yahoo] .BlockLogo { display: block !important; padding: 0 0 15px 0 !important; }
body[yahoo] .MainWidth { width: 320px !important; min-width: 320px !important; }
body[yahoo] .SocialWidth { width: 210px !important; min-width: 210px !important; }
body[yahoo] .PaddingFirstRow { padding: 20px 0px 0px 0px !important; }
body[yahoo] .PaddingOne { padding: 0px 0px 0px 0px !important; }
body[yahoo] .PaddingThree { padding: 40px 0px 0px 0px !important; }
body[yahoo] .PaddingNav { padding: 10px 5px 10px 5px !important; }
body[yahoo] .PaddingBTM30 { padding: 0px 0px 60px 0px !important; }
body[yahoo] .TextCenter2 { text-align: center !important; font-size: 13px !important; line-height: 18px !important; }
body[yahoo] .TCLModulePad {width: 320px !important; padding: 0px 0px 40px 0px !important; text-align:center !important;}
body[yahoo] .TCLModulePadL {width: 180px !important; padding: 0px 0px 0px 0px !important; text-align:center !important;}
body[yahoo] .TCLModulePadR {width: 140px !important; padding: 0px 0px 0px 0px !important; text-align:center !important;}
body[yahoo] .module-A { display: block !important; padding: 0 0 0 0 !important; background-image: url('http://images.patagonia.com/eMedia/images/17/640x321_Blog-quote.gif') !important; height: 160px !important; width: 320px !important; background-repeat: no-repeat !important; background-size: 320px 160px; }
body[yahoo] .module-B { display: block !important; padding: 0 0 0 0 !important; background-image: url('http://images.patagonia.com/eMedia/images/17/640x800_SleepingBagReviewB.jpg') !important; height: 400px !important; width: 320px !important; background-repeat: no-repeat !important; background-size: 320px 400px; }
body[yahoo] .BlackBarTwo { width: 260px !important; padding: 10px 0px 0px 0px !important; text-align: center !important; }
/**Global Styles**/
      
/**HERO**/
body[yahoo] .Hero { width: 320px !important; height: auto !important; }
body[yahoo] .HeroTwoEighty { width: 280px !important; height: auto !important; padding: 0px 0px 0px 0px !important; }
body[yahoo] .HeroInset { width: 300px !important; height: auto !important; }
body[yahoo] .HeroTOP { width: 280px !important; height: auto !important; padding: 0px 20px 0px 20px !important; }
body[yahoo] .HeroMiddle { width: 320px !important; height: auto !important; padding: 40px 0px 0px 0px !important; }
body[yahoo] .TCLModuleHero { width: 120px !important; height: 120px !important; padding: 0px 0px 0px 0px !important; }
/**HERO**/

/**Retail Store Event Riders**/
body[yahoo] .RetailEventSquare { display: block !important; padding: 0 0 20px 0 !important; width: 320px !important; height: auto !important; }
body[yahoo] .BlackBar { padding: 8px 0px 8px 0px !important; text-align: center !important; }
body[yahoo] .RetailEventStoreName { line-height: 22px !important; font-size: 16px !important; text-align: center !important; padding: 0px 0px 10px 0px !important; }
body[yahoo] .StoreNameTileMO { padding: 10px 0px 20px 0px !important; }
body[yahoo] .StoreNameCopyMO { line-height: 22px !important; font-size: 16px !important; text-align: center !important; padding: 0px 0px 0px 0px !important; font-weight: bold !important; color: #333333 !important; font-family: Arial, Helvetica, sans-serif !important; }
body[yahoo] .RetailEventTitle { line-height: 32px !important; font-size: 26px !important; font-weight: bold !important; letter-spacing: 1px !important; text-align: center !important; padding: 10px 0px 0px 0px !important; }
body[yahoo] .RetailEventSubtitle { line-height: 22px !important; font-size: 15px !important; font-weight: bold !important; text-align: center !important; padding: 5px 20px 5px 20px !important; }
body[yahoo] .RetailEventSubtitleDetail { line-height: 30px !important; font-size: 20px !important; font-weight: bold !important; text-align: center !important; padding: 12px 0px 0px 0px !important; }
body[yahoo] .RetailEventDetails { line-height: 22px !important; font-size: 15px !important; text-align: center !important; padding: 0px 20px 10px 20px !important; }
body[yahoo] .RetailEventStoreAddress { line-height: 22px !important; font-size: 15px !important; text-align: center !important; padding: 10px 20px 0px 20px !important; }
body[yahoo] .RetailEventSignature { line-height: 22px !important; font-size: 16px !important; text-align: center !important; padding: 0px 20px 20px 20px !important; }
body[yahoo] .HeroRider { width: 280px !important; height: auto !important; }
body[yahoo] .RiderImgPad { padding: 0px 20px 0 20px !important; background-color: #F0F0F0 !important; }
body[yahoo] .RiderPad { padding: 20px 0px 20px 0px !important; background-color: #F0F0F0 !important; }
/**Retail Store Event Riders**/

  /**Table Driven Rider**/
body[yahoo] .RiderSubHead { font-size: 13px !important; line-height: 20px !important; }
body[yahoo] .RiderTitle { font-size: 26px !important; line-height: 30px !important; padding: 20px 0px 0px 0px !important; }
body[yahoo] .RiderSubtitle { font-size: 16px !important; line-height: 20px !important; padding: 10px 0px 30px 0px !important; }
body[yahoo] .MasterDate { width: 25% !important; padding: 0px 0px 0px 20px !important; }
body[yahoo] .MasterPlaceAndTime { width: 45% !important; padding: 0px 10px 0px 0px !important; }
body[yahoo] .MasterCity { width: 30% !important; padding: 0px 20px 0px 0px !important; }
body[yahoo] .Date { width: 25% !important; padding: 0px 0px 0px 20px !important; }
body[yahoo] .PlaceAndTime { width: 45% !important; padding: 0px 10px 0px 0px !important; }
body[yahoo] .City { width: 30% !important; padding: 0px 20px 0px 0px !important; }
body[yahoo] .SpecialStoreAddress { line-height: 22px !important; font-size: 15px !important; text-align: center !important; padding: 10px 20px 20px 20px !important; }
/**Table Driven Rider**/
  
/**Text**/
body[yahoo] .NavText { font-size: 13px !important; }
body[yahoo] .NavTextMen { font-size: 13px !important; padding: 0px 20px 0px 0px !important; }
body[yahoo] .FeatsubheadTCL { font-size: 30px !important; line-height: 36px !important; padding: 30px 5px 5px 5px !important; letter-spacing: 1px !important;}
body[yahoo] .FeatsubheadRider { font-size: 34px !important; line-height: 38px !important; padding: 20px 0px 10px 0px !important; }
body[yahoo] .TCLModuleCopy { font-size: 12px !important; line-height: 16px !important; padding: 20px 20px 0px 20px !important; }
body[yahoo] .TCLModuleAuthor { padding: 5px 0px 10px 0px !important; }
body[yahoo] .TCLModuleLink { padding: 0px 0px 0px 0px !important; }
body[yahoo] .TCLModuleThumb { padding: 20px 20px 20px 0px !important; }

body[yahoo] .TopPadding {font-size: 16px !important; line-height: 22px !important; padding: 5px 0 30px 0 !important; }
body[yahoo] .OrangeBar {  width: 280px !important; padding: 8px 0px 8px 0px !important; }
body[yahoo] .FeatsubheadMain { font-size: 16px !important; line-height: 28px !important; padding: 0px 30px 0px 20px !important; }
body[yahoo] .FeatsubheadMainTop { font-size: 36px !important; line-height: 38px !important; padding: 30px 0px 0px 0px !important; }
body[yahoo] .CTAInsetPad { padding: 30px 0 30px 0 !important; text-align: center !important; }
body[yahoo] .CTAInsetPadBottom { padding: 10px 0 60px 0 !important; text-align: center !important; }
body[yahoo] .CTAInset { padding: 0px 0px 0px 0px !important; width: 300px !important; text-align: center !important; }
body[yahoo] .FeatsubheadTop { font-size: 16px !important; line-height: 28px !important; padding: 10px 15px 0px 15px !important; text-align: center !important; }
body[yahoo] .TSProdNameLink { font-size: 15px !important; line-height: 18px !important; padding: 0px 0px 5px 0px !important; }
body[yahoo] .TSProdName { font-size: 15px !important; line-height: 20px !important; padding: 0px 25px 40px 25px !important; }
body[yahoo] .Legalese { font-size: 12px !important; line-height: 20px !important; }
body[yahoo] .PhotoCaption { font-size: 13px !important; line-height: 24px !important; padding: 20px 5px 20px 5px !important; }
/**Text**/
  
  
/**CTA**/
body[yahoo] .CTA { padding: 0px 0 0px 0 !important; width: 100% !important; text-align: center !important; }
body[yahoo] .CTAPad { padding: 40px 0 60px 0 !important; text-align: center !important; }
body[yahoo] .CTA_Stacked { display: block !important; padding: 10px 0 0px 0 !important; }
/**CTA**/
  
  
/**Upsize**/
body[yahoo] .OnePhotosAccross {padding: 0px 0px 0px 0px !important; width: 320px !important; }
body[yahoo] .TwoPhotosAccross {padding: 0px 0px 0px 0px !important; width: 160px !important; height: 160px !important; }
body[yahoo] .TwoPhotosAccrossStacked {display: block !important; padding: 0px 0px 0px 0px !important; width: 320px !important; height: auto !important; }
body[yahoo] .HalfSize { width: 160px !important; height: auto !important; padding: 0px 0px 1px 0px !important; }
body[yahoo] .newwidth {padding: 0 0 0 0 !important; width: 160px !important; height: auto !important; }
body[yahoo] .FullSize {width: 320px !important; height: 320px !important;  height:padding: 0px 0 0px 0 !important; }
body[yahoo] .MobileLogo { display: block !important; padding: 0px 0px 0px 0px !important; width: 240px !important; height: auto !important; }
body[yahoo] .PaddingBottom { width: 320px !important;  text-align:center !important; }

body[yahoo] .FairTradeModule { width: 300px !important; height: auto !important; }
body[yahoo] .FairTradeLogo { display: block !important; width: 300px !important; height: auto !important; padding: 10px 0px 10px 0px !important;  text-align: center !important;}
body[yahoo] .FairTradeIcon { display: block !important; width: 70px !important; height: auto !important;   text-align: center !important; margin: auto !important;  }
body[yahoo] .FairTradeCopy { display: block !important; width: 280px !important; height: auto !important; font-size: 13px !important; line-height: 20px !important; padding: 10px 10px 10px 10px !important; }


/**Upsize**/
  
/** Footer V2**/ 
body[yahoo] .MainWidthTwoEighty { width: 280px !important; min-width: 280px !important; }
body[yahoo] .MainWidthOneEighty { width: 180px !important; min-width: 180px !important; }
body[yahoo] .FooterMenus { width: 155px !important; height: 22px !important; padding: 9px 0px 9px 5px !important; }
body[yahoo] .FooterCategory { width: 155px !important; height: 22px !important; padding: 5px 0px 5px 5px !important; }
body[yahoo] .FooterSports { font-size: 13px !important; line-height: 24px !important; padding: 0px 0px 0px 5px !important; }
body[yahoo] .DuoLogo { display: block !important; padding: 0px 0px 0px 0px !important; text-align: center !important;}
body[yahoo] .FourLogoBox { width: 160px !important; height: 90px !important;}
body[yahoo] .DuoLogoNames { font-size: 12px !important; line-height: 14px !important; text-align: center !important;}
body[yahoo] .DuoLogoTopPad { padding: 5px 0px 0px 0px !important; text-align: center !important;}
body[yahoo] .DuoLogoBottomPad { padding: 0px 0px 5px 0px !important; text-align: center !important;}
body[yahoo] .DuoLogoSeparator {width: 130px !important; border-bottom:1px #999999 solid !important; padding: 0px 0 5px 0px !important;}
body[yahoo] .CustServPhone { font-size: 18px !important; line-height: 28px !important; padding: 20px 0 0px 0px !important; }
body[yahoo] .XSSeparator { width: 50px !important;}
body[yahoo] .TheCleanestModule { display: block !important; padding: 0 0 0 0px !important; background-image: url('http://images.patagonia.com/eMedia/images/structure/300x252-tcl-v2.gif') !important; height: 126px !important; width: 150px !important; background-repeat: no-repeat !important; background-size: 150px 126px; }
body[yahoo] .TheCleanestModulePad { display: block !important; width: 155px !important; height: 50px !important;  padding: 10px 0 0 10px !important; }
body[yahoo] .SocialMediaIcon { display: block !important; height: 40px !important; width: 40px !important; padding: 0 15px 0 15px !important; }
/** END of footer V2**/ 
}
</style>

<!--[if gt mso 9]>
    <style type="text/css">
    .Avenirlike {font-family: Arial, Helvetica, sans-serif !important;}
    .Sentinelike { font-family: Georgia, Times, serif !important; }
    .RegAndTrade { font-size: 20px !important; line-height: 40px !important; }
         * prevents Outlook from defaulting to Times New Roman */
  <![endif]--> 
  
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" yahoo="fix">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align:center">
<tbody><tr>
  <td width="100%" valign="top" align="center"><!--Wrapper-->
    
    <table width="600" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
      <tbody><tr>
        <td class="MainWidth" valign="top" align="center"><!--PREHEADER-->
          
          <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
            <tbody><tr>
              <td width="77%" align="center" valign="top" class="hide " style="font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#ffffff; text-align:left; padding:5px 0 5px 0;"><!--Preheader goes here-->Our new 19 degree 850 Down Sleeping Bag does it all.</td>
              <td width="23%" align="center" valign="top" class="hide " style="font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#999999; text-align:right; padding:5px 0 5px 0;"><a href="#" target="_blank">View on web</a></td>
            </tr>
          </tbody></table>
          
          <!--End PREHEADER--> 
          
          <!--HEADER LOGO-->
          
          <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
            <tbody><tr>
              <td width="100%" align="center" valign="top" class="Block"><a href="http://www.patagonia.com/home?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" target="_blank"><img class="MobileLogo" src="http://images.patagonia.com/eMedia/images/structure/Patagonia304x118.jpg" alt="patagonia®" width="250" height="97" style="text-align:center;" border="0"></a></td>
            </tr>
          </tbody></table>
          
          <!--END HEADER LOGO--> 
          <!--HEADER SHOPPING-->
          
          <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
            <tbody><tr>
              <td width="100%" align="center" valign="middle" class="Block" style="padding:0 0 20px 0;"><table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
                  <tbody><tr>
                    <td width="30%" valign="top" class="Avenirlike NavTextMen" style="padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:700; font-size:14px; line-height:17px;"><a href="http://www.patagonia.com/shop/mens?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000001; text-decoration:none;" target="_blank">MEN’S</a></td>
                    <td width="30%" valign="top" class="Avenirlike NavTextMen" style="padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:700; font-size:14px; line-height:17px;"><a href="http://www.patagonia.com/shop/womens?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000001; text-decoration:none;" target="_blank">WOMEN’S</a></td>
                    <td width="40%" valign="top" class="Avenirlike NavText" style="padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:700; font-size:14px; line-height:17px;"><a href="http://www.patagonia.com/shop/luggage?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000001; text-decoration:none;" target="_blank">PACKS &amp; GEAR</a></td>
                  </tr>
                </tbody></table></td>
            </tr>
          </tbody></table>
          
          <!--END HEADER SHOPPING--> 
          
          <!--FREE SHIPPING BANNER-->
          
          <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
            <tbody><tr>
              <td class="Hero" align="center" valign="top" style="padding:0px 0 10px 0"><table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" class="MainWidth">
                  <tbody><tr>
                    <td width="100%" class="Avenirlike TextCenter2 PaddingNav" align="center" valign="top" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; text-transform:uppercase; color:#999999; text-align:center; padding:10px 20px 8px 20px; font-weight:700; letter-spacing:1px;"><a href="http://www.patagonia.com/shipping-information.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#CCCCCC; text-decoration:none;" target="_blank">FREE SHIPPING <span class="Block">ON ALL ORDERS OVER $75*</span></a></td>
                  </tr>
                </tbody></table></td>
            </tr>
          </tbody></table>
          
  <!--END FREE SHIPPING BANNER--> 
  
  
          
          
   <!--VIDEO MAJOR CENTERED-->
     <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
       <tbody><tr>
        <td align="center" valign="top" style="padding:0px 0 10px 0;">
           <!--Video Image-->
            <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
               <tbody><tr>
                <td class="Hero" align="center" valign="top" style="padding:0px 0 0px 0; background-color:#ffffff;"><a href="https://www.patagonia.com/blog/2017/03/a-park-on-the-run/?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" target="_blank"><span class="module-A"><img src="http://images.patagonia.com/eMedia/images/17/1200x336_Blog-quoteC.gif" alt="Read the Story" width="600" height="168" class="hide" style="font-family: Arial; color: #EF4923; font-size: 18px; text-align:center;" border="0"></span></a></td>
                 </tr>
              
                  </tbody></table>
        <!--Video Image--> 
        </td>
            </tr>
          </tbody></table>
          <!--END VIDEO MAJOR CENTERED--> 
          
          
          
                  
     
  <!--VIDEO MAJOR CENTERED-->
     <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
       <tbody><tr>
        <td align="center" valign="top" style="padding:0px 0 0 0;">
           <!--Video Image-->
            <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
               <tbody><tr>
                <td class="Hero" align="center" valign="top" style="padding:0px 0 0px 0; background-color:#ffffff;"><a href="http://www.patagonia.com/shop/luggage-sleeping-bags?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" target="_blank"><img src="http://images.patagonia.com/eMedia/images/17/1200x800_Nielsen_j_0014B.jpg" alt="Patagonia Sleeping Bags" width="600" height="400" class="Hero" style="font-family: Arial; color: #EF4923; font-size: 18px; text-align:center;" border="0"></a></td>
                 </tr>
              
                  </tbody></table>
        <!--Video Image--> 
        <!--Video headline-->
          <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
         <tbody><tr>
    <td width="100%" valign="top" align="center" class="Avenirlike FeatsubheadMainTop" style="line-height:50px;font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:48px; mso-line-height-rule: exactly; padding:40px 20px 0px 20px; font-weight:700; text-align:center; letter-spacing:1px;">Sleep Around</td>
                  </tr>
                  
                
                  <tr>
    <td align="center" valign="top" style="padding:10px 0 15px 0;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" width="340" height="8" style="background-color:#000000;" class="BlackBarTwo">
        <tbody><tr>
         <td align="center" valign="middle"></td>
         </tr></tbody></table>
    </td>
    </tr>
    <tr>
           <td class="Avenirlike FeatsubheadTop" align="center" valign="top" style="font-family:Arial, Helvetica, sans-serif; color:#000000; line-height:26px; font-size:16px; padding:20px 25px 15px 25px; text-align:center; font-weight:700;">Couch surf, camp, crash on the portaledge—our new 19 degree 850 Down Sleeping Bag does it all.</td>
             </tr>
             
                </tbody></table>
          <!--End Video headline--></td>
            </tr>
          </tbody></table>
          <!--END VIDEO MAJOR CENTERED--> 



<!--CTA.SINGLE-->
  <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
    <tbody><tr>
        <td align="center" valign="top" style="padding:15px 0 60px 0;" class="CTAPad">
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="360" class="CTA">
            <tbody><tr>
                <td class="Avenirlike PaddingNav" align="center" valign="middle" style="padding:10px 5px 10px 5px; font-size:14px;line-height:18px; font-family:Arial, Helvetica, sans-serif; text-align:center; background-color:#EF4923; letter-spacing: 2px; text-transform:uppercase; font-weight:700;">
                    <a href="http://www.patagonia.com/shop/luggage-sleeping-bags?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="text-decoration:none; color:#ffffff;" target="_blank">SHOP SLEEPING BAGS</a>
                </td>
            </tr>
            </tbody></table>
        </td>
    </tr>
  </tbody></table>
<!--END CTA.SINGLE-->    


<!--VIDEO MAJOR CENTERED-->
     <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
       <tbody><tr>
        <td align="center" valign="top" style="padding:0px 0 40px 0;">
           <!--Video Image-->
            <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
               <tbody><tr>
                <td class="Hero" align="center" valign="top" style="padding:0px 0 0px 0; background-color:#ffffff;"><a href="http://www.patagonia.com/shop/luggage-sleeping-bags?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" target="_blank"><span class="module-B"><img src="http://images.patagonia.com/eMedia/images/17/1200x894_SleepingBagReview3.jpg" alt="Sleeping Bag review" width="600" height="447" class="hide" style="font-family: Arial; color: #EF4923; font-size: 18px; text-align:center;" border="0"></span></a></td>
                 </tr>
              
                  </tbody></table>
        <!--Video Image--> 
       </td>
            </tr>
          </tbody></table>
          <!--END VIDEO MAJOR CENTERED--> 
   
 
 

         
                
 <!--VIDEO MAJOR CENTERED-->
     <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth" style="background-color:#eaeaea;">
       <tbody><tr>
        <td align="center" valign="top" style="padding:10px 0 0 0;">
           <!--Video Image-->
            <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
       <tbody><tr>
                <td class="Hero" align="center" valign="top" style="padding:0px 10px 0 10px; background-color:#eaeaea;"><a href="http://www.patagonia.com/blog/2017/03/a-park-on-the-run/?ett=1559132205" target="_blank"><img src="http://images.patagonia.com/eMedia/images/17/1200x651_ParkOnTheRun.jpg" alt="Read the Story" width="580" height="312" class="HeroInset" style="font-family: Arial; color: #342E7D; font-size: 18px;" border="0"> </a></td>
                 </tr>
                  </tbody></table>
        <!--Video Image--> 
        </td>
            </tr>
          </tbody></table>
          <!--END VIDEO MAJOR CENTERED--> 
          
                   
      
 <!--VIDEO MAJOR CENTERED-->
   <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth" style="background-color:#eaeaea;">
      <tbody><tr>
      <td width="100%" valign="top" align="center" class="Avenirlike FeatsubheadTCL" style="line-height:42px;font-family:Arial, Helvetica, sans-serif; color:#EF4923; font-size:34px; mso-line-height-rule: exactly; padding:40px 0px 10px 0px; font-weight:700; text-align:center; letter-spacing:2px;">A Park on the Run
</td>
       </tr>
       <tr>
       <td width="100%" valign="top" align="center" class="Avenirlike TopPadding" style="line-height:26px;font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:22px; mso-line-height-rule: exactly; padding:0px 20px 20px 20px; font-weight:700; text-align:center; letter-spacing:1px;">By Kt Miller</td>
       </tr>
       <!-- SOCIAL SHARE-->
                             <tr>
                             <td valign="top" align="left" class="Featsubhead4c" style="line-height:34px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:34px; mso-line-height-rule: exactly; padding:0px 0px 0px 0px; font-weight:bold; text-align:center; letter-spacing: 2px;">
                             
                             
                             
                               <!--PADDING FOR THIS MODULE LIVES RIGHT ABOVE-->
       <table align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidthThreeHundred">
    <tbody><tr>
    <td valign="top" width="50" align="center"><a href="https://www.facebook.com/login.php?skip_api_login=1&amp;api_key=990637321015447&amp;signed_next=1&amp;next=https%3A%2F%2Fwww.facebook.com%2Fv2.5%2Fdialog%2Fshare%3Fdisplay%3Dpopup%26href%3Dhttps%253A%252F%252Fwww.patagonia.com%252Fblog%252F2017%252F03%252Fa-park-on-the-run%252F%26client_id%3D990637321015447%26ret%3Dlogin&amp;cancel_url=https%3A%2F%2Fwww.facebook.com%2Fdialog%2Freturn%2Fclose%3Ferror_code%3D4201%26error_message%3DUser%2Bcanceled%2Bthe%2BDialog%2Bflow%23_%3D_&amp;display=popup&amp;locale=en_US" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/facebook-outline.png" alt="Facebook" style="display:block;" class="SocialMediaShare" height="40" border="0" width="40"></a></td>
     
     <td valign="top" width="50" align="center"><a href="https://twitter.com/intent/tweet?text=A%20Park%20on%20the%20Run&amp;url=https%3A%2F%2Fwww.patagonia.com%2Fblog%2F2017%2F03%2Fa-park-on-the-run%2F&amp;via=patagonia&amp;related=ktmillerphoto&amp;hashtags=thecleanestline&amp;original_referer=https://www.patagonia.com/blog/2017/03/a-park-on-the-run/?" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/twitter-outline.png" alt="Twitter" style="display:block;" class="SocialMediaShare" height="40" border="0" width="40"></a></td>
     
     <td valign="top" width="50" align="center"><a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fwww.patagonia.com%2Fblog%2F2017%2F03%2Fa-park-on-the-run%2F" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/LinkedIn-outline.png" alt="LinkedIn" style="display:block;" class="SocialMediaShare" height="40" border="0" width="40"></a></td>
     
     <td valign="top" width="50" align="center"><a href="mailto:?subject=A Park on the Run&amp;body=https://www.patagonia.com/blog/2017/03/a-park-on-the-run/" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/email-outline.png" alt="e-mail" style="display:block;" class="SocialMediaShare" height="40" border="0" width="40"></a></td>
     </tr>
     </tbody></table>
     <!--END SHARE SOCIAL OPTION-->
                             </td>
                           </tr>
                             <!-- END SOCIAL SHARE-->
                             
                           
                             <!-- END SOCIAL SHARE-->
                             <!-- Underline bar-->
                             <tr>
                             <td valign="top" align="left" class="Featsubhead4c" style="line-height:34px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:34px; mso-line-height-rule: exactly; padding:20px 0px 20px 0px; font-weight:bold; text-align:center; letter-spacing: 2px;"><img src="http://images.patagonia.com/eMedia/images/16/OrangeBar.jpg" alt="" style="text-align=center;" class="OrangeBar" height="3" border="0" width="560"></td>
                           </tr>
                             <!-- END Underline bar-->
       <tr>
  <td class="Sentinelike FeatsubheadMain" width="100%" align="left" valign="top" style="font-family:Arial, Helvetica, sans-serif;color:#505050; line-height:28px; font-size:17px; padding:0px 32px 0px 20px; text-align:left; font-weight:normal;">“We ran for 30 miles around the east shore to arrive at camp on the far end of the South Arm where our porters canoed in to meet us. I burrowed into my sleeping bag and gazed out the tent door. Appreciation washed over me. Our plan was actually working, the weather was holding and my body was cooperating. The remote country was wild and nourishing.”
</td>
    </tr>
    </tbody></table>                       
  <!--END VIDEO MAJOR CENTERED--> 
 
<!--CTA.SINGLE-->
  <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth" style="background-color:#eaeaea;">
    <tbody><tr>
        <td align="center" valign="top" style="padding:40px 0 50px 0;" class="CTAInsetPad">
            <table align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#342E7D" width="380" class="CTAInset">
            <tbody><tr>
                <td class="Avenirlike PaddingNav" align="center" valign="middle" style="padding:10px 5px 10px 5px; font-size:14px;line-height:18px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#ffffff; letter-spacing: 2px; text-transform:uppercase; font-weight:700;">
                    <a href="http://www.patagonia.com/blog/2017/03/a-park-on-the-run/?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="text-decoration:none; color:#eaeaea;" target="_blank">READ THE STORY ON OUR BLOG</a>
                </td>
            </tr>
            </tbody></table>
        </td>
    </tr>
  </tbody></table>
<!--END CTA.SINGLE-->     

<!--SPACE-->
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
<tbody><tr>
<td align="center" valign="top" style="padding:40px 0px 0px 0px;">&nbsp;</td>
</tr>
</tbody></table>
<!--END SPACE-->
            
 <a href="http://www.patagonia.com/?mt_rid=9459&amp;mt_vid=0&amp;mt_h=0.1.9bawdkmngcfkfaosjuhd8uzg" target="_blank"><img src="https://sd.monetate.net/trk/2/m/a-9ccc326a/p/patagonia.com/685616/9459?mt_euid=andrewcking84@gmail.com" style="max-width: none!important; width: auto!important;" border="0" ismap="ismap"></a>
<!--SPACE-->
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
<tbody><tr>
<td align="center" valign="top" style="padding:40px 0px 0px 0px;">&nbsp;</td>
</tr>
</tbody></table>
<!--END SPACE-->               
   
<!--NEW - PHOTO CAPTION-->
 <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
  <tbody><tr>
   <td align="center" valign="top" class="Avenirlike PhotoCaption" style="padding:20px 20px 20px 20px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:11px;line-height:14px; color:#666666; border-top:1px #999999 solid; font-weight:400;">
Photos: (Top) Mandatory wading doubles as sore feet therapy. FREDRIK MARMSATER (Middle) Jenn Shelton finds a rest stop on the John Muir Trail, California. JOSH NIELSEN (Bottom) Five days and 140 miles means covering plenty of uncommon ground. Kt Miller, Beau Fredlund, Walker Ferguson and Justin Angle in the Shosone Geyser Basin. Yellowstone National Park, Wyoming. FREDRIK MARMSATER</td>
   </tr>
   </tbody></table>
<!--END NEW - PHOTO CAPTION-->
            
 <!--FOOTER MENU-->
                <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
                  <tbody><tr>
                    <td class="MainWidth" valign="top" align="left" style="padding:30px 0 20px 0;">
                      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
                        <tbody><tr>
                          <td valign="top" align="left" class="MainWidth"><table width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                              <tbody><tr>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterMenus" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 10px 0; font-weight:700;border-bottom:1px #d4d4d4 solid; border-top:1px #d4d4d4 solid; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/shop/mens?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Men’s</a></td>
                                <td width="4%" class="Separator">&nbsp;</td>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterMenus" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 10px 0; font-weight:700; border-bottom:1px #d4d4d4 solid; border-top:1px #d4d4d4 solid; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/shop/web-specials?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Web Specials</a></td>
                              </tr>
                            </tbody></table></td>
                        </tr>
                        <tr>
                          <td valign="top" align="left" class="MainWidth"><table width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                              <tbody><tr>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterMenus" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 10px 0; font-weight:700;border-bottom:1px #d4d4d4 solid; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/shop/womens?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Women’s</a></td>
                                <td width="4%" class="Separator">&nbsp;</td>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterMenus" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 10px 0; font-weight:700; border-bottom:1px #d4d4d4 solid; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span><a href="https://www.patagoniaprovisions.com/" style="color:#000000; text-decoration:none;" target="_blank"><span class="hide">Patagonia </span>Provisions</a></td>
                              </tr>
                            </tbody></table></td>
                        </tr>
                        <tr>
                          <td valign="top" align="left" class="MainWidth"><table width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                              <tbody><tr>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterMenus" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 10px 0; font-weight:700;border-bottom:1px #d4d4d4 solid; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/shop/kids-baby?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Kids’ &amp; Babies</a></td>
                                <td width="4%" class="Separator">&nbsp;</td>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterMenus" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 10px 0; font-weight:700; border-bottom:1px #d4d4d4 solid; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/shop/books?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Patagonia Books</a></td>
                              </tr>
                            </tbody></table></td>
                        </tr>
                        <tr>
                          <td valign="top" align="left" class="MainWidth"><table width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                              <tbody><tr>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterMenus" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 10px 0; font-weight:700;border-bottom:1px #d4d4d4 solid; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/shop/luggage?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Packs &amp; Gear</a></td>
                                <td width="4%" class="Separator">&nbsp;</td>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterMenus" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 10px 0; font-weight:700; border-bottom:1px #d4d4d4 solid; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span><a href="https://www.patagonia.com/giftcards/?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Gift Cards</a></td>
                              </tr>
                            </tbody></table></td>
                        </tr>
                      </tbody></table></td>
                  </tr>
                </tbody></table>
                <!--END FOOTER MENU--> 
                
                <!--NAV FOOTER CATEGORY-->
                <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
                  <tbody><tr>
                    <td class="MainWidth" valign="top" align="left" style="padding:0px 0 30px 0; border-bottom:1px solid #999999;">
                      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
                        <tbody><tr>
                          <td valign="top" align="left" class="MainWidth"><table width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                              <tbody><tr>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterCategory" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 5px 0; font-weight:700; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span>Sport</td>
                                <td width="4%" class="Separator">&nbsp;</td>
                                <td width="48%" align="left" valign="middle" class="Avenirlike FooterCategory" style="line-height:20px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:15px; mso-line-height-rule: exactly; padding:10px 0 5px 0; font-weight:700; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span>Our Blog</td>
                              </tr>
                            </tbody></table></td>
                        </tr>
                        <tr>
                          <td valign="top" align="left" class="MainWidth"><table width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                              <tbody><tr>
                                <td width="48%" align="left" valign="top" class="Avenirlike FooterSports" style="line-height:24px;font-family:Arial, Helvetica, sans-serif;color:#000000; font-size:13px; mso-line-height-rule: exactly; padding:0px 0 0px 0; font-weight:400; text-align:left;letter-spacing: 1px;"><span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/climbing.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Climbing</a><br>
<span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/skiing-snowboarding.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Ski/Snowboarding</a><br>
<span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/surfing.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Surfing</a><br>
<span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/fly-fishing.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Fly Fishing</a><br>
<span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/trail-running.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Trail Running</a><br>
<span class="hide">&nbsp;&nbsp;</span><a href="http://www.patagonia.com/mountain-biking.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#000000; text-decoration:none;" target="_blank">Mountain Biking</a></td>
                                <td width="4%" class="Separator">&nbsp;</td>
                                <td width="48%" align="left" valign="top" class="Avenirlike TheCleanestModulePad" style="padding:6px 0 0px 0;">
                                
                                <a href="http://www.patagonia.com/blog/?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" target="_blank"><img class="hide" src="http://images.patagonia.com/eMedia/images/structure/444x268-tcl-v2.gif" alt="The Cleanest Line" width="222" height="134" style="padding:0px 0px 0px 10px; display:block;" border="0"><span class="TheCleanestModule"></span></a>
                                
                                </td>
                              </tr>
                            </tbody></table></td>
                        </tr>
                      </tbody></table></td>
                  </tr>
                </tbody></table>
                <!--END FOOTER CATEGORY-->
                
                <!--FOOTER FOUR LOGOS-->
 <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
  <tbody><tr>
   <td width="50%" valign="top" align="center" class="DuoLogo" style="padding:20px 5px 20px 20px;">
       
   <table align="center" border="0" cellpadding="0" cellspacing="0">
     <tbody><tr>
       <td valign="top" align="center" class="DuoLogoTopPad" style="">
            
 <!--FOOTPRINT CHRONICLES-->                      
 <table width="120" align="center" border="0" cellpadding="0" cellspacing="0" class="FourLogoBox">
   <tbody><tr>
    <td valign="bottom" align="center" class=""><a href="http://www.patagonia.com/footprint.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/Footprint-Chronicles3.gif" alt="#" width="49" height="48" style="display:block; text-align:center;" border="0"></a></td>
    </tr>
    <tr>
    <td valign="top" align="center" class="Avenirlike DuoLogoNames" style="font-family:Arial, Helvetica, sans-serif; color:#666666; line-height:12px; font-size:10px; text-align:center; padding-top:5px; font-weight:700;"> Footprint Chronicles</td>
    </tr>
  </tbody></table>
                                  
  <!--HIDDEN SEPARATOR-->
  <table align="center" border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
     <td class="DuoLogoSeparator" align="center">
     </td>
    </tr>
  </tbody></table>
  <!--END OF HIDDEN SEPARATOR-->
  
  
  <!--FOOTPRINT CHRONICLES-->
  </td>
  <td valign="top" align="center" style="padding:0 0px 0 20px;" class="DuoLogoTopPad">
  
  <!--WORN WEAR -->
  <table width="120" align="center" border="0" cellpadding="0" cellspacing="0" class="FourLogoBox">
                                    <tbody><tr>
                                      <td valign="bottom" align="center" class=""><a href="https://wornwear.patagonia.com/?ett=1559132205&amp;utm_campaign=062317_SleepingBags_cp&amp;utm_medium=email&amp;utm_source=em" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/Worn-Wear-3.gif" alt="Worn Wear" width="48" height="48" style="display:block; text-align:center;" border="0"></a></td>
                                    </tr>
                                    <tr>
                                      <td valign="top" align="center" class="Avenirlike DuoLogoNames" style="font-family:Arial, Helvetica, sans-serif; color:#666666; line-height:12px; font-size:10px; text-align:center; padding-top:5px; font-weight:700;">Worn Wear</td>
                                    </tr>
                                  </tbody></table>
  <!--HIDDEN SEPARATOR-->
  <table align="center" border="0" cellpadding="0" cellspacing="0">
        <tbody><tr>
          <td class="DuoLogoSeparator" align="center">
          </td>
        </tr>
      </tbody></table>
  <!--END OF HIDDEN SEPARATOR-->
                                  
                                  <!--WORN WEAR--></td>
                              </tr>
                            </tbody></table></td>
                          <td width="50%" valign="top" align="center" class="DuoLogo" style="padding:20px 20px 20px 5px;"><table align="center" border="0" cellpadding="0" cellspacing="0">
                              <tbody><tr>
                                <td valign="top" align="center" style="padding:0 0px 0 0px;" class="DuoLogoBottomPad"><!--IRONCLAD -->
                                  
                                  <table width="120" align="center" border="0" cellpadding="0" cellspacing="0" class="FourLogoBox">
                                    <tbody><tr>
                                      <td valign="bottom" align="center" class=""><a href="http://www.patagonia.com/ironclad-guarantee.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/Ironclad_Guarantee.jpg" alt="#" width="65" height="48" style="display:block; text-align:center;" border="0"></a></td>
                                    </tr>
                                    <tr>
                                      <td valign="top" align="center" class="Avenirlike DuoLogoNames" style="font-family:Arial, Helvetica, sans-serif; color:#666666; line-height:12px; font-size:10px; text-align:center; padding-top:5px; font-weight:700;"> Ironclad Guarantee </td>
                                    </tr>
                                  </tbody></table>
                                  
                                  <!--IRONCLAD--></td>
                                <td valign="top" align="center" style="padding:0 0px 0 20px;" class="DuoLogoBottomPad"><!--ONE PERCENT-->
                                  
                                  <table width="120" align="center" border="0" cellpadding="0" cellspacing="0" class="FourLogoBox">
                                    <tbody><tr>
                                      <td valign="bottom" align="center" class=""><a href="http://www.patagonia.com/one-percent-for-the-planet.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/One_Percent_for_the_Planet.jpg" alt="#" width="65" height="48" style="display:block; text-align:center;" border="0"></a></td>
                                    </tr>
                                    <tr>
                                      <td valign="top" align="center" class="Avenirlike DuoLogoNames" style="font-family:Arial, Helvetica, sans-serif; color:#666666; line-height:12px; font-size:10px; text-align:center; padding-top:5px; font-weight:700;">1% for the Planet</td>
                                    </tr>
                                  </tbody></table>
                                  
                                  <!--ONE PERCENT--></td>
                              </tr>
                            </tbody></table></td>
                        </tr>
                      </tbody></table>
                      
                      <!--END FOOTER FOUR LOGOS-->
  
  
   <!--FOOTER SOCIAL MEDIA ICONS-->
                
                <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
                  <tbody><tr>
                    <td class="MainWidth" valign="top" align="center" style="padding:25px 0 20px 0; border-top:1px #999999 solid;">
                    <!--NEW FOOTER SOCIAL--> 
                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidthTwoEighty">
                        <tbody><tr>
                          <td class="Avenirlike" style="font-family:Arial, Helvetica, sans-serif;color:#000000; line-height:20px;font-size:15px; padding:0px 0px 15px 0px; text-align:center; font-weight:700; letter-spacing: 1px;"> Visit Us </td>
                        </tr>
                        <tr>
                          <td valign="top" align="center" style="padding:0px 0 27px 0;"><table align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidthOneEighty">
                                    <tbody><tr>
                                      <td valign="top" width="37" align="center"><a href="https://www.facebook.com/PATAGONIA" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/facebook.gif" width="28" height="28" alt="facebook" style="display:block;" border="0" class="SocialMediaIcon"></a></td>
                                      <td valign="top" width="37" align="center"><a href="https://www.instagram.com/patagonia/" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/instagram-v2.gif" width="28" height="28" alt="instagram" style="display:block;" border="0" class="SocialMediaIcon"></a></td>
                                      <td valign="top" width="37" align="center" class="hide"><a href="https://twitter.com/patagonia" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/twitter.gif" width="28" height="28" alt="twitter" style="display:block;" border="0" class="SocialMediaIcon"></a></td>
                                      <td valign="top" width="37" align="center" class="hide"><a href="http://patagonia.tumblr.com/" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/Tumblr.gif" width="28" height="28" alt="tumblr" style="display:block;" border="0" class="SocialMediaIcon"></a></td>
                                      <td valign="top" width="37" align="center" class="hide"><a href="https://www.pinterest.com/patagonia/" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/Pinterest.gif" width="28" height="28" alt="Pinterest" style="display:block;" border="0"></a></td>
                                      <td valign="top" width="37" align="center" class="hide"><a href="https://vimeo.com/patagonia" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/vimeo.gif" width="28" height="28" alt="vimeo" style="display:block;" border="0"></a></td>
                                      <td valign="top" width="37" align="center"><a href="http://click.email.patagonia.com/?qs=a97208676c06c637f1105cca3435a15bc9ee01aea56cb54441f34f79a406a00a94fc7b892462f712aa9347ca959a26cc9e51a9e63e25f628" target="_blank"><img src="http://images.patagonia.com/eMedia/images/structure/YouTube.gif" width="28" height="28" alt="You-Tube" style="display:block;" border="0" class="SocialMediaIcon"></a></td>
                                    </tr>
                                  </tbody></table></td>
                        </tr>
                      </tbody></table>
                      
                      <!--END FOOTER SOCIAL MEDIA ICONS--> 
                      
                      <!--SEPARATOR-->
      <table width="50" align="center" border="0" cellpadding="0" cellspacing="0" class="XSSeparator">
        <tbody><tr>
          <td class="" valign="top" align="center" style="padding:5px 0 5px 0; border-top:1px #999999 solid;">
          </td>
        </tr>
      </tbody></table>
  <!--END SEPARATOR-->
                      
                      <!--FOOTER CUSTOMER-SERVICE-->
                      
                      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
                        <tbody><tr>
                          <td valign="top" align="center" class="MainWidth" style="padding:15px 0 25px 0;">
                          
                          <table border="0" cellpadding="0" cellspacing="0" class="MainWidthTwoEighty">
                              <tbody><tr>
                                <td width="100%" class="Avenirlike" style="font-family:Arial, Helvetica, sans-serif; color:#000000; line-height:20px; font-size:15px; mso-line-height-rule: exactly; padding:0px 0 0px 0; text-align:center;font-weight:700; letter-spacing: 1px;"> Patagonia Customer Service: <span class="appleLinks CustServPhone">800.638.6464</span></td>
                              </tr>
                              <tr>
                                <td width="100%" class="Avenirlike " style="font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:20px; font-size:12px; mso-line-height-rule: exactly; padding:10px 0 0px 0; text-align:center;"><span class="appleLinks">8550 White Fir St, Reno, NV 89523</span>&nbsp;| &nbsp;<a href="http://www.patagonia.com/customer-service.html?utm_source=em&amp;utm_medium=email&amp;utm_campaign=062317_SleepingBags_cp&amp;ett=1559132205" style="color:#333333; text-decoration:underline;" target="_blank">Contact Us</a></td>
                              </tr>
                            </tbody></table>
                            
                            </td>
                        </tr>
                      </tbody></table>
                      <!--END FOOTER CUSTOMER-SERVICE--> 
                      
                        <!--SEPARATOR-->
      <table width="50" align="center" border="0" cellpadding="0" cellspacing="0" class="XSSeparator">
        <tbody><tr>
          <td class="" valign="top" align="center" style="padding:5px 0 5px 0; border-top:1px #999999 solid;">
          </td>
        </tr>
      </tbody></table>
  <!--END SEPARATOR-->
                      
                      <!--FOOTER EMAIL PREFERENCES-->
                      
                      <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
                        <tbody><tr>
                          <td valign="top" align="center" class="MainWidth" style="padding:15px 0 10px 0;">

            <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidthTwoEighty">
              <tbody><tr>
              <td width="100%" class="Avenirlike" style="font-family:Arial, Helvetica, sans-serif; color:#000000; line-height:20px; font-size:15px; mso-line-height-rule: exactly; padding:0px 0 10px 0; text-align:center;font-weight:700; letter-spacing: 1px;"> Email Preferences</td>
               </tr>
               <tr>
               <td width="100%" class="Avenirlike " style="font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:20px; font-size:12px; mso-line-height-rule: exactly; padding:0 0 0px 0; text-align:center;">Set your gender, locale and frequency so we can send you emails that matter.<br>
                <a href="#" style="color:#333333; text-decoration:underline;" target="_blank">Unsubscribe</a><span class="hide"> &nbsp;|&nbsp;</span> <span class="Block"><a href="#" style="color:#333333; text-decoration:underline;" target="_blank">Update My Preferences</a></span>
              </td>
              </tr>
              </tbody></table>
              
               </td>
              </tr>
              </tbody></table>
                      
                      <!--END FOOTER EMAIL PREFERENCES--> 
                      
                      
 <!-- FOOTER LEGALESE-->
       <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" class="MainWidth">
        <tbody><tr>
         <td class="Avenirlike Legalese" align="center" valign="top" style="padding:30px 20px 30px 20px; font-family:Arial, Helvetica, sans-serif; color:#777777; line-height:18px; font-size:10px; mso-line-height-rule: exactly; text-align:justify; font-weight:400;"> *Free Shipping details: If your order meets or exceeds the amount advertised on the website, you qualify for free ground shipping. Choose the FREE delivery option (up to 10 business days) at checkout or over the phone at <span class="appleLinks">800-638-6464
</span>. This offer is valid for orders shipped to addresses in the United States and all U.S. Territories only, not valid for international orders. The free shipping option is not valid for gift cards, Patagonia Outlet stores, wetsuits, surfboards, or with Pro, Team and Group Sales. <br><br>
 This email was sent to <span class="appleLinks">hello@SmilesDavis.yeah</span> <br>
   ©&nbsp;2017&nbsp;Patagonia, Inc.</td>
         </tr>
         </tbody></table>
  <!--END FOOTER LEGALESE-->
  
  
  </td>
                  </tr>
                </tbody></table>
                
                <!--END FOOTER MENU->
          <!--End Wrapper--></td>
      </tr>
<tr>
  <td valign="top" align="center">&nbsp;</td>
</tr>
    </tbody></table>
    
    <div style="display:none; white-space:nowrap; font:15px courier; line-height:0; mso-hide:all;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>
    


</td></tr></tbody></table></body>
            
          
!
999px
Loading ..................

Console