HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html>
tag. If you want to add classes there that can affect the whole document, this is the place to do it.
In CodePen, whatever you write in the HTML editor is what goes within the <body>
tags in a basic HTML5 template. If you need things in the <head>
of the document, put that code here.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.
To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit-
or -moz-
.
We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).
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.
You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.
You can also link to another Pen here (use the .css
URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
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.
You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.
If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.
You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.
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.
Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.
All packages are different, so refer to their docs for how they work.
If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<!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’re one click away from
exploration... | </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&_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 </a>|
<a href="https://e.nationalgeographic.com/pub/cc?_ri_=X0Gzc2X%3DYQpglLjHJlYQGjBCbRW5u7l1zeFRze0dODzgzchzgSDzg1zceNn6wYKpkkFnzazdfG1zb5jTzgynivzakjLJzdHzgmVXtpKX%3DSRTTBAWS&_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"> 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&_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;">|  </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’re glad you’ve joined us on this exciting journey and we look forward
to getting to know you a little better. It’s our goal to get your inbox experience
right, sending you emails tied to your 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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_ei_=Eq2tf9zs59idfPO1Sc_9BbkKiQQogY-5XlgQy6dQRt00OdhuTKA3Xn9nREgvp5xfgfw8nHIMKOF1VQS-WHgXB3ufy3g8KlpggW7TFonpSfd8e7zRpDi8I_w."
style="color: #000000; text-decoration: none;" target="_blank"><span class="hide">|   </span>SUBSCRIBE FOR AS LOW AS $12/YEAR
<span
class="hide">   |</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&_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’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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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&_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 © 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>
Also see: Tab Triggers