CINXE.COM

<!doctype html> <html lang="en" class="no-js">   <head> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <title>Fort Point National Historic Site (U.S. National Park Service)</title> <script> var jsDlgLoader = '/fopo/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 = '/fopo/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="Fort Point National Historic Site (U.S. National Park Service)" /> <meta property="og:url" content="https://www.nps.gov/fopo/index.htm" />   <meta property="og:image" content="https://www.nps.gov/common/uploads/banner_image/pwr/homepage/BCE6B0BF-1DD8-B71B-0B4C79AB41B8BFFB.jpg" /><meta property="og:image:height" content="700" /><meta property="og:image:width" content="2400" /><meta property="og:image:alt" content="Barbette tier (roof) of Fort Point with lighthouse and Golden Gate Bridge behind." /><meta property="og:description" content="From its vantage point overlooking the spectacular Golden Gate, Fort Point defended the San Francisco Bay following California's Gold Rush through World War II. Its beautifully arched casemates display the art of 3rd system brick masonry and interacts gracefully with the Golden Gate Bridge." />   <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="fopo" 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/fopo"> <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_481998_828672"> <script> window.addEventListener('load', (event) => { NPS.utility.updateBannerImageFromJSON( "fopo" ); }); </script> <header id="HERO" class="Hero Hero--Ribbon -primary"> <div id="HeroBanner" class="HeroBanner "> <div class="HeroBanner__TitleContainer"> <div class="container"> <a href="/fopo/" class="HeroBanner__Title" >Fort Point</a> <div class="HeroBanner__Subtitle" role="presentation"> <span class="Hero-designation" >National Historic Site</span> <span class="Hero-location" > California </span> </div> </div> </div> <div class="picturefill-background" role="img" style="background-image: url('/common/uploads/banner_image/pwr/homepage/BCE6B0BF-1DD8-B71B-0B4C79AB41B8BFFB.jpg?mode=crop&quality=90&width=1024&height=300');" aria-label="Barbette tier (roof) of Fort Point with lighthouse and Golden Gate Bridge behind."> <span data-src="/common/uploads/banner_image/pwr/homepage/BCE6B0BF-1DD8-B71B-0B4C79AB41B8BFFB.jpg?mode=crop&quality=90&width=1200&height=350" data-media="(min-width: 1024px)"></span> <span data-src="/common/uploads/banner_image/pwr/homepage/BCE6B0BF-1DD8-B71B-0B4C79AB41B8BFFB.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/pwr/homepage/BCE6B0BF-1DD8-B71B-0B4C79AB41B8BFFB.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/pwr/homepage/BCE6B0BF-1DD8-B71B-0B4C79AB41B8BFFB.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_481998_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_481998_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="DF6422DC-A8AC-F626-966087FD84967229"> <ul id="LocalNav" class="sm sm-nps"></ul> </div>  <script> jQuery(document).ready(function() { NPS.display.outputNav('/fopo','/fopo/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="/fopo/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="/fopo/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="/fopo/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="/fopo/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="/fopo/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( '/fopo/fopo_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="fopo" 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="/fopo/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="/fopo/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">Immerse Yourself in San Francisco's Dramatic History</h1> <p>From its vantage point overlooking the spectacular Golden Gate, Fort Point defended the San Francisco Bay following California's Gold Rush through World War II. Its beautifully arched casemates display the art of 3rd system brick masonry and interacts gracefully with the Golden Gate Bridge. <a class="more" href="/fopo/learn/historyculture/index.htm" title="Immerse Yourself in San Francisco's Dramatic History">Read More</a> </p> </div> </div><div id="cs_control_5234531" class="cs_control CS_Element_Custom"></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="FeatureGrid-item"> <div class="Component Feature -large"> <a href="/fopo/exhibit.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/fopo/exhibit.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/fopo/crop16_9/47FEFD55-D5CE-67E4-9C4F4621AF75FC0F.jpeg?width=1300&quality=90&mode=crop" sizes="(min-width: 1380px) 1300px, (min-width: 1200px) 1120px, 100vw" srcset="/common/uploads/grid_builder/fopo/crop16_9/47FEFD55-D5CE-67E4-9C4F4621AF75FC0F.jpeg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/fopo/crop16_9/47FEFD55-D5CE-67E4-9C4F4621AF75FC0F.jpeg?width=640&quality=90&mode=crop 640w, /common/uploads/grid_builder/fopo/crop16_9/47FEFD55-D5CE-67E4-9C4F4621AF75FC0F.jpeg?width=1300&quality=90&mode=crop 1300w" alt="Rendering of exhibit arches"> <div class="Feature-title carrot-end">Revitalizing Fort Point's Narrative </div> </div> </a> <p class="Feature-description">This new exhibit offers a unique perspective on the fort's past and present, now open.</p> </div> </div> <div class="row"> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/fopo/living-history-weekend.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/fopo/living-history-weekend.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/fopo/crop16_9/ED16E034-F1BF-7488-A7B11EADE93DD83B.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/fopo/crop16_9/ED16E034-F1BF-7488-A7B11EADE93DD83B.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/fopo/crop16_9/ED16E034-F1BF-7488-A7B11EADE93DD83B.jpg?width=640&quality=90&mode=crop 640w" alt="Civil War era reenactors with fife and drum march into Fort Point NHS"> <div class="Feature-title carrot-end">Fort Point Living History Weekend</div> </div> </a> <p class="Feature-description">Join us in February and August for Fort Point Living History Weekend</p> </div> </div> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/goga/learn/education/point-of-inquiry.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/goga/learn/education/point-of-inquiry.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/fopo/crop16_9/9852B5D3-D0A8-1B1B-3FC776ED030082F0.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/fopo/crop16_9/9852B5D3-D0A8-1B1B-3FC776ED030082F0.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/fopo/crop16_9/9852B5D3-D0A8-1B1B-3FC776ED030082F0.jpg?width=640&quality=90&mode=crop 640w" alt="Students stand in front of a brick wall inside Fort Point while holding journals"> <div class="Feature-title carrot-end">Point of Inquiry</div> </div> </a> <p class="Feature-description">How can buildings and artifacts help me to see the history of a place? Students take on the role of history detectives at Fort Point.</p> </div> </div> </div> <div class="row"> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/fopo/planyourvisit/rangerprograms.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/fopo/planyourvisit/rangerprograms.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/fopo/crop16_9/F620331F-C7B1-1B32-0429EB0A475FADEC.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/fopo/crop16_9/F620331F-C7B1-1B32-0429EB0A475FADEC.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/fopo/crop16_9/F620331F-C7B1-1B32-0429EB0A475FADEC.jpg?width=640&quality=90&mode=crop 640w" alt="Candlelight lanterns arranged on the ground in the sally port"> <div class="Feature-title carrot-end">Ranger Programs</div> </div> </a> <p class="Feature-description">Learn when you can join a Fort Point History Talk, or Candlelight tour</p> </div> </div> <div class="FeatureGrid-item col-sm-6"> <div class="Component Feature -medium"> <a href="/goga/learn/photosmultimedia/now-and-then-fort-point.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/goga/learn/photosmultimedia/now-and-then-fort-point.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/fopo/crop16_9/F03EDB8D-B61A-0C28-92956A9A1ED8650D.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/fopo/crop16_9/F03EDB8D-B61A-0C28-92956A9A1ED8650D.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/fopo/crop16_9/F03EDB8D-B61A-0C28-92956A9A1ED8650D.jpg?width=640&quality=90&mode=crop 640w" alt="Soldiers at Fort Point with the construction of the Golden Gate Bridge in the background."> <div class="Feature-title carrot-end">Ghosts of the Golden Gate</div> </div> </a> <p class="Feature-description">Scroll through photos using the "Now and Then" feature to reveal the hidden history of familiar places around Fort Point</p> </div> </div> </div> <div class="row"> <div class="FeatureGrid-item col-sm-4"> <div class="Component Feature -small"> <a href="/goga/planyourvisit/placestogo.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/goga/planyourvisit/placestogo.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/fopo/crop16_9/752578AD-1DD8-B71B-0BE5D3D01C50E421.jpg?width=640&quality=90&mode=crop" sizes="(min-width: 1380px) 420px, (min-width: 1200px) 360px, (min-width: 576px) 33vw, 100vw" srcset="/common/uploads/grid_builder/fopo/crop16_9/752578AD-1DD8-B71B-0BE5D3D01C50E421.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/fopo/crop16_9/752578AD-1DD8-B71B-0BE5D3D01C50E421.jpg?width=640&quality=90&mode=crop 640w" alt="View from Battery Marin Headlands with Golden Gate Bridge and San Francisco in background."> <div class="Feature-title carrot-end">Places To Go</div> </div> </a> <p class="Feature-description">Learn about all the sites you can visit at GGNRA.</p> </div> </div> <div class="FeatureGrid-item col-sm-4"> <div class="Component Feature -small"> <a href="/goga/planyourvisit/specialparkuses.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/goga/planyourvisit/specialparkuses.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/fopo/crop16_9/75433F82-1DD8-B71B-0B14D474824943F5.jpg?width=640&quality=90&mode=crop" sizes="(min-width: 1380px) 420px, (min-width: 1200px) 360px, (min-width: 576px) 33vw, 100vw" srcset="/common/uploads/grid_builder/fopo/crop16_9/75433F82-1DD8-B71B-0B14D474824943F5.jpg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/fopo/crop16_9/75433F82-1DD8-B71B-0B14D474824943F5.jpg?width=640&quality=90&mode=crop 640w" alt="A couple in wedding attire with the Golden Gate Bridge behind"> <div class="Feature-title carrot-end">Permits</div> </div> </a> <p class="Feature-description">Find out how to get permits for picnics, beach fires, weddings, filming & other special events.</p> </div> </div> <div class="FeatureGrid-item col-sm-4"> <div class="Component Feature -small"> <a href="/fopo/npsapp.htm" class="Feature-link" onclick="gas('send', 'event', 'Feature Grid - Prioritized', document.location.href, '/fopo/npsapp.htm', 1, true)"> <div class="Feature-imageContainer"> <img class="Feature-image" src="/common/uploads/grid_builder/fopo/crop16_9/4454B2E8-F09B-48CC-C968723D7DF76027.jpeg?width=640&quality=90&mode=crop" sizes="(min-width: 1380px) 420px, (min-width: 1200px) 360px, (min-width: 576px) 33vw, 100vw" srcset="/common/uploads/grid_builder/fopo/crop16_9/4454B2E8-F09B-48CC-C968723D7DF76027.jpeg?width=420&quality=90&mode=crop 420w, /common/uploads/grid_builder/fopo/crop16_9/4454B2E8-F09B-48CC-C968723D7DF76027.jpeg?width=640&quality=90&mode=crop 640w" alt="Image of cell phone with Golden Gate Bridge behind and text reading Explore. Experience. Repeat"> <div class="Feature-title carrot-end">NPS App: Fort Point</div> </div> </a> <p class="Feature-description">Access Golden Gate from the palm of your hand. Download and experience all 420+ National Parks.</p> </div> </div> </div> </div> </div> <div id="cs_control_481835" class="cs_control CS_Element_CustomCF"> <div id="CS_CCF_481998_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: July 17, 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"> There's More to Golden Gate </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="Golden Gate Bridge at dusk"> <a class="ContentPromo-link picturefill-background" href="/goga" onclick="gas('send', 'event', 'Content Promo', document.location.href, '/goga', 1, true);"> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8D77E172-1DD8-B71B-0B19F1FD85B16FE2.jpg?width=640&height=640&mode=crop&quality=90"></span> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8D77E172-1DD8-B71B-0B19F1FD85B16FE2.jpg?width=640&height=640&mode=crop&quality=90" data-media="(min-resolution: 144dppx)"></span> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8D77E172-1DD8-B71B-0B19F1FD85B16FE2.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/fopo/crop16_9/8D77E172-1DD8-B71B-0B19F1FD85B16FE2.jpg?width=380&height=220&mode=crop&quality=90" data-media="(max-width: 768px)"></span> <span class="ContentPromo-text"> <span class="ContentPromo-subtitle">Get the Big Picture</span> <span class="ContentPromo-title">Visit the Golden Gate NRA web site</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="Crissy marsh on a stormy day with Golden Gate bridge behind"> <a class="ContentPromo-link picturefill-background" href="/prsf" onclick="gas('send', 'event', 'Content Promo', document.location.href, '/prsf', 1, true);"> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8DAC1F08-1DD8-B71B-0B4CE187DDC20766.jpg?width=640&height=640&mode=crop&quality=90"></span> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8DAC1F08-1DD8-B71B-0B4CE187DDC20766.jpg?width=640&height=640&mode=crop&quality=90" data-media="(min-resolution: 144dppx)"></span> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8DAC1F08-1DD8-B71B-0B4CE187DDC20766.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/fopo/crop16_9/8DAC1F08-1DD8-B71B-0B4CE187DDC20766.jpg?width=380&height=220&mode=crop&quality=90" data-media="(max-width: 768px)"></span> <span class="ContentPromo-text"> <span class="ContentPromo-subtitle">Experience the Presidio</span> <span class="ContentPromo-title">See what you can do in the Presidio</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 path passes through a grove of old growth redwoods"> <a class="ContentPromo-link picturefill-background" href="/muwo" onclick="gas('send', 'event', 'Content Promo', document.location.href, '/muwo', 1, true);"> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8E28408E-1DD8-B71B-0B299EFB7F5A8B11.jpg?width=640&height=640&mode=crop&quality=90"></span> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8E28408E-1DD8-B71B-0B299EFB7F5A8B11.jpg?width=640&height=640&mode=crop&quality=90" data-media="(min-resolution: 144dppx)"></span> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8E28408E-1DD8-B71B-0B299EFB7F5A8B11.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/fopo/crop16_9/8E28408E-1DD8-B71B-0B299EFB7F5A8B11.jpg?width=380&height=220&mode=crop&quality=90" data-media="(max-width: 768px)"></span> <span class="ContentPromo-text"> <span class="ContentPromo-subtitle">Venture to Muir Woods</span> <span class="ContentPromo-title">Visit the Redwoods</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="Alcatraz skyline with cell house and lighthouse"> <a class="ContentPromo-link picturefill-background" href="/alca" onclick="gas('send', 'event', 'Content Promo', document.location.href, '/alca', 1, true);"> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8E812B00-1DD8-B71B-0B4FEDD57202296E.jpg?width=640&height=640&mode=crop&quality=90"></span> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8E812B00-1DD8-B71B-0B4FEDD57202296E.jpg?width=640&height=640&mode=crop&quality=90" data-media="(min-resolution: 144dppx)"></span> <span data-src="/common/uploads/grid_builder/fopo/crop1_1/8E812B00-1DD8-B71B-0B4FEDD57202296E.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/fopo/crop16_9/8E812B00-1DD8-B71B-0B4FEDD57202296E.jpg?width=380&height=220&mode=crop&quality=90" data-media="(max-width: 768px)"></span> <span class="ContentPromo-text"> <span class="ContentPromo-subtitle">Tour the Rock</span> <span class="ContentPromo-title">Learn about this notorious prison</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"> Fort Point National Historic Site <br>201 Fort Mason </span> <br> <span itemprop="addressLocality"> San Francisco, </span> <span itemprop="addressRegion" class="region"> CA </span> <span itemprop="postalCode" class="postal-code"> 94123 </span> </p> </div> </div> <h4>Phone:</h4> <p> <span itemprop="telephone" class="tel">415-561-4959</span> <br> <span itemprop="description"> United States Park Police Dispatch: Non-Emergency: 415-561-5505 Emergency: 415-561-5656 </span> </p> <h4 class="ParkFooter-contactEmail"> <a href="/fopo/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="/fopo/faqs.htm"><i class="fa fa-question-circle"></i>FAQ</a> </li> <li class="col-xs-6 col-sm-12"> <a href="/fopo/siteindex.htm"><i class="fa fa-compass"></i>Site Index</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 = 'fopo'; 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/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/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/forts" class="CarouselGalleryCard" style="background-image: url('/common/uploads/banner_image/nri/7244038F-06CF-264C-FFBB84147895C010.jpg?width=310&height=233&mode=crop&quality=90'); background-image: -webkit-image-set(url('/common/uploads/banner_image/nri/7244038F-06CF-264C-FFBB84147895C010.jpg?width=310&height=233&mode=crop&quality=78&format=webp') type('image/webp') 1x, url('/common/uploads/banner_image/nri/7244038F-06CF-264C-FFBB84147895C010.jpg?width=620&height=465&mode=crop&quality=78&format=webp') type('image/webp') 2x, url('/common/uploads/banner_image/nri/7244038F-06CF-264C-FFBB84147895C010.jpg?width=310&height=233&mode=crop&quality=90') type('image/jpeg') 1x, url('/common/uploads/banner_image/nri/7244038F-06CF-264C-FFBB84147895C010.jpg?width=620&height=465&mode=crop&quality=90') type('image/jpeg') 2x); background-image: image-set('/common/uploads/banner_image/nri/7244038F-06CF-264C-FFBB84147895C010.jpg?width=310&height=233&mode=crop&quality=78&format=webp' type('image/webp') 1x, '/common/uploads/banner_image/nri/7244038F-06CF-264C-FFBB84147895C010.jpg?width=620&height=465&mode=crop&quality=78&format=webp' type('image/webp') 2x, '/common/uploads/banner_image/nri/7244038F-06CF-264C-FFBB84147895C010.jpg?width=310&height=233&mode=crop&quality=90' type('image/jpeg') 1x, '/common/uploads/banner_image/nri/7244038F-06CF-264C-FFBB84147895C010.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"> Forts </div> </div> </a> </div> <div class="swiper-slide"> <a href="/subjects/oceans" class="CarouselGalleryCard" style="background-image: url('/common/uploads/banner_image/nri/34FD033B-E180-794E-594B35DD1BA53A92.jpg?width=310&height=233&mode=crop&quality=90'); background-image: -webkit-image-set(url('/common/uploads/banner_image/nri/34FD033B-E180-794E-594B35DD1BA53A92.jpg?width=310&height=233&mode=crop&quality=78&format=webp') type('image/webp') 1x, url('/common/uploads/banner_image/nri/34FD033B-E180-794E-594B35DD1BA53A92.jpg?width=620&height=465&mode=crop&quality=78&format=webp') type('image/webp') 2x, url('/common/uploads/banner_image/nri/34FD033B-E180-794E-594B35DD1BA53A92.jpg?width=310&height=233&mode=crop&quality=90') type('image/jpeg') 1x, url('/common/uploads/banner_image/nri/34FD033B-E180-794E-594B35DD1BA53A92.jpg?width=620&height=465&mode=crop&quality=90') type('image/jpeg') 2x); background-image: image-set('/common/uploads/banner_image/nri/34FD033B-E180-794E-594B35DD1BA53A92.jpg?width=310&height=233&mode=crop&quality=78&format=webp' type('image/webp') 1x, '/common/uploads/banner_image/nri/34FD033B-E180-794E-594B35DD1BA53A92.jpg?width=620&height=465&mode=crop&quality=78&format=webp' type('image/webp') 2x, '/common/uploads/banner_image/nri/34FD033B-E180-794E-594B35DD1BA53A92.jpg?width=310&height=233&mode=crop&quality=90' type('image/jpeg') 1x, '/common/uploads/banner_image/nri/34FD033B-E180-794E-594B35DD1BA53A92.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"> Oceans, Coasts & Seashores </div> </div> </a> </div> </div> </div> </div> </div> <script language="javascript"> jQuery(document).ready(function() { jQuery( 'a.CarouselGalleryCard' ).on( 'click', function() { var this_park = 'fopo'; 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/fopo"> <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 src="/ADF/thirdParty/jquery/cookie/jquery.cookie.js"></script>     <script>  </script> <script>  </script> </body></html>