CINXE.COM

<!doctype html> <html lang="en" class="no-js">   <head> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <title>Chesapeake & Ohio Canal National Historical Park (U.S. National Park Service)</title> <script> var jsDlgLoader = '/choh/loader.cfm'; var jsSiteResourceLoader = '/cs-resources.cfm?r='; var jsSiteResourceSettings = {canCombine: false, canMinify: false}; </script>  <script src="/ADF/thirdParty/jquery/jquery-1.12.js"></script><script src="/commonspot/javascript/browser-all.js"></script>     <link rel="stylesheet" href="/common/commonspot/templates/assets/css/commonspotRTE.css" type="text/css" />   <script>  </script><script> var jsDlgLoader = '/choh/loader.cfm'; var jsSiteResourceLoader = '/cs-resources.cfm?r='; var jsSiteResourceSettings = {canCombine: false, canMinify: false}; </script>    <meta charset="utf-8"> <link href="/common/commonspot/templates/images/icons/favicon.ico" rel="shortcut icon"> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0">    <script src="/common/commonspot/templates/assets/js/app.early.min.js?v=20230112"></script> <link href="/common/commonspot/templates/assets/css/main.min.css?v=20230112" media="screen, print" rel="stylesheet">  <link href="/common/commonspot/templates/assets/ctExtraStyles.css?v=20230112" media="screen, print" rel="stylesheet"> <link href='//fonts.googleapis.com/css?family=Open+Sans:700,600,400|Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'> <link href="/common/commonspot/templates/assets/css/redesign.css?v=20230112" media="screen, print" rel="stylesheet"> <link rel="manifest" href="/manifest.json" crossorigin="use-credentials" /> <meta name="apple-itunes-app" content="app-id=1549226484, app-argument=https://apps.apple.com/us/app/national-park-service/id1549226484"> <style> table#cs_idLayout2, table#cs_idLayout2 > tbody, table#cs_idLayout2 > tbody > tr, table#cs_idLayout2 > tbody > tr > td { display: block; border-collapse:separate; } </style> <script src='/common/commonspot/templates/js/federated-analytics-uav1.js?ver=true&agency=DOI&subagency=NPS&exts=rtf,odt,ods,odp,brf&dclink=true&enhlink=true' id='_fed_an_ua_tag'></script> <meta property="og:type" content="website" /> <meta property="og:title" content="Chesapeake & Ohio Canal National Historical Park (U.S. National Park Service)" /> <meta property="og:url" content="https://www.nps.gov/choh/index.htm" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-153506604-1"></script> <script> var current_url = window.location.href; if ( current_url.indexOf( 'www.nps.gov/dena/' ) > 0 ) { window.dataLayer = window.dataLayer || []; function gtag(){ dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-153506604-1', { 'anonymize_ip': true } ); gtag('config', 'UA-153506604-1', { 'optimize_id': 'GTM-5H7QTCC' } ); console.log( 'dena analytics script loaded for denali' ); } </script>    <meta property="og:image" content="https://www.nps.gov/common/uploads/banner_image/ncr/homepage/FC4A26B4-07C2-1984-FA7B062845717558.jpg" /><meta property="og:image:height" content="700" /><meta property="og:image:width" content="2400" /><meta property="og:image:alt" content="A single arch aqueduct spans the canal." /><meta property="og:description" content="Preserving America's early transportation history, the C&O Canal began as a dream of passage to Western wealth. Operating for nearly 100 years the canal was a lifeline for communities along the Potomac River as coal, lumber, and agricultural products floated down the waterway to market. Today it endures as a pathway for discovering historical, natural, and recreational treasures." />   <link rel="stylesheet" type="text/css" href="/commonspot/commonspot.css" id="cs_maincss">  </head><body class="Global Homepage"><span role="navigation" aria-label="Top of page" id="__topdoc__"></span>  <div tabindex="-1" id="beforeSkipLinks" ></div> <div class="skip-links" aria-label="short-cut links" role="navigation"> <ul> <li><a href="#GlobalNav-toggle" aria-label="Skip to global NPS navigation">Skip to global NPS navigation</a></li> <li><a href="#LocalNav-desktop-nav" aria-label="Skip to this park navigation">Skip to this park navigation</a></li> <li><a href="#main" aria-label="Skip to the main content">Skip to the main content</a></li> <li><a href="#ParkFooter" aria-label="Skip to this park information section">Skip to this park information section</a></li> <li><a href="#GlobalFooter" aria-label="Skip to the footer section">Skip to the footer section</a></li> </ul> </div>   <div class="AnniversaryBanner" id="anniversary_banner" data-sitecode="choh" data-sitetype="park"></div> <div class="PromoBanner"></div>   <div class="GlobalHeader" role="banner"> <div class="GlobalHeader__Navbar container"> <a class="GlobalHeader__Branding me-auto link-white" href="/"> <img src="/theme/assets/dist/images/branding/logo.png" alt="" width="80" height="106" class="GlobalHeader__Branding__Arrowhead img-fluid"> <span class="GlobalHeader__Branding__Text"> National Park Service </span> </a> <a href="#GlobalFooterSearchInput" class="GlobalHeader__FooterSearchLink js-scrollTo link-white"> <i class="fa fa-search"></i> <span class="visually-hidden">Search</span> </a> <form id="GlobalHeaderSearch" class="GlobalHeader__Search" action="/search/" method="GET" role="search"> <button type="button" data-bs-toggle="collapse" data-bs-target="#GlobalHeaderSearchCollapse" aria-expanded="false" aria-controls="GlobalHeaderSearchCollapse"> <i class="fa fa-search"></i> Search </button> <div id="GlobalHeaderSearchCollapse" class="collapse collapse-horizontal" role="presentation"> <div> <input class="form-control me-2" type="text" autocomplete="off" name="query" placeholder="Keyword Search" required aria-label="Search text"> <div class="GlobalSearch-suggestions"></div> <button class="btn btn-secondary me-2" data-scope="site" type="submit"> This Site </button> <button class="btn btn-secondary" data-scope="all" type="submit"> All NPS </button> </div> </div> <input type="hidden" name="sitelimit" value="www.nps.gov/choh"> <input type="hidden" name="affiliate" value="nps"> </form> </div> <nav id="GlobalNav" class="GlobalNav"> <h1 id="GlobalNavButtonContainer"> <button type="button" id="GlobalNav-toggle" class="GlobalNav__Toggle" data-bs-toggle="collapse" data-bs-target="#GlobalNavCollapse" aria-controls="GlobalNavCollapse" aria-expanded="false" aria-label="Open Menu"> <span class="GlobalNav__Toggle__Text GlobalNav__Toggle__Text--closed"> <i class="fa fa-bars"></i> <span class="visually-hidden">Open</span> Menu </span> <span class="GlobalNav__Toggle__Text GlobalNav__Toggle__Text--open"> <i class="fa fa-close"></i> Close <span class="visually-hidden">Menu</span> </span> </button> </h1> <div id="GlobalNavCollapse" class="collapse"> <div class="container"> <p class="GlobalNav__LanguageInfo"> </p> <h2 class="GlobalNav__SectionHeading GlobalNav__SectionHeading--green" hidden> Explore This Park </h2> <ul id="GlobalNavListLocal" class="GlobalNav__List" hidden></ul> <h2 class="GlobalNav__SectionHeading GlobalNav__SectionHeading--blue"> Explore the National Park Service </h2> <ul id="GlobalNavList" class="GlobalNav__List"></ul> </div> </div> </nav> </div>  <div id="myModal" class="modal refreshableModal" tabindex="-1" aria-labelledby="exitModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title visually-hidden" id="exitModalLabel">Exiting nps.gov</h2> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"></div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button> </div> </div> </div> </div> <div id="cs_control_481716" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_BannerContainer"><div id="gridRow_1_1_481716" class="cs_GridRow"><div id="gridCol_1_1_1_1_481716" class="cs_GridColumn"><div id="cs_control_828672" class="cs_control CS_Element_CustomCF"><div id="CS_CCF_5655860_828672"> <script> window.addEventListener('load', (event) => { NPS.utility.updateBannerImageFromJSON( "choh" ); }); </script> <header id="HERO" class="Hero Hero--Ribbon -primary"> <div id="HeroBanner" class="HeroBanner HeroBanner--long"> <div class="HeroBanner__TitleContainer"> <div class="container"> <a href="/choh/" class="HeroBanner__Title" >Chesapeake & Ohio Canal</a> <div class="HeroBanner__Subtitle" role="presentation"> <span class="Hero-designation" >National Historical Park</span> <span class="Hero-location" > DC, MD, WV </span> </div> </div> </div> <div class="picturefill-background" role="img" style="background-image: url('/common/uploads/banner_image/ncr/homepage/FC4A26B4-07C2-1984-FA7B062845717558.jpg?mode=crop&quality=90&width=1024&height=300');" aria-label="A single arch aqueduct spans the canal."> <span data-src="/common/uploads/banner_image/ncr/homepage/FC4A26B4-07C2-1984-FA7B062845717558.jpg?mode=crop&quality=90&width=1200&height=350" data-media="(min-width: 1024px)"></span> <span data-src="/common/uploads/banner_image/ncr/homepage/FC4A26B4-07C2-1984-FA7B062845717558.jpg?mode=crop&quality=90&width=2400&height=700" data-media="(min-width: 1024px) and (min-resolution: 144dppx)"></span> <span data-src="/common/uploads/banner_image/ncr/homepage/FC4A26B4-07C2-1984-FA7B062845717558.jpg?mode=crop&quality=90&width=2400&height=700" data-media="(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5)"></span> <span data-src="/common/uploads/banner_image/ncr/homepage/FC4A26B4-07C2-1984-FA7B062845717558.jpg?mode=crop&quality=90&width=2400&height=700" data-media="(min-width: 1440px)"></span> </div> </div> </header> </div></div><div id="cs_control_481828" class="cs_control CS_Element_CustomCF"><div id="CS_CCF_5655860_481828"> </div></div></div></div></div></div> <div id="Park-header"> <div class="container"> <div class="pull-left">  <nav id="LocalNav-desktop-nav" role="navigation"> <div id="cs_control_699042" class="cs_control CS_Element_CustomCF"><div id="CS_CCF_5655860_699042"><div id="cs_control_481717" class="cs_control CS_Element_Custom"> <style type="text/css"> div.ColumnMain #npsNav h2 { display:none } </style>   <div id="npsNav" class="70066537-A1C9-71CA-932AC2A1505701B6"> <ul id="LocalNav" class="sm sm-nps"></ul> </div>  <script> jQuery(document).ready(function() { NPS.display.outputNav('/choh','/choh/index.htm','read'); }); </script> </div></div></div> </nav>  <script> (function ($) { // Hide park home $("#LocalNav-desktop-nav ul li a:contains('Park Home')") .parent() .hide(); // Hide park home $("li#LocalNav-mobile ul li a:contains('Park Home')") .parent() .hide(); $("ul#LocalNav > li > a") .wrap("<div class='top-lvl-item-container'>") .wrap("<div class='top-lvl-item'>"); })(jQuery); </script> </div>  <div class="Utility-nav"> <div id="UtilityNav" class="UtilityNav" role="navigation"> <ul> <li> <a href="/choh/planyourvisit/basicinfo.htm"> <span class="UtilityNav-text">Info</span> <svg class="icon" role="presentation" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#info" /> </svg> </a> </li> <li class="UtilityNav__Alerts"> <a href="/choh/planyourvisit/conditions.htm"> <span class="UtilityNav-text">Alerts</span> <span class="UtilityNav-badge"></span> <svg class="icon" role="presentation" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#alert" /> </svg> </a> </li> <li> <a href="/choh/planyourvisit/maps.htm"> <span class="UtilityNav-text">Maps</span> <svg class="icon" role="presentation" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#location" /> </svg> </a> </li> <li> <a href="/choh/planyourvisit/calendar.htm"> <span class="UtilityNav-text">Calendar</span> <svg class="icon" role="presentation" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#calendar" /> </svg> </a> </li> <li> <a href="/choh/planyourvisit/fees.htm"> <span class="UtilityNav-text">Fees</span> <svg class="icon" role="presentation" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#fee-22" /> </svg> </a> </li> </ul> </div> </div>  </div> </div> <script language="javascript"> jQuery.getJSON( '/choh/choh_linked_data.json', function( data ) { var ld = {}; // remove physical address for ( var ad = 0; ad < data.address.length; ad++ ) { if ( data.address[ ad ].name = 'Physical Address' ) { data.address.splice( ad, 1 ); } } ld["@context"]="http://schema.org/"; ld["@type"]="Place"; ld["name"] = data.name; ld["branchCode"] = data.branchCode; ld["description"] = data.description; ld["url"] = data.url; ld["address"] = data.address; ld["telephone"] = data.telephone; ld_code = JSON.stringify( ld ); jQuery('<script />', { type:'application/ld+json' } ).html( ld_code ).appendTo('head'); }); </script> <div class="container"> <div id="AlertsNotification" aria-label="Alerts Notification" data-site-code="choh" role="dialog" class="AlertsNotification"> <div class="AlertsNotification__Status visually-hidden" aria-live="polite" role="status">Loading alerts</div> <div class="collapse"> <div class="AlertsNotification__Panel"> <div class="AlertsNotification__Header"> <h2 id="AlertsNotificationHeading" class="Tag">Alerts In Effect</h2> <button type="button" class="AlertsNotification__DismissButton" aria-label="Dismiss"> Dismiss <i class="fa fa-times"></i> </button> <span class="hr clearfix"></span> </div> <div id="AlertsNotificationBody" class="AlertsNotification__Body"> <div class="AlertsNotification__MoreLinkContainer"> <i class="fa fa-plus"></i> <a id="AlertsNotificationMoreLink" class="AlertsNotification__MoreLink" href="/choh/planyourvisit/conditions.htm" tabindex="-1"> more information on current conditions... </a> </div> </div> <div class="AlertsNotification__Footer"> <button class="AlertsNotification__DismissButton btn btn-default" type="button" aria-label="Dismiss Alerts Notification"> Dismiss </button> <a href="/choh/planyourvisit/conditions.htm" class="btn btn-default">View all alerts</a> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function() { setTimeout( function() { NPS.display.showAdminTools( 0 ); } ,10); }); </script> <div id="main" role="main" class="MainContent"> <style> #modal-contact-us .modal-body { padding-top: 0px; } .modal-header { border:none; } </style> <div class="modal fade" id="modal-contact-us" tabindex="-1" aria-labelledby="modal-contact-us-label"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title visually-hidden" id="modal-contact-us-label">Contact Us</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <iframe frameborder="0" id="modal-contact-us-iframe" width="100%" height="100%" title="Contact Us"></iframe> </div> </div> </div> </div> <div id="adminTools"></div> <div class="container"> <div class="ColumnGrid row"> <div class="ColumnMain col-sm-12"> <div class="row"> <div class="col-sm-12"> <a id="ParkWelcomeTextTemplate"></a><a id="CP_JUMP_481832"></a><div id="cs_control_481832" class="cs_control CS_Element_Custom"> <div class="Component text-content-size text-content-style"> <h1 class="page-title park-title">184.5 Miles of Adventure</h1> <p>Preserving America's early transportation history, the C&O Canal began as a dream of passage to Western wealth. Operating for nearly 100 years the canal was a lifeline for communities along the Potomac River as coal, lumber, and agricultural products floated down the waterway to market. Today it endures as a pathway for discovering historical, natural, and recreational treasures. </p> </div> </div><div id="cs_control_5234531" class="cs_control CS_Element_Custom"> <script type="text/javascript"> if(typeof scriptsLoaded === 'undefined') { var scriptsLoaded= new Array(); } //Load AudioVideoPlayer only once. if(!("AudioVideoPlayer" in scriptsLoaded)) { document.write('<link href="\/common\/commonspot\/customcf\/audio_video\/avElement.css" rel="stylesheet" type="text\/css"><script type="text\/javascript">function toggleTranscript(divId, linkId) {jQuery("#"+linkId).text( jQuery("#"+linkId).text() == \'Open Transcript\' ? \'Close Transcript\' : \'Open Transcript\' );if ( jQuery("#"+linkId).text() == "Open Transcript" ) {jQuery("#"+divId).addClass("transcript_hide");jQuery("#"+divId).removeClass("transcript_show");}if ( jQuery("#"+linkId).text() == "Close Transcript" ) {jQuery("#"+divId).addClass("transcript_show");jQuery("#"+divId).removeClass("transcript_hide");}if ( link_text == "Open Descriptive Transcript" ) {jQuery("#"+linkId).text( \'Close Descriptive Transcript\' );jQuery("#"+divId).addClass("transcript_show");jQuery("#"+divId).removeClass("transcript_hide");}if ( link_text == "Close Descriptive Transcript" ) {jQuery("#"+linkId).text( \'Open Descriptive Transcript\' );jQuery("#"+divId).addClass("transcript_hide");jQuery("#"+divId).removeClass("transcript_show");}}<\/script>'+'<script type="text/javascript"><\/script>'); scriptsLoaded["AudioVideoPlayer"] = true; } </script> <style> .Homepage .VideoHero { margin-top: 0px; } #transcriptWrapper { margin-bottom: 30px; } </style> <div class="VideoHero" itemscope itemtype="http://schema.org/VideoObject"> <meta itemprop="name" content="Chesapeake and Ohio Canal National Historical Park" /> <meta itemprop="description" content="Welcome to the Chesapeake and Ohio Canal National Historical Park! " /> <meta itemprop="thumbnailUrl" content="https://www.nps.gov/nps-audiovideo/thumbnail/ab927ea5-4ceb-4c7e-a677-3e6d015ccd1f.jpg" /> <meta itemprop="embedURL" content="https://www.nps.gov/media/video/view.htm?id=48548DDD-D8F2-4838-BF7B-F4A6CA5A3FF6" /> <meta itemprop="uploadDate" content="2020-12-16 00:00:00.0" /> <div class="VideoHero-container"> <video id="av_48548DDDD8F24838BF7BF4A6CA5A3FF6" class="video-js vjs-default-skin vjs-big-play-centered vjs-16-9" controls preload="metadata" width="640" height="264" poster="/common/uploads/ncr/park/choh//4134FEBF-095D-67A8-E8ACD0033F1B0B2D/4134FEBF-095D-67A8-E8ACD0033F1B0B2D-large.jpg"> <source src="https://www.nps.gov/nps-audiovideo/audiovideo/ab927ea5-4ceb-4c7e-a677-3e6d015ccd1f720p.mp4" type="video/mp4" res="720" label="720p" /> <source src="https://www.nps.gov/nps-audiovideo/audiovideo/ab927ea5-4ceb-4c7e-a677-3e6d015ccd1f480p.mp4" type="video/mp4" res="480" label="480p" /> <source src="https://www.nps.gov/nps-audiovideo/audiovideo/ab927ea5-4ceb-4c7e-a677-3e6d015ccd1f360p.mp4" type="video/mp4" res="360" label="360p" /> <source src="https://www.nps.gov/nps-audiovideo/audiovideo/ab927ea5-4ceb-4c7e-a677-3e6d015ccd1f1080p.mp4" type="video/mp4" res="1080" label="1080p" /> <track src="https://www.nps.gov/nps-audiovideo/closed-caption/3DBC5F42-A3F5-1AB5-9759E44B1BBDFDB0.vtt" kind="captions" srclang="en" label="English"> </video> <button type="button" id="av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedButton" class="vjs-embed-control vjs-button" aria-live="polite" aria-disabled="false" title="Embed Video" data-bs-toggle="modal" data-bs-target="#av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedModal">Embed</button> <div class="modal fade VideoJSEmbedModal" id="av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedModal" tabindex="-1" aria-labelledby="av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title" id="av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedModalLabel"> Embed Video </h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <textarea class="form-control" id="av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedText" rows="6"><iframe title="Video Embed" src="https://www.nps.gov/media/video/embed.htm?id=48548DDD-D8F2-4838-BF7B-F4A6CA5A3FF6" width="480" height="306" frameborder="0" scrolling="auto" allowfullscreen></iframe></textarea> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> Close </button> <button type="button" class="btn btn-primary" id="av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedCopy"> Copy </button> </div> </div> </div> </div> <script type="text/javascript"> (function ($) { $(document).ready(function () { var player = videojs('av_48548DDDD8F24838BF7BF4A6CA5A3FF6', { aspectRatio: '16:9', fluid: true, inactivityTimeout: 700 }); player.dock({ title: "Chesapeake and Ohio Canal National Historical Park" }); player.hotkeys({ volumeStep: 0.1, seekStep: 5, alwaysCaptureHotkeys: false, enableVolumeScroll: false }); var eventCategoryText = ''; var filetype = player.currentSrc().split('.').pop(); if (filetype == 'mp3') { eventCategoryText = 'Audio'; } else { player.controlBar.addChild('QualitySelector', {}, 14); eventCategoryText = 'Video'; } // Initialize Google Analytics and log start, stop, fullscreen and 25% play increments player.ga({ 'eventCategory': 'NPS ' + eventCategoryText, 'eventLabel': 'choh-ab927ea5-4ceb-4c7e-a677-3e6d015ccd1f1080p.mp4', 'eventsToTrack': ['start', 'end', 'percentsPlayed', 'fullscreen'], 'percentsPlayedInterval': 25, 'debug': true }); // Listener for keypress to capture up/down arrows for volume $('#av_48548DDDD8F24838BF7BF4A6CA5A3FF6').keyup(function(event) { // is the key pressed the down key (40)? if (event.which == 40) { // the down key has been pressed, check the volume level var volumeLevel = player.volume().toFixed(1); if ( volumeLevel < 0.1){ player.muted(true); // mute the volume } } // is the key pressed the up key (38) if (event.which == 38) { var isVolumeMuted = player.muted(); if (isVolumeMuted == true){ player.muted(false); } } }); // Download Button setTimeout(function () { if ($('#av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedButton').length > 0) { $('#av_48548DDDD8F24838BF7BF4A6CA5A3FF6 div.vjs-dock-shelf').append($('#av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedButton')); } }, 500); var Button = videojs.getComponent('Button'); // AD Button var AudioDescriptionButton = videojs.extend(Button, { constructor: function() { Button.apply(this, arguments); this.addClass('vjs-audio-description-button-control'); this.controlText('Turn On Audio Description'); }, handleClick: function() { var player = videojs('av_48548DDDD8F24838BF7BF4A6CA5A3FF6'); var currentSource = player.src(); var currentTime = player.currentTime(); var isPaused = player.paused(); var tracks = player.textTracks(); // if the current source isn't AD, make it AD if (currentSource!="https://www.nps.gov/nps-audiovideo/audiovideo/f21836ba-19ab-4a1c-ac81-386ad7247e251080p.mp4"){ this.addClass('vjs-audio-description-button-control-focus'); this.controlText('Turn Off Audio Description'); player.originalSources = player.currentSources(); player.src({ type: "video/mp4", src: "https://www.nps.gov/nps-audiovideo/audiovideo/f21836ba-19ab-4a1c-ac81-386ad7247e251080p.mp4" }); player.currentTime(currentTime); if(!isPaused){ player.play(); } // hide caption on switch to AD ( can be turned back on by user ) for ( tr = 0; tr < tracks.length; tr++ ) { tracks[ tr ].previousMode = tracks[ tr ].mode; tracks[ tr ].mode = 'hidden'; } // current source is AD, load non-AD sources } else { this.removeClass('vjs-audio-description-button-control-focus'); this.controlText('Turn On Audio Description'); player.src(player.originalSources); player.currentTime(currentTime); if (!isPaused) { player.play(); } for ( tr = 0; tr < tracks.length; tr++ ) { tracks[ tr ].mode = tracks[ tr ].previousMode; } } } }); videojs.registerComponent('AudioDescriptionButton', AudioDescriptionButton); player.getChild('controlBar').addChild('AudioDescriptionButton', {}, 10); // ASL Button // Info Button var InfoButton = videojs.extend(Button, { constructor: function() { Button.apply(this, arguments); /* initialize your button */ this.addClass( 'vjs-info-button-control' ); this.addClass( 'vjs-info-button' ); this.controlText(eventCategoryText+' File Info'); }, handleClick: function() { /* do something on click */ location.href= "/media/video/view.htm?id=48548DDD-D8F2-4838-BF7B-F4A6CA5A3FF6"; } }); videojs.registerComponent('InfoButton', InfoButton); player.getChild('controlBar').addChild('InfoButton', {}); // Copy button var copyButton = document.getElementById('av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedCopy'); if (copyButton) { copyButton.addEventListener('click', function () { var copyText = document.getElementById('av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedText'); if (copyText) { var message = document.createElement('span'); message.setAttribute('class', 'notification'); message.setAttribute('aria-live', 'polite'); navigator.clipboard.writeText(copyText.value).then(function () { message.textContent = 'Copied.'; var footer = document.querySelector('#av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedModal .modal-footer'); if (footer) footer.prepend(message); }, function () { message.textContent = 'Copy failed.'; var footer = document.querySelector('#av_48548DDDD8F24838BF7BF4A6CA5A3FF6EmbedModal .modal-footer'); if (footer) footer.prepend(message); }); } }); } }); })(jQuery); </script> <div class="VideoHero-text"> <a href="/media/video/keyboard-shortcuts.htm" class="VideoHero-videoLink visuallyhidden">Visit our keyboard shortcuts docs for details</a> <dl class="result-details wrapped"> <dt>Duration:</dt><dd>2 minutes, 43 seconds</dd> </dl> <p itemprop="description">Welcome to the Chesapeake and Ohio Canal National Historical Park! </p> </div> </div> </div> </div> <div id="cs_control_481834" class="cs_control CS_Element_Schedule"> <div title="" id="CS_Element_FeatureContainer"> <div id="gridRow_1_1_481834" class="cs_GridRow"> <div id="gridCol_1_1_1_1_481834" class="cs_GridColumn"> <div id="cs_control_828691" class="cs_control CS_Element_Custom"> <div class="Component FeatureGrid"> <div class="row"> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/choh/planyourvisit/fees.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/choh/planyourvisit/fees.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/choh/crop16_9/B20D0E20-AA85-7944-A012B49F0832A9FE.jpg?width=640&quality=90&mode=crop" sizes="(min-width: 1380px) 640px, (min-width: 1200px) 550px, (min-width: 576px) 50vw, 100vw" srcset="/common/uploads/grid_builder/choh/crop16_9/B20D0E20-AA85-7944-A012B49F0832A9FE.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/choh/crop16_9/B20D0E20-AA85-7944-A012B49F0832A9FE.jpg?width=640&quality=90&mode=crop 640w" alt="Great Falls of the Potomac on a misty day."> <div class="Feature-title carrot-end">Fees and Pass information</div> </div> </a> <p class="Feature-description">Entrance fees are collected at the Great Falls Tavern Visitor Center entrance of the canal. </p> </div> </div> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/choh/planyourvisit/conditions.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/choh/planyourvisit/conditions.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/choh/crop16_9/D9481705-A5F7-B85C-36F3BE0989525F9D.jpg?width=640&quality=90&mode=crop" sizes="(min-width: 1380px) 640px, (min-width: 1200px) 550px, (min-width: 576px) 50vw, 100vw" srcset="/common/uploads/grid_builder/choh/crop16_9/D9481705-A5F7-B85C-36F3BE0989525F9D.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/choh/crop16_9/D9481705-A5F7-B85C-36F3BE0989525F9D.jpg?width=640&quality=90&mode=crop 640w" alt="A biker rides along a mist filled canal."> <div class="Feature-title carrot-end">Current Conditions</div> </div> </a> <p class="Feature-description">River and towpath information.</p> </div> </div> </div> <div class="row"> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/choh/planyourvisit/one-view-two-parks.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/choh/planyourvisit/one-view-two-parks.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/choh/crop16_9/877BD32C-D0B9-7ECF-9E96F8C9DEA66C93.jpg?width=640&quality=90&mode=crop" sizes="(min-width: 1380px) 640px, (min-width: 1200px) 550px, (min-width: 576px) 50vw, 100vw" srcset="/common/uploads/grid_builder/choh/crop16_9/877BD32C-D0B9-7ECF-9E96F8C9DEA66C93.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/choh/crop16_9/877BD32C-D0B9-7ECF-9E96F8C9DEA66C93.jpg?width=640&quality=90&mode=crop 640w" alt="Image of water rushing down the Great Falls."> <div class="Feature-title carrot-end">Visit Great Falls</div> </div> </a> <p class="Feature-description">Great Falls of the Potomac River can be seen from Maryland and Virginia.</p> </div> </div> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/choh/planyourvisit/bicycle.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/choh/planyourvisit/bicycle.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/choh/crop16_9/D78F2B8D-001C-0E4F-56F0B6AA19D147A7.jpg?width=640&quality=90&mode=crop" sizes="(min-width: 1380px) 640px, (min-width: 1200px) 550px, (min-width: 576px) 50vw, 100vw" srcset="/common/uploads/grid_builder/choh/crop16_9/D78F2B8D-001C-0E4F-56F0B6AA19D147A7.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/choh/crop16_9/D78F2B8D-001C-0E4F-56F0B6AA19D147A7.jpg?width=640&quality=90&mode=crop 640w" alt="Bicycle with scenic river"> <div class="Feature-title carrot-end">Biking</div> </div> </a> <p class="Feature-description">Bicycle riding is permitted on the canal towpath, Western Maryland Rail Trail, Capital Crescent Trail, and Berma Road.</p> </div> </div> </div> <div class="row"> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/choh/learn/education/index.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/choh/learn/education/index.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/choh/crop16_9/C6BB96F3-1DD8-B71B-0BD9F0A9DD528EFC.JPG?width=640&quality=90&mode=crop" sizes="(min-width: 1380px) 640px, (min-width: 1200px) 550px, (min-width: 576px) 50vw, 100vw" srcset="/common/uploads/grid_builder/choh/crop16_9/C6BB96F3-1DD8-B71B-0BD9F0A9DD528EFC.JPG?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/choh/crop16_9/C6BB96F3-1DD8-B71B-0BD9F0A9DD528EFC.JPG?width=640&quality=90&mode=crop 640w" alt="Ranger stands near school bus delivering students for field trip."> <div class="Feature-title carrot-end">Education Opportunities</div> </div> </a> <p class="Feature-description">Information on field trips, curriculum materials, professional development, Canal Classroom Corps, and partnerships.</p> </div> </div> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/choh/planyourvisit/camping.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/choh/planyourvisit/camping.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/choh/crop16_9/89267288-E686-0649-75F08EB80ACDE1C9.jpg?width=640&quality=90&mode=crop" sizes="(min-width: 1380px) 640px, (min-width: 1200px) 550px, (min-width: 576px) 50vw, 100vw" srcset="/common/uploads/grid_builder/choh/crop16_9/89267288-E686-0649-75F08EB80ACDE1C9.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/choh/crop16_9/89267288-E686-0649-75F08EB80ACDE1C9.jpg?width=640&quality=90&mode=crop 640w" alt="Orange and gray tent in a campground"> <div class="Feature-title carrot-end">Camping</div> </div> </a> <p class="Feature-description">Want to spend a night under the stars at the C&O Canal? Then you've come to the right place! </p> </div> </div> </div> </div> </div> <div id="cs_control_481835" class="cs_control CS_Element_CustomCF"> <div id="CS_CCF_5655860_481835"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="ColumnGrid row"> <div class="ColumnMain col-sm-12"> <div class="row"> <div class="col-sm-12 text-content-size text-content-style"> <p style="text-align:right;">Last updated: November 23, 2024</p> </div> </div> </div> </div> </div> <div id="cs_control_828654" class="cs_control CS_Element_Custom"> <div class="ContentPromos -left container-fluid"> <div class="container"> <div class="ContentPromos-header"> <h2 class="ContentPromos-title Tag"> Fun along the canal </h2> </div> </div> <div class="ContentPromos-container"> <div class="row"> <div class="ContentPromos-column col-xs-12 col-sm-6 col-md-3"> <div id="ContentPromo-1" class="Component ContentPromo" role="navigation" aria-label="Visitors climb down a rockface"> <a class="ContentPromo-link picturefill-background" href="/choh/planyourvisit/billy-goat-trail.htm" onclick="gas('send', 'event', 'Content Promo', document.location.href, '/choh/planyourvisit/billy-goat-trail.htm', 1, true);"> <span data-src="/common/uploads/grid_builder/choh/crop1_1/DA66EE3C-93CA-4D02-4B14853729B027E0.jpg?width=640&height=640&mode=crop&quality=90"></span> <span data-src="/common/uploads/grid_builder/choh/crop1_1/DA66EE3C-93CA-4D02-4B14853729B027E0.jpg?width=640&height=640&mode=crop&quality=90" data-media="(min-resolution: 144dppx)"></span> <span data-src="/common/uploads/grid_builder/choh/crop1_1/DA66EE3C-93CA-4D02-4B14853729B027E0.jpg?width=640&height=640&mode=crop&quality=90" data-media="(-webkit-min-device-pixel-ratio: 1.5)"></span> <span data-src="/common/uploads/grid_builder/choh/crop16_9/DA66EE3C-93CA-4D02-4B14853729B027E0.jpg?width=380&height=220&mode=crop&quality=90" data-media="(max-width: 768px)"></span> <span class="ContentPromo-text"> <span class="ContentPromo-title">Hike the Billy Goat Trail</span> </span> </a> </div> </div> <div class="ContentPromos-column col-xs-12 col-sm-6 col-md-3"> <div id="ContentPromo-2" class="Component ContentPromo" role="navigation" aria-label="Icon for the new NPS mobile App"> <a class="ContentPromo-link picturefill-background" href="/choh/planyourvisit/get-the-app.htm" onclick="gas('send', 'event', 'Content Promo', document.location.href, '/choh/planyourvisit/get-the-app.htm', 1, true);"> <span data-src="/common/uploads/grid_builder/choh/crop1_1/644F3810-C032-5872-7D93C06653F2A8EB.jpg?width=640&height=640&mode=crop&quality=90"></span> <span data-src="/common/uploads/grid_builder/choh/crop1_1/644F3810-C032-5872-7D93C06653F2A8EB.jpg?width=640&height=640&mode=crop&quality=90" data-media="(min-resolution: 144dppx)"></span> <span data-src="/common/uploads/grid_builder/choh/crop1_1/644F3810-C032-5872-7D93C06653F2A8EB.jpg?width=640&height=640&mode=crop&quality=90" data-media="(-webkit-min-device-pixel-ratio: 1.5)"></span> <span data-src="/common/uploads/grid_builder/choh/crop16_9/644F3810-C032-5872-7D93C06653F2A8EB.jpg?width=380&height=220&mode=crop&quality=90" data-media="(max-width: 768px)"></span> <span class="ContentPromo-text"> <span class="ContentPromo-subtitle">One App, Every Park</span> <span class="ContentPromo-title">Get the new NPS App</span> </span> </a> </div> </div> <div class="ContentPromos-column col-xs-12 col-sm-6 col-md-3"> <div id="ContentPromo-3" class="Component ContentPromo" role="navigation" aria-label="A collection of round passport stamps with blue ink."> <a class="ContentPromo-link picturefill-background" href="/choh/planyourvisit/passport-stamps.htm" onclick="gas('send', 'event', 'Content Promo', document.location.href, '/choh/planyourvisit/passport-stamps.htm', 1, true);"> <span data-src="/common/uploads/grid_builder/choh/crop1_1/23F36635-0547-AC96-B134C6BCA5F46A23.jpg?width=640&height=640&mode=crop&quality=90"></span> <span data-src="/common/uploads/grid_builder/choh/crop1_1/23F36635-0547-AC96-B134C6BCA5F46A23.jpg?width=640&height=640&mode=crop&quality=90" data-media="(min-resolution: 144dppx)"></span> <span data-src="/common/uploads/grid_builder/choh/crop1_1/23F36635-0547-AC96-B134C6BCA5F46A23.jpg?width=640&height=640&mode=crop&quality=90" data-media="(-webkit-min-device-pixel-ratio: 1.5)"></span> <span data-src="/common/uploads/grid_builder/choh/crop16_9/23F36635-0547-AC96-B134C6BCA5F46A23.jpg?width=380&height=220&mode=crop&quality=90" data-media="(max-width: 768px)"></span> <span class="ContentPromo-text"> <span class="ContentPromo-title">Passport Stamp Locations</span> </span> </a> </div> </div> <div class="ContentPromos-column col-xs-12 col-sm-6 col-md-3"> <div id="ContentPromo-4" class="Component ContentPromo" role="navigation" aria-label="Musician performing under tent with audience at Canal Days."> <a class="ContentPromo-link picturefill-background" href="/choh/planyourvisit/calendar.htm" onclick="gas('send', 'event', 'Content Promo', document.location.href, '/choh/planyourvisit/calendar.htm', 1, true);"> <span data-src="/common/uploads/grid_builder/choh/crop1_1/C69008D2-1DD8-B71B-0BC7EA3F83D75159.jpg?width=640&height=640&mode=crop&quality=90"></span> <span data-src="/common/uploads/grid_builder/choh/crop1_1/C69008D2-1DD8-B71B-0BC7EA3F83D75159.jpg?width=640&height=640&mode=crop&quality=90" data-media="(min-resolution: 144dppx)"></span> <span data-src="/common/uploads/grid_builder/choh/crop1_1/C69008D2-1DD8-B71B-0BC7EA3F83D75159.jpg?width=640&height=640&mode=crop&quality=90" data-media="(-webkit-min-device-pixel-ratio: 1.5)"></span> <span data-src="/common/uploads/grid_builder/choh/crop16_9/C69008D2-1DD8-B71B-0BC7EA3F83D75159.jpg?width=380&height=220&mode=crop&quality=90" data-media="(max-width: 768px)"></span> <span class="ContentPromo-text"> <span class="ContentPromo-title">Schedule of Events</span> </span> </a> </div> </div> </div> </div> </div> </div>  <div id="ParkFooter" class="ParkFooter"> <h2 class="visually-hidden">Park footer</h2> <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="ParkFooter-contact"> <h3>Contact Info</h3> <div class="vcard"> <div class="mailing-address" itemscope itemtype="http://schema.org/Place"> <h4 class="org">Mailing Address:</h4> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <p class="adr"> <span itemprop="streetAddress" class="street-address"> 142 W. Potomac St. </span> <br> <span itemprop="addressLocality"> Williamsport, </span> <span itemprop="addressRegion" class="region"> MD </span> <span itemprop="postalCode" class="postal-code"> 21795 </span> </p> </div> </div> <h4>Phone:</h4> <p> <span itemprop="telephone" class="tel">301-739-4200</span> </p> <h4 class="ParkFooter-contactEmail"> <a href="/choh/contacts.htm" class="carrot-end"> Contact Us </a> </h4> </div> </div> </div> <div class="col-sm-6"> <div class="row"> <div class="col-md-6"> <div class="ParkFooter-tools"> <h3>Tools</h3> <ul class="row"> <li class="col-xs-6 col-sm-12"> <a href="/choh/faqs.htm"><i class="fa fa-question-circle"></i>FAQ</a> </li> <li class="col-xs-6 col-sm-12"> <a href="/choh/siteindex.htm"><i class="fa fa-compass"></i>Site Index</a> </li> <li class="col-xs-6 col-sm-12"> <a href="/choh/espanol/index.htm"><i class="fa fa-comment-o"></i>Espa帽ol</a> </li> </ul> </div> </div> <div class="col-md-6"> <div class="ParkFooter-socialLinks"> <h3>Stay Connected</h3> <ul class="row"></ul> </div> </div> </div>  </div>  </div>  </div>  </div>   <script type="text/javascript"> (function ($) { function iconElement(name, containerClass, label) { var element = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); element.setAttribute('class', containerClass); element.setAttribute('focusable', 'false'); // element.setAttribute('aria-hidden', 'true'); element.setAttribute('aria-label', label); element.innerHTML = '<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#' + name + '"></use>'; return element; } $(document).ready(function() { var list = document.querySelector('.ParkFooter-socialLinks ul'); if (!list) return; var str = 'choh'; if (str.includes("/")) { var res = str.split("/"); var newFileURL = '/'+str+'/structured_data_'+res[0]+'_'+res[1]+'.json'; } else { var newFileURL = '/'+str+'/structured_data_'+str+'.json'; } var jsonSrc = newFileURL; $.getJSON(jsonSrc, function (data) { var hasSocialMedia = 0; var listItem = document.createElement('li'); listItem.setAttribute('class', 'col-2 col-md-4 col-lg-2'); if (data.facebookURL) { var facebookListItem = listItem.cloneNode(); var facebookLink = document.createElement('a'); facebookLink.setAttribute('href', data.facebookURL); facebookLink.appendChild(iconElement('facebook', 'icon', 'Facebook for this park')); // facebookLink.appendChild(document.createTextNode('Facebook')); facebookListItem.appendChild(facebookLink); list.appendChild(facebookListItem); } if (data.twitterURL) { data.twitterURL = data.twitterURL.replace('twitter.com', 'x.com') // convert old Twitter links into equivalent X links var twitterListItem = listItem.cloneNode(); var twitterLink = document.createElement('a'); twitterLink.setAttribute('href', data.twitterURL); twitterLink.appendChild(iconElement('x-black', 'icon', 'X for this park')); // twitterLink.appendChild(document.createTextNode('Twitter')); twitterListItem.appendChild(twitterLink); list.appendChild(twitterListItem); } if (data.instagramURL) { var instagramListItem = listItem.cloneNode(); var instagramLink = document.createElement('a'); instagramLink.setAttribute('href', data.instagramURL); instagramLink.appendChild(iconElement('instagram-dark', 'icon', 'Instagram for this park')); // instagramLink.appendChild(document.createTextNode('Instagram')); instagramListItem.appendChild(instagramLink); list.appendChild(instagramListItem); } if (data.youtubeURL) { var youtubeListItem = listItem.cloneNode(); var youtubeLink = document.createElement('a'); youtubeLink.setAttribute('href', data.youtubeURL); youtubeLink.appendChild(iconElement('youtube', 'icon', 'YouTube for this park')); // youtubeLink.appendChild(document.createTextNode('YouTube')); youtubeListItem.appendChild(youtubeLink); list.appendChild(youtubeListItem); } if (data.flickrURL) { var flickrListItem = listItem.cloneNode(); var flickrLink = document.createElement('a'); flickrLink.setAttribute('href', data.flickrURL); flickrLink.appendChild(iconElement('flickr', 'icon', 'Flickr for this park')); // flickrLink.appendChild(document.createTextNode('Flickr')); flickrListItem.appendChild(flickrLink); list.appendChild(flickrListItem); } if (data.tumblrURL) { var tumblrListItem = listItem.cloneNode(); var tumblrLink = document.createElement('a'); tumblrLink.setAttribute('href', data.tumblrURL); tumblrLink.appendChild(iconElement('tumblr', 'icon', 'Tumblr for this park')); // tumblrLink.appendChild(document.createTextNode('Tumblr')); tumblrListItem.appendChild(tumblrLink); list.appendChild(tumblrListItem); } if (data.foursquareURL) { var foursquareListItem = listItem.cloneNode(); var foursquareLink = document.createElement('a'); foursquareLink.setAttribute('href', data.foursquareURL); foursquareLink.appendChild(iconElement('foursquare', 'icon', 'FourSquare for this park')); // foursquareLink.appendChild(document.createTextNode('Foursquare')); foursquareListItem.appendChild(foursquareLink); list.appendChild(foursquareListItem); } if (data.pinterestURL) { var pinterestListItem = listItem.cloneNode(); var pinterestLink = document.createElement('a'); pinterestLink.setAttribute('href', data.pinterestURL); pinterestLink.appendChild(iconElement('pinterest', 'icon', 'Pinterest for this park')); // pinterestLink.appendChild(document.createTextNode('Pinterest')); pinterestListItem.appendChild(pinterestLink); list.appendChild(pinterestListItem); } }).fail(function () { list.innerHTML = ''; }); }); })(jQuery); </script> <div class="ParkSubjectGallery"> <div class="container"> <div class="CarouselGallery swiper" data-swiper-id="npsdd3" data-lightbox="false" id="npsdd3"> <div class="CarouselGallery__Header"> <h2 class="CarouselGallery__Heading"> Explore subjects and stories related to this park </h2> <div class="CarouselGallery__Controls"> <button aria-label="View previous subject" class="CarouselGallery__Controls__Previous btn btn-link" type="button"> <i class="fa fa-chevron-left"></i> </button> <button aria-label="View next subject" class="CarouselGallery__Controls__Next btn btn-link" type="button"> <i class="fa fa-chevron-right"></i> </button> </div> </div> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/subjects/fire" class="CarouselGalleryCard" style="background-image: url('/common/uploads/banner_image/nri/F3B1FB6F-1DD8-B71B-0BCB5AAA670836AD.jpg?width=310&height=233&mode=crop&quality=90'); background-image: -webkit-image-set(url('/common/uploads/banner_image/nri/F3B1FB6F-1DD8-B71B-0BCB5AAA670836AD.jpg?width=310&height=233&mode=crop&quality=78&format=webp') type('image/webp') 1x, url('/common/uploads/banner_image/nri/F3B1FB6F-1DD8-B71B-0BCB5AAA670836AD.jpg?width=620&height=465&mode=crop&quality=78&format=webp') type('image/webp') 2x, url('/common/uploads/banner_image/nri/F3B1FB6F-1DD8-B71B-0BCB5AAA670836AD.jpg?width=310&height=233&mode=crop&quality=90') type('image/jpeg') 1x, url('/common/uploads/banner_image/nri/F3B1FB6F-1DD8-B71B-0BCB5AAA670836AD.jpg?width=620&height=465&mode=crop&quality=90') type('image/jpeg') 2x); background-image: image-set('/common/uploads/banner_image/nri/F3B1FB6F-1DD8-B71B-0BCB5AAA670836AD.jpg?width=310&height=233&mode=crop&quality=78&format=webp' type('image/webp') 1x, '/common/uploads/banner_image/nri/F3B1FB6F-1DD8-B71B-0BCB5AAA670836AD.jpg?width=620&height=465&mode=crop&quality=78&format=webp' type('image/webp') 2x, '/common/uploads/banner_image/nri/F3B1FB6F-1DD8-B71B-0BCB5AAA670836AD.jpg?width=310&height=233&mode=crop&quality=90' type('image/jpeg') 1x, '/common/uploads/banner_image/nri/F3B1FB6F-1DD8-B71B-0BCB5AAA670836AD.jpg?width=620&height=465&mode=crop&quality=90' type('image/jpeg') 2x)"> <div class="CarouselGalleryCard__Body"> <span class="CarouselGalleryCard__Kicker">Subject</span> <div class="CarouselGalleryCard__Title"> Fire </div> </div> </a> </div> <div class="swiper-slide"> <a href="/subjects/conservation" class="CarouselGalleryCard" style="background-image: url('/common/uploads/banner_image/nri/24891075-1DD8-B71B-0B78B45EB86C89F5.jpg?width=310&height=233&mode=crop&quality=90'); background-image: -webkit-image-set(url('/common/uploads/banner_image/nri/24891075-1DD8-B71B-0B78B45EB86C89F5.jpg?width=310&height=233&mode=crop&quality=78&format=webp') type('image/webp') 1x, url('/common/uploads/banner_image/nri/24891075-1DD8-B71B-0B78B45EB86C89F5.jpg?width=620&height=465&mode=crop&quality=78&format=webp') type('image/webp') 2x, url('/common/uploads/banner_image/nri/24891075-1DD8-B71B-0B78B45EB86C89F5.jpg?width=310&height=233&mode=crop&quality=90') type('image/jpeg') 1x, url('/common/uploads/banner_image/nri/24891075-1DD8-B71B-0B78B45EB86C89F5.jpg?width=620&height=465&mode=crop&quality=90') type('image/jpeg') 2x); background-image: image-set('/common/uploads/banner_image/nri/24891075-1DD8-B71B-0B78B45EB86C89F5.jpg?width=310&height=233&mode=crop&quality=78&format=webp' type('image/webp') 1x, '/common/uploads/banner_image/nri/24891075-1DD8-B71B-0B78B45EB86C89F5.jpg?width=620&height=465&mode=crop&quality=78&format=webp' type('image/webp') 2x, '/common/uploads/banner_image/nri/24891075-1DD8-B71B-0B78B45EB86C89F5.jpg?width=310&height=233&mode=crop&quality=90' type('image/jpeg') 1x, '/common/uploads/banner_image/nri/24891075-1DD8-B71B-0B78B45EB86C89F5.jpg?width=620&height=465&mode=crop&quality=90' type('image/jpeg') 2x)"> <div class="CarouselGalleryCard__Body"> <span class="CarouselGalleryCard__Kicker">Subject</span> <div class="CarouselGalleryCard__Title"> Conservation Movement </div> </div> </a> </div> <div class="swiper-slide"> <a href="/subjects/culturallandscapes" class="CarouselGalleryCard" style="background-image: url('/common/uploads/banner_image/nri/60AD5344-C516-0E8C-197ABD9C916566D5.jpg?width=310&height=233&mode=crop&quality=90'); background-image: -webkit-image-set(url('/common/uploads/banner_image/nri/60AD5344-C516-0E8C-197ABD9C916566D5.jpg?width=310&height=233&mode=crop&quality=78&format=webp') type('image/webp') 1x, url('/common/uploads/banner_image/nri/60AD5344-C516-0E8C-197ABD9C916566D5.jpg?width=620&height=465&mode=crop&quality=78&format=webp') type('image/webp') 2x, url('/common/uploads/banner_image/nri/60AD5344-C516-0E8C-197ABD9C916566D5.jpg?width=310&height=233&mode=crop&quality=90') type('image/jpeg') 1x, url('/common/uploads/banner_image/nri/60AD5344-C516-0E8C-197ABD9C916566D5.jpg?width=620&height=465&mode=crop&quality=90') type('image/jpeg') 2x); background-image: image-set('/common/uploads/banner_image/nri/60AD5344-C516-0E8C-197ABD9C916566D5.jpg?width=310&height=233&mode=crop&quality=78&format=webp' type('image/webp') 1x, '/common/uploads/banner_image/nri/60AD5344-C516-0E8C-197ABD9C916566D5.jpg?width=620&height=465&mode=crop&quality=78&format=webp' type('image/webp') 2x, '/common/uploads/banner_image/nri/60AD5344-C516-0E8C-197ABD9C916566D5.jpg?width=310&height=233&mode=crop&quality=90' type('image/jpeg') 1x, '/common/uploads/banner_image/nri/60AD5344-C516-0E8C-197ABD9C916566D5.jpg?width=620&height=465&mode=crop&quality=90' type('image/jpeg') 2x)"> <div class="CarouselGalleryCard__Body"> <span class="CarouselGalleryCard__Kicker">Subject</span> <div class="CarouselGalleryCard__Title"> Cultural Landscapes </div> </div> </a> </div> <div class="swiper-slide"> <a href="/subjects/civilwar" class="CarouselGalleryCard" style="background-image: url('/common/uploads/banner_image/nri/08BCB51E-1DD8-B71B-0B9A2A6EF0422DE1.jpg?width=310&height=233&mode=crop&quality=90'); background-image: -webkit-image-set(url('/common/uploads/banner_image/nri/08BCB51E-1DD8-B71B-0B9A2A6EF0422DE1.jpg?width=310&height=233&mode=crop&quality=78&format=webp') type('image/webp') 1x, url('/common/uploads/banner_image/nri/08BCB51E-1DD8-B71B-0B9A2A6EF0422DE1.jpg?width=620&height=465&mode=crop&quality=78&format=webp') type('image/webp') 2x, url('/common/uploads/banner_image/nri/08BCB51E-1DD8-B71B-0B9A2A6EF0422DE1.jpg?width=310&height=233&mode=crop&quality=90') type('image/jpeg') 1x, url('/common/uploads/banner_image/nri/08BCB51E-1DD8-B71B-0B9A2A6EF0422DE1.jpg?width=620&height=465&mode=crop&quality=90') type('image/jpeg') 2x); background-image: image-set('/common/uploads/banner_image/nri/08BCB51E-1DD8-B71B-0B9A2A6EF0422DE1.jpg?width=310&height=233&mode=crop&quality=78&format=webp' type('image/webp') 1x, '/common/uploads/banner_image/nri/08BCB51E-1DD8-B71B-0B9A2A6EF0422DE1.jpg?width=620&height=465&mode=crop&quality=78&format=webp' type('image/webp') 2x, '/common/uploads/banner_image/nri/08BCB51E-1DD8-B71B-0B9A2A6EF0422DE1.jpg?width=310&height=233&mode=crop&quality=90' type('image/jpeg') 1x, '/common/uploads/banner_image/nri/08BCB51E-1DD8-B71B-0B9A2A6EF0422DE1.jpg?width=620&height=465&mode=crop&quality=90' type('image/jpeg') 2x)"> <div class="CarouselGalleryCard__Body"> <span class="CarouselGalleryCard__Kicker">Subject</span> <div class="CarouselGalleryCard__Title"> The Civil War </div> </div> </a> </div> </div> </div> </div> </div> <script language="javascript"> jQuery(document).ready(function() { jQuery( 'a.CarouselGalleryCard' ).on( 'click', function() { var this_park = 'choh'; var clicked_link = jQuery( this ).attr( 'href' ); gas('send', 'event', 'Park Related Subjects', '/' + this_park + '/index.htm', clicked_link, 1, true); }); }); </script> </div>  <footer id="GlobalFooter" class="GlobalFooter"> <div class="container"> <form id="GlobalFooterSearch" class="GlobalFooter__Search row g-3 align-items-center" action="/search/" method="GET" role="search"> <div class="col-auto flex-grow-1 position-relative"> <input class="form-control" id="GlobalFooterSearchInput" type="text" autocomplete="off" name="query" placeholder="Keyword Search" required aria-label="Search"> <div class="GlobalSearch-suggestions"></div> </div> <div class="col-auto"> <button class="btn btn-secondary" data-scope="site" type="submit"> This Site </button> </div> <div class="col-auto"> <button class="btn btn-secondary" data-scope="all" type="submit"> All NPS </button> </div> <input type="hidden" name="sitelimit" value="www.nps.gov/choh"> <input type="hidden" name="affiliate" value="nps"> </form> <div class="row"> <img class="GlobalFooter-printLogo print-only" src="/common/commonspot/templates/assets/images/branding/nps_logo-bw.gif" alt=""> <div class="col-sm-12"> <div class="GlobalFooter-AppPromo"> <div class="GlobalFooter-AppPromo__Text"> <div class="GlobalFooter-AppPromo__Heading">Experience Your America.</div> <div class="GlobalFooter-AppPromo__Subheading GlobalFooter-AppPromo__BottomGroup"> <p>Download the NPS app to navigate the parks on the go.</p> <p class="GlobalFooter-AppPromo__BadgeLinks"> <a href="https://apps.apple.com/us/app/national-park-service/id1549226484" class="GlobalFooter-AppPromo__BadgeLink" onclick="gas('send', 'event', 'App Promo Footer', 'Apple', document.location.pathname, 1, true);"> <img alt="Download on the App Store" src="/common/commonspot/templates/assets/images/app-promo/app-store-badge.svg" width="132" height="44"> </a> <a href="https://play.google.com/store/apps/details?id=gov.nps.mobileapp" class="GlobalFooter-AppPromo__BadgeLink" onclick="gas('send', 'event', 'App Promo Footer', 'Android', document.location.pathname, 1, true);"> <img alt="Get it on Google Play" src="/common/commonspot/templates/assets/images/app-promo/google-play-badge.svg" width="148.5" height="44"> </a> </p> </div> </div> <div class="GlobalFooter-AppPromo__ImageContainer"> <img class="GlobalFooter-AppPromo__Image" src="/common/commonspot/templates/assets/images/app-promo/app-promo-phones.png" srcset="/common/commonspot/templates/assets/images/app-promo/app-promo-phones.png 1x, /common/commonspot/templates/assets/images/app-promo/app-promo-phones@2x.png 2x" alt="Three smartphones showing different screens within the NPS app." width="628" height="463"> </div> </div> </div> </div> <hr> <div class="row"> <div class="col-xs-12 col-md-4 order-md-1"> <div class="GlobalFooter-nps-logo"> <div class="GlobalFooter-nps-logo-text"> <a href="//www.nps.gov">National Park Service</a> <a href="//www.doi.gov">U.S. Department of the Interior</a> </div> <div class="GlobalFooter-nps-logo-image"> <a href="//www.nps.gov"> <svg class="" id="nps-logo-footer" aria-label="National Park Service Logo" role="img" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#nps-logo" /> </svg> </a> </div> </div> </div> <div class="col-xs-12 col-md-8"> <ul class="GlobalFooter-generalLinks"> <li> <a href="//www.nps.gov/aboutus/accessibility.htm" > Accessibility </a> </li> <li> <a href="//www.nps.gov/aboutus/privacy.htm" > Privacy Policy </a> </li> <li> <a href="//www.nps.gov/aboutus/foia/index.htm" > FOIA </a> </li> <li> <a href="//www.nps.gov/aboutus/notices.htm" > Notices </a> </li> <li> <a href="//www.nps.gov/aboutus/contactus.htm" > Contact The National Park Service </a> </li> </ul> <ul class="GlobalFooter-generalLinks"> <li> <a href="//www.nps.gov/aboutus/faqs.htm" title="National Park Service frequently asked questions"> NPS FAQ </a> </li> <li> <a href="//www.doi.gov/pmb/eeo/no-fear-act" > No Fear Act </a> </li> <li> <a href="//www.nps.gov/aboutus/disclaimer.htm" > Disclaimer </a> </li> <li> <a href="//www.nps.gov/aboutus/vulnerability-disclosure-policy.htm" > Vulnerability Disclosure Policy </a> </li> <li> <a href="//www.usa.gov" > USA.gov </a> </li> </ul> <ul class="GlobalFooter-socialLinks"> <li> <a href="//www.facebook.com/nationalparkservice"> <svg class="" id="facebook-footer-link" aria-label="Facebook" role="img" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#facebook" /> </svg> </a> </li> <li> <a href="//www.youtube.com/nationalparkservice"> <svg class="" id="youtube-footer-link" aria-label="Youtube" role="img" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#youtube" /> </svg> </a> </li> <li> <a href="//www.x.com/natlparkservice"> <svg class="" id="twitter-footer-link" aria-label="Twitter" role="img" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#x-white" /> </svg> </a> </li> <li> <a href="//www.instagram.com/nationalparkservice"> <svg class="" id="instagram-footer-link" aria-label="Instagram" role="img" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#instagram" /> </svg> </a> </li> <li> <a href="//www.flickr.com/nationalparkservice"> <svg class="" id="flickr-footer-link" aria-label="Flickr" role="img" focusable="false"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/common/commonspot/templates/assets/sprite.symbol.svg#flickr" /> </svg> </a> </li> </ul> </div> </div> </div> </footer>   <script src="/common/commonspot/templates/js/global.js?v=20230112"></script> <script src="/common/commonspot/templates/assets/libs/jquery.magnific-popup/jquery.magnific-popup.js"></script> <script src="/common/commonspot/templates/assets/js/redesign.js?v=20230112"></script> <link href="/common/commonspot/templates/assets/libs/colorbox/colorbox.css" rel="stylesheet"> <script type="text/javascript" src="/common/commonspot/templates/js/libs/jquery.colorbox-min.js"></script> <script src="/common/commonspot/templates/js/intercept-include.js?v=20230112"></script> <script src="/common/commonspot/templates/assets/libs/image-map-resizer/imageMapResizer.min.js"></script> <script src="/common/commonspot/templates/assets/js/app.late.min.js?v=20230112"></script> <div class="modal fade" id="outdated-browser" tabindex="-1" role="dialog"> </div> </body> </html>  <script src="/commonspot/javascript/lightbox/overrides.js"></script><script src="/commonspot/javascript/lightbox/window_ref.js"></script><script src="/commonspot/pagemode/always-include-common.js"></script><script>jQuery.noConflict();</script>   <script src="/ADF/thirdParty/jquery/cookie/jquery.cookie.js"></script>     <script>  </script> <script>  </script> </body></html>