CINXE.COM

<!DOCTYPE html>     <html class="no-js" lang="en" > <head> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Waterfront | WMATA</title> <script>loadNonDashboardFiles = function() {}; commonspot = {lightbox : true};</script> <meta charset="utf-8"> <meta name="viewport" id="myViewport" content="width=device-width, initial-scale=1"> <script> window.onload = function () { if (navigator.platform.indexOf("iPhone") != -1) { var mvp = document.getElementById('myViewport'); mvp.setAttribute('content','width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0'); } } </script> <meta property="og:site_name" content="WMATA" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://wmata.com/rider-guide/stations/waterfront.cfm" /> <meta property="og:title" content="WMATA | Waterfront" /> <meta property="og:description" content="Metro news and service information for the Washington, DC, Maryland, and Virginia region." /> <meta property="og:image" content="https://wmata.com/images/Metrorail-station-with-buses-and-trains.png" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="500" /> <meta property="og:image:height" content="500" /> <meta property="og:image:alt" content="Metrorail station with buses and trains." /> <meta name="twitter:card" content="photo" /> <meta name="twitter:site" content="@wmata" /> <meta name="twitter:title" content="WMATA | Waterfront" /> <meta name="twitter:url" content="https://wmata.com/rider-guide/stations/waterfront.cfm" /> <meta name="twitter:image" content="https://wmata.com/images/Metrorail-station-with-buses-and-trains.png" /> <meta name="twitter:image:alt" content="Metrorail station with buses and trains." /> <meta name="google" content="notranslate" /> <link rel="apple-touch-icon" href="/systemimages/apple-icon-58x58px.png"> <link rel="apple-touch-icon" sizes="76x76" href="/systemimages/apple-icon-76x76px.png"> <link rel="apple-touch-icon" sizes="120x120" href="/systemimages/apple-icon-120x120px.png"> <link rel="apple-touch-icon" sizes="152x152" href="/systemimages/apple-icon-152x152px.png"> <link rel="apple-touch-icon" sizes="180x180" href="/systemimages/apple-icon-180x180px.png"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//maps.googleapis.com"> <link rel="dns-prefetch" href="//buseta.wmata.com"> <link rel="dns-prefetch" href="//s7.addthis.com"> <link rel="dns-prefetch" href="//translate.google.com"> <link rel="dns-prefetch" href="//smartrip.wmata.com"> <link rel="dns-prefetch" href="//planitmetro.com"> <link rel="dns-prefetch" href="//www.dcmetrostore.com"> <link rel="dns-prefetch" href="//www.metroalerts.info"> <link rel="dns-prefetch" href="//elstat.wmata.com"> <link rel="dns-prefetch" href="//player.vimeo.com"> <link rel="dns-prefetch" href="//www.youtube.com"> <script> wmataSiteURL = "https://"+window.location.hostname; layoutID = "1011^Waterfront"; googleMapsKey = "AIzaSyD4fl-EYGEVwvwElrNAFQxkoeMwwJ1IPYU"; wmataCSUrl = "/node/wmata/wmataAPI/"; nextBusUrl = "http://buseta.wmata.com"; categoryid = 1011; </script> <link href="https://fonts.googleapis.com/css?family=Lato:400,300,700" rel="stylesheet" type="text/css"> <link href="/style/wmata.styles.min.css" rel="stylesheet" media="screen"> <link href="/style/wmata.styles-p2.min.css" rel="stylesheet" media="screen"> <link href="/style/wmata.print.css" rel="stylesheet" media="print"> <script src="/js/spartan-autocomplete-0.7.0.min.js"></script> <script src="/js/spartan-base.js"></script> <script src="https://maps.googleapis.com/maps/api/js?client=gme-wmatawashingtonmetropolitan&v=3&libraries=places,geometry"></script> <script src="/js/jquery-2.1.3.min.js" crossorigin="anonymous"></script> <script src="/js/jquery-ui.min.js" crossorigin="anonymous"></script> <script src="/customcf/jsservicedata.cfm"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.1/backbone-min.js"></script> <script src='/js/packed/address-massager.min.js'></script> <script src='/js/packed/convertBusRouteNames.min.js'></script> <script src="/js/packed/global.min.js"></script> <script src="/js/packed/global2.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.5/validator.min.js"></script>  <script>var googleAddressRemoveLatLon = {"addressList": []};</script> <script>var googleAddressReplaceLatLon = {"addressList": []};</script> <script src="/js/packed/station-details.min.js"></script> <script>stationDetailsPagesURLsJSON = alertsWidgetStationDetailsPagesURLsJSON;</script> <script src="/customcf/jsAlertServiceData.cfm"></script> <script src="/js/packed/busrailmaps.min.js"></script> <script src="/js/packed/alerts-widget.min.js"></script> <script type="text/javascript" src="/components/NewsAndAlerts.cfc?method=get&newsLayout=1011%5EWaterfront&emergency=0"></script> <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-55e066228b32154a" async></script> <script type="text/javascript"> var addthis_config = { ui_tabindex: 0 } </script> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en,es,fr,ko,vi,zh-CN,zh-TW,am,ar,fa,pt,ru,tl,so', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); } </script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <style> .VIpgJd-ZVi9od-xl07Ob-lTBxed span{ color:#fff !important; } </style> <script> jQuery(document).ready(function($) { $(".ui-autocomplete-input").autocomplete({ open: function(event, ui) { $(".ui-autocomplete").off("menufocus hover mouseover mouseenter"); } }); $(".at4-visually-hidden span").text("foo"); }); </script> <meta http-equiv="X-UA-TextLayoutMetrics" content="gdi" /> <link href="/style/monkeypatch.css" rel="stylesheet" media="screen"> <style> .ui-menu-item { font-size: 12px; color: #000000; border-bottom-style:solid; } ul[id^='ui-id-']{ width:auto; font-size:12px !important; overflow: hidden; height: auto !important; max-height: 178px !important; } ul.ui-autocomplete { font-size: 12px; color: #fafafa; font-family: Arial, Helvetica, sans-serif; z-index: 9999 !important; } ul.ui-autocomplete .ui-menu-item:hover { font-size:14px !important; background: #e6e6e6; color: #000; } ul.ui-autocomplete .ui-state-focus { background: #e6e6e6 !important; color: #000000 !important; } ul.ui-autocomplete ui-front ui-menu ui-widget ui-widget-content { z-index: 9999 !important; } img.spartan { position: absolute; border-radius: 0px; max-width: 70%; right: 5px; z-index: 5; border: none; top: 5px; height: 35px; cursor: pointer; } img.spartan-trip-planner-form { top: 10px; } img.spartan-maps { top: -12px !important; right: 133px !important; } @media screen and (max-width: 778px) { img.spartan-maps { top: 12px !important; right: 253px !important; } } @media screen and (max-width: 640px) { img.spartan-maps { top: 14px !important; right: 180px !important; } } img.spartan-service-nearby { top: -12px; right: 186px !important; z-index:1000; } img.spartan-homepage { top: 20px; } img.spartan-trip-planner { top: 5px !important; } </style>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NZHT69T');</script>    <script async src="https://www.googletagmanager.com/gtag/js?id=DC-9144263"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'DC-9144263'); </script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '719487981721244'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=719487981721244&ev=PageView&noscript=1"/> </noscript>    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-666529542"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-666529542'); </script>  <style> .addressinput::-ms-clear { display: none; } </style> <link rel="stylesheet" href="/commonspot/commonspot.css" type="text/css" id="cs_maincss" /> </head><body lang="en" class="CS_Document"><a name="__topdoc__"></a><script src="/commonspot/pagemode/always-include-common.js" type="text/javascript"></script><script src="/commonspot/pagemode/always-include-ie.js" type="text/javascript"></script>  <a name="thetop"></a> <script type="text/javascript"> stationLat = 38.876221; stationLon = -77.017491; code = "F04"; WmataApp.page.StationDetails.code = "F04"; WmataApp.page.StationDetails.codes_all = "F04"; //some stations have more than one code. be sure the variable "WmataApp.page.StationDetails.code" has only one value if (WmataApp.page.StationDetails.code.split(',').length > 1) WmataApp.page.StationDetails.code = WmataApp.page.StationDetails.code.split(',')[0]; jQuery(document).ready(function($) { /* Get and Render the Station Status Content */ WmataApp.Ajax.getHtml("/components/stations.cfc", {method: "renderStationStatus", stationID: "83"}, function(response, data) { //console.log(response); $("#station-status-content").html(response); initAfterAJAXCall(); } ); }); /* Init the Station Status Content After AJAX Call */ function initAfterAJAXCall() { var stationStatusSimplebarDiv = $('.custom-scroll'); if(stationStatusSimplebarDiv.length > 0) { stationStatusSimplebarDiv.addClass('simplebar'); stationStatusSimplebarDiv.simplebar({ autoHide: false }); //Recalculate scroll height for dynamic content stationStatusSimplebarDiv.simplebar('recalculate'); } }; </script> <div class="page-wrapper inner station-page">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZHT69T" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <style> #skip-to-acc { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; } #skip-to-acc:active, #skip-to-acc:focus { clip: auto; height: auto; overflow: visible; position: static !important; } </style> <header> <imp src="/images/blank-image.png" width="1" height="1" alt="Screen reader users should use Internet Explorer version 9 or above for optimal performance."> <a id="skip-link" href="#main-content" tabindex="1">Skip to main content</a> <a id="skip-to-acc" href="/service/accessibility/#main-content" tabindex="1">Skip to Accessibility</a> <div class="utility-nav-wrapper clearfix"> <div class="container"> <div class="logo"> <a href="/" title="Washington Metropolitan Area Transit Authority" tabindex="1"> <span class="visually-hidden">Metro Home</span> <span class="icon-wmata-logo"><span class="path1"></span><span class="path2"></span></span> </a> </div>  <div class="nav-item-wrapper"> <div class="global-search nav-item" role="search" aria-label="Search" tabindex="1"> <form action="/search.cfm" method="get" role="form"> <input type="text" name="q" placeholder="Enter Search Terms" aria-label="Enter Search Terms"> <input type="submit" value="Go" aria-label="Activate to open the search input. Activate again to submit any search terms entered."> </form> <div class="open-mobile-search"></div> </div> <div class="pull-right"> <div class="translate nav-item"> <div class="google translate-wrapper"> <div id="google_translate_element"></div> </div>   </div>  </div>  </div>  <div class="wmata-name"> Washington Metropolitan Area Transit Authority </div> </div>  </div>  <div class="main-nav-wrapper"> <div class="container"> <div class="mobile-content-wrapper"> <div class="mobile-menu-btn" aria-label="Open Mobile Menu"> <a href="javascript:void(0);"><span>Open Mobile Menu</span> </a> </div>  <div class="mobile-menu-footer"> <div> <a class="footer-button" href="//smartrip.wmata.com/Account/AccountLogin.aspx" target="_blank" aria-label="Manage SmartTrip (New Window)">Manage Your SmarTrip Account</a> </div> <div> <a class="footer-button" href="//smartrip.wmata.com/storefront" target="_blank" aria-label="Get SmartTrip (New Window)">Get a SmarTrip Card</a> </div> </div>  </div>  <nav> <ul> <li ><a href="/service/index.cfm" tabindex="1" title="Open Service options">Service</a> <div class="mm-dropdown"> <div class="mm-content"> <div class="mm-links-col"> <div class="mm-links-col-inner"> <ul> <li><a href="/service/rail/" >Rail</a></li> <li><a href="/service/bus/" >Bus</a></li> <li><a href="/service/accessibility/" >MetroAccess</a></li> <li><a href="/service/elevators-escalators/" >Elevators and Escalators</a></li> <li><a href="/service/track-work.cfm" >Upcoming Track Work</a></li> <li><a href="/service/daily-report/" >Service Plans & Reports</a></li> <li><a href="/service/status/" >Status and Alerts</a></li> <li><a href="/service/bikes/" >Bikes</a></li> <li><a href="/service/parking/" >Parking</a></li> <li><a href="/service/regional-transportation/" >Other Transportation Options</a></li> </ul> </div>  </div>  <div class="mm-promo"> <div class="promo-img-left"> <div class="promo-img"> <img src="/systemimages/icons/menu-train-icon.png" alt="Get real-time train performance data on MetroPulse"> </div> <div class="promo-text"> <p>Get real-time train performance data on MetroPulse</p> <a href="/initiatives/open-data-hub/MetroPulse.cfm" class="promo-link">EXPLORE NOW</a> </div> </div> </div> </div>  </div>  </li> <li ><a href="/schedules/index.cfm" tabindex="1" title="Open Schedules & Maps options">Schedules & Maps</a> <div class="mm-dropdown"> <div class="mm-content"> <div class="mm-links-col"> <div class="mm-links-col-inner"> <ul> <li><a href="/schedules/trip-planner/" >Trip Planner</a></li> <li><a href="/schedules/timetables/" >Timetables</a></li> <li><a href="/schedules/maps/" >Maps</a></li> <li><a href="/schedules/next-arrival/" >Next Arrivals</a></li> <li><a href="/schedules/service-nearby/" >Service Nearby</a></li> </ul> </div>  </div>  <div class="mm-promo"> <div class="promo-img-left"> <div class="promo-img"> <img src="/systemimages/icons/menu-bus-icon.png" alt="bus"> </div> <div class="promo-text"> <p>New: Personalized bus timetables</p> <a href="/schedules/timetables/index.cfm" class="promo-link">TRY IT NOW</a> </div> </div> </div> </div>  </div>  </li> <li ><a href="/rider-guide/index.cfm" tabindex="1" title="Open Rider Guide options">Rider Guide</a> <div class="mm-dropdown"> <div class="mm-content"> <div class="mm-links-col"> <div class="mm-links-col-inner"> <ul> <li><a href="/rider-guide/stations/" >Stations</a></li> <li><a href="/rider-guide/subscribe/" >Subscribe to Alerts</a></li> <li><a href="/rider-guide/new-riders/" >New Riders</a></li> <li><a href="/rider-guide/airport-and-rail/" >Airport Service</a></li> <li><a href="/rider-guide/events/" >Events and Venues</a></li> <li><a href="/rider-guide/transfers.cfm" >Transfers</a></li> <li><a href="/rider-guide/safety/" >Safety and Security</a></li> <li><a href="/rider-guide/lost-found/" >Lost and Found</a></li> <li><a href="/rider-guide/weather/" >Severe Weather</a></li> <li><a href="/rider-guide/rules/" >Rules and Manners</a></li> <li><a href="/rider-guide/civil-rights.cfm" >Commitment to Civil Rights - Title VI</a></li> <li><a href="/rider-guide/language-assistance/" >Language Assistance</a></li> </ul> </div>  </div>  <div class="mm-promo"> <div class="promo-img-left"> <div class="promo-img"> <img src="/systemimages/icons/menu-train-icon.png" alt="train"> </div> <div class="promo-text"> <p>View real-time train locations</p> <a href="https://gis.wmata.com/live/" class="promo-link">OPEN MAP</a> </div> </div> </div> </div>  </div>  </li> <li ><a href="/fares/index.cfm" tabindex="1" title="Open Fares options">Fares</a> <div class="mm-dropdown"> <div class="mm-content"> <div class="mm-links-col"> <div class="mm-links-col-inner"> <ul> <li><a href="/fares/basic.cfm" >Cost to Ride</a></li> <li><a href="/fares/smartrip/" >About SmarTrip</a></li> <li><a href="/fares/mobilepay/" >Mobile Pay</a></li> <li><a href="/fares/Buy-SmarTrip.cfm" >Buy SmarTrip</a></li> <li><a href="https://smartrip.wmata.com/Storefront/ShoppingCart/AddAndPurchase?id=6745467" >Buy Now</a></li> <li><a href="/fares/stores.cfm" >Sales Locations</a></li> <li><a href="https://smartrip.wmata.com/Account/Login" >Log In</a></li> <li><a href="/fares/Reduced-Fare-Programs" >Reduced Fares</a></li> <li><a href="/fares/farecard-options.cfm" >Pass Options</a></li> <li><a href="/fares/Student-Programs.cfm/" >Student Programs</a></li> </ul> </div>  </div>  <div class="mm-promo"> <div class="promo-img-left"> <div class="promo-img"> <img src="/systemimages/icons/menu-mobilepay-icon.png" alt="Mobile Pay"> </div> <div class="promo-text"> <p>It's go time. Tap and go time.</p> <a href="/fares/mobilepay/" class="promo-link">LEARN MORE</a> </div> </div> </div> </div>  </div>  </li> <li ><a href="/initiatives/index.cfm" tabindex="1" title="Open Initiatives options">Initiatives</a> <div class="mm-dropdown"> <div class="mm-content"> <div class="mm-links-col"> <div class="mm-links-col-inner"> <ul> <li><a href="/initiatives/case-for-transit/" >Why Metro Matters</a></li> <li><a href="/initiatives/open-data-hub/" >Open Data Hub</a></li> <li><a href="/initiatives/strategic-plan/" >Strategic Plan</a></li> <li><a href="/initiatives/capital-improvement-program/" >Capital Improvement Program</a></li> <li><a href="/initiatives/plans/" >Current and Past Projects</a></li> <li><a href="/initiatives/wayfinding/" >Wayfinding</a></li> <li><a href="/initiatives/budget/" >Budget</a></li> <li><a href="/initiatives/sustainability/" >Sustainability </a></li> <li><a href="/initiatives/art-in-transit/" >Art in Transit </a></li> <li><a href="/initiatives/transparency/" >Transparency</a></li> <li><a href="/initiatives/community-engagement/" >Community Engagement </a></li> </ul> </div>  </div>  <div class="mm-promo"> <div class="promo-img-left"> <div class="promo-img"> <img src="/systemimages/icons/menu-cta-icon.png" alt="news"> </div> <div class="promo-text"> <p>Your Metro: <br>The Way Forward</p> <a href="/initiatives/strategic-plan/" class="promo-link">READ MORE</a> </div> </div> </div> </div>  </div>  </li> <li ><a href="/business/index.cfm" tabindex="1" title="Open Business options">Business</a> <div class="mm-dropdown"> <div class="mm-content"> <div class="mm-links-col"> <div class="mm-links-col-inner"> <ul> <li><a href="/business/smartbenefits/index.cfm" >SmartBenefits</a></li> <li><a href="/business/advertising/index.cfm" >Advertising Opportunities</a></li> <li><a href="/business/adjacent-construction/index.cfm" >Adjacent Construction Program</a></li> <li><a href="/business/procurement/index.cfm" >Procurement & Contracting</a></li> <li><a href="/business/Small-Business-Programs-Office/index.cfm" >Small Business Programs Office</a></li> <li><a href="/business/real-estate/index.cfm" >Real Estate & TOD</a></li> </ul> </div>  </div>  <div class="mm-promo"> <div class="promo-img-left"> <div class="promo-img"> <img src="/systemimages/icons/menu-piggybank-icon.png" alt="SmartBenefits®"> </div> <div class="promo-text"> <p>Save $$$ with SmartBenefits</p> <a href="/business/smartbenefits/index.cfm" class="promo-link">READ MORE</a> </div> </div> </div> </div>  </div>  </li> <li ><a href="/about/index.cfm" tabindex="1" title="Open About options">About</a> <div class="mm-dropdown"> <div class="mm-content"> <div class="mm-links-col"> <div class="mm-links-col-inner"> <ul> <li><a href="/about/board/" >Board of Directors </a></li> <li><a href="/about/leadership/" >Leadership</a></li> <li><a href="/about/transit-police/" >Transit Police</a></li> <li><a href="/about/media-relations/" >Media Relations</a></li> <li><a href="/about/news/" >News</a></li> <li><a href="/about/riders-advisory-council/" >Riders' Advisory Council</a></li> <li><a href="/about/accessibility-advisory-committee/" >Accessibility Advisory Committee</a></li> <li><a href="/about/inspector-general/" >Inspector General</a></li> <li><a href="/about/history/" >History</a></li> <li><a href="/about/records/" >Public Records</a></li> <li><a href="/about/public-hearings/" >Public Hearings & Meetings</a></li> <li><a href="/about/calendar/" >Calendar</a></li> <li><a href="/about/developers/" >Developer Resources</a></li> <li><a href="/about/careers/" >Careers</a></li> <li><a href="/about/contact/" >Contact</a></li> </ul> </div>  </div>  <div class="mm-promo"> <div class="promo-img-left"> <div class="promo-img"> <img src="/systemimages/icons/menu-PersonAndWheel-icon.png" alt="Now Hiring: Metrobus Operators"> </div> <div class="promo-text"> <p>Now Hiring: Metrobus Drivers</p> <a href="/about/careers/become-a-metrobus-operator.cfm" class="promo-link">READ MORE</a> </div> </div> </div> </div>  </div>  </li> </ul> </nav> </div>  </div>  </header> <script src="/js/spartan-base-widget-alerts-tab.js"></script> <script> $(".nofocus").on( "mousedown", function (e) { return false; }); $('#fill-address-trip-from').on('click', function(){ $("#alerts-widget-trip-planner-from").val('Calculating...'); $('#Leftpanel').removeClass('has-error has-danger'); $("#alerts-widget-trip-planner-from").trigger('focus'); $("#Leftpanel").trigger('reset'); }); $('#fill-address-trip-to').on('click', function(){ $("#alerts-widget-trip-planner-to").val('Calculating...'); $('#trip-planner-to').removeClass('has-error has-danger'); $("#alerts-widget-trip-planner-to").trigger('focus'); $("#trip-planner-to").trigger('reset'); }); </script> <a id="main-content" name="main-content"></a> <div class="main-content"> <div class="hero-wrapper"> <div class="hero-content-wrapper"> <div class="news" id="newsDiv"> </div>  </div>  </div>  <div class="container"> <div id="cs_control_1457" class="cs_control CS_Element_LinkBar"> <nav class="breadcrumb" role="navigation"> <ul> <li><a href="/index.cfm" tabindex="1">Home</a></li> <li> <a href="/rider-guide/" tabindex="1">Rider Guide</a> </li> <li> <a href="/rider-guide/stations/" tabindex="1">Stations</a> </li> <li> Waterfront</li> </ul> </nav> </div> <h1>Waterfront</h1> <div class="share"> <div class="addthis_sharing_toolbox"></div> </div> <style> .advisory-link { color:#fff !important; font-size: 16px; -webkit-font-smoothing: antialiased; } .station-alert .advisory-link:hover { color:#ccc !important; font-size: 16px; -webkit-font-smoothing: antialiased; } </style> <div class="content-wrapper"> <div class="content">  <div class="station-info-wrapper"> <script type="text/javascript"> var map; var markers = new Array; function initMap() { map = new google.maps.Map(document.getElementById('map'), { center: {lat: 38.876221, lng: -77.017491}, fullscreenControl: true, mapTypeControl: true, streetViewControl: false, zoom: 16 }); } $(function() { //initMap(); //initialize is called in busrailmaps.js but it calls this local function to do it AddMetroRailLayers(map,true);//in gis.wmata.com.js (grunt incorporates the file) This is where the station locations and rail line information is grabbed }); </script> <div class="station-info-col map"> <div class="station-address"> <p> SW, Washington, DC </p> </div>  <div class="station-lines"> <ul class="rail-list"> <li><span class="green">green Line</span></li> </ul> </div>  <div class="station-map-wrapper embed-responsive embed-responsive-16by9 googleMapBike"> <div id="map" class="embed-responsive-item" frameborder="0" style="border:0"></div> </div> <p class="small-text"><a href="http://maps.google.com/maps?daddr=38%2E876221%2C%2D77%2E017491%20%28Waterfront%20Metrorail%20Station%29" target="_blank">Directions to/from the station</a></p> </div>  <div class="station-info-col details"> <div class="row"> <div class="detail-item"> <div class="detail-item-content parking"> <p><strong>Parking:</strong></p> <ul> <li> Daily: <ul> <li>None</li> </ul> </li> <li> Metered Spaces: <ul> <li>None</li> </ul> <li> Reserved Parking: <ul> <li>None</li> </ul> </li> </ul> </div>  </div>  <div class="detail-item"> <div class="detail-item-content bikes"> <p><strong>Bikes:</strong></p> <ul> <li>None</li> <li> Bikesharing: Yes<br /> </li> </ul><br /> </div>  <div class="detail-item-content bus"> <p><strong>Bus Maps:</strong></p> <ul class="pdf"> <li><a href="/rider-guide/stations/upload/station_bus_maps/pdfs/WEB_Waterfront_Mezz_Dec 2021.pdf" target="_blank" title="View Bus Maps PDF for this station in a new browser window">Bus Map</a> from this station</li> </ul> </div>  <div class="detail-item-content wifi"> <p><strong>WiFi:</strong></p> <ul> <li> Available <br /> <a href="/rider-guide/stations/wifi.cfm" title="WiFi Availability">Read More</a> </li> </ul> </div>  </div>  </div>  <div class="station-info-buttons"> <a href="/schedules/trip-planner/index.cfm?location=Waterfront" class="button" title="Plan a Trip">Plan a Trip</a> <a href="/service/status/metroalerts.cfm" class="button" title="Sign Up for Station Alerts">Sign Up for Station Alerts</a> </div>  </div>  </div>   <div class="station-tabs-wrapper">  <ul class="nav nav-tabs" role="tablist"> <li role="presentation"> <a href="#status" aria-controls="status" role="tab" data-toggle="tab"> <span class="tab-icon"></span> <h3> Station Status <span>(0 outages)</span> </h3> </a> </li> <li role="presentation"> <a href="#fares" aria-controls="fares" role="tab" data-toggle="tab"> <span class="tab-icon"></span> <h3>Metrorail Fares</h3> </a> </li> <li role="presentation"> <a href="#next-train" aria-controls="next-train" role="tab" data-toggle="tab"> <span class="tab-icon"></span> <h3>Next Train</h3> </a> </li> </ul>  <div class="tab-content">  <div role="tabpanel" class="tab-pane" id="status"> <div class="tab-panel-content"> <div class="tab-btn"> <div class="active-arrow"></div> <span class="close-panel">Close Panel</span> </div> <div class="row"> <div id="station-status-content"> </div> <div class="panel-col notes"> <h4>Platforms at this station</h4> <p> There are 1 platforms at this station: <br /> <span class="rail-icon-small green">G Line</span> </p> <p>The green are center platforms.</p> <p><a href="/service/accessibility" title="Learn more about center-platforms for accessibility">Learn more about center-platforms for accessibility</a></p> </div>  </div>  </div>  </div>   <div role="tabpanel" class="tab-pane" id="fares"> <div class="tab-panel-content"> <div class="tab-btn"> <div class="active-arrow"></div> <span class="close-panel">Close Panel</span> </div>  <div class="form-wrapper"> <form> <label for="location">From <span class="station-title">Waterfront</span> to:</label> <select id="farelocation" tabindex="1"></select> <input id="getfaresbtn" type="submit" tabindex="2" value="GET FARES"> </form> </div>  <table> <thead> <tr> <th>Destination</th> <th>Line(s)</th> <th>Weekday Fare <br>(open - 9:30 p.m.)</th> <th>Weeknight (9:30 p.m. - close)<br>& Weekend Flat Fare</th> <th>Distance <br>(miles)</th> <th>Time <br>(mins)</th> </tr> </thead> <tbody> <tr id="fareresults"> </tr> </tbody> </table> <br> *Note: Reduced fares (Senior, Disabled, Metro Lift) offer 50% off the total fare. </div>  </div>  <div role="tabpanel" class="tab-pane" id="next-train"> <div class="tab-panel-content"> <div class="tab-btn"> <div class="active-arrow"></div> <span class="pop-out">Full Screen</span> <span class="close-panel">Close Panel</span> </div>  <div id="next-train-block" class="row"> <div class="panel-col" id="next-train-group-1-div" hidden> <table> <thead> <tr> <th style="width: 10%">Line</th> <th style="width: 25%">Cars</th> <th style="width: 45%">Destination</th> <th style="width: 20%">Minutes</th> </tr> </thead> <tbody id="next-train-group-1"> </tbody> </table> </div>  <div class="panel-col" id="next-train-group-2-div" hidden> <table> <thead> <tr> <th style="width: 10%">Line</th> <th style="width: 25%">Cars</th> <th style="width: 45%">Destination</th> <th style="width: 20%">Minutes</th> </tr> </thead> <tbody id="next-train-group-2"> </tbody> </table> </div>  <br clear="all" /> <br clear="all" /> <div class="panel-col" id="next-train-group-3-div" hidden> <table> <thead> <tr> <th style="width: 10%">Line</th> <th style="width: 25%">Cars</th> <th style="width: 45%">Destination</th> <th style="width: 20%">Minutes</th> </tr> </thead> <tbody id="next-train-group-3"> </tbody> </table> </div>  <div class="panel-col" id="next-train-group-4-div" hidden> <table> <thead> <tr> <th style="width: 10%">Line</th> <th style="width: 25%">Cars</th> <th style="width: 45%">Destination</th> <th style="width: 20%">Minutes</th> </tr> </thead> <tbody id="next-train-group-4"> </tbody> </table> </div>  <div class="update">Last Data Update: <span id="lastdataupdate"></span> EDT <span>|</span> Data will refresh every 5 seconds.</div> </div>  </div>  </div>  </div>  </div>   <div class="maps-notes-wrapper"> <div class="maps two-col-grid"> <h3>Station Vicinity Maps</h3> <ul class="pdf"> <li><a href="/rider-guide/stations/upload/evacuation/1_Waterfront-36.083_SVMap_220601.pdf" target="_blank" title="View Evacuation Map for this station in a new browser window">M St. at 4th St. SW</a></li> </ul> </div>  <div class="station-notes two-col-grid"> <h3>Station Notes</h3> <div id="cs_control_2481" class="cs_control CS_Element_Textblock"> <div class="CS_Textblock_Text"><p>Use this station for convenient pedestrian access to the Potomac River waterfront and Theater.</p><p><ul><li><a class="CP___PAGEID_21539" href="/rider-guide/stations/waterfront-new-escalators.cfm">Installation of new escalators underway</a></li></ul></p></div> </div> </div> </div>  <script> var images = []; images.push({id:219, src: 'https://www.google.com/maps/embed?pb=!4v1592231034685!6m8!1m7!1sCAoSLEFGMVFpcE5fanVnWmNRZnViTUJ6cjNFSzZDNldqLVF2bTRldmJKU3FnZEVL!2m2!1d38.87714200243!2d-77.017618078002!3f172.36548143772012!4f1.4410784484713588!5f0.7820865974627469'});//fill array with objects from the station view query images.push({id:220, src: 'https://www.google.com/maps/embed?pb=!4v1592231084411!6m8!1m7!1sCAoSLEFGMVFpcE1qcG4wNVpHWlRuT3JDTFZVRVJCQjFENlpxQUgwR3pIZlZzTE50!2m2!1d38.876612893212!2d-77.017344285908!3f357.2102922535777!4f1.6273267935210782!5f0.4000000000000002'});//fill array with objects from the station view query images.push({id:221, src: 'https://www.google.com/maps/embed?pb=!4v1598294999661!6m8!1m7!1sCAoSLEFGMVFpcE9VV1NiWHU4M2xfUm9pLTZOMHEzUC02UWZpRldBaTNaY21nR1VG!2m2!1d38.876479127177!2d-77.01804277138!3f327.9213549100516!4f0.3717996129885961!5f0.7820865974627469'});//fill array with objects from the station view query function newSource(id) {//change the source of the StationView iFrame var src = _.map(images, function(o) {//find the matching view if (o.id === id) return o; }) src = _.without(src, undefined);//eliminate the undefined elements in the results of the map //event.preventDefault(); $('#stationViewFrame')[0].src = src[0].src; } function dlgModal() { $("#dlgModal").dialog({ closeOnEscape: true, autoOpen: false, resizable: false, modal: true, height: 420,//if using li's height = 370, if not use 320 width: 320, open: function(event, ui) { $('.ui-widget-overlay').bind('click', function() { closeDlg(); }); }, buttons: { "Close": function() { closeDlg(); } } }); }; function closeDlg() { $("#dlgModal").dialog('close'); } function openDlg() { $('#dlgModal').dialog('open'); $(".ui-dialog-titlebar").hide() } function fluidDialog() { var $visible = $(".ui-dialog:visible"); // Each open dialog $visible.each(function () { var $this = $(this); var dialog = $this.find(".ui-dialog-content").data("ui-dialog"); var wWidth = $(window).width(); // Check window width against dialog width. if (wWidth < (parseInt(dialog.options.maxWidth, 10) + 50)) { // Keep dialog from filling entire screen $this.css("max-width", "90%"); $this.css("width", "auto"); } else { // Fix maxWidth bug. $this.css("max-width", dialog.options.maxWidth + "px"); } // Reposition dialog. dialog.option("position", dialog.options.position); }); } $(window).resize(function () { fluidDialog(); }); $(document).on("dialogopen", ".ui-dialog", function () { fluidDialog(); }); $(function() { dlgModal(); }); </script> <style> button { overflow: visible; width: auto; } button.link { font-family: "Verdana" sans-serif; font-size: .875em; text-align: left; color: #333 !important; background: none; margin: 0; padding: 0; border: none; cursor: pointer; text-decoration: underline; text-transform: none; box-shadow: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px 0px; -moz-user-select: text; } .ui-dialog,.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable { background:white !important; border: 1px solid #4d77a7; } .ui-dialog-titlebar-close { visibility: hidden; } .stationViewCloseBtn { text-align:right; cursor: pointer; color: #4d77a7; } .ui-dialog-buttonpane { display: none; } .ui-widget-overlay { background: #aaa; opacity: .30; filter: Alpha(Opacity=30); } .ui-dialog-titlebar { border: none; font-weight:bold; font-size:1.2em; } .ui-widget-content { font-size: 0.9em; } span.service-mark { font-family: Calibri, Arial Unicode MS, Lucida Sans Unicode, DejaVu Sans, FreeSans, sans-serif; color: 000 !important; } </style> <div class="station-view-wrapper"> <div class="stationViewHeader"> <h3>StationView<span class="service-mark">℠</span></h3> <div> Use the 360° interactive virtual tour to navigate the interior of the station. <a class="station-view-noUnderLine" href="javascript:openDlg()"> <img class="station-view-leafImg" src="/images/icons/i.png" title="Information" alt="image for help" width="20"> </a> </div> </div> <div> <div class="station-view-col"> <iframe id="stationViewFrame" src="https://www.google.com/maps/embed?pb=!4v1598294999661!6m8!1m7!1sCAoSLEFGMVFpcE9VV1NiWHU4M2xfUm9pLTZOMHEzUC02UWZpRldBaTNaY21nR1VG!2m2!1d38.876479127177!2d-77.01804277138!3f327.9213549100516!4f0.3717996129885961!5f0.7820865974627469" frameborder="0" class="station-view-iframe" allowfullscreen title="Interactive virtual tour of Waterfront"></iframe> </div> <div class="station-view-col"> <h3>Entrance</h3> <ul class="platforms"> <li class="station-view-leaf"> <button type="submit" class="link" onClick="newSource(219);" title="Tour this station starting at M St. at 4th St. SW"> M St. at 4th St. SW </button> </li> <li class="station-view-leaf"> <button type="submit" class="link" onClick="newSource(220);" title="Tour this station starting at the accessible entrance at M St. at 4th St. SW (Elevator)"> M St. at 4th St. SW (Elevator) </button> <img class="station-view-leafImg" src="/images/icons/wheelchair.png" title="Accessible Entrance" alt="wheelchair image showing this entrance is accessible" width="20"> </li> </ul> <h3>Train Levels</h3> <ul class="platforms"> <li class="station-view-leaf"> <button type="submit" class="link" onClick="newSource(221);" title="Tour this station starting at Platform Level"> Platform Level </button> </li> </ul> </div> </div> </div> <div class="stationCopyright">© 2024 WMATA</div> <div id="dlgModal" style="margin: 1vh auto 0px auto"> <font size="+1"><strong>StationView<span class="service-mark">℠</span> Information</strong></font> <p> <p> StationView<span class="service-mark">℠</span> is a virtual tour captured after hours and does not reflect the real-time environment as escalators or elevators may be temporarily out of service. For current closures and outages, see Station Status. </p> <p>Click on the white arrows to navigate the tour or skip to a level.</p> <ul> <li>ST - Street level</li> <li>MZ - Mezzanine</li> <li>UL - Upper Level</li> <li>LL - Lower Level</li> </ul> <p>Note: Using StationView<span class="service-mark">℠</span> on a mobile device may incur data usage charges.</p> <p class="stationViewCloseBtn" onClick="closeDlg();">Okay, got it.</p> </div> <a name="hours"></a>  <div class="station-times"> <h3>Station Times</h3> <p><strong>Station will open 10 minutes before the first train arrives.</strong> <br /></p> <div class="row"> <div class="station-times-table"> <table role="presentation"> <caption>FIRST TRAINS LEAVING WATERFRONT</caption> <thead> <tr> <th>Rail Line Destination</th> <th>Mon-Fri</th> <th> Sat</th> <th> Sun</th> </tr> </thead> <tbody> <tr> <td> <span class="rail-icon-small green" title="Green Line">Green Line</span> Branch Ave </td> <td style="font-size:12px;">5:30 AM</td> <td style="font-size:12px;">7:30 AM</td> <td style="font-size:12px;">7:30 AM</td> </tr> <tr> <td> <span class="rail-icon-small green" title="Green Line">Green Line</span> Greenbelt </td> <td style="font-size:12px;">5:18 AM</td> <td style="font-size:12px;">7:18 AM</td> <td style="font-size:12px;">7:18 AM</td> </tr> </tbody> </table> </div>  <div class="station-times-table"> <table role="presentation"> <caption> LAST TRAINS LEAVING WATERFRONT</caption> <thead> <tr> <th>Rail Line Destination</th> <th>Mon-Thu</th> <th> Fri</th> <th> Sat</th> <th> Sun</th> </tr> </thead> <tbody> <tr> <td> <span class="rail-icon-small green" title="Green Line">Green Line</span> Branch Ave </td> <td style="font-size:12px;">12:16 AM<br /></td> <td style="font-size:12px;">1:16 AM<br /></td> <td style="font-size:12px;">1:16 AM<br /></td> <td style="font-size:12px;">12:16 AM<br /></td> </tr> <tr> <td> <span class="rail-icon-small green" title="Green Line">Green Line</span> Greenbelt </td> <td style="font-size:12px;">11:54 PM<br /></td> <td style="font-size:12px;">12:54 AM<br /></td> <td style="font-size:12px;">12:54 AM<br /></td> <td style="font-size:12px;">11:54 PM<br /></td> </tr> </tbody> </table> </div>  </div>  </div>  </div>  </div>  </div>  </div>  <footer> <div class="footer-nav-wrapper"> <div class="footer-nav"> <div class="logo"> <a href="/index.cfm" title="Washington Metropolitan Area Transit Authority"> <span class="visually-hidden">Home</span> <span class="icon-wmata-logo"> <span class="path1"></span><span class="path2"></span> </span> </a> </div> <div class="col-wrapper"> <div class="footer-col"> <ul> <li class="header footer-column-header">TRANSIT INFORMATION</li> <li><a href="/initiatives/open-data-hub/MetroPulse.cfm">METROPULSE</a></li> <li><a href="/schedules/maps/index.cfm?t=maps-bus-wrapper">BUS MAPS</a></li> <li><a href="/schedules/timetables/">BUS SCHEDULES</a></li> <li><a href="/schedules/maps/index.cfm?t=maps-rail-wrapper">RAIL MAP</a></li> <li><a href="/rider-guide/stations/">RAIL STATIONS</a></li> <li><a href="/service/elevators-escalators/">ELEVATORS & ESCALATORS</a></li> <li><a href="/fares/basic.cfm">FARES & TRANSFERS</a></li> <li><a href="https://metroaccess.wmata.com/#/auth/signinregister" target="_blank">METROACCESS WEB BOOKING</a></li> <li><a href="/service/bikes/">BIKING</a></li> <li><a href="/service/parking/">PARKING</a></li> <li><a href="/service/accessibility/">ACCESSIBILITY</a></li> </ul> </div>  <div class="footer-col"> <ul> <li class="header footer-column-header">REPORT ISSUES</li> <li><a href="/about/contact/">CONTACT US</a></li> <li><a href="https://wmata.custhelp.com/app/home/">CUSTOMER COMMENT FORM</a></li> <li><a href="/about/transit-police/feedback.cfm">TRANSIT POLICE COMMENT FORM</a></li> <li><a href="/rider-guide/lost-found/">LOST & FOUND</a></li> </ul> </div>  <div class="footer-col"> <ul> <li class="header footer-column-header">WMATA INFORMATION</li> <li><a href="https://dcmetrostore.com/" target="_blank">METRO GIFTS</a></li> <li><a href="/about/careers/">CAREERS</a></li> <li><a href="/business/smartbenefits/">SMARTBENEFITS</a></li> <li><a href="/about/records/">PUBLIC RECORDS</a></li> <li><a href="/about/">ABOUT METRO</a></li> <li><a href="/about/board/">BOARD OF DIRECTORS</a></li> <li><a href="https://wmataoig.gov/" target="_blank">OFFICE OF INSPECTOR GENERAL</a></li> <li><a href="/about/media-relations/">MEDIA RELATIONS</a></li> <li><a href="https://www.wmatabonds.com/wmata-bonds-dc/i2812" aria-label="Investor Relations - Opens new window" target="_blank" aria-label="Investor Relations (New Window)">INVESTOR RELATIONS</a></li> <li> <ul class="social-media"> <li><a class="wmata-twitter" target="_blank" href="https://x.com/wmata" title="WMATA X Account" aria-label="X (New Window)"><span>Go to WMATA X</span></a></li> <li><a class="wmata-facebook" target="_blank" href="https://www.facebook.com/MetroForward" title="WMATA Facebook Account" aria-label="Facebook (New Window)"><span>Go to WMATA Facebook</span></a></li> <li><a class="wmata-instagram" target="_blank" href="https://www.instagram.com/metroforward/" title="WMATA Instagram Account" aria-label="Instagram (New Window)"><span>Go to WMATA Instagram</span></a></li> <li><a class="wmata-youtube" target="_blank" href="https://www.youtube.com/user/MetroForward" title="WMATA YouTube" aria-label="YouTube (New Window)"><span>Go to WMATA YouTube</span></a></li> </ul> </li> </ul> </div> </div>  </div>  </div>  <div class="footer-contact-wrapper"> <div class="footer-contact"> <div class="col-wrapper"> <div class="footer-col"> <p> TRAVEL INFORMATION <br> <a href="tel:+1-202-637-7000">202.637.7000</a> </p> <p> TTY<br> <a href="tel:+1-202-962-2033">202.962.2033</a> </p> </div> <div class="footer-col"> <p> TRANSIT POLICE <br> <a href="tel:+1-202-962-2121">202.962.2121</a> </p> <p> TEXT:<br><a href="sms:696873">MYMTPD (696873)</a> </p> </div> <div class="footer-col"> <p> CUSTOMER RELATIONS <br> <a href="tel:+1-202-637-1328">202.637.1328</a> </p> <p> CUSTOMER SUPPORT: <br />SMARTRIP & SMARTBENEFITS</br> <a href="tel:+1-888-762-7874">888.762.7874</a> (M—F, 7 am—8 pm) </p> </div> </div>  </div>  </div>  <div class="footer-bottom-wrapper"> <div class="footer-bottom"> <div class="copyright">© 2024 WMATA</div> <div class="footer-bottom-links"> <ul> <li><a href="/about/records/privacy.cfm">PRIVACY POLICY</a></li> <li><a href="/about/records/website-terms-of-use.cfm">TERMS OF USE</a></li> <li><a href="https://washingtondcmetro.sharepoint.com/sites/metroweb">METROWEB</a></li> <li><a href="https://wmata.service-now.com/health_updates">EMPLOYEE MEDICAL SELF REPORTING</a></li> <li><a href="/employee-alerts.cfm">EMPLOYEE ALERTS</a></li> <li><a href="https://www.volgistics.com/ex/portal.dll/?from=256484">MVP LOGIN</a></li> <li> </li> </ul> </div> </div>  </div>  </footer> <script type="text/javascript"> _linkedin_partner_id = "1511092"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1511092&fmt=gif" /> </noscript> </div>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-WQSLPLLLFJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WQSLPLLLFJ'); </script> <div style="display:block; clear:left; padding:0px; font-family:Verdana,Arial; font-size:10px; color:gray;"></div> <script type="text/javascript">  </script> <script type="text/javascript">  </script> </body></html>