Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

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

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!DOCTYPE html>
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
  
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <title>National Geographic | FURTHER</title>
    <link href="http://www.nationalgeographic.com/interactive-assets/fonts/verlag/HCo_fonts-verlag.css"
    rel="stylesheet">
    <style type="text/css">
      /* CLIENT STYLES */
	                                                        .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
	                                                        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
	                                                        body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
	                                                        table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
	                                                        img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

	                                                        /* RESET STYLES */
	                                                        body{margin:0; padding:0;}
	                                                        img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
	                                                        table{border-collapse:collapse !important;}
	                                                        body{height:100% !important; margin:0; padding:0; width:100% !important;}
															 a {text-decoration: none;}
												   a:visited {color:#c0c0c0; text-decoration:none;}
	                                     
	                                     [style*="HCo Verlag"] {
	                                 font-family:'HCo Verlag', CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif !important;
	                              }


	                                                        @media screen and (max-width: 640px) {     
	                                                        
	                                                            .hide {display:none !important;} 
	                                                            .center { text-align:center !important;}
	                                                            .mobile-only {display: block !important; max-height: none !important; max-width: 640px !important; visibility: visible !important;}
	                                                            
	                                                             .imageswap2 { 
	                                                              height: 400px !important;}

	                                                            .responsivetable{
	                                                                width:100% !important;}
	                                                            
	                                                           .responsivetable80{
	                                                               width:80% !important;}
	                                                            
	                                                            .responsivetable90{
	                                                                width:90% !important;}
	                                                            
	                                                            .full_img {
	                                                                width: 100% !important;}
	                                                         
	                                                            .newrow {
	                                                                display: block !important;
	                                                                width: 100% !important;}

	                                                            .centered {
	                                                                text-align: center !important;}
	            
	                                                            .nopadding {
	                                                                padding: 0px !important;}
	                                                            
	                                                           .headlinefont {
	                                                                font-size: 26px !important;
	                                                                line-height: 28px !important;
	                                                                   }
	                                                            
	                                                            .titlefont {
	                                                                font-size: 28px !important;
	                                                                line-height: 26px !important;
	                                                            letter-spacing: 5px !important;}
	                                                            
	                                                           .sectionheadfont {
	                                                       font-size: 35px !important;
	                                                       line-height: 28px !important;
	                                                       letter-spacing: 6px !important;} 

	                                                        }
    </style>
    <!--[if gt mso 15]>
      <style type="text/css" media="all">
        /* Outlook 2016 Height Fix */
         table, tr, td {border-collapse: collapse;}
         tr { font-size:0px; line-height:0px; border-collapse: collapse; }
      </style>
    <![endif]-->
    <style type="text/css">
      /* iOS BLUE LINKS */
	                      
	                     a[x-apple-data-detectors]
	                     {
	                     color: inherit !important;
	                     text-decoration: none !important;
	                     font-size: inherit !important;
	                     font-family: inherit !important;
	                     font-weight: inherit !important;
	                     line-height: inherit !important;
	                     }
    </style>
    <!--[if gte mso 9]>
      <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
      </xml>
    <![endif]-->
  </head>
  
  <body style="margin: 0; padding: 0; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;">
    <div style="display: none; font-size: 0px; line-height: 0px; max-height: 0px; max-width: 0px; width: 0px; opacity: 0; overflow: hidden;">Want to see more emails about animals, travel, or photography? Show us what inspires
      you, while exploring your favorite topics now. You&rsquo;re one click away from
      exploration...&nbsp;|&nbsp;</div>
    <!-- DESKOP BANNER -->
    <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" class="hide"
    width="100%">
      <tr>
        <td align="center" style="padding-top: 12px; padding-bottom: 12px;">
          <table border="0" cellpadding="0" cellspacing="0" class="responsivetable" style="width: 620px;"
          width="620">
            <tr>
              <td align="left" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 8px; line-height: 8px; color: #ffffff; text-transform: uppercase; letter-spacing: 2.4px; font-weight: 400;">EXPLORE YOUR FAVORITE NAT GEO TOPICS.</td>
              <td align="right" data-content-region-name="SignInJoin"
              style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 8px; line-height: 8px; font-weight: normal; color: #ffffff;">
                <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWR&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                style="font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing: 2.4px; color: #ffffff;"
                target="_blank">SIGN IN&nbsp;&nbsp;&nbsp;&nbsp;</a>|
                <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWS&amp;_ei_=EkLIVj8x9EsyUELCtX-jUiLpy3HVDcQAV3kUT4NAcsIPgqV5YW-Zr8ous-xf1FaL42rK3lCZp2DDejX-BIQ9A7IC8kK7VKONqao_8WgXsLngU5AF9oKeQ5hrOyoTGcN9B3QdGtp0FgE-eH6g7AyFYBAHEulTb1GhNBpp2qodJzrxNQhJMPjSRaXDbbadlpTIgEeQq_GFHFpZSzUNhXhxjkshM3bTM6w4z2GptezZKSjdctCBFDDg_4CcoYc."
                style="font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing: 2.4px; color: #ffffff;"
                target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;VIEW ONLINE</a>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!-- END DESKTOP BANNER -->
    <!-- MOBILE BANNER -->
    <!--[if !mso]>
      <!-->
      <div class="mobile-only" style="font-size: 0; max-height: 0; overflow: hidden; display: none; mso-hide: all;">
        <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td align="center" style="padding-top: 13px; padding-bottom: 13px;">
              <table border="0" cellpadding="0" cellspacing="0" class="responsivetable90" style="width: 640px;"
              width="640">
                <tr>
                  <td align="center" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 10px; line-height: 13px; font-weight: 400; color: #ffffff; text-transform: uppercase; letter-spacing: 2.4px;">EXPLORE YOUR FAVORITE TOPICS.</td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </div>
    <!--<![endif]-->
    <!-- END MOBILE BANNER -->
    <!-- HEADER -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center">
          <div align="center">
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="responsivetable80"
            style="width: 600px;" valign="top" width="600">
              <tr>
                <td align="center" class="newrow centered" style="padding: 40px 0px 40px 0px;">
                  <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWT&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                  target="_blank">
                    <img alt="National Geographic" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/logo.png"
                    style="color: #000000;" width="150">
                  </a>
                </td>
              </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="responsivetable80"
            style="width: 600px;" valign="bottom" width="600">
              <tr>
                <td align="center" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 40px; line-height:40px; letter-spacing: 7px; font-weight: 700; text-transform: uppercase; color: #000000;"
                valign="center">What Inspires You?</td>
              </tr>
              <tr>
                <td align="right" class="centered" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 14px; line-height:16px; letter-spacing: 2.5px; font-weight: 400; color: #000000; text-transform: uppercase;"
                valign="center"><span class="hide" style="color: #ffcc00;">|&emsp;&emsp;</span>SHARE YOUR INTERESTS
                  WITH US.</td>
              </tr>
            </table>
          </div>
        </td>
      </tr>
    </table>
    <!-- END HEADER -->
    <!-- WELCOME COPY -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center" style="padding-bottom: 35px;">
          <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 600px;"
          width="600">
            <tr>
              <td align="center" style="font-family:'Georgia','Times New Roman','Times', serif; font-size: 14px; line-height:24px; font-weight:normal; color:#333333; padding-top: 25px">We&rsquo;re glad you&rsquo;ve joined us on this exciting journey and we look forward
                to getting to know you a little better. It&rsquo;s our goal to get your inbox experience
                right, sending you emails tied to your&nbsp;interests.
                <br>	<b>Click on the images below to let us know what topics inspire and interest you.</b>
                <br>	<em>Interested in a variety of things? Click on them all!</em>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!-- END WELCOME COPY -->
    <!-- GRID -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="center" style="padding-bottom: 70px;">
          <table align="center" border="0" cellpadding="0" cellspacing="0" class="responsivetable"
          style="width: 640px;" width="640">
            <tr>
              <td class="hide" width="5"></td>
              <td align="center" class="newrow">
                <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 200px;"
                width="200">
                  <tr>
                    <td align="center" style="padding-bottom: 10px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWU&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="TRAVEL +" class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/email-travel.jpg"
                        style="color: #000000;" width="200">
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="padding-bottom: 10px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWW&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="PHOTOGRAPHY +" class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/email-photography.jpg"
                        style="color: #000000;" width="200">
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="padding-bottom: 10px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWY&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="ADVENTURE +" class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/email-adventure.jpg"
                        style="color: #000000;" width="200">
                      </a>
                    </td>
                  </tr>
                </table>
              </td>
              <td class="hide" width="15"></td>
              <td align="center" class="newrow">
                <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 200px;"
                width="200">
                  <tr>
                    <td align="center" style="padding-bottom: 10px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWA&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="ANIMALS +" class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/email-animals.jpg"
                        style="color: #000000;" width="200">
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="padding-bottom: 10px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWB&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="HISTORY +" class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/email-history.jpg"
                        style="color: #000000;" width="200">
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="padding-bottom: 10px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWC&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="SCIENCE +" class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/email-science.jpg"
                        style="color: #000000;" width="200">
                      </a>
                    </td>
                  </tr>
                </table>
              </td>
              <td class="hide" width="15"></td>
              <td align="center" class="newrow">
                <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 200px;"
                width="200">
                  <tr>
                    <td align="center" style="padding-bottom: 10px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWD&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="ENVIRONMENT +" class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/email-environment.jpg"
                        style="color: #000000;" width="200">
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="padding-bottom: 10px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYR&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="KIDS +" class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/email-kids.jpg"
                        style="color: #000000;" width="200">
                      </a>
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="padding-bottom: 10px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYS&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="VIDEO +" class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/email-video.jpg"
                        style="color: #000000;" width="200">
                      </a>
                    </td>
                  </tr>
                </table>
              </td>
              <td class="hide" width="5"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!-- END GRID -->
    <div data-content-region-name="CircPromo">
      <!-- LINE -->
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tbody>
          <tr>
            <td align="center" style="padding-bottom:80px;">
              <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 400px;"
              width="400">
                <tbody>
                  <tr>
                    <td align="center" height="3" style="height: 3px; background-color: #e6e6e6; font-size: 3px; line-height: 3px;"></td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
      <!-- END LINE -->
      <!-- EXPLORE -->
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tbody>
          <tr>
            <td align="center" style="padding-bottom:20px;">
              <table align="center" border="0" cellpadding="0" cellspacing="0" class="responsivetable80"
              style="width: 600px;" valign="bottom" width="600">
                <tbody>
                  <tr>
                    <td align="center" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 38px; line-height:38px; letter-spacing: 6.5px; font-weight: 700; text-transform: uppercase; color: #cccccc;"
                    valign="center">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYT&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      style="color: #cccccc; text-decoration: none;" target="_blank">GET THE MAGAZINE</a>
                    </td>
                  </tr>
                  <tr>
                    <td align="right" class="centered" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 14px; line-height:16px; letter-spacing: 2.5px; font-weight: 400; color: #000000; text-transform: uppercase; padding-bottom: 40px;"
                    valign="center">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYT&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      style="color: #000000; text-decoration: none;" target="_blank"><span class="hide">|&emsp;&emsp;&emsp;</span>SUBSCRIBE FOR AS LOW AS $12/YEAR
                        <span
                        class="hide">&emsp;&emsp;&emsp;|</span>
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 640px;"
              width="640">
                <tbody>
                  <tr>
                    <td align="center">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYU&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      target="_blank">
                        <img alt="ACCESS EXCLUSIVE STORIES ABOUT GENDER, VIKINGS, FAITH, MARS, GENIUS, SAVING OUR OCEANS, AND MORE."
                        class="full_img" src="https://static.cdn.responsys.net/i5/responsysimages/content/natgeo/Welcome3_CircCovers.gif"
                        style="color: #000000;" width="495" />
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
          <tr>
            <td align="center" style="padding-bottom:80px;">
              <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 480px;"
              width="480">
                <tbody>
                  <tr>
                    <td align="center" style="font-family:'Georgia','Times New Roman','Times', serif; font-size: 14px; line-height:24px; font-weight:normal; color:#333333;">Get access to thousands of exclusive stories, beautiful photos, and travel tips
                      with a print or digital subscription to our world-renowned magazine. With your
                      subscription, you&rsquo;ll also receive access to the full archive of magazines,
                      unlimited articles, exclusive ebooks, and streaming films.</td>
                  </tr>
                  <tr>
                    <td style="padding-top: 20px;">
                      <table border="0" cellpadding="0" cellspacing="0" class="responsivetable" style="width: 480px;"
                      width="480">
                        <tbody>
                          <tr>
                            <td align="center" class="newrow">
                              <table border="0" cellpadding="0" cellspacing="0" class="responsivetable">
                                <tbody>
                                  <tr>
                                    <td align="center" class="centered">
                                      <table align="center" bgcolor="#FFCC00" border="0" cellpadding="0" cellspacing="0"
                                      style="width: 245px;" width="245">
                                        <tbody>
                                          <tr>
                                            <td align="center" height="35" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 14px; line-height:13px; font-weight:normal; color:#000000; border: 0px #ffffff solid;"
                                            valign="center">
                                              <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYW&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                                              style="color: #000000; font-size: 14px; text-decoration: none; display: block; width: 100%; padding-top: 14px; padding-bottom: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;"
                                              target="_blank">SUBSCRIBE NOW</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
      <!-- END EXPLORE -->
    </div>
    <!-- HEADER -->
    <table border="0" cellpadding="0" cellspacing="0" height="348" width="100%">
      <tr>
        <td align="center" background="https://static.cdn.responsys.net/i5/responsysimages/content/natgeo/Welcome3_recovery_2000px.jpg"
        bgcolor="#000000" class="imageswap2" height="348" style="background: #646362 url(https://static.cdn.responsys.net/i5/responsysimages/content/natgeo/Welcome3_recovery_2000px.jpg) center/cover; background-image: url(https://static.cdn.responsys.net/i5/responsysimages/content/natgeo/Welcome3_recovery_2000px.jpg); background-size: 100%; background-size: cover; padding: 0px 0px 0px 0px;"
        valign="middle" width="100%">
          <!--[if gte mso 9]>
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="mso-width-percent:1000;height:348px; width: 1300px; mso-position-horizontal:center;mso-position-horizontal-relative:text; top:0x; z-index:-1">
              <v:fill type="frame" src="https://static.cdn.responsys.net/i5/responsysimages/content/natgeo/Welcome3_recovery_2000px.jpg"
              color="#000000" />
              <v:textbox inset="0,0,0,0">
              <![endif]-->
              <div align="center">
                <table align="center" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;"
                width="100%">
                  <tbody>
                    <tr>
                      <!--[if (gte mso 9)|(IE)]>
                        <td height="340" width="1300" align="center" valign="middle" style="padding-top: 5px;">
                        <![endif]-->
                        <!--[if !mso]>
                          <!-->
                          <td align="center" style="padding: 20px 0px 20px 0px;" valign="middle">
                          <!--<![endif]-->
                          <table align="center" border="0" cellpadding="0" cellspacing="0" class="responsivetable"
                          style="width: 640px;" valign="middle" width="640">
                            <tr>
                              <td align="center">
                                <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 640px;"
                                width="640">
                                  <tr>
                                    <td align="center" style="font-family:CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif, 'HCo Verlag'; font-size: 25px; line-height: 26px; color: #ffffff; text-transform: uppercase; font-weight: 700; letter-spacing: 4.6px;">WHAT WOULD YOU RATHER DO?</td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr>
                              <td align="center" style="padding: 5px 0px 15px 0px;">
                                <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 640px;"
                                width="640">
                                  <tr>
                                    <td align="center" class="newrow nopadding" style="padding: 0px 15px 0px 15px;"
                                    valign="top">
                                      <table style="width: 180px;" valign="top" width="180">
                                        <tr>
                                          <td align="center" style="padding-top: 15px;">
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 180px;"
                                            width="180">
                                              <tr>
                                                <td align="center" height="35" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif, 'HCo Verlag'; font-size: 11px; line-height:13px; font-weight:normal; color:#000000; border: 1px #ffcc00 solid;"
                                                valign="center">
                                                  <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYY&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                                                  style="color: #ffffff; font-size: 11px; text-decoration: none; display: block; width: 100%; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;"
                                                  target="_blank">EXPLORE
                                                    <br />THE GALAXY</a>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                    <td align="center" class="newrow nopadding" style="padding: 0px 15px 0px 15px;"
                                    valign="top">
                                      <table style="width: 180px;" valign="top" width="180">
                                        <tr>
                                          <td align="center" style="padding-top: 15px;">
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 180px;"
                                            width="180">
                                              <tr>
                                                <td align="center" height="35" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif, 'HCo Verlag'; font-size: 11px; line-height:13px; font-weight:normal; color:#000000; border: 1px #ffcc00 solid;"
                                                valign="center">
                                                  <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYA&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                                                  style="color: #ffffff; font-size: 11px; text-decoration: none; display: block; width: 100%; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;"
                                                  target="_blank">BINGE-WATCH
                                                    <br>VIDEOS</a>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                    <td align="center" class="newrow nopadding" style="padding: 0px 15px 0px 15px;"
                                    valign="top">
                                      <table style="width: 180px;" valign="top" width="180">
                                        <tr>
                                          <td align="center" style="padding-top: 15px;">
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 180px;"
                                            width="180">
                                              <tr>
                                                <td align="center" height="35" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif, 'HCo Verlag'; font-size: 11px; line-height:13px; font-weight:normal; color:#000000; border: 1px #ffcc00 solid;"
                                                valign="center">
                                                  <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYB&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                                                  style="color: #ffffff; font-size: 11px; text-decoration: none; display: block; width: 100%; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;"
                                                  target="_blank">GO
                                                    <br>SHOPPING</a>
                                                </td>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr>
                              <td align="center">
                                <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 640px;"
                                width="640">
                                  <tr>
                                    <td align="center" style="font-family:'Georgia','Times New Roman','Times', serif; font-size: 14px; line-height:16px; font-weight:normal; color:#ffffff; padding-top: 2px; font-style: italic;">Not sure?
                                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYC&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                                      style="font-weight: 700; text-decoration: underline; color: #ffffff;" target="_blank">Gather inspiration here</a>.</td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                          </table>
                          </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if gte mso 9]>
              </v:textbox>
            </v:rect>
          <![endif]-->
          </td>
      </tr>
    </table>
    <!-- END HEADER -->
    <!-- DESKTOP NAV -->
    <table align="center" bgcolor="#E6E6E6" border="0" cellpadding="0" cellspacing="0"
    class="hide" width="100%">
      <tr>
        <td align="center">
          <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 640px;"
          width="640">
            <tr>
              <th align="center" class="hide" style="padding-top: 30px;" width="400">
                <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 350px;"
                width="350">
                  <tr>
                    <td align="center" class="hide" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 11px; line-height: 13px; font-weight: 700; color: #000000; padding: 0px 10px 0px 0px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAYD&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      style="text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; color: #000000;"
                      target="_blank">Shop</a>
                    </td>
                    <td align="center" class="hide" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 11px; line-height: 13px; font-weight: 700; color: #000000; padding: 0px 8px 0px 10px; border-left: 1px #000000 solid;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAR&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      style="text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; color: #000000;"
                      target="_blank">Donate</a>
                    </td>
                    <td align="center" class="hide" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 11px; line-height: 13px; font-weight: 700; color: #000000; padding: 0px 5px 0px 8px; border-left: 1px #000000 solid;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAS&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      style="text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; color: #000000;"
                      target="_blank">Subscribe</a>
                    </td>
                    <td align="center" class="hide" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 11px; line-height: 13px; font-weight: 700; color: #000000; padding: 0px 0px 0px 10px; border-left: 1px #000000 solid;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAT&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                      style="text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; color: #000000;"
                      target="_blank">Travel</a>
                    </td>
                  </tr>
                </table>
              </th>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!-- END DESKTOP NAV -->
    <!-- HIDDEN MOBILE NAVIGATION -->
    <!--[if !mso]>
      <!-->
      <div class="mobile-only" style="font-size: 0; max-height: 0; overflow: hidden; display: none; mso-hide: all;">
        <table bgcolor="#E6E6E6" border="0" cellpadding="0" cellspacing="0" width="100%">
          <tbody>
            <tr>
              <th align="center" bgcolor="#FFCC00" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 14px; line-height:13px; font-weight:normal; color:#000000;"
              valign="middle">
                <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAU&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                style="color: #000000; font-size: 14px; text-decoration: none; display: block; width: 100%; padding-top: 13px; padding-bottom: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;"
                target="_blank">START EXPLORING HERE</a>
              </th>
            </tr>
            <tr>
              <th align="center" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 14px; line-height:13px; font-weight:normal; color:#000000; border-bottom:2px solid #cccccc;"
              valign="middle">
                <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAW&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                style="color: #000000; font-size: 14px; text-decoration: none; display: block; width: 100%; padding-top: 13px; padding-bottom: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;"
                target="_blank">SHOP</a>
              </th>
            </tr>
            <tr>
              <th align="center" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 14px; line-height:13px; font-weight:normal; color:#000000; border-bottom:2px solid #cccccc;"
              valign="middle">
                <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAY&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                style="color: #000000; font-size: 14px; text-decoration: none; display: block; width: 100%; padding-top: 13px; padding-bottom: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;"
                target="_blank">DONATE</a>
              </th>
            </tr>
            <tr>
              <th align="center" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 14px; line-height:13px; font-weight:normal; color:#000000; border-bottom:2px solid #cccccc;"
              valign="middle">
                <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAA&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                style="color: #000000; font-size: 14px; text-decoration: none; display: block; width: 100%; padding-top: 13px; padding-bottom: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;"
                target="_blank">SUBSCRIBE</a>
              </th>
            </tr>
            <tr>
              <th align="center" style="font-family: CenturyGothic, AppleGothic, Gill Sans, Gill Sans MT, sans-serif,'HCo Verlag'; font-size: 14px; line-height:13px; font-weight:normal; color:#000000; border-bottom:2px solid #cccccc;"
              valign="middle">
                <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAB&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
                style="color: #000000; font-size: 14px; text-decoration: none; display: block; width: 100%; padding-top: 13px; padding-bottom: 13px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;"
                target="_blank">TRAVEL</a>
              </th>
            </tr>
          </tbody>
        </table>
      </div>
    <!--<![endif]-->
    <!-- END HIDDEN MOBILE NAVIGATION -->
    <!-- SOCIAL -->
    <table align="center" bgcolor="#E6E6E6" border="0" cellpadding="0" cellspacing="0"
    width="100%">
      <tr>
        <td align="center" style="padding-bottom: 35px;">
          <table align="center" border="0" cellpadding="0" cellspacing="0" class="responsivetable80"
          width="640">
            <tr>
              <th align="center" style="padding-top: 30px;" width="250">
                <table align="center" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td align="center" style="padding-right: 1px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAC&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00VU0goxfJvdR--IARahKVo-iKs8SQ-kkjs_-cl1TkB1aocw."
                      target="_blank">
                        <img alt="FB" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/social_fb.png"
                        style="display: block; color: #000000; font-family:Helvetica,Arial,sans-serif; font-size: 9px;"
                        width="30">
                      </a>
                    </td>
                    <td align="center">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAAD&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00VU0goxfJvdR--IARahKVo-iKs8SQ-kkjs_-cl1TkB1aocw."
                      target="_blank">
                        <img alt="Twitter" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/social_twitter.png"
                        style="display: block; color: #000000; font-family:Helvetica,Arial,sans-serif;font-size: 9px;"
                        width="30">
                      </a>
                    </td>
                    <td align="center" style="padding-left: 4px;">
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBABR&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00VU0goxfJvdR--IARahKVo-iKs8SQ-kkjs_-cl1TkB1aocw."
                      target="_blank">
                        <img alt="IG" src="https://static.cdn.responsys.net/i5/responsysimages/natgeo/contentlibrary/programs/welcomeseries2017/welcome_3/social_ig.png"
                        style="display: block; color: #000000; font-family:Helvetica,Arial,sans-serif;font-size: 9px;"
                        width="30">
                      </a>
                    </td>
                  </tr>
                </table>
              </th>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!-- END SOCIAL -->
    <!-- FOOTER -->
    <table align="center" bgcolor="#E6E6E6" border="0" cellpadding="0" cellspacing="0"
    width="100%">
      <tr>
        <td align="center" style="padding-bottom: 35px;">
          <table border="0" cellpadding="0" cellspacing="0" class="responsivetable80" style="width: 500px;"
          width="500">
            <tr>
              <td align="center" valign="top" width="640">
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                    <td align="center" style="font-family:'Georgia','Times New Roman','Times', serif; font-size: 10px; line-height: 16px; font-weight: normal; color: #808080;">You are receiving this email because
                      <a href="mailto:htmlemail@13prime.com" style="color: #808080; text-decoration: none; font-weight: bold;">htmlemail@13prime.com</a>is signed up to receive National Geographic communications.
                      If you prefer not to receive emails from us, please
                      <a href="http://sites.mypreferences.com/National_Geographic/natgeo/subscriptions/preferences?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXMtX%3DYQpglLjHJlYQGrzbzcBsc3kcsETpKPma9Pt9LJzezazaCiXjM8hbtPh01WhzavgrnEt9duzgJ0T8cOugbbk&amp;_ei_=EolaGGF4SNMvxFF7KucKuWMSQnH-P_p58y-WOPWFA4XIgBvLwBE1cvGLGjdETPrC3L-27BO-Fj53yzs&FilterID=gbl&CID=29556204015&CustomerType=ngsreg&Campaign_Id=natgeo.10177670"
                      style="color: #767676; text-decoration: none; font-weight: bold;" target="_blank">unsubscribe</a>.
                      <br>
                      <br>
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBABU&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00VU0goxfJvdR--IARahKVo-iKs8SQ-kkjs_-cl1TkB1aocw."
                      style="color: #808080; text-decoration: none; font-weight: bold;" target="_blank">About Us</a>|
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBABW&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00VU0goxfJvdR--IARahKVo-iKs8SQ-kkjs_-cl1TkB1aocw."
                      style="color: #808080; text-decoration: none; font-weight: bold;" target="_blank">Contact Us</a>|
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBABY&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00VU0goxfJvdR--IARahKVo-iKs8SQ-kkjs_-cl1TkB1aocw."
                      style="color: #808080; text-decoration: none; font-weight: bold;" target="_blank">Privacy Policy</a>
                      <br>
                      <br>To ensure that you receive your National Geographic emails, please add
                      <a href="mailto:ng@e.nationalgeographic.com"
                      style="color: #808080; text-decoration: none; font-weight: bold;">ng@e.nationalgeographic.com</a>to your address book now.
                      <a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBABB&amp;_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00VU0goxfJvdR--IARahKVo-iKs8SQ-kkjs_-cl1TkB1aocw."
                      style="color: #808080; text-decoration: none; font-weight: bold;" target="_blank">Learn how</a>.
                      <br>
                      <br>National Geographic | 1145 17th Street N.W. | Washington, D.C. 20036
                      <br>Copyright &copy; 2018 National Geographic Partners, LLC. All rights reserved.</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!-- END FOOTER -->
    <!-- NATIONAL GEOGRAPHIC | TO THE END OF THE EMAIL, THEN FURTHER -->
    <div class="hide" style="font-size: 0; max-height: 0; overflow: hidden; display: none; mso-hide: all;">
      <style data-ignore-inlining>
        @media print{ #_t { background-image: url('https://e56eio0g.emltrk.com/e56eio0g?p&d=htmlemail@13prime.com');}} div.OutlookMessageHeader {background-image:url('https://e56eio0g.emltrk.com/e56eio0g?f&d=htmlemail@13prime.com')} table.moz-email-headers-table {background-image:url('https://e56eio0g.emltrk.com/e56eio0g?f&d=htmlemail@13prime.com')} blockquote #_t {background-image:url('https://e56eio0g.emltrk.com/e56eio0g?f&d=htmlemail@13prime.com')} #MailContainerBody #_t {background-image:url('https://e56eio0g.emltrk.com/e56eio0g?f&d=htmlemail@13prime.com')}
      </style>
      <div id="_t"></div>
      <img src="https://e56eio0g.emltrk.com/e56eio0g?d=htmlemail@13prime.com"
      width="1" height="1" border="0" alt="" />
    </div>
    <table cellpadding="0" cellspacing="0" style="border: 0px; padding: 0px; margin: 0px; position: absolute; display: none; float: left">
      <tr>
        <td height="1" style="font-size: 1px; line-height: 1px; padding: 0px;">
          <br>
          <img src="http://e.nationalgeographic.com/pub/as?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXHkMX%3Dw&_ei_=EolaGGF4SNMvxFF7KucKuWMSQnH-P_p58y-WOPWFA4XIgBvLwBE1cvGLGjdETPrC3L-27BO-Fj53yzs."></img>
        </td>
      </tr>
    </table>
  </body>

</html>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console