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 Stylesheets/Pens

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

+ add another resource

Looking for quick-add? Try the external resource search, it's quicker and gives you access to the most recent version of thousands of libraries. ☝️

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

Add External Scripts/Pens

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

+ add another resource

Looking for quick-add? Try the external resource search, it's quicker and gives you access to the most recent version of thousands of libraries. ☝️

Use npm Packages

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

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

Code Indentation

     

Save Automatically?

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

Auto-Updating Preview

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

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

Console