CINXE.COM

Where do I get NOAA nautical charts?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- TITLE --> <title>Where do I get NOAA nautical charts?</title> <!-- DONT FORGET THE METADATA--> <meta name="keywords" content="nautical chart, Office of Coast Survey, navigation, marine transportation, boat, Ocean Service, ocean, coast, chart, navigation, NOAA, National Oceanic and Atmospheric Administration, sea, Pacific, Atlantic, Arctic, Antarctic, Southern Ocean, Indian Ocean, beach, oceans, seas, beaches, reef, coral, wave, waves, climate, surf, ship, ships, boat, boats, hurricane, typhoon, tsunami, cyclone, el nino, la nina"> <!-- THERE ARE TWO TITLES --> <meta name="DC.title" content="How do I get NOAA nautical charts?"> <meta name="title" content="How do I get NOAA nautical charts?"> <!-- AND TWO DESCRIPTIONS--> <meta name="DC.description" content="The latest NOAA nautical charts and chart-related publications are available on the Office of Coast Survey website"> <meta name="description" content="The latest NOAA nautical charts and chart-related publications are available on the Office of Coast Survey website"> <meta name="DC.creator" content="US Department of Commerce, National Oceanic and Atmospheric Administration"> <meta name="DC.date.created" scheme="ISO8601" content="2013-06-01"> <meta name="DC.language" scheme="DCTERMS.RFC1766" content="EN-US"> <!-- important! jquery reference needs to be at top of page --> <script src="/bootstrap/js/jquery-3.7.1.min.js"></script> <!--<script src="/bootstrap/js/jquery-migrate-3.0.0.min.js"></script> <!-- important! jquery reference needs to be at top of page --> <meta property="og:image" content="https://oceanservice.noaa.gov/apple-icon-144x144.png" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet"> <link href="/bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="/font-awesome/css/all.css" rel="stylesheet"> <link href="/bootstrap/css/theme.css" rel="stylesheet"> <link href="/bootstrap/css/zocial.css" rel="stylesheet" type="text/css"/> <link href="/bootstrap/css/video-js.css" rel="stylesheet" type="text/css"/> <!--[if IE 7]> <link rel="stylesheet" href="/bootstrap/css/font-awesome-ie7.min.css"> <![endif]--> <!-- Fav and touch icons --> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-icon-57x57-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-icon-72x72-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-icon-144x144-precomposed.png" /> <link rel="shortcut icon" href="/favicon.ico"> <!--end head.html--> <header> <style> .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: 1px; } input[type="search"] { display: block; width: 100%; margin-bottom: 10px; padding: 10px; background-color: #ffffff; border: 1px solid #c8ccd1; box-sizing: border-box; margin-top:10px; padding-right: 10rem; } .input-search__button { -webkit-appearance: none; border: 0; background-color: transparent; position: absolute; right: 40px; top: 32px; } .fas { color: #444444; } div.searchbar-nav form input { width: 100%; height: 35px; margin-top: 20px; } /* top USA banner */ img.flag { margin-right: .5rem; width: 25px; vertical-align: top; } .usa-banner { background-color: #eaeaea; padding:6px 0 6px 0; } .usa-banner p { margin-bottom: 0; line-height:1.5em; } img.gov-icon { margin-left: 7em; width: 20%; padding: 20px 0; } svg { overflow: hidden; vertical-align: middle; } .text-center { text-align: center!important; } .card { margin-top: 15px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding-top: .8rem; padding-left: 3rem; } .card-title { margin-bottom: .75rem; } .text-uppercase { text-transform: uppercase!important; } .small, small { font-size: 90%; font-weight: 400; } .input-search__button { -webkit-appearance: none; border: 0; background-color: transparent; position: absolute; right: 40px; top: 45px; } </style> <!--usa-banner--> <div class="usa-banner"> <small> <p class="text-center"> <img class="flag" src="/bs4/img/flag.png" alt="U.S. flag"> An official website of the United States government. <a data-toggle="collapse" href="#collapse-usa" role="button" aria-expanded="false" aria-controls="collapseExample">Here's how you know we're official. </a> </p> </small> <div class="collapse pb-3" id="collapse-usa"> <div class="container-fluid"> <div class="row-fluid"> <div class="span6"> <div class="card" > <div class="card-body"> <h5 class="card-title small text-uppercase"><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 55" width="30" height="25"><defs><style>.cls-3{fill:#007faa;}.cls-4{fill:none;stroke:#046b99;stroke-miterlimit:10;}</style></defs><title>dot gov icon</title><path class="cls-3" d="M36.5,20.91v1.36H35.15a0.71,0.71,0,0,1-.73.68H18.23a0.71,0.71,0,0,1-.73-0.68H16.14V20.91l10.18-4.07Zm0,13.57v1.36H16.14V34.48a0.71,0.71,0,0,1,.73-0.68h18.9A0.71,0.71,0,0,1,36.5,34.48ZM21.57,23.62v8.14h1.36V23.62h2.71v8.14H27V23.62h2.71v8.14h1.36V23.62h2.71v8.14h0.63a0.71,0.71,0,0,1,.73.68v0.68H17.5V32.45a0.71,0.71,0,0,1,.73-0.68h0.63V23.62h2.71Z"/><circle class="cls-4" cx="27" cy="27.12" r="26"/></svg> <strong>Official websites use .gov</strong></h5> <p class="card-text"><small>A <strong>.gov</strong> website belongs to an official government organization in the United States.</small></p> <div class="pad15"></div> </div> </div> </div> <div class="span6"> <div class="card" > <div class="card-body"> <h5 class="card-title small text-uppercase"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 55" width="30" height="25"><defs><style>.cls-1{fill:#549500;}.cls-2{fill:none;stroke:#458600;stroke-miterlimit:10;}</style></defs><title>https icon</title><path class="cls-1" d="M34.72,34.84a1.29,1.29,0,0,1-1.29,1.29H20.57a1.29,1.29,0,0,1-1.29-1.29V27.12a1.29,1.29,0,0,1,1.29-1.29H21V23.26a6,6,0,0,1,12,0v2.57h0.43a1.29,1.29,0,0,1,1.29,1.29v7.72Zm-4.29-9V23.26a3.43,3.43,0,0,0-6.86,0v2.57h6.86Z"/><circle class="cls-2" cx="27" cy="27.12" r="26"/></svg> <strong>Secure websites use HTTPS</strong></h5> <p class="card-text"><small>A small lock or <strong>https://</strong> means you鈥檝e safely connected to a .gov website. Share sensitive information only on official, secure websites.</small></p> <div class="pad15"></div> </div> </div> </div> </div> <div class="pad45"></div> </div> </div> </div> <!--usa-banner--> <div id="boxes-box-header_logo_blind" class="boxes-box"> <div class="boxes-box-content"> <a class="logo" alt="NOAA Logo" href="/" aria-label="NOAA Home"> </a> <a class="site-name" href="/welcome.html" aria-label="NOS Home">National Ocean Service</a> <a class="site-slogan" href="http://www.noaa.gov" aria-label="site slogan">National Oceanic and Atmospheric Administration</a> </div> <div class="input-append searchbar-nav"> <form id="input-search-form" class="input-search" action="https://search.usa.gov/search" method="GET"> <input name="affiliate" type="hidden" value="oceanservice.noaa.gov" /> <label for="header-search" class="sr-only">Search</label> <input type="search" id="header-search" name="query" placeholder="Search"> <button type="submit" class="fas fa-search input-search__button hidden-phone"><span class="sr-only">Search National Ocean Service</span></button> </form> </div> </div> <div class="clear"></div> <div class="header"> <div class="container"> <!--menu--> <div class="navbar"> <div class=".navbar-inner-mainnav"> <button type="button" class="btn btn-navbar navbar-toggle" role="toggle-navigation" data-toggle="collapse" data-target=".navHeaderCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="clear"></div> <div class="collapse nav-collapse navbar-collapse navHeaderCollapse"> <ul class="nav navbar-nav" role="navigation"> <li class="home"> <a href="/welcome.html" aria-label="home">Home</a> </li> <li class="facts"> <a href="/facts/" aria-label="ocean facts">Ocean Facts</a> </li> <li class="dropdown explore"> <a href="/topics/" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TOPICS <b class="dropdown-caret"></b></a> <ul class="dropdown-menu"> <li ><a href="/topics/">Explore All Topics</a></li> <li><a href="/profiles/">Careers</a></li> <li><a href="/economy/">Economy</a></li> <li><a href="/ecosystems/">Ecosystems</a></li> <li><a href="/geodesy/">Geodesy</a></li> <li><a href="/hazards/">Hazards</a></li> <li><a href="/navigation/">Navigation</a></li> <li><a href="/observations/">Observations</a></li> <li><a href="/ocean/">Ocean</a></li> <li><a href="/recreation/">Recreation</a></li> <li><a href="/hazards/sealevelrise/">Sea Level Rise</a> </li> <li><a href="/map-stories/">Story Maps</a></li> <li><a href="/tools/">Tools</a></li> </ul> </li> <li class="education"> <a href="/education/" aria-label="Educatione">Education</a> </li> <!-- <li class="dropdown education"> <a href="/education/welcome.html" data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Education <b class="dropdown-caret"></b></a> <ul class="dropdown-menu"> <li><a href="/education/">NOS Education</a></li> <li><a href="/education/about.html">About</a></li> <li><a href="/education/nautical_charts/welcome.html">Students</a></li> <li><a href="https://oceanservice.noaa.gov/education/literacy.html">Teacher</a></li> </ul> </li>--> <!-- <li class="dropdown education"> <a href="/education/welcome.html" data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Education <b class="dropdown-caret"></b></a> <ul class="dropdown-menu"> <li><a href="/education/">NOS Education</a></li> <li><a href="/education/about.html">About</a></li> <li><a href="/kids/">Just for Kids</a></li> <li class="dropdown-submenu"> <a href="#" tabindex="-1" >Students</a> <ul class="dropdown-menu" > <li><a href="/education/nautical_charts/welcome.html">Nautical Charts</a></li> <li><a href="/education/seafloor-mapping/welcome.html">Sea Floor Mapping</a></li> <li class="divider"></li> <li><a href="/education/tutorial_corals/welcome.html">Corals</a></li> <li><a href="/education/tutorial_currents/welcome.html">Currents</a></li> <li><a href="/education/tutorial_estuaries/welcome.html">Estuaries</a></li> <li><a href="/education/tutorial_geodesy/welcome.html">Global Positioning </a></li> <li><a href="/education/tutorial_pollution/welcome.html">Pollution</a></li> <li><a href="/education/tutorial_tides/welcome.html">Tides</a></li> <li class="divider"></li> <li><a href="/education/stories/oilymess/welcome.html">Prince William's Oily Mess</a></li> <li><a href="/education/stories/lionfish/welcome.html">The Lionfish Invasion</a></li> <li class="divider"></li> <li><a href="/education/waterlife/welcome.html">Games</a></li> <li><a href="/education/resources.html">Resources</a></li> <li><a href="/education/projects.html">Projects</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="-1" href="#" >Teachers</a> <ul class="dropdown-menu" > <li><a href="/education/literacy.html">Ocean&amp;Climate Literacy</a></li> <li><a href="/education/planet-stewards/welcome.html">Planet Stewards Program</a></li> <li><a href="/education/sea-level-rise/welcome.html">Sea Level Rise</a></li> <li><a href="/education/earthscientists/welcome.html">The Earth Scientist</a></li> <li><a href="/education/oysters-in-the-chesapeake-bay/welcome.html">Oysters In the Chesapeake Bay</a></li> <li class="divider"></li> <li class="text-center"><a href="/education/pd/welcome.html"><span>Professional Development</span></a></li> <li><a href="/education/pd/corals/welcome.html">Coral Reefs</a></li> <li><a href="/education/pd/estuaries/welcome.html">Estuaries</a></li> <li><a href="/education/pd/living_weather/welcome.html">Living in Weather</a></li> <li><a href="/education/pd/oceans_weather_climate/welcome.html">Ocean &amp; Climate</a></li> <li><a href="/education/pd/tidescurrents/welcome.html">Tides &amp; Currents</a></li> <li><a href="/education/pd/climate/welcome.html">Climate Resources </a></li> <li class="divider"></li> <li><a href="/education/lessons/welcome.html">Lesson Plans</a></li> <li><a href="/education/curriculum.html">Curriculum</a></li> <li class="divider"></li> <li><a href="/education/games.html">Education Games</a></li> <li><a href="/education/discoveryourworld.html">Discover Your World</a></li> <li><a href="/education/discoverclimate/">Discover Your Changing World</a></li> </ul> </li> </ul> </li> --> <li class="posts"> <a href="/news/" aria-label="news">News</a> </li> <li class="media-podcast"> <a href="/podcast/" aria-label="podcast">Podcasts</a> </li> <li class="media-video"> <a href="/video/" aria-label="video">Video</a> </li> <li class="media-images"> <a href="/gallery/" aria-label="Image">Images</a> </li> <li class="about"> <a href="/about/" aria-label="about us" >About Us</a> </li> </ul> </div> </div> </div> </div> </div> <!-- <script> $(document).ready(function(){ $('.dropdown-submenu a.edu').on("click", function(e){ $(this).parent().parent().find('.dropdown-menu').hide(); $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); </script> --> <script> $(document).ready(function(){ $('this').on('touchstart.dropdown', '.dropdown-menu', function (e){ e.stopPropagation(); e.preventDefault(); }); }); </script> <!--//header--> <!-- <div class="alert alert-block text-center"> <p>Parts of the U.S. Government are closed. This site will not be updated; however NOAA websites and social media channels necessary to protect lives and property will be maintained. <strong>See <a href=" https://www.weather.gov">www.weather.gov</a> for critical weather information.</strong> To learn more, see <a href=" https://www.commerce.gov">www.commerce.gov</a>.</p> </div> --> </header> <!-- end header.html --> <!--header--> </head> <body class="facts"> <!--page--> <div class="container wrapper"> <!-- UPDATE THE BREADCRUMB --> <div class="breadcrumbs"><a href="/">Home</a> <i class="fa fa-angle-double-right grey"></i> <a href="/facts/">Ocean Facts</a> <i class="fa fa-angle-double-right grey"></i> How do I get NOAA nautical charts?</div> <div class="inner_content"> <!-- state the question below--> <h1 class="title">Where do I get NOAA nautical charts? </h1> <!-- SUBHEADER is one line answer to the above question; use <span> to emphasize a key word or two--> <h2>Head to the <span>NOAA Coast Survey</span> website for the latest charting products.</h2> <div class="pad30"></div> <div class="row"> <div class="span8 pad5"> <!--IMAGE WITH CAPTION --> <figure><img src="chart-compare2.jpg" alt="Two different renderings of NOAA Electronic Navigational Chart (NOAA ENC庐) data of the Columbia River, Oregon." title="Chart of Intracoastal Waterway Laguna Madre Middle Ground to Chubby Island" /> <div class="pad15"></div> <figcaption> Two different renderings of NOAA Electronic Navigational Chart (NOAA ENC庐) data of the Columbia River, Oregon. The top image is from an Electronic Chart Display and Information System (ECDIS) and the bottom image is output from the NOAA Custom Chart application. </figcaption> </figure> <!--END IMAGE WITH CAPTION --> <div class="pad30"></div> <!--Add a bit of padding--> <!--BODY TEXT --> <p>NOAA&rsquo;s Office of Coast Survey is the nation&rsquo;s chartmaker, providing thousands of electronic navigational charts covering 95,000 miles of shoreline and 3.6 million square nautical miles of ocean, coastal, and Great Lakes waters to the outer limits of the U.S. Exclusive Economic Zone. Here鈥檚 a quick overview of the nautical charts that NOAA produces.</p> <div class="zebralist"> <ul> <li><p>The <strong><a href="https://nauticalcharts.noaa.gov/charts/noaa-enc.html">NOAA Electronic Navigational Chart</a></strong> (NOAA ENC<sup>&reg;</sup>) is NOAA's premier nautical chart product. The charts are used on the navigation systems of many types of ships and recreational boats, as well as large commercial vessels that use a sophisticated navigational computer called an Electronic Chart Display and Information System (ECDIS).</p></li> <li><p><strong><a href="https://devgis.charttools.noaa.gov/pod/">NOAA Custom Chart</a></strong> is an application that enables users to create their own custom nautical charts, derived from the latest NOAA ENC data.</p></li> <li><p><strong><a href="https://nauticalcharts.noaa.gov/publications/coast-pilot/index.html">United States Coast Pilot&reg;</a> </strong>is ten volumes of supplemental information important to navigation. PDFs are updated regularly and are free for download.</p></li> <li><p><strong><a href="https://historicalcharts.noaa.gov/">Historical Maps &amp; Charts Collection</a></strong> contains over 35,000 images, including some of the nation&rsquo;s earliest nautical charts.</p></li> </ul> </div> <!--END BODY TEXT --> </div> <div class="span1"></div> <!--sidebar--> <div class="span3"> <div class="pad15"></div> <h6 class="title-divider span3">Get <strong>Social</strong> <span></span></h6> <p> <a href="https://instagram.com/noaaocean" class="zocial icon instagram" alt="Instagram logo" aria-label="Instagram logo"></a> <a href="https://twitter.com/noaaocean" class="zocial icon twitter" alt="Twitter logo" aria-label="Twitter logo"></a> <a href="https://facebook.com/usoceangov" class="zocial icon facebook" alt="Facebook logo" aria-label="Facebook logo"></a> <a href="https://oceanservice.noaa.gov/rss.html" class="zocial icon rss" alt="RSS icon" aria-label="RSS icon"></a> <!--<a href="http://www.flickr.com/photos/usoceangov" class="zocial icon flickr" alt="Flickr logo" aria-label="Flickr logo" ></a>--> <a href="http://www.youtube.com/usoceangov" class="zocial icon youtube" alt="youtube logo" aria-label="youtube" ></a> <a href="https://www.linkedin.com/company/noaa-national-ocean-service" class="zocial icon linkedin" alt="LinkedIn logo" aria-label="LinkedIn" ></a> </p> <div class="pad15"></div> <h6 class="title-divider span3">More <strong>Information</strong><span></span></h6> <div class="clear"></div> <ul class="sidebarLinks "> <li><a href="https://nauticalcharts.noaa.gov/">Office of Coast Survey</a></li> <li><a href="https://nauticalcharts.noaa.gov/publications/print-agents.html#paper-charts">NOAA-Certified Chart Agents</a></li> </ul> <div class="pad15"></div> <!-- stand out gray box. Delete if not needed for page --> <div class="well"> <p><span>Did you know?</span></p> <p>President Thomas Jefferson founded Coast Survey in 1807 and tasked it with creating charts of the nation's coastal waters so America's young shipping industry could thrive. Reflecting Coast Survey's beginnings, the聽<a href="https://historicalcharts.noaa.gov/" target="_blank">Historical Map &amp; Chart Collection</a>聽contains over 35,000 images &mdash; charts, maps, sketches, and more &mdash; that are available free to the public.聽</p> </div> <img src="/bootstrap/img/shadow1.png" class="shadow" alt="" /> <!-- END stand out box --> <div class="pad15"></div> <br> <p><strong>Last updated:</strong> 11/26/24<br> <strong>Author:</strong> NOAA<br> <a href="/about/faq.html">How to cite this article</a></p> <div class="pad15"></div> <p><a href="/contact.html">Contact Us</a></p> </div> <div class="pad45"></div> </div> </div> </div> </div> </div> </div> <!--end--> <!--//page--> <!--footer--> <footer role="contentinfo"> <a href="#" id="scroll-to-top"><img src="/bs4/img/Scroll-To-Top_Icon@2x.png" alt="scroll to top arrow icon" role="button" data-toggle="tooltip" data-placement="left"></a> <div id="footer-top"> <div class="container"> <div class="row"> <div class="pad45"></div> <div class="span12 text-center"> <ul class="btn-link text-center"> <!-- <li><a href="/survey.html"><button type="button" class="btn btn-large btn-primary-alt">Provide Feedback</button></a> </li>--> <li> <a href="/contact.html"><button type="button" class="btn btn-large btn-primary-alt">Contact Us</button></a> </li> <li> <a href="/contact.html#feedback"><button type="button" class="btn btn-large btn-primary-alt">Report an error</button></a> </li> </ul> </div> </div> </div> </div> <div id="footer-main"> <div class="pad25"></div> <div class="container"> <div class="row"> <div class="span3 text-center"> <a href="http://www.noaa.gov/"><img src="/bootstrap/img/noaa_logo_circle_72x72.svg" alt="NOAA Logo" /></a> <h5 class="text-center"> <a href="https://www.noaa.gov/">Science. Service.<br>Stewardship.</a> </h5> </div> <div class="span3"> <h6 class="sr-only"> About NOS </h6> <ul class="list-unstyled"> <li><a href="/about/">About Us</a></li> <li><a href="/programs">NOS Program Offices</a></li> <li><a href="/newsroom/">Media Inquiries</a></li> <li><a href="/about/acknowledgements.html">Website Acknowledgements</a></li> </ul> </div> <div class="span3"> <!--<h6 class="list-head">--> <h6 class="sr-only"> Resources </h6> <ul > <li><a href="/sitemap.html">Site Index</a></li> <li><a href="/disclaimer.html">Disclaimer</a></li> <li><a href="https://www.noaa.gov/information-technology/foia">Freedom of Information Act</a></li> <li><a href="/accessibility-statement.html">Accessibility</a></li> </ul> </div> <div class="span3"> <h6 class="sr-only"> More Resources </h6> <ul class="list-unstyled"> <li><a href="https://www.noaa.gov/office-of-chief-information-officer/it-policy-oversight/information-quality">Information Quality</a></li> <li><a href="/privacy.html">Privacy Policy</a></li> <li><a href="https://sites.google.com/noaa.gov/nos-for-employees-intranet">NOS For Employees</a></li> <li><a href="https://www.usa.gov/">USA.gov</a></li> </ul> </div> </div></div> <div class="container"> <div class="pad25"></div> <div class="row span12 text-center"> <ul class="footer-mainnav text-center"> <li > <a href="/">National Ocean Service</a></li> <li > <a href="https://www.noaa.gov/">National Oceanic and Atmospheric Administration</a></li> <li > <a href="https://www.commerce.gov">Department of Commerce</a></li> </ul> </div> </div> <div class="container"> <div class="row"> <div class="pad15"></div> <div class="span12 text-center"> <h5 class="sr-only"> Social </h5> <ul class="social text-center text-small " > <li><a href="https://twitter.com/noaaocean"><img src="/bs4/img/twitter.png" alt="Twitter Logo" /> </a></li> <li><a href="https://www.facebook.com/usoceangov/"><img src="/bs4/img/facebook.png" alt="Facebook Logo" /> </a></li> <li><a href="https://www.instagram.com/noaaocean/"><img src="/bs4/img/instagram.png" alt="Instagram Logo" /> </a></li> <li><a href="https://www.youtube.com/user/usoceangov"><img src="/bs4/img/youtube.png" alt="Youtube Logo" /> </a></li> <li><a href="https://www.linkedin.com/company/noaa-national-ocean-service"><img src="/bs4/img/linkedin_bw.png" alt="LinkedIn Logo" /> </a></li> </ul> </div></div></div> <div class="pad45"></div> </div> </footer> <!--//footer--> <!--//end--> <!-- up to top --> <!--<a href="#" class="black"><i class="go-top fa fa-angle-double-up"></i></a> <!--//end--> <script src="/bootstrap/js/bootstrap.min.js"></script> <!--<script type="text/javascript" src="/js/exit.js"></script> --> <script type="text/javascript" src="/bootstrap/js/scripts.js"></script> <script type="text/javascript" src="/bootstrap/js/video.min.js"></script> <script type="text/javascript" src="/bootstrap/js/videojs-ie8.min.js"></script> <!--//back to top --> <script> $(document).ready(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#scroll-to-top').fadeIn(); } else { $('#scroll-to-top').fadeOut(); } }); // scroll body to 0px on click $('#scroll-to-top').click(function () { $('#scroll-to-top').tooltip('hide'); $('body,html').animate({ scrollTop: 0 }, 800); return false; }); $('#scroll-to-top').tooltip('show'); }); </script> <!-- analytics and search stats --> <script type="text/javascript"> //<![CDATA[ var aid = "oceanservice.noaa.gov"; //]]> </script> <script src="https://search.usa.gov/javascripts/stats.js" type="text/javascript"> </script> <script type="text/javascript"> //<![CDATA[ var usasearch_config = { siteHandle:"oceanservice.noaa.gov" }; var script = document.createElement("script"); script.type = "text/javascript"; script.src = "//search.usa.gov/javascripts/remote.loader.js"; document.getElementsByTagName("head")[0].appendChild(script); //]]> </script> <!-- Google Analytics --> <script async type="text/javascript" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=DOC&subagency=NOAA" id="_fed_an_ua_tag"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-8QRDKZKW09"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8QRDKZKW09'); </script> <!--touchpoints survey code--> <script src="https://touchpoints.app.cloud.gov/touchpoints/3966cfca.js" async></script> <!-- END --> <!-- Initialize Bootstrap functionality --> <script> // Initialize tooltip component $(function () { $('[data-toggle="tooltip"]').tooltip() }) // Initialize popover component $(function () { $('[data-toggle="popover"]').popover() }) </script> <!--siteimprove test--> <script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_6017902.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10