PageSourceSearch

https://www.ridemetro.org/

html ridemetro.org collected 2026-10-01 10:17:17 UTC 131,340 bytes, 1,928 lines download raw bytes

1 <!DOCTYPE html> <html lang="en"> <head> <!-- Google Tag Manager --> 
1<script>
vendor: 373 bytes, lines 1-6
1
2        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
3        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
4        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
5        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
6        })(window,document,'script','dataLayer','
6GTM-5D3V8Z7
vendor: 13 bytes, lines 6-7
6');
7        
7</script>
7 <!-- End Google Tag Manager --> <meta charset="utf-8" />
7<script type="text/html" id="sf-tracking-consent-manager">
8	<div id="tracking-consent-dialog" class="tracking-dialog"> 
9  <div class="tracking-dialog-content">
10    <p>By using this website, you agree to the use of cookies to improve your experience, as described in our <a href="/privacy-policy">Privacy Policy</a>.</p>
11  </div>
12  <div class="tracking-buttons">
13    <button type="button" onclick="TrackingConsentManager.updateUserConsent(false)" id="tracking-consent-dialog-reject" class="btn btn-reject">No, thank you</button>
14    <button type="button" onclick="TrackingConsentManager.updateUserConsent(true)" id="tracking-consent-dialog-accept" class="btn btn-skewed btn-outline-white"><span class="btn-text">I accept</span></button>
15  </div>
16</div>
17</script>
17<script type="text/javascript" src="/WebResource.axd?d=DzHrpQl5URXarFHAtrmzFqF4J5wmthbts3eRgn-8Yd--bRcpWWpqTStTeeYZZcmYHfXipk1w1gdC8JqD_XJnEp_3GHc4AUfj4aAn6QJoNu3LdgZfacYyWaztXtYu4wAxBsmIV308EcofN3qso_xWnf45tu2l9Afd6iyuAg5lk0iN-e-o6Hza0VznBfq-n0SM0&amp;t=639226237880000000">
18
19</script>
19 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>
20	METRO | Public Transit | Houston, Texas | Bus | Rail | Park &amp; Ride
21</title> <!-- favicons --> <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"> <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#005daa"> <meta name="msapplication-TileColor" content="#005daa"> <meta name="theme-color" content="#ffffff"> <link href="https://website-cdn-prod.azureedge.us/ResourcePackages/Main/dist/assets/styles/main.css?v=1438555744214345985" rel="stylesheet" type="text/css" /> 
21<script defer src="https://website-cdn-prod.azureedge.us/ResourcePackages/Main/dist/assets/scripts/main.min.js?v=1438555744214345985"></script>
21 
21<script defer src="https://website-cdn-prod.azureedge.us/ResourcePackages/Main/dist/assets/scripts/govDelivery.min.js?v=1438555744214345985"></script>
21 <link rel="canonical" href="https://www.ridemetro.org/">
22<meta name="google-site-verification" content="m0a7GzI4ytq8cQisJqAxDnyprbLIGa_3WVLHgl6pZj8" />
23<script type="application/ld+json"> 
24{
25  "@context": "https://schema.org",
26  "@type": "Organization",
27  "name": "Houston METRO",
28  "url": "https://www.ridemetro.org/",
29  "logo": "https://www.ridemetro.org/ResourcePackages/Main/dist/assets/images/METRO-Logo.svg",
30  "image": "https://assets-cdn-prod.azureedge.us/assets/images/default-source/default-album/1247-metro-multimodal-transit-center-1200x628.jpg",
31  "address": {
32    "@type": "PostalAddress",
33    "streetAddress": "1900 Main St.",
34    "addressLocality": "Houston",
35    "addressRegion": "TX",
36    "postalCode": "77002",
37    "addressCountry": "US"
38  },
39  "sameAs": [
40    "https://www.facebook.com/RideMETRO",
41    "https://x.com/METROHouston",
42    "https://www.youtube.com/METROHouston",
43    "https://www.instagram.com/metrohouston/",
44    "https://www.linkedin.com/company/metropolitan-transit-authority-of-harris-county/"
45  ],
46  "contactPoint": {
47    "@type": "ContactPoint",
48    "telephone": "+1-713-635-4000",
49    "contactType": "Customer Service",
50    "areaServed": "US",
51    "availableLanguage": "English"
52  },
53  "foundingDate": "1979",
54  "founder": "City of Houston",
55  "areaServed": [
56    "Houston",
57    "Harris County",
58    "Fort Bend County",
59    "Montgomery County",
60    "Brazoria County",
61    "Galveston County",
62    "Liberty County",
63    "Waller County",
64    "Chambers County",
65    "Austin County"
66  ],
67  "potentialAction": {
68    "@type": "SearchAction",
69    "target": "https://www.ridemetro.org/search-result?q={search_term_string}",
70    "query-input": "required name=search_term_string"
71  }
72}
73</script>
73<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/ClientApps/dist/search-box.css?package=Main&v=MS4wLjAuMA%3d%3d"><noscript><link rel="stylesheet" type="text/css" href="/ClientApps/dist/search-box.css?package=Main&v=MS4wLjAuMA%3d%3d"></noscript><style type="text/css" media="all"> @media(max-width:1199px) { 
74.header .header-main .header-main__buy-reload {
75   	display: block;
76  }
77}
78
79.translate-widget {    
80    justify-content: flex-start;
81}</style><meta property="og:title" content="METRO | Public Transit | Houston, Texas | Bus | Rail | Park &amp;amp; Ride" /><meta property="og:type" content="website" /><meta property="og:url" content="https://www.ridemetro.org/home" /><meta property="og:site_name" content="METRO" />
81<script type="text/javascript">
82// Google Tag Manager
vendor: 328 bytes, lines 82-87
82
83(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
84new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
85j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
86'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
87})(window,document,'script','dataLayer','
87GTM-NBNXXF5K
vendor: 4 bytes, line 87
87');
88// End Google Tag Manager
89</script>
89<meta name="Generator" content="Sitefinity 15.4.8636.0 DX" />
89<script type='text/javascript'>
90	                var appInsights=window.appInsights||function(a){
91		                function b(a){c[a]=function(){var b=arguments;c.queue.push(function(){c[a].apply(c,b)})}}var c={config:a},d=document,e=window;setTimeout(function(){var b=d.createElement('script');b.src=a.url||'https://az416426.vo.msecnd.net/scripts/a/ai.0.js',d.getElementsByTagName('script')[0].parentNode.appendChild(b)});try{c.cookie=d.cookie}catch(a){}c.queue=[];for(var f=['Event','Exception','Metric','PageView','Trace','Dependency'];f.length;)b('track'+f.pop());if(b('setAuthenticatedUserContext'),b('clearAuthenticatedUserContext'),b('startTrackEvent'),b('stopTrackEvent'),b('startTrackPage'),b('stopTrackPage'),b('flush'),!a.disableExceptionTracking){f='onerror',b('_'+f);var g=e[f];e[f]=function(a,b,d,e,h){var i=g&&g(a,b,d,e,h);return!0!==i&&c['_'+f](a,b,d,e,h),i}}return c
92	                }({
93		                instrumentationKey: 'ad230fbc-8317-fe16-8644-f6dc2b1d2ca9'
94	                });
95
96	                window.appInsights=appInsights,appInsights.queue&&0===appInsights.queue.length&&appInsights.trackPageView();
97            </script>
97<meta name="description" content="METRO provides public transportation services to Greater Houston. Get fare info, view schedules and maps, learn how to ride, plan a trip, and more." /></head> <body>  <header id="site-header" class="header"> <a href="#site-main" class="visually-hidden-focusable skip-link">Skip to Main Content</a> <div class="header-top"> 
98
99<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 99-100
99
100<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
100GTM-NBNXXF5K
vendor: 83 bytes, lines 100-101
100"
101height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
102<!-- End Google Tag Manager (noscript) -->
103
104<div id="HeaderTop_TFF91938B062_Col00" class="sf_colsIn" data-sf-element="Container" data-placeholder-label="NonSearchableContainer"><div class="header-top-items" data-sf-element="Header Top Items">
105    <div id="HeaderTop_TFF91938B044_Col00" class="sf_colsIn header-top-item" data-sf-element="Header Top Item 1" data-placeholder-label="Header Top Item 1">
106<div>
107    <div class="header-top-item__content"><svg class="header-top-item__icon"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-support" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-support"></use></svg>
108 <div class="header-top-item__info"><h4 class="header-top-item__heading">Questions or Comments?</h4><a href="https://crm.ridemetro.org/" data-sf-ec-immutable="" class="a11y-link" data-sf-marked="" target="_blank"><span style="text-decoration: underline">Let Us Know!
109			</span><span class="visually-hidden" style="text-decoration: underline"> (Open external link)</span>
110		</a>
111 </div></div>  
112</div>
113    </div>
114    <div id="HeaderTop_TFF91938B044_Col01" class="sf_colsIn header-top-item" data-sf-element="Header Top Item 2" data-placeholder-label="Header Top Item 2">
115<div>
116    <div class="header-top-item__content header-top-item__content--service"><svg class="header-top-item__icon"><use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-call-text"></use></svg>
117 <div class="header-top-item__info"><h4 class="header-top-item__heading">Customer Service: </h4><a href="tel:+1-713-635-4000" data-sf-ec-immutable="">713-635-4000</a> (call or text)
118    </div></div>  
119</div>
120    </div>
121    <div id="HeaderTop_TFF91938B044_Col02" class="sf_colsIn header-top-item" data-sf-element="Header Top Item 3" data-placeholder-label="Header Top Item 3">
122<div>
123    <div class="header-top-item__content"><h4 class="header-top-item__heading">Connect With Us</h4><ul class="header-top-item__social-list"><li class="list-inline-item list-social-item"><a href="https://www.facebook.com/RideMETRO" class="btn btn-icon btn-sm a11y-link btn-right" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-facebook"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-facebook" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-facebook"></use></svg><span class="visually-hidden">Facebook (Open external link)</span>
124 </a>
125 </li><li class="list-inline-item list-social-item"><a href="https://twitter.com/METROHouston" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-twitter"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-twitter" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-twitter"></use></svg><span class="visually-hidden">Twitter (Open external link)</span>
126 </a>
127 </li><li class="list-inline-item list-social-item"><a href="https://www.youtube.com/METROHouston" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-youtube"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-youtube" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-youtube"></use></svg><span class="visually-hidden">YouTube (Open external link)</span>
128 </a>
129 </li><li class="list-inline-item list-social-item"><a href="https://www.instagram.com/metrohouston/" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-instagram"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-instagram" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-instagram"></use></svg><span class="visually-hidden">Instagram (Open external link)</span>
130 </a>
131 </li><li class="list-inline-item list-social-item"><a href="https://www.linkedin.com/company/metropolitan-transit-authority-of-harris-county/" target="_blank" class="btn btn-icon btn-sm a11y-link" data-sf-ec-immutable=""><svg class="icon icon-linkedin"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-linkedin" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-linkedin"></use></svg><span class="visually-hidden">LinkedIn (Open external link)</span>
132 </a>
133 </li></ul></div>  
134</div>
135    </div>
136    <div id="HeaderTop_TFF91938B044_Col03" class="sf_colsIn header-top-item" data-sf-element="Header Top Item 4" data-placeholder-label="Header Top Item 4">
137<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
vendor: 1 bytes, line 137
137
138<script>
139    Weglot.initialize({
140        api_key: 'wg_2fefbd7b2e000dfd63a04d6bbd5717519'
141    });
142</script>
142
143  
144<!--markup for placement-->
145<div class="translate-widget">
146<div class="translate-widget-copy">
147<svg class="translate-widget-copy__icon">
148<use href="/ResourcePackages/Main/dist/assets/images/sprite.svg?version=1#globe"></use>
149</svg>
150<div>Select Language</div>
151</div>
152<div class="translate-widget-container">
153</div>
154</div>
155    </div>
156</div>
157</div>
158
159 </div> <div class="header-bottom"> <div class="navbar-container"> <nav class="navbar navbar-light bg-white" aria-label="Main Navigation"> <div class="visually-hidden-focusable skip-link" tabindex="0">The site navigation utilizes the tab and enter keys. Use tab to navigate through the menu. Use enter to reach submenus and to click on links.</div> 
160<div id="HeaderMain_TFF91938B063_Col00" class="sf_colsIn" data-sf-element="Container" data-placeholder-label="NonSearchableContainer"><div class="header-main" data-sf-element="Row">
161    <div id="HeaderMain_TFF91938B046_Col00" class="sf_colsIn header-main__brand" data-sf-element="HeaderMain Branding" data-placeholder-label="HeaderMain Branding">
162<div>
163    <p><a class="navbar-brand" href="/"><img class="navbar-brand-img" src="/ResourcePackages/Main/dist/assets/images/METRO-Logo.svg" alt="METRO logo" data-sf-ec-immutable=""></a></p>  
164</div>
165    </div>
166    <div class="header-main__navigation" data-sf-element="HeaderMain Nav Region">
167        <div class="collapse navbar-collapse" id="navbarSupportedContent">
168            <div id="HeaderMain_TFF91938B046_Col01" class="sf_colsIn" data-sf-element="HeaderMain Navigation" data-placeholder-label="HeaderMain Navigation">
169
170
171
172<ul class="navbar-nav">
173    <li class="nav-item dropdown">
174        <button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Riding METRO</button>
175        <ul class="dropdown-menu">
176                        <li class="dropdown-submenu">
177                <button type="button" class="dropdown-item dropdown-submenu-toggle" aria-label="Transit Services dropdown" aria-expanded="false">Transit Services</button>
178                <ul class="second-dropdown-menu dropdown-submenu">
179                    <li><button class="dropdown-item js-dropdown-back" aria-label="Go back to Riding METRO"> Go Back</button></li>
180                                <li><a target=""class="dropdown-item" href="/riding-metro/transit-services/welcome-aboard">Welcome Aboard</a></li>
181            <li><a target=""class="dropdown-item" href="/riding-metro/transit-services/local-bus">Local Bus</a></li>
182            <li><a target=""class="dropdown-item" href="/riding-metro/transit-services/park-and-ride-bus">Park &amp; Ride Bus</a></li>
183            <li><a target=""class="dropdown-item" href="/riding-metro/transit-services/airport-bus-nonstop">Airport Bus (nonstop) ✈​</a></li>
184            <li><a target=""class="dropdown-item" href="/riding-metro/transit-services/metrorail">METRORail</a></li>
185            <li><a target=""class="dropdown-item" href="/riding-metro/transit-services/curb2curb">METRO curb2curb</a></li>
186            <li><a target=""class="dropdown-item" href="/riding-metro/transit-services/community-connector">Community Connector</a></li>
187            <li><a target=""class="dropdown-item" href="/riding-metro/transit-services/metrolift-paratransit">METROLift</a></li>
188            <li><a target=""class="dropdown-item" href="/riding-metro/transit-services/vanpool">METRO Vanpool</a></li>
189
190                </ul>
191            </li>
192            <li><a target=""class="dropdown-item" href="/riding-metro/hov-hot-express-lanes">HOV / HOT Express Lanes</a></li>
193            <li class="dropdown-submenu">
194                <button type="button" class="dropdown-item dropdown-submenu-toggle" aria-label="Accessing METRO dropdown" aria-expanded="false">Accessing METRO</button>
195                <ul class="second-dropdown-menu dropdown-submenu">
196                    <li><button class="dropdown-item js-dropdown-back" aria-label="Go back to Riding METRO"> Go Back</button></li>
197                                <li><a target=""class="dropdown-item" href="/riding-metro/accessing-metro/overview">Accessing METRO Overview</a></li>
198            <li><a target=""class="dropdown-item" href="/riding-metro/accessing-metro/by-transfer">Access by Transfer</a></li>
199            <li><a target=""class="dropdown-item" href="/riding-metro/accessing-metro/by-car">Access by Car</a></li>
200            <li><a target=""class="dropdown-item" href="/riding-metro/accessing-metro/by-bike">Access by Bike</a></li>
201
202                </ul>
203            </li>
204            <li class="dropdown-submenu">
205                <button type="button" class="dropdown-item dropdown-submenu-toggle" aria-label="METRO Police &amp; Safety dropdown" aria-expanded="false">METRO Police &amp; Safety</button>
206                <ul class="second-dropdown-menu dropdown-submenu">
207                    <li><button class="dropdown-item js-dropdown-back" aria-label="Go back to Riding METRO"> Go Back</button></li>
208                                <li><a target=""class="dropdown-item" href="/riding-metro/metro-police-safety/metro-police-mpd">METRO Police Department</a></li>
209            <li><a target=""class="dropdown-item" href="/riding-metro/metro-police-safety/your-safety">Your Safety</a></li>
210            <li><a target=""class="dropdown-item" href="/riding-metro/metro-police-safety/code-of-conduct">Code of Conduct</a></li>
211
212                </ul>
213            </li>
214            <li class="dropdown-submenu">
215                <button type="button" class="dropdown-item dropdown-submenu-toggle" aria-label="Apps For Your Phone dropdown" aria-expanded="false">Apps For Your Phone</button>
216                <ul class="second-dropdown-menu dropdown-submenu">
217                    <li><button class="dropdown-item js-dropdown-back" aria-label="Go back to Riding METRO"> Go Back</button></li>
218                                <li><a target=""class="dropdown-item" href="/riding-metro/apps/ridemetro-app">RideMETRO App</a></li>
219            <li><a target=""class="dropdown-item" href="/riding-metro/apps/on-demand-app">METRO On Demand App</a></li>
220
221                </ul>
222            </li>
223            <li><a target=""class="dropdown-item" href="/riding-metro/houston-attractions">Houston Attractions</a></li>
224            <li><a target=""class="dropdown-item" href="/riding-metro/lost-and-found">Lost &amp; Found</a></li>
225            <li><a target=""class="dropdown-item" href="/riding-metro/faqs">FAQs - How to Ride METRO</a></li>
226
227        </ul>
228    </li>
229    <li class="nav-item dropdown">
230        <button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Fares</button>
231        <ul class="dropdown-menu">
232                        <li><a target=""class="dropdown-item" href="/fares/all-about-fares">All About Fares</a></li>
233            <li><a target=""class="dropdown-item" href="/fares/savings-calculator">Savings Calculator</a></li>
234            <li><a target=""class="dropdown-item" href="/fares/policies-procedures">Policies &amp; Procedures</a></li>
235            <li><a target=""class="dropdown-item" href="/fares/faqs">FAQs - Fares</a></li>
236
237        </ul>
238    </li>
239    <li class="nav-item dropdown">
240        <button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Alerts</button>
241        <ul class="dropdown-menu">
242                        <li><a target=""class="dropdown-item" href="/alerts/service-alerts-and-detours">Current Service Alerts &amp; Detours</a></li>
243            <li><a target=""class="dropdown-item" href="/alerts/text-and-email-alerts-newsletters">Get Text and Email Alerts</a></li>
244            <li><a target=""class="dropdown-item" href="/alerts/holiday-schedules">Holiday Schedules</a></li>
245            <li><a target=""class="dropdown-item" href="/alerts/service-changes">Service Changes</a></li>
246
247        </ul>
248    </li>
249    <li class="nav-item dropdown">
250        <button type="button" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">About</button>
251        <ul class="dropdown-menu">
252                        <li class="dropdown-submenu">
253                <button type="button" class="dropdown-item dropdown-submenu-toggle" aria-label="Who We Are dropdown" aria-expanded="false">Who We Are</button>
254                <ul class="second-dropdown-menu dropdown-submenu">
255                    <li><button class="dropdown-item js-dropdown-back" aria-label="Go back to About"> Go Back</button></li>
256                                <li><a target=""class="dropdown-item" href="/about/who-we-are/about-metro">About METRO / Leadership</a></li>
257            <li><a target=""class="dropdown-item" href="/about/who-we-are/community-engagement">Community Engagement</a></li>
258            <li><a target=""class="dropdown-item" href="/about/who-we-are/accessibility">Accessibility</a></li>
259            <li><a target=""class="dropdown-item" href="/about/who-we-are/urban-design">Urban Design</a></li>
260
261                </ul>
262            </li>
263            <li><a target=""class="dropdown-item" href="/about/board-meetings">Board Meetings</a></li>
264            <li class="dropdown-submenu">
265                <button type="button" class="dropdown-item dropdown-submenu-toggle" aria-label="Business to Business dropdown" aria-expanded="false">Business to Business</button>
266                <ul class="second-dropdown-menu dropdown-submenu">
267                    <li><button class="dropdown-item js-dropdown-back" aria-label="Go back to About"> Go Back</button></li>
268                                <li><a target=""class="dropdown-item" href="/about/business-to-business/procurement-opportunities">Procurement Opportunities</a></li>
269            <li><a target=""class="dropdown-item" href="/about/business-to-business/partnership-opportunities">
269Partnership Opportunities</a></li>
270            <li><a target=""class="dropdown-item" href="/about/business-to-business/trackway-allocation">Trackway Allocation</a></li>
271            <li><a target=""class="dropdown-item" href="/about/business-to-business/real-estate">Real Estate</a></li>
272            <li><a target=""class="dropdown-item" href="/about/business-to-business/online-auctions">Online Auctions</a></li>
273            <li><a target=""class="dropdown-item" href="/about/business-to-business/debt-service-and-investments">Debt Service and Investments</a></li>
274            <li><a target=""class="dropdown-item" href="/about/business-to-business/developer-portal">Developer Portal</a></li>
275
276                </ul>
277            </li>
278            <li class="dropdown-submenu">
279                <button type="button" class="dropdown-item dropdown-submenu-toggle" aria-label="Plans &amp; Projects&#160; dropdown" aria-expanded="false">Plans &amp; Projects&#160;</button>
280                <ul class="second-dropdown-menu dropdown-submenu">
281                    <li><button class="dropdown-item js-dropdown-back" aria-label="Go back to About"> Go Back</button></li>
282                                <li><a target=""class="dropdown-item" href="/about/plans-projects/metronow">METRONow</a></li>
283            <li><a target=""class="dropdown-item" href="/about/plans-projects/current-metro-projects">Current METRO Projects</a></li>
284            <li><a target=""class="dropdown-item" href="/about/plans-projects/referendum-archive">Referendum Archive</a></li>
285
286                </ul>
287            </li>
288            <li class="dropdown-submenu">
289                <button type="button" class="dropdown-item dropdown-submenu-toggle" aria-label="Records &amp; Reports dropdown" aria-expanded="false">Records &amp; Reports</button>
290                <ul class="second-dropdown-menu dropdown-submenu">
291                    <li><button class="dropdown-item js-dropdown-back" aria-label="Go back to About"> Go Back</button></li>
292                                <li><a target=""class="dropdown-item" href="/about/records-reports/financial-transparency">Financial Transparency</a></li>
293            <li><a target=""class="dropdown-item" href="/about/records-reports/ridership-reports">Ridership Reports</a></li>
294            <li><a target=""class="dropdown-item" href="/about/records-reports/internal-audit">Internal Audit</a></li>
295            <li><a target=""class="dropdown-item" href="/about/records-reports/title-vi-complaint-process">Title VI Complaint Process</a></li>
296            <li><a target=""class="dropdown-item" href="/about/records-reports/ada-complaint-process">ADA Complaint Process</a></li>
297            <li><a target=""class="dropdown-item" href="/about/records-reports/open-records-request">Open Records Request</a></li>
298            <li><a target=""class="dropdown-item" href="/about/records-reports/subpoena-instructions">Subpoena Instructions</a></li>
299
300                </ul>
301            </li>
302            <li><a target=""class="dropdown-item" href="/about/news-media">News &amp; Media</a></li>
303            <li><a target=""class="dropdown-item" href="/about/public-hearings-and-notices">Public Hearings &amp; Notices</a></li>
304            <li><a target=""class="dropdown-item" href="/about/careers">Careers</a></li>
305            <li><a target=""class="dropdown-item" href="/about/faqs">FAQs - About METRO</a></li>
306
307        </ul>
308    </li>
309</ul>
310
311
312
313
314<div class="header-top-items header-top-items--mobile" data-sf-element="Header Top Items">
315    <div id="HeaderMain_TFF91938B060_Col00" class="sf_colsIn header-top-item" data-sf-element="Header Top Item 1" data-placeholder-label="Header Top Item 1">
316<!--markup for placement-->
317<div class="translate-widget">
318<div class="translate-widget-copy">
319<svg class="translate-widget-copy__icon">
320<use href="/ResourcePackages/Main/dist/assets/images/sprite.svg?version=1#globe"></use>
321</svg>
322<div>Select Language</div>
323</div>
324<div class="translate-widget-container--mobile">
325</div>
326</div>
327    </div>
328    <div id="HeaderMain_TFF91938B060_Col01" class="sf_colsIn header-top-item" data-sf-element="Header Top Item 2" data-placeholder-label="Header Top Item 2">
329<div>
330    <div class="header-top-item__content header-top-item__content--service"><svg class="header-top-item__icon"><use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-call-text"></use></svg>
331 <div class="header-top-item__info"><h4 class="header-top-item__heading">Customer Service: </h4><a href="tel:+1-713-635-4000" data-sf-ec-immutable="">713-635-4000</a> (call or text)
332    </div></div>  
333</div>
334    </div>
335    <div id="HeaderMain_TFF91938B060_Col02" class="sf_colsIn header-top-item" data-sf-element="Header Top Item 3" data-placeholder-label="Header Top Item 3">
336<div>
337    <div class="header-top-item__content"><svg class="header-top-item__icon"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-support" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-support"></use></svg>
338 <div class="header-top-item__info"><h4 class="header-top-item__heading">Questions or Comments?</h4><a href="https://crm.ridemetro.org/" data-sf-ec-immutable="" class="a11y-link" data-sf-marked="" target="_blank"><span style="text-decoration: underline">Let Us Know!
339			</span><span class="visually-hidden" style="text-decoration: underline"> (Open external link)</span>
340		</a>
341 </div></div>  
342</div>
343    </div>
344    <div id="HeaderMain_TFF91938B060_Col03" class="sf_colsIn header-top-item" data-sf-element="Header Top Item 4" data-placeholder-label="Header Top Item 4">
345<div>
346    <div class="header-top-item__content"><h4 class="header-top-item__heading">Connect With Us</h4><ul class="header-top-item__social-list"><li class="list-inline-item list-social-item"><a href="https://www.facebook.com/RideMETRO" class="btn btn-icon btn-sm a11y-link btn-right" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-facebook"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-facebook" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-facebook"></use></svg><span class="visually-hidden">Facebook (Open external link)</span>
347 </a>
348 </li><li class="list-inline-item list-social-item"><a href="https://twitter.com/METROHouston" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-twitter"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-twitter" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-twitter"></use></svg><span class="visually-hidden">Twitter (Open external link)</span>
349 </a>
350 </li><li class="list-inline-item list-social-item"><a href="https://www.youtube.com/METROHouston" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-youtube"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-youtube" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-youtube"></use></svg><span class="visually-hidden">YouTube (Open external link)</span>
351 </a>
352 </li><li class="list-inline-item list-social-item"><a href="https://www.instagram.com/metrohouston/" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-instagram"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-instagram" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-instagram"></use></svg><span class="visually-hidden">Instagram (Open external link)</span>
353 </a>
354 </li><li class="list-inline-item list-social-item"><a href="https://www.linkedin.com/company/metropolitan-transit-authority-of-harris-county/" target="_blank" class="btn btn-icon btn-sm a11y-link" data-sf-ec-immutable=""><svg class="icon icon-linkedin"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-linkedin" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-linkedin"></use></svg><span class="visually-hidden">LinkedIn (Open external link)</span>
355 </a>
356 </li></ul></div>  
357</div>
358    </div>
359</div></div>
360        </div>
361        <div class="navbar-active-border"></div>
362    </div>
363    <div id="HeaderMain_TFF91938B046_Col02" class="sf_colsIn header-main__search" data-sf-element="HeaderMain Search Region" data-placeholder-label="HeaderMain Search Region">
364<input type="hidden" value="searchindex" id="indexName" />
365<input type="hidden" value="/search-result" id="resultsUrl" />
366    <div id="algolia-searchbox-root" data-api-key="38af9560f9fd671d51283ef65bfd3519" data-api-pageUrl="/search-result" data-app-id="GCG1RE8NI6" data-index-name="searchindex" data-index-query-suggestion-name="searchindex_query_suggestions"></div>
367
368
369
370    </div>
371    <div id="HeaderMain_TFF91938B046_Col03" class="sf_colsIn header-main__buy-reload" data-sf-element="HeaderMain BuyCTA" data-placeholder-label="HeaderMain BuyCTA">
372<div>
373    <a href="https://fares.ridemetro.org/" class="btn btn-buy-reload btn-outline-primary btn-skewed" target="_blank" data-sf-ec-immutable=""><span class="btn-text">
374        <svg class="icon icon-dollar-sign">
375            <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-dollar-sign"></use>
376        </svg>
377        <span class="d-none d-xxl-inline-block text-nowrap">Buy / Reload</span>
378    </span>
379</a>  
380</div>
381    </div>
382</div>
383
384</div> </nav> </div> 
385 </div> </header> <main id="site-main"> 
386
387
388
389<section class="hero hero--primary overlay-primary" aria-labelledby="hero-1-title">
390    <div class="container hero-text-container">
391        <h1 id="hero-1-title" class="hero-text-line">
392            Committed to
393            <br/>
394            Reliability
395        </h1>
396    </div>
397
398        <div class="hero-image" aria-hidden="true">
399            <img src="https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-heroes/14774-riders-boarding-bus.jpg?sfvrsn=299bc783_3" alt="Riders in line boarding a Park &amp; Ride bus." aria-hidden="true" width="1800" height="700">
400        </div>
401</section>
402<div id="Content_C020_Col00" class="sf_colsIn container" data-sf-element="Container" data-placeholder-label="Container">
403
404
405<section class="section section-tabs" aria-label="Transit Tools">
406    <div class="container-fluid">
407        <div class="tabs-container js-vertical-tabs">
408            <ul class="nav nav-tabs tabs" id="transit-tools-tabs-1" role="tablist">
409                    <li class="nav-item nav-item--secondary" role="presentation">
410                        <button type="button" class="tab-button active" id="transit-tools-tabs-1-routes-tab" data-bs-toggle="tab" aria-controls="transit-tools-tabs-1-routes" data-bs-target="#transit-tools-tabs-1-routes" role="tab" aria-selected="true">
411                            <svg class="icon" focusable="false" aria-hidden="true">
412                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-map"></use>
413                            </svg>
414                            <span class="tabs-name">Routes & Schedules</span>
415                            <svg class="icon icon-arrow" focusable="false" aria-hidden="true">
416                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow-down"></use>
417                            </svg>
418                        </button>
419                    </li>
420                                    <li class="nav-item nav-item--secondary" role="presentation">
421                        <button type="button" class="tab-button" id="transit-tools-tabs-1-plan-tab" data-bs-toggle="tab" aria-controls="transit-tools-tabs-1-plan" data-bs-target="#transit-tools-tabs-1-plan" role="tab" aria-selected="false" tabindex="-1">
422                            <svg class="icon" focusable="false" aria-hidden="true">
423                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-plan-your-trip"></use>
424                            </svg>
425                            <span class="tabs-name">Plan Your Trip</span>
426                            <svg class="icon icon-arrow" focusable="false" aria-hidden="true">
427                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow-down"></use>
428                            </svg>
429                        </button>
430                    </li>
431                                    <li class="nav-item nav-item--secondary" role="presentation">
432                        <button type="button" class="tab-button" id="transit-tools-tabs-1-track-tab" data-bs-toggle="tab" aria-controls="transit-tools-tabs-1-track" data-bs-target="#transit-tools-tabs-1-track" role="tab" aria-selected="false" tabindex="-1">
433                            <svg class="icon" focusable="false" aria-hidden="true">
434                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-track-bus-or-train"></use>
435                            </svg>
436                            <span class="tabs-name">Track Bus or Train</span>
437                            <svg class="icon icon-arrow">
438                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow-down"></use>
439                            </svg>
440                        </button>
441                    </li>
442                                    <li class="nav-item nav-item--secondary" role="presentation">
443                        <button type="button" class="tab-button" id="transit-tools-tabs-1-alerts-tab" data-bs-toggle="tab" aria-controls="transit-tools-tabs-1-alerts" data-bs-target="#transit-tools-tabs-1-alerts" role="tab" aria-selected="false" tabindex="-1">
444                            <svg class="icon" focusable="false" aria-hidden="true">
445                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-metro-alerts"></use>
446                            </svg>
447                            <span class="tabs-name">Service Alerts</span>
448                            <svg class="icon icon-arrow" focusable="false" aria-hidden="true">
449                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow-down"></use>
450                            </svg>
451                        </button>
452                    </li>
453            </ul>
454
455            <div class="tab-content" id="tab-collapse-container">
456                    <div class="tab-pane active" id="transit-tools-tabs-1-routes" role="tabpanel" aria-labelledby="transit-tools-tabs-1-routes-tab">
457                        <button type="button" class="tab-button" data-bs-toggle="collapse" aria-controls="transit-tools-tabs-1-routes-collapse" data-bs-target="#transit-tools-tabs-1-routes-collapse" role="tab" aria-selected="true" tabindex="-1">
458                            <svg class="icon" focusable="false" aria-hidden="true">
459                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-map"></use>
460                            </svg>
461                            <span class="tabs-name">Routes & Schedules</span>
462                            <svg class="icon icon-arrow" focusable="false" aria-hidden="true">
463                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow-down"></use>
464                            </svg>
465                        </button>
466                        <div class="collapse" id="transit-tools-tabs-1-routes-collapse" data-bs-parent="#tab-collapse-container">
467                            
468
469
470<div class="card card-body js-route-selector-widget route-selector-horizontal selector-form">
471    <div class="row">
472        <div class="col-md-4 col-lg-5" style="">
473            <label class="form-label" for="route-selector-horizontal-1-service">What will you be riding?</label>
474            <select id="route-selector-horizontal-1-service" class="form-select form-control js-service-selector" name="service">
475                <option value="0" selected>Select a service</option>
476
477                        <option value="{&quot;ServiceId&quot;:&quot;178ced1b-616e-4d4d-afe9-9a9a26af9c34&quot;,&quot;RelatedContentType&quot;:&quot;Telerik.Sitefinity.DynamicTypes.Model.RiderTools.BusRoute&quot;}" >Local Bus</option>
478                        <option value="{&quot;ServiceId&quot;:&quot;3516d417-3c3b-44a1-810b-93f5810791e2&quot;,&quot;RelatedContentType&quot;:&quot;Telerik.Sitefinity.DynamicTypes.Model.RiderTools.BusRoute&quot;}" >Park &amp; Ride Bus</option>
479                        <option value="{&quot;ServiceId&quot;:&quot;869df741-332d-4489-acaf-20d5ec2dd570&quot;,&quot;RelatedContentType&quot;:&quot;Telerik.Sitefinity.DynamicTypes.Model.METRORailLines.MetrorailLine&quot;}" >
479METRORail</option>
480                        <option value="{&quot;ServiceId&quot;:&quot;3cee9d5d-8925-459f-b6ab-728ad20c0a2e&quot;,&quot;RelatedContentType&quot;:&quot;Telerik.Sitefinity.DynamicTypes.Model.RiderTools.BusRoute&quot;}" >METRO curb2curb</option>
481            </select>
482        </div>
483        <div class="col-lg-5 col-md-4 disabled">
484            <label class="form-label" for="route-selector-horizontal-1-route">Route</label>
485            <select id="route-selector-horizontal-1-route" class="form-select form-control js-route-selector" name="route" id="route">
486                <option value="1">Select a route</option>
487            </select>
488        </div>
489        <div class="col-lg-2 col-md-4">
490            <a href="#" tabindex="-1" class="btn btn-lg btn-primary btn-submit js-submit-btn disabled">Check it Out</a>
491        </div>
492    </div>
493</div>
494                        </div>
495                    </div>
496                                    <div class="tab-pane" id="transit-tools-tabs-1-plan" role="tabpanel" aria-labelledby="transit-tools-tabs-1-plan-tab">
497                        <button type="button" class="tab-button" data-bs-toggle="collapse" aria-controls="transit-tools-tabs-1-plan-collapse" data-bs-target="#transit-tools-tabs-1-plan-collapse" role="tab" aria-selected="false">
498                            <svg class="icon">
499                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-plan-your-trip"></use>
500                            </svg>
501                            <span class="tabs-name">Plan Your Trip</span>
502                            <svg class="icon icon-arrow" focusable="false" aria-hidden="true">
503                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow-down"></use>
504                            </svg>
505                        </button>
506                        <div class="collapse" id="transit-tools-tabs-1-plan-collapse" data-bs-parent="#tab-collapse-container">
507                            
508
509
510<div class="card card-body js-trip-planner selector-form">
511    <div class="row">
512        <div class="col-lg-3">
513            <label for="trip-planner-horizontal-1-start" id="trip-planner-horizontal-1-auto-label" class="form-label">
514                Start From:
515            </label>
516            <div class="combo-wrapper autocomplete">
517                <div class="combo-controls input-group">
518                    <input aria-autocomplete="both" class="form-control js-start-field" aria-controls="trip-planner-horizontal-1-auto-listbox-start" aria-expanded="false"
519                           aria-haspopup="listbox" id="trip-planner-horizontal-1-start" type="text" autocomplete="off"
520                           placeholder="Stop, Station, Address or Landmark" />
521                    <button type="button" class="btn btn-icon btn-clear-field d-none" aria-controls="auto-input" aria-label="clear search field"
522                            tabindex="-1">
523                        <svg class="icon" focusable="false" aria-hidden="true">
524                            <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
525                        </svg>
526                    </button>
527                </div>
528                <ul aria-labelledby="trip-planner-horizontal-1-auto-label" role="listbox" id="trip-planner-horizontal-1-auto-listbox-start" class="listbox hidden" aria-hidden="true"></ul>
529            </div>
530           
531        </div>
532        <div class="col-lg-3">
533            <label for="trip-planner-horizontal-1-end" id="trip-planner-horizontal-1-auto-label-end" class="form-label">
534                End At:
535            </label>
536            <div class="combo-wrapper autocomplete">
537                <div class="combo-controls input-group">
538                    <input aria-autocomplete="both" class="form-control js-end-field" aria-controls="trip-planner-horizontal-1-auto-listbox-end" aria-expanded="false"
539                           aria-haspopup="listbox" id="trip-planner-horizontal-1-end" type="text" autocomplete="off"
540                           placeholder="Stop, Station, Address or Landmark" />
541                    <button type="button" class="btn btn-icon btn-clear-field d-none" aria-controls="auto-input" aria-label="clear search f
541ield"
542                            tabindex="-1">
543                        <svg class="icon" focusable="false" aria-hidden="true">
544                            <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
545                        </svg>
546                    </button>
547                </div>
548                <ul aria-labelledby="trip-planner-horizontal-1-auto-label-end" role="listbox" id="trip-planner-horizontal-1-auto-listbox-end" class="listbox hidden" aria-hidden="true"></ul>
549            </div>
550        </div>
551        <div class="col-lg-4">
552            <fieldset class="trip-planner-select">
553                <legend>Leave At:</legend>
554                <div class="flatpickr-container">
555
556                    <div class="input-group">
557                        <label class="input-group-text" for="trip-planner-horizontal-1-time">TIME</label>
558                        <input id="trip-planner-horizontal-1-time" class="form-control flatpickr-time flatpickr flatpickr-input js-time-field" type="text">
559                    </div>
560
561                    <div class="input-group">
562                        <label class="input-group-text" for="trip-planner-horizontal-1-date">DATE</label>
563                        <input id="trip-planner-horizontal-1-date" class="form-control flatpickr-date flatpickr flatpickr-input js-date-field" type="text">
564                    </div>
565                </div>
566            </fieldset>
567        </div>
568        <div class="col-lg-2">
569            <a href="#" tabindex="-1" class="btn btn-lg btn-primary btn-submit js-submit-btn disabled" 
570               data-trip-planner-url="https://planyourtrip.ridemetro.org">Plan My Trip</a>
571        </div>
572    </div>
573</div>
574                        </div>
575                    </div>
576                                    <div class="tab-pane" id="transit-tools-tabs-1-track" role="tabpanel" aria-labelledby="transit-tools-tabs-1-track-tab">
577                        <button type="button" class="tab-button" data-bs-toggle="collapse" aria-controls="transit-tools-tabs-1-track-collapse" data-bs-target="#transit-tools-tabs-1-track-collapse" role="tab" aria-selected="false">
578                            <svg class="icon" focusable="false" aria-hidden="true">
579                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-track-bus-or-train"></use>
580                            </svg>
581                            <span class="tabs-name">Track Bus or Train</span>
582                            <svg class="icon icon-arrow" focusable="false" aria-hidden="true">
583                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow-down"></use>
584                            </svg>
585                        </button>
586                        <div class="collapse" id="transit-tools-tabs-1-track-collapse" data-bs-parent="#tab-collapse-container">
587                            
588
589
590<div class="card card-body js-transit-tracker selector-form">
591    <div class="row">
592        <div class="col-lg-4">
593            <label class="form-label" for="transit-tracker-horizontal-1-route">Route</label>
594            <select id="transit-tracker-horizontal-1-route" class="form-select form-control js-route-selector" name="route">
595                <option value="0">Select a route</option>
596            </select>
597        </div>
598        <div class="col-lg-3 disabled">
599            <label class="form-label" for="transit-tracker-horizontal-1-destination">Destination</label>
600            <select id="transit-tracker-horizontal-1-destination" class="form-select form-control js-destination-selector" name="destination">
601                <option value="0">Select a destination</option>
602            </select>
603        </div>
604        <div class="col-lg-3 disabled">
605            <label class="form-label" for="transit-tracker-horizontal-1-stop">Stop</label>
606            <select id="transit-tracker-horizontal-1-stop" class="form-select form-control js-stop-selector" name="stop">
607                <option value="0">Select a stop</option>
608            </select>
609        </div>
610        <div class="col-lg-2">
611            <a href="#" tabindex="-1" class="btn btn-lg btn-primary btn-submit js-submit-btn disabled">Track Now</a>
612        </div>
613    </div>
614</div>
615                        </div>
616                    </div>
617                                    <div class="tab-pane" id="transit-tools-tabs-1-alerts" role="tabpanel" aria-labelledby="transit-tools-tabs-1-alerts-tab">
618                        <button type="button" class="tab-button" data-bs-toggle="collapse" aria-controls="transit-tools-tabs-1-alerts-collapse" data-bs-target="#transit-tools-tabs-1-alerts-collapse" role="tab" aria-selected="false">
619                            <svg class="icon" focusable="false" aria-hidden="true">
620                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-metro-alerts"></use>
621                            </svg>
622                            <span class="tabs-name">Service Alerts</span>
623                            <svg class="icon icon-arrow" focusable="false" aria-hidden="true">
624                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow-down"></use>
625                            </svg>
626                        </button>
627                        <div class="collapse" id="transit-tools-tabs-1-alerts-collapse" data-bs-parent="#tab-collapse-container">
628
629
630
631<div class="card card-body js-alerts-route-selector-widget selector-form">
632    <div class="row">
633        <div class="col-lg-5">
634            <label class="form-label" for="alerts-tab-1-service">What will you be riding?</label>
635            <select id="alerts-tab-1-service" class="form-select form-control js-service-selector" name="service">
636                <option value="0">Select a service</option>
637            </select>
638        </div>
639        <div class="col-lg-5 disabled">
640            <label class="form-label" for="alerts-tab-1-route">Route</label>
641            <select id="alerts-tab-1-route" class="form-select form-control js-route-selector" name="route">
642                <option value="1">Select a route</option>
643            </select>
644        </div>
645        <div class="col-lg-2">
646            <a href="/alerts/service-alerts-and-detours" tabindex="-1" class="btn btn-lg btn-primary btn-submit js-submit-btn disabled">See Alerts</a>
647        </div>
648    </div>
649</div>
650                        </div>
651                    </div>
652            </div>
653        </div>
654    </div>
655</section>
656</div>
657<section id="Content_C005_Col00" class="sf_colsIn safety-section" data-sf-element="Section" data-placeholder-label="Section">
658
659
660<!-- Card.Cta.cshtml -->
661<div class="container">
662    <div class="row">
663            <div class="section-img col-xl-6 col-12 order-1 order-xl-2">
664                    <div class="lazy-img">
665                        <img data-src="https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-news/metronow-collage4.jpg?sfvrsn=f7ee3a5b_5" alt="Collage of METRO street sweeper vehicle cleaning, police officer patrolling, construction staff inspecting newly installed escalator, and passengers boarding the 500 METRO Downtown Direct at the airport.">
666                    </div>
667            </div>
668        <div class="section-content col-xl-6 col-12 order-2 order-xl-1">
669            <div class="section-content-text">
670                    <h3>METRONow</h3>
671                                        <p>METRONow is focused on improving the customer experience by meeting customers and communities where they are today and prioritizing what matters most to our riders:<br><ul><li>Safety</li><li>Cleanliness</li><li>Reliability</li><li>Accessibility</li></ul></p>
672                        <p>Discover the progress we've made and the improvements you can look forward to.</p>
673            <div class="section-content-btns">
674                        <a class="btn btn-skewed btn-outline-primary " href="/about/plans-projects/metronow" target="_self" aria-label="Learn More - METRONow">
675                            <span class="btn-text">
676                                Learn More
677                            </span>
678                        </a>
679                            </div>
680            </div>
681        </div>
682    </div>
683</div>
684<!-- /Card.Cta.cshtml -->
685
686<div>
687    <br><span id="News"></span><h2 class="section-title-decorated mt-5 mb-4">Check It Out </h2><br>  
688</div><div class="row" data-sf-element="Row">
689  <div id="Content_C049_Col00" class="sf_colsIn col-xl-5" data-sf-element="Column 1" data-placeholder-label="Column 1">
690    <div class="lazy-img">
691        <img class="mb-4" data-src="https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-news/news-ticker/25557-curb2curb.jpg?sfvrsn=11497921_3" title="25557-curb2curb" alt="METRO curb2curb vehicle on the road."
692            
693             />
694    </div>
695 </div>
696  <div id="Content_C049_Col01" class="sf_colsIn col-xl-7" data-sf-element="Column 2" data-placeholder-label="Column 2">
697
698<div class="news-ticker-listing">
699    <ul class="news-ticker-listing__list">
700            <li class="news-ticker-listing__item">
701                <h3 class="news-ticker-listing__title">
702                    <a   target=&quot;_blank&quot; href="https://www.ridemetro.org/riding-metro/transit-services/curb2curb/route-details/347-gulfton" class="news-ticker-listing__link">
703                        Travel Just Got Easier in Gulfton with METRO curb2curb &gt;
704                            <span class="visually-hidden">(opens in a new window)</span>
705                    </a>
706                </h3>
707            </li>
708            <li class="news-ticker-listing__item">
709                <h3 class="news-ticker-listing__title">
710                    <a    href="/fares/savings-calculator" class="news-ticker-listing__link">
711                        Tired of High Gas Prices? Calculate Your Savings by Riding METRO &gt;
712                    </a>
713                </h3>
714            </li>
715            <li class="news-ticker-listing__item">
716                <h3 class="news-ticker-listing__title">
717                    <a   target=&quot;_blank&quot; href="https://conta.cc/4ypQp9C" class="news-ticker-listing__link">
718                        METRO Board Adopts FY2027 Budget Maintaining Service, Strengthening Financial Position
719                            <span class="visually-hidden">(opens in a new window)</span>
720                    </a>
721                </h3>
722            </li>
723            <li class="news-ticker-listing__item">
724                <h3 class="news-ticker-listing__title">
725                    <a   target=&quot;_blank&quot; href="https://conta.cc/4cIfmV4" class="news-ticker-listing__link">
726                        METRO Expands On-Demand Services with More Travel Options and Improved Customer Access
727                            <span class="visually-hidden">(opens in a new window)</span>
728                    </a>
729                </h3>
730            </li>
731            <li class="news-ticker-listing__item">
732                <h3 class="news-ticker-listing__title">
733                    <a    href="/about/news-media#METROMomentumNewsletter" class="news-ticker-listing__link">
734                        Read the Latest Edition of METRO Momentum Newsletter &gt;
735                    </a>
736                </h3>
737            </li>
738            <li class="news-ticker-listing__item">
739                <h3 class="news-ticker-listing__title">
740                    <a    href="/riding-metro/faqs" class="news-ticker-listing__link">
741                        Have Questions About How to Ride? Check Out the FAQs &gt;
742                    </a>
743                </h3>
744            </li>
745
746    </ul>
747</div></div>
748</div>
749
750<div>
751    <p>&nbsp;</p><p>&nbsp;</p>  
752</div>
753</section>
754<section id="Content_C007_Col00" class="sf_colsIn section" data-sf-element="Section" data-placeholder-label="Section"><div id="Content_C008_Col00" class="sf_colsIn container" data-sf-element="Container" data-placeholder-label="Container"><div class="row" data-sf-element="Row">
755    <div id="Content_C009_Col00" class="sf_colsIn col-xl-7 order-2 order-xl-1" data-sf-element="Column 1" data-placeholder-label="Column 1">
756
757
758
759<!-- Card.Skewed.cshtml -->
760<div class="skewed-card card-image-right background-gradient-blue">
761            <div class="card-img lazy-img">
762                <img data-src="https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/12385-employees-group-photo.jpg?sfvrsn=24447678_4" alt="A diverse group of METRO employees smiling." width="420" height="362">
763            </div>
764    <div class="card-content">
765            <h4 class="card-title">Join Our Team</h4>                    <p class="card-description">
765We offer comprehensive benefits, career advancement opportunities and hiring incentives.</p>
766        <div class="card-btns">
767                    <a href="/about/careers" class="btn btn-skewed btn-outline-white " target="_self">
768                        <span class="btn-text">
769                            Learn More
770                        </span>
771                    </a>
772                    </div>
773    </div>
774</div>
775
776<!-- /Card.Skewed.cshtml -->
777
778
779
780<!-- Card.Skewed.cshtml -->
781<div class="skewed-card background-gradient-green">
782            <div class="card-img lazy-img">
783                <img data-src="https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/22785-rail-card-validator.jpg?sfvrsn=8250a329_3" alt="Customer tapping fare card validator on rail line." width="420" height="362">
784            </div>
785    <div class="card-content">
786            <h4 class="card-title">Save Money. <br> Ride METRO.</h4>                    <p class="card-description">Find out how much money you can save by taking METRO instead of driving.</p>
787        <div class="card-btns">
788                    <a href="/fares/savings-calculator" class="btn btn-skewed btn-outline-white " target="_self">
789                        <span class="btn-text">
790                            Learn More
791                        </span>
792                    </a>
793                    </div>
794    </div>
795</div>
796
797<!-- /Card.Skewed.cshtml -->
798    </div>
799    <div id="Content_C009_Col01" class="sf_colsIn col-xl-5 order-1 order-xl-2 mb-4 mb-xl-0" data-sf-element="Column 2" data-placeholder-label="Column 2">
800
801
802<!-- Card.Metroapp.cshtml -->
803<div class="metro-app-card">
804    <div class="card-content">
805            <h4 class="card-title">RideMETRO App</h4>
806                    <p class="card-description">Your all-in-one travel tool to plan your trip, track your ride, and pay your fare on METRO Local Bus, Park &amp; Ride bus, and METRORail.</p>
807        <div class="card-btns">
808            <a href="https://apps.apple.com/us/app/ridemetro/id532621754" class="card-btn card-btn-apple lazy-img" target="_blank">
809                <img data-src="/ResourcePackages/Main/dist/assets/images/app-store-button.png"
810                     alt="link to the Apple app store to download the RideMETRO app"
811                     width="154" height="52">
812            </a>
813            <a href="https://play.google.com/store/apps/details?id=com.ridemetro.houstontrip" class="card-btn card-btn-google lazy-img" target="_blank">
814                <img data-src="/ResourcePackages/Main/dist/assets/images/google-play-badge.svg"
815                     alt="link to googple play to download the RideMETRO app"
816                     width="154" height="52">
817            </a>
818        </div>
819    </div>
820    <div class="card-img lazy-img">
821        <img data-src="/ResourcePackages/Main/dist/assets/images/metro-app-one.png"
822             alt="METRO App"
823             width="437" height="416">
824    </div>
825</div>
826
827<!-- /Card.Metroapp.cshtml -->
828
829    </div>
830</div>
831
832</div>
833
834</section>
835<div id="Content_C026_Col00" class="sf_colsIn" data-sf-element="Section" data-placeholder-label="Section">
836
837
838<section class="section" aria-labelledby="topic-selector-1-title">
839    <div class="container-fluid">
840        <div class="row justify-content-center">
841            <div class="col-12 col-md-7 col-lg-6 text-center js-faq-topic-selector selector-form topic-selector">
842                <h3 id="topic-selector-1-title" class="topic-selector__title">
843                    <span>Need Answers?</span>
844                    <span>We’re Here to Help</span>
845                </h3>
846                <p>Select a topic you have a question about</p>
847                <div class="row justify-content-center">
848                    <div class="col-md-8">
849                        <label for="topic-selector-1-select" class="visually-hidden">Select your topic</label>
850                        <select id="topic-selector-1-select" class="form-select form-select-lg me-4" name="needAnswers" id="needAnswers">
851                            <option value="0">Select your topic</option>
852                                <option value="https://www.ridemetro.org/riding-metro/faqs">How to Ride METRO</option>
853                                <option value="https://www.ridemetro.org/fares/faqs">Fares</option>
854                                <option value="https://www.ridemetro.org/about/faqs">About METRO</option>
855                        </select>
856                    </div>
857                    <div class="col-md-4">
858                        <a href="#" tabindex="-1" class="btn btn-lg btn-primary btn-submit w-100 text-nowrap js-submit-btn disabled">
859                        Find Answers</a>
860                    </div>
861                </div>
862            </div>
863        </div>
864    </div>
865</section><div id="Content_C045_Col00" class="sf_colsIn container" data-sf-element="Container" data-placeholder-label="Container"><div class="modal fade js-modal-selector" tabindex="-1" aria-label="world-cup" aria-describedby="world-cup-modal-description" aria-hidden="true" data-role="modal" id="world-cup">
866    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
867        <svg viewBox="0 0 32 32">
868            <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
869            </svg><span class="btn-close-text">close</span>
870        
871    </button>
872    <div class="modal-dialog modal-dialog-scrollable modal-fullscreen-md-down" data-sf-element="Row" data-sf-options="{&quot;title&quot;:&quot;world-cup&quot;,&quot;id&quot;:&quot;world-cup&quot;,&quot;description&quot;:&quot;world-cup&quot;}" data-sf-role="modal">
873        <p id="world-cup-modal-description" class="visually-hidden">world-cup</p>
874        <div class="modal-content">
875            <div class="modal-header">
876                <div class="gallery-index" aria-live="polite">
877                    <svg class="icon" focusable="false" aria-hidden="true">
878                        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
879                    </svg>
880                    <div class="gallery-counter">
881                        <span gallery-slide-label="" class="slide-index"></span>
882                        <span gallery-slide-hidden-label="" class="visually-hidden"></span>
883                    </div>
884                </div>
885                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
886                    <svg viewBox="0 0 32 32">
887                        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
888                    </svg>
889                </button>
890            </div>
891            <div id="Content_C046_Col00" class="sf_colsIn modal-body" data-sf-element="Modal Body" data-placeholder-label="Modal Body">
892
893
894<h3 class="modal-title" id="galleryModalLabel">World Cup Photos</h3>
895<div class="gallery-body">
896    <div class="gallery-carousel gallery-carousel-landscape" data-icon="">
897
898            <div class="gallery-slide" data-index="1" data-total="22">
899                    <div class="gallery-slide-image">
900                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/23742-riders-walking.jpg?sfvrsn=30604_4' alt='METRO riders exiting the train at EaDo/Stadium Station for FIFA Fan Fest.' />
901                    </div>
902                <div class="gallery-slide-content">
903                    <div class="gallery-index">
904                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
905                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
906                            </svg>
907                        <div class="gallery-counter">
908                            <span class="slide-index">1</span> / <span class="slide-count">22</span>
909                            <span class="visually-hidden">slide 1 of 22</span>
910                        </div>
911                    </div>
912                    <p>Mexico fans rode METRORail to the FIFA Fan Fest on game day.</p>
913                </div>
914            </div>
915            <div class="gallery-slide" data-index="2" data-total="22">
916                    <div class="gallery-slide-image">
917                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/23841-rider-with-welcome-sign.jpg?sfvrsn=4c2e9b3f_4' alt='Man holding a sign that reads “Welcome to Space City” on a METRORail platform.' />
918                    </div>
919                <div class="gallery-slide-content">
920                    <div class="gallery-index">
921                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
922                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
923                            </svg>
924                        <div class="gallery-counter">
925                            <span class="slide-index">2</span> / <span class="slide-count">22</span>
926                            <span class="visually-hidden">slide 2 of 22</span>
927                        </div>
928                    </div>
929                    <p>Locals welcomed Germany fans to Space City with Houston pride.</p>
930                </div>
931            </div>
932            <div class="gallery-slide" data-index="3" data-total="22">
933                    <div class="gallery-slide-image">
934                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/23967-riders-in-train.jpg?sfvrsn=d1df9409_4' alt='METRO riders wearing Congo DR soccer jerseys and smiling on the train.' />
935                    </div>
936                <div class="gallery-slide-content">
937                    <div class="gallery-index">
938                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
939                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
940                            </svg>
941                        <div class="gallery-counter">
942                            <span class="slide-index">3</span> / <span class="slide-count">22</span>
943                            <span class="visually-hidden">slide 3 of 22</span>
944                        </div>
945                    </div>
946                    <p>Excited riders were cheering for the Congo DR team while on board the train.</p>
947                </div>
948            </div>
949            <div class="gallery-slide" data-index="4" data-total="22">
950                    <div class="gallery-slide-image">
951                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/23908-rider-taking-selfie.jpg?sfvrsn=b746eeab_4' alt='A woman taking a selfie with the METRO Astronaut mascot.' />
952                    </div>
953                <div class="gallery-slide-content">
954                    <div class="gallery-index">
955                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
956                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
957                            </svg>
958                        <div class="gallery-counter">
959                            <span class="slide-index">4</span> / <span class="slide-count">22</span>
960                            <span class="visually-hidden">slide 4 of 22</span>
961                        </div>
962                    </div>
963                    <p>Fans stopped for fun selfies with our metronaut on their way to World Cup games.</p>
964                </div>
965            </div>
966            <div class="gallery-slide" data-index="5" data-total="22">
967                    <div class="gallery-slide-image">
968                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/23830-riders-on-platform.jpg?sfvrsn=70ee1aac_4' alt='Crowd of METRO riders exiting the rail at Stadium Park/Astrodome.' />
969                    </div>
970                <div class="gallery-slide-content">
971                    <div class="gallery-index">
972                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
973                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
974                            </svg>
975                        <div class="gallery-counter">
976                            <span class="slide-index">5</span> / <span class="slide-count">22</span>
977                            <span class="visually-hidden">slide 5 of 22</span>
978                        </div>
979                    </div>
980                    <p>METRORail brought riders right to the stadium.</p>
981                </div>
982            </div>
983            <div class="gallery-slide" data-index="6" data-total="22">
984                    <div class="gallery-slide-image">
985                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/23882-rider-highfive.jpg?sfvrsn=f512b057_4' alt='METRO Astronaut mascot high-fives a METRO rider wearing a Germany soccer jersey.' />
986                    </div>
987                <div class="gallery-slide-content">
988                    <div class="gallery-index">
989                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
990                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
991                            </svg>
992                        <div class="gallery-counter">
993                            <span class="slide-index">6</span> / <span class="slide-count">22</span>
994                            <span class="visually-hidden">slide 6 of 22</span>
995                        </div>
996                    </div>
997                    <p>The metronaut kept spirits high for these Germany fans.</p>
998                </div>
999            </div>
1000            <div class="gallery-slide" data-index="7" data-total="22">
1001                    <div class="gallery-slide-image">
1002                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/24318-riders-on-train.jpg?sfvrsn=460f4840_4' alt='Four riders wearing Mexico team colors and s
1002ombreros onboard the train.' />
1003                    </div>
1004                <div class="gallery-slide-content">
1005                    <div class="gallery-index">
1006                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1007                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1008                            </svg>
1009                        <div class="gallery-counter">
1010                            <span class="slide-index">7</span> / <span class="slide-count">22</span>
1011                            <span class="visually-hidden">slide 7 of 22</span>
1012                        </div>
1013                    </div>
1014                    <p>Mexico fans turned their METRORail trip into a celebration on game day.</p>
1015                </div>
1016            </div>
1017            <div class="gallery-slide" data-index="8" data-total="22">
1018                    <div class="gallery-slide-image">
1019                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/24284-riders-with-metronaut.jpg?sfvrsn=e710f21_4' alt='Group of Netherlands fans pose with the METRO Astronaut mascot.' />
1020                    </div>
1021                <div class="gallery-slide-content">
1022                    <div class="gallery-index">
1023                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1024                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1025                            </svg>
1026                        <div class="gallery-counter">
1027                            <span class="slide-index">8</span> / <span class="slide-count">22</span>
1028                            <span class="visually-hidden">slide 8 of 22</span>
1029                        </div>
1030                    </div>
1031                    <p>Netherlands fans took photos with our metronaut outside of Houston Stadium.</p>
1032                </div>
1033            </div>
1034            <div class="gallery-slide" data-index="9" data-total="22">
1035                    <div class="gallery-slide-image">
1036                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/24296-riders-with-metronaut.jpg?sfvrsn=8a6d13fe_4' alt='A man and woman posing with the METRO Astronaut mascot and showing their commemorative METRO World Cup scarf.' />
1037                    </div>
1038                <div class="gallery-slide-content">
1039                    <div class="gallery-index">
1040                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1041                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1042                            </svg>
1043                        <div class="gallery-counter">
1044                            <span class="slide-index">9</span> / <span class="slide-count">22</span>
1045                            <span class="visually-hidden">slide 9 of 22</span>
1046                        </div>
1047                    </div>
1048                    <p>Fans took photos with our metronaut and received commemorative METRO scarves.</p>
1049                </div>
1050            </div>
1051            <div class="gallery-slide" data-index="10" data-total="22">
1052                    <div class="gallery-slide-image">
1053                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/24315-riders-on-platform.jpg?sfvrsn=3734acda_4' alt='Riders wearing Portugal team colors walking on the METRORail platform at Fannin South Transit Center.' />
1054                    </div>
1055                <div class="gallery-slide-content">
1056                    <div class="gallery-index">
1057                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1058                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1059                            </svg>
1060                        <div class="gallery-counter">
1061                            <span class="slide-index">10</span> / <span class="slide-count">22</span>
1062                            <span class="visually-hidden">slide 10 of 22</span>
1063                        </div>
1064                    </div>
1065                    <p>Portugal fans cheered for their team from the platform to the stadium.</p>
1066                </div>
1067            </div>
1068            <div class="gallery-slide" data-index="11" data-total="22">
1069                    <div class="gallery-slide-image">
1070                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/23797-riders-on-platformad6033c74afc479e9b724b9a0c449c93.jpg?sfvrsn=ac9c74ca_4' alt='Crowd of METRO riders exiting rail at Stadium Park/Astrodome.' />
1071                    </div>
1072                <div class="gallery-slide-content">
1073                    <div class="gallery-index">
1074                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1075                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1076                            </svg>
1077                        <div class="gallery-counter">
1078                            <span class="slide-index">11</span> / <span class="slide-count">22</span>
1079                            <span class="visually-hidden">slide 11 of 22</span>
1080                        </div>
1081                    </div>
1082                    <p>The METRORail Red Line delivered large crowds of fans to Houston Stadium for the World Cup.</p>
1083                </div>
1084            </div>
1085            <div class="gallery-slide" data-index="12" data-total="22">
1086                    <div class="gallery-slide-image">
1087                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/24850-riders-exiting-train.jpg?sfvrsn=639ead08_4' alt='Two riders wearing Saudi Arabia soccer jerseys waving while exiting the train.' />
1088                    </div>
1089                <div class="gallery-slide-content">
1090                    <div class="gallery-index">
1091                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1092                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1093                            </svg>
1094                        <div class="gallery-counter">
1095                            <span class="slide-index">12</span> / <span class="slide-count">22</span>
1096                            <span class="visually-hidden">slide 12 of 22</span>
1097                        </div>
1098                    </div>
1099                    <p>Fans of Saudi Arabia shared a smile and showed their team pride before the World Cup match.</p>
1100                </div>
1101            </div>
1102            <div class="gallery-slide" data-index="13" data-total="22">
1103                    <div class="gallery-slide-image">
1104                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/about/25318_riders-on-platform.jpg?sfvrsn=f41dd417_1' alt='Crowd walking after they exit train at Stadium Park/Astrodome.' />
1105                    </div>
1106                <div class="gallery-slide-content">
1107                    <div class="gallery-index">
1108                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1109                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1110                            </svg>
1111                        <div class="gallery-counter">
1112                            <span class="slide-index">13</span> / <span class="slide-count">22</span>
1113                            <span class="visually-hidden">slide 13 of 22</span>
1114                        </div>
1115                    </div>
1116                    <p>Riders headed to the stadium after getting off the METRORail Red Line.</p>
1117                </div>
1118            </div>
1119            <div class="gallery-slide" data-index="14" data-total="22">
1120                    <div class="gallery-slide-image">
1121                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/24980-riders-walking-with-sign.jpg?sfvrsn=29df59b6_4' alt='Rider walking while holding up sign saying “Bianca &amp;
1121 Bella, Grandpa is at World Cup. Believe in your dream”.' />
1122                    </div>
1123                <div class="gallery-slide-content">
1124                    <div class="gallery-index">
1125                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1126                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1127                            </svg>
1128                        <div class="gallery-counter">
1129                            <span class="slide-index">14</span> / <span class="slide-count">22</span>
1130                            <span class="visually-hidden">slide 14 of 22</span>
1131                        </div>
1132                    </div>
1133                    <p>A Brazil fan carried a heartfelt message for his granddaughters.</p>
1134                </div>
1135            </div>
1136            <div class="gallery-slide" data-index="15" data-total="22">
1137                    <div class="gallery-slide-image">
1138                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/25051-riders-walking.jpg?sfvrsn=48bbea05_4' alt='Excited fans exiting the train at Stadium Park / Astrodome station.' />
1139                    </div>
1140                <div class="gallery-slide-content">
1141                    <div class="gallery-index">
1142                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1143                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1144                            </svg>
1145                        <div class="gallery-counter">
1146                            <span class="slide-index">15</span> / <span class="slide-count">22</span>
1147                            <span class="visually-hidden">slide 15 of 22</span>
1148                        </div>
1149                    </div>
1150                    <p>Japan soccer fans were buzzing with game day excitement at the match against Brazil.</p>
1151                </div>
1152            </div>
1153            <div class="gallery-slide" data-index="16" data-total="22">
1154                    <div class="gallery-slide-image">
1155                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/25109-riders-on-platform.jpg?sfvrsn=40420490_4' alt='Riders wearing Morrocco team jerseys posed while waiting for the train.' />
1156                    </div>
1157                <div class="gallery-slide-content">
1158                    <div class="gallery-index">
1159                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1160                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1161                            </svg>
1162                        <div class="gallery-counter">
1163                            <span class="slide-index">16</span> / <span class="slide-count">22</span>
1164                            <span class="visually-hidden">slide 16 of 22</span>
1165                        </div>
1166                    </div>
1167                    <p>Morocco fans posed for a group photo as they waited for the train before the match with Canada.</p>
1168                </div>
1169            </div>
1170            <div class="gallery-slide" data-index="17" data-total="22">
1171                    <div class="gallery-slide-image">
1172                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/25087-riders-buying-tickets.jpg?sfvrsn=c08ba5b_4' alt='Customers purchasing tickets at a Ticket Vending Machine.' />
1173                    </div>
1174                <div class="gallery-slide-content">
1175                    <div class="gallery-index">
1176                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1177                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1178                            </svg>
1179                        <div class="gallery-counter">
1180                            <span class="slide-index">17</span> / <span class="slide-count">22</span>
1181                            <span class="visually-hidden">slide 17 of 22</span>
1182                        </div>
1183                    </div>
1184                    <p>Fans purchased METRORail tickets before heading to the Canada vs. Morocco match.</p>
1185                </div>
1186            </div>
1187            <div class="gallery-slide" data-index="18" data-total="22">
1188                    <div class="gallery-slide-image">
1189                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/24880-riders-in-train.jpg?sfvrsn=b252c6d1_4' alt='Train filled with Brazil soccer fans wearing green and yellow jerseys during the World Cup.' />
1190                    </div>
1191                <div class="gallery-slide-content">
1192                    <div class="gallery-index">
1193                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1194                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1195                            </svg>
1196                        <div class="gallery-counter">
1197                            <span class="slide-index">18</span> / <span class="slide-count">22</span>
1198                            <span class="visually-hidden">slide 18 of 22</span>
1199                        </div>
1200                    </div>
1201                    <p>Brazil fans were full of team spirt as they rode the train to watch the game.</p>
1202                </div>
1203            </div>
1204            <div class="gallery-slide" data-index="19" data-total="22">
1205                    <div class="gallery-slide-image">
1206                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/25120-rider-with-fare-inspector.jpg?sfvrsn=1aa898d9_4' alt='Canada fan wearing red face paint walks down a rail platform.' />
1207                    </div>
1208                <div class="gallery-slide-content">
1209                    <div class="gallery-index">
1210                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1211                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1212                            </svg>
1213                        <div class="gallery-counter">
1214                            <span class="slide-index">19</span> / <span class="slide-count">22</span>
1215                            <span class="visually-hidden">slide 19 of 22</span>
1216                        </div>
1217                    </div>
1218                    <p>A Canada fan made his way down the platform in full gameday spirit.</p>
1219                </div>
1220            </div>
1221            <div class="gallery-slide" data-index="20" data-total="22">
1222                    <div class="gallery-slide-image">
1223                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/23772-riders-in-train.jpg?sfvrsn=b3064a5e_4' alt='Two Cura&#231;ao fans pose on the train.' />
1224                    </div>
1225                <div class="gallery-slide-content">
1226                    <div class="gallery-index">
1227                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1228                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1229                            </svg>
1230                        <div class="gallery-counter">
1231                            <span class="slide-index">20</span> / <span class="slide-count">22</span>
1232                            <span class="visually-hidden">slide 20 of 22</span>
1233                        </div>
1234                    </div>
1235                    <p>Two Curaçao fans posed for pictures on the train.</p>
1236                </div>
1237            </div>
1238            <div class="gallery-slide" data-index="21" data-total="22">
1239                    <div class="gallery-slide-image">
1240                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/25146-riders-in-front-of-bus.jpg?sfvrsn=b9b28b9c_4' alt='Riders exit METRO bus at Fannin South Transit Center.' />
1241                    </div>
1242                <div class="gallery-slide-content">
1243                    <div class="gallery-index">
1244                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1245                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1246                            </svg>
1247                        <div class="gallery-counter">
1248                            <span class="slide-index">21</span> / <span class="slide-count">22</span>
1249                            <span class="visually-hidden">slide 21 of 22</span>
1250                        </div>
1251                    </div>
1252                    <p>Excited fans  transferred from a bus to METRORail at Fannin South Park &amp; Ride on their way to the game.</p>
1253                </div>
1254            </div>
1255            <div class="gallery-slide" data-index="22" data-total="22">
1256                    <div class="gallery-slide-image">
1257                        <img class="gallery-slide-image__img" src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/home/home-page-card-widgets/media-gallery/world-cup/25300-police-with-riders.jpg?sfvrsn=a43f740c_4' alt='MPD officer shaking hands with visitors to Houston Stadium (NRG Stadium).' />
1258                    </div>
1259                <div class="gallery-slide-content">
1260                    <div class="gallery-index">
1261                            <svg class="gallery-slide-icon icon" focusable="false" aria-hidden="true">
1262                                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1263                            </svg>
1264                        <div class="gallery-counter">
1265                            <span class="slide-index">22</span> / <span class="slide-count">22</span>
1266                            <span class="visually-hidden">slide 22 of 22</span>
1267                        </div>
1268                    </div>
1269                    <p>METRO police officers welcomed soccer fans to Houston Stadium throughout the tournament.</p>
1270                </div>
1271            </div>
1272    </div>
1273    <div class="gallery-carousel__controls">
1274        <button type="button" class="slick-prev" aria-label="Previous Slide">
1275            <svg class="icon" focusable="false" aria-hidden="true">
1276                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow"></use>
1277            </svg>
1278        </button>
1279        <button type="button" class="slick-next" aria-label="Previous Slide">
1280            <svg class="icon" focusable="false" aria-hidden="true">
1281                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow"></use>
1282            </svg>
1283        </button>
1284    </div>
1285</div>
1286
1287            </div>
1288        </div>
1289    </div>
1290</div>
1291</div>
1292<div id="Content_C037_Col00" class="sf_colsIn container" data-sf-element="Container" data-placeholder-label="Container"><div class="modal fade js-modal-selector" tabindex="-1" aria-label="safety" aria-describedby="safety-modal-description" aria-hidden="true" data-role="modal" id="safety">
1293    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
1294        <svg viewBox="0 0 32 32">
1295            <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
1296            </svg><span class="btn-close-text">close</span>
1297        
1298    </button>
1299    <div class="modal-dialog modal-dialog-scrollable modal-fullscreen-md-down" data-sf-element="Row" data-sf-options="{&quot;title&quot;:&quot;safety&quot;,&quot;id&quot;:&quot;safety&quot;,&quot;description&quot;:&quot;safety&quot;}" data-sf-role="modal">
1300        <p id="safety-modal-description" class="visually-hidden">safety</p>
1301        <div class="modal-content">
1302            <div class="modal-header">
1303                <div class="gallery-index" aria-live="polite">
1304                    <svg class="icon" focusable="false" aria-hidden="true">
1305                        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1306                    </svg>
1307                    <div class="gallery-counter">
1308                        <span gallery-slide-label="" class="slide-index"></span>
1309                        <span gallery-slide-hidden-label="" class="visually-hidden"></span>
1310                    </div>
1311                </div>
1312                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
1313                    <svg viewBox="0 0 32 32">
1314                        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
1315                    </svg>
1316                </button>
1317            </div>
1318            <div id="Content_C038_Col00" class="sf_colsIn modal-body" data-sf-element="Modal Body" data-placeholder-label="Modal Body">
1319
1320
1321<h3 class="modal-title" id="galleryModalLabel">Your Safety Is Our No. 1 Priority</h3>
1322<div class="gallery-body">
1323    <div class="gallery-carousel gallery-carousel-landscape" data-icon="https://assets-cdn-prod.azureedge.us/assets/images/default-source/icons/icon-video.svg?sfvrsn=5c12cf23_7">
1324
1325            <div class="gallery-slide" data-index="1" data-total="5">
1326                    <div class="gallery-slide-video">
1327
1328                        <iframe id="ytplayer-1" class="ytvideo"
1329                                data-src="https://www.youtube.com/embed/raLcdIzzbuY?rel=0"
1330                                alt="video" allowfullscreen width="100%">
1331                        </iframe>
1332                    </div>
1333                <div class="gallery-slide-content">
1334                    <div class="gallery-index">
1335                            <img src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/icons/icon-video.svg?sfvrsn=5c12cf23_7' 
1336                                 alt='Play video icon.' class="gallery-slide-icon icon"/>
1337                        <div class="gallery-counter">
1338                            <span class="slide-index">1</span> / <span class="slide-count">5</span>
1339                            <span class="visually-hidden">slide 1 of 5</span>
1340                        </div>
1341                    </div>
1342                    <p>Hear how METRO Police were able to arrest a suspect who was on the run.</p>
1343                </div>
1344            </div>
1345            <div class="gallery-slide" data-index="2" data-total="5">
1346                    <div class="gallery-slide-video">
1347
1348                        <iframe id="ytplayer-2" class="ytvideo"
1349                                data-src="https://www.youtube.com/embed/ZrDqcHuy1cw?rel=0&amp;amp;modestbranding=1"
1350                                alt="video" allowfullscreen width="100%">
1351                        </iframe>
1352                    </div>
1353                <div class="gallery-slide-content">
1354                    <div class="gallery-index">
1355                            <img src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/icons/icon-video.svg?sfvrsn=5c12cf23_7' 
1356                                 alt='Play video icon.' class="gallery-slide-icon icon"/>
1357                        <div class="gallery-counter">
1358                            <span class="slide-index">2</span> / <span class="slide-count">5</span>
1359                            <span class="visually-hidden">slide 2 of 5</span>
1360                        </div>
1361                    </div>
1362                    <p>Learn the ways METRO is keeping eyes on the community as we reinforce patrols throughout the system.</p>
1363                </div>
1364            </div>
1365            <div class="gallery-slide" data-index="3" data-total="5">
1366                    <div class="gallery-slide-video">
1367
1368                        <iframe id="ytplayer-3" class="ytvideo"
1369                                data-src="https://www.youtube.com/embed/nPRCRRl5sBs?rel=0&amp;amp;modestbranding=1"
1370                                alt="video" allowfullscreen width="100%">
1371                        </iframe>
1372                    </div>
1373                <div class="gallery-slide-content">
1374                    <div class="gallery-index">
1375                            <img src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/icons/icon-video.svg?sfvrsn=5c12cf23_7' 
1376                                 alt='Play video icon.' class="gallery-slide-icon icon"/>
1377                        <div class="gallery-counter">
1378                            <span class="slide-index">3</span> / <span class="slide-count">5</span>
1379                            <span class="visually-hidden">slide 3 of 5</span>
1380                        </div>
1381                    </div>
1382                    <p>From police patrolling to live security monitors, METRO is building a safer transit system.</p>
1383                </div>
1384            </div>
1385            <div class="gallery-slide" data-index="4" data-total="5">
1386                    <div class="gallery-slide-video">
1387
1388                        <iframe id="ytplayer-4" class="ytvideo"
1389                                data-src="https://www.youtube.com/embed/AN1Hamg__xU?rel=0&amp;amp;enablejsapi=1"
1390                                alt="video" allowfullscreen width="100%">
1391                        </iframe>
1392                    </div>
1393                <div class="gallery-slide-content">
1394                    <div class="gallery-index">
1395                            <img src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/icons/icon-video.svg?sfvrsn=5c12cf23_7' 
1396                                 alt='Play video icon.' class="gallery-slide-icon icon"/>
1397                        <div class="gallery-counter">
1398                            <span class="slide-index">4</span> / <span class="slide-count">5</span>
1399                            <span class="visually-hidden">slide 4 of 5</span>
1400                        </div>
1401                    </div>
1402                    <p>Hear how dedicated METRO Police and Bus Operators were able to safely reunite a lost child with her family.</p>
1403                </div>
1404            </div>
1405            <div class="gallery-slide" data-index="5" data-total="5">
1406                    <div class="gallery-slide-video">
1407
1408                        <iframe id="ytplayer-5" class="ytvideo"
1409                                data-src="https://www.youtube.com/embed/iFfMONrFQp4?rel=0&amp;amp;modestbranding=1"
1410                                alt="video" allowfullscreen width="100%">
1411                        </iframe>
1412                    </div>
1413                <div class="gallery-slide-content">
1414                    <div class="gallery-index">
1415                            <img src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/icons/icon-video.svg?sfvrsn=5c12cf23_7' 
1416                                 alt='Play video icon.' class="gallery-slide-icon icon"/>
1417                        <div class="gallery-counter">
1418                            <span class="slide-index">5</span> / <span class="slide-count">5</span>
1419                            <span class="visually-hidden">slide 5 of 5</span>
1420                        </div>
1421                    </div>
1422                    <p>At METRO, safety is part of everything we do.</p>
1423                </div>
1424            </div>
1425    </div>
1426    <div class="gallery-carousel__controls">
1427        <button type="button" class="slick-prev" aria-label="Previous Slide">
1428            <svg class="icon" focusable="false" aria-hidden="true">
1429                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow"></use>
1430            </svg>
1431        </button>
1432        <button type="button" class="slick-next" aria-label="Previous Slide">
1433            <svg class="icon" focusable="false" aria-hidden="true">
1434                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow"></use>
1435            </svg>
1436        </button>
1437    </div>
1438</div>
1439
1440            </div>
1441        </div>
1442    </div>
1443</div>
1444</div>
1445<div id="Content_C030_Col00" class="sf_colsIn container" data-sf-element="Container" data-placeholder-label="Container"><div class="modal fade js-modal-selector" tabindex="-1" aria-label="Preview METRO's New Mobile Website" aria-describedby="preview-metro-s-new-mobile-website-modal-description" aria-hidden="true" data-role="modal" id="preview-metro-s-new-mobile-website">
1446    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
1447        <svg viewBox="0 0 32 32">
1448            <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
1449            </svg><span class="btn-close-text">close</span>
1450        
1451    </button>
1452    <div class="modal-dialog modal-dialog-scrollable modal-fullscreen-md-down" data-sf-element="Row" data-sf-options="{&quot;title&quot;:&quot;Preview METRO's New Mobile Website&quot;,&quot;id&quot;:&quot;preview-metro-s-new-mobile-website&quot;,&quot;description&quot;:&quot;Preview METRO's New Mobile Website&quot;}" data-sf-role="modal">
1453        <p id="preview-metro-s-new-mobile-website-modal-description" class="visually-hidden">Preview METRO's New Mobile Website</p>
1454        <div class="modal-content">
1455            <div class="modal-header">
1456                <div class="gallery-index" aria-live="polite">
1457                    <svg class="icon" focusable="false" aria-hidden="true">
1458                        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1459                    </svg>
1460                    <div class="gallery-counter">
1461                        <span gallery-slide-label="" class="slide-index"></span>
1462                        <span gallery-slide-hidden-label="" class="visually-hidden"></span>
1463                    </div>
1464                </div>
1465                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
1466                    <svg viewBox="0 0 32 32">
1467                        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
1468                    </svg>
1469                </button>
1470            </div>
1471            <div id="Content_C031_Col00" class="sf_colsIn modal-body" data-sf-element="Modal Body" data-placeholder-label="Modal Body">
1472
1473            </div>
1474        </div>
1475    </div>
1476</div>
1477</div>
1478<div id="Content_C033_Col00" class="sf_colsIn container" data-sf-element="Container" data-placeholder-label="Container"><div class="modal fade js-modal-selector" tabindex="-1" aria-label="Preview METRO's New Desktop Website" aria-describedby="preview-metro-s-new-desktop-website-modal-description" aria-hidden="true" data-role="modal" id="preview-metro-s-new-desktop-website">
1479    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
1480        <svg viewBox="0 0 32 32">
1481            <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
1482            </svg><span class="btn-close-text">close</span>
1483        
1484    </button>
1485    <div class="modal-dialog modal-dialog-scrollable modal-fullscreen-md-down" data-sf-element="Row" data-sf-options="{&quot;title&quot;:&quot;Preview METRO's New Desktop Website&quot;,&quot;id&quot;:&quot;preview-metro-s-new-desktop-website&quot;,&quot;description&quot;:&quot;Preview METRO's New Desktop Website&quot;}" data-sf-role="modal">
1486        <p id="preview-metro-s-new-desktop-website-modal-description" class="visually-hidden">Preview METRO's New Desktop Website</p>
1487        <div class="modal-content">
1488            <div class="modal-header">
1489                <div class="gallery-index" aria-live="polite">
1490                    <svg class="icon" focusable="false" aria-hidden="true">
1491                        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-photo-gallery"></use>
1492                    </svg>
1493                    <div class="gallery-counter">
1494                        <span gallery-slide-label="" class="slide-index"></span>
1495                        <span gallery-slide-hidden-label="" class="visually-hidden"></span>
1496                    </div>
1497                </div>
1498                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
1499                    <svg viewBox="0 0 32 32">
1500                        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
1501                    </svg>
1502                </button>
1503            </div>
1504            <div id="Content_C034_Col00" class="sf_colsIn modal-body" data-sf-element="Modal Body" data-placeholder-label="Modal Body">
1505
1506
1507<h3 class="modal-title" id="galleryModalLabel">Website Preview (desktop)</h3>
1508<div class="gallery-body">
1509    <div class="gallery-carousel gallery-carousel-landscape" data-icon="https://assets-cdn-prod.azureedge.us/assets/images/default-source/icons/icon-video.svg?sfvrsn=5c12cf23_7">
1510
1511            <div class="gallery-slide" data-index="1" data-total="2">
1512                    <div class="gallery-slide-video">
1513
1514                        <iframe id="ytplayer-1" class="ytvideo"
1515                                data-src="https://www.youtube.com/embed/exvccGzfVLM?rel=0&amp;amp;modestbranding=1"
1516                                alt="video" allowfullscreen width="100%">
1517                        </iframe>
1518                    </div>
1519                <div class="gallery-slide-content">
1520                    <div class="gallery-index">
1521                            <img src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/icons/icon-video.svg?sfvrsn=5c12cf23_7' 
1522                                 alt='Play video icon.' class="gallery-slide-icon icon"/>
1523                        <div class="gallery-counter">
1524                            <span class="slide-index">1</span> / <span class="slide-count">2</span>
1525                            <span class="visually-hidden">slide 1 of 2</span>
1526                        </div>
1527                    </div>
1528                    <p>Every bus route now has its own page. Each METRORail line has a linear map showing nearby connections and services. You can even track the arrival of your bus or train directly from the home page. Watch the video to see how it all looks and works on a desktop device.</p>
1529                </div>
1530            </div>
1531            <div class="gallery-slide" data-index="2" data-total="2">
1532                    <div class="gallery-slide-video">
1533
1534                        <iframe id="ytplayer-2" class="ytvideo"
1535                                data-src="https://www.youtube.com/embed/dLhrBSQD97c?rel=0&amp;amp;modestbranding=1"
1536                                alt="video" allowfullscreen width="100%">
1537                        </iframe>
1538                    </div>
1539                <div class="gallery-slide-content">
1540                    <div class="gallery-index">
1541                            <img src='https://assets-cdn-prod.azureedge.us/assets/images/default-source/icons/icon-video.svg?sfvrsn=5c12cf23_7' 
1542                                 alt='Play video icon.' class="gallery-slide-icon icon"/>
1543                        <div class="gallery-counter">
1544                            <span class="slide-index">2</span> / <span class="slide-count">2</span>
1545                            <span class="visually-hidden">slide 2 of 2</span>
1546                        </div>
1547                    </div>
1548                    <p>Let us know your location and the new METRO website will provide custom results about nearby transfer facilities, nearby METRO public parking, nearby retailers that carry METRO fare cards - and more. Watch the video to see how it all looks and works on a desktop device.</p>
1549                </div>
1550            </div>
1551    </div>
1552    <div class="gallery-carousel__controls">
1553        <button type="button" class="slick-prev" aria-label="Previous Slide">
1554            <svg class="icon" focusable="false" aria-hidden="true">
1555                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow"></use>
1556            </svg>
1557        </button>
1558        <button type="button" class="slick-next" aria-label="Previous Slide">
1559            <svg class="icon" focusable="false" aria-hidden="true">
1560                <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-arrow"></use>
1561            </svg>
1562        </button>
1563    </div>
1564</div>
1565
1566            </div>
1567        </div>
1568    </div>
1569</div>
1570</div>
1571
1572</div>
1573 </main> <footer class="footer"> 
1574<div id="Footer_TFF91938B064_Col00" class="sf_colsIn" data-sf-element="Container" data-placeholder-label="NonSearchableContainer"><div id="Footer_TFF91938B009_Col00" class="sf_colsIn container-fluid" data-sf-element="Container" data-placeholder-label="Container"><div class="row footer-top" data-sf-element="Row">
1575    <div id="Footer_TFF91938B010_Col00" class="sf_colsIn col-xl-4" data-sf-element="Column 1" data-placeholder-label="Column 1">
1576
1577
1578<a href="#" class="footer-top-link" data-bs-toggle="modal" data-bs-target="#email-newsletter-1-modal">
1579    <svg class="icon icon-newsletter" focusable="false" aria-hidden="true">
1580        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-newsletter"></use>
1581    </svg>
1582    <span class="footer-top-link-text">Subscribe to METRO <strong>e-newsletter</strong></span>
1583</a>
1584
1585<div class="modal fade" id="email-newsletter-1-modal" tabindex="-1" aria-labelledby="email-newsletter-1-title" aria-describedby="email-newsletter-1-description"
1586     aria-hidden="true">
1587    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
1588        <svg viewBox="0 0 32 32" focusable="false" aria-hidden="true">
1589            <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
1590        </svg>
1591        <span class="btn-close-text">close</span>
1592    </button>
1593    <div class="modal-dialog modal-dialog-scrollable modal-fullscreen-md-down">
1594        <p id="email-newsletter-1-description" class="visually-hidden">
1595            Subscribe to METRO <strong>e-newsletter</strong>
1596        </p>
1597        <div class="modal-content">
1598            <div class="modal-header p-4">
1599                <h5 class="modal-title" id="email-newsletter-1-title">
1600                    Subscribe for Free
1601                </h5>
1602                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
1603                    <svg viewBox="0 0 32 32" focusable="false" aria-hidden="true">
1604                        <use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-x"></use>
1605                    </svg>
1606                </button>
1607            </div>
1608            <div class="modal-body text-start text-body p-4">
1609                <p> Stay in the know by receiving METRO’s monthly e-newsletter, METRO Connections. It features news, information and more.</p>
1610                <form method="get" class="govdelivery-form pt-3 needs-validation js-email-subscription" novalidate accept-charset="utf-8">
1611                    <input type='hidden' name='t' value='TXMETRO_2' />
1612                    <input type='hidden' name='a' value='1' />
1613
1614                    <div class="form-group mt-3 text-left">
1615                        <label class="form-label" for="email-newsletter-1-email">
1616                            Primary Email: 
1617                        </label>
1618                        <input class="form-control" type="email" name="e" id="email-newsletter-1-email" required>
1619                        <div class="invalid-feedback" aria-live="polite" aria-atomic="true" role="alert" data-error="Email is required">
1620                        </div>
1621                    </div>
1622                    <div class="form-check mt-4">
1623                        <div role="group" aria-labelledby="email-newsletter-1-policyCheckLabel">
1624                            <input class="form-check-input" type="checkbox" value="" id="email-newsletter-1-policyCheck" required>
1625                            <label id="email-newsletter-1-policyCheckLabel" class="form-check-label" for="email-newsletter-1-policyCheck">
1626                                By checking this box, you consent to our <a href='/privacy-policy' target='_blank' rel='noopener noreferrer'>data privacy policy</a>.
1627                            </label>
1628                            <div class="invalid-feedback" aria-live="polite" aria-atomic="true" role="alert" data-error="You must agree before submitting.">
1629                            </div>
1630                        </div>
1631                    </div>
1632					<div class="form-group mt-4">
1633						<button class="btn btn-primary" type="submit" id='email-newsletter-1-submit'>Subscribe Me</button>
1634						<p id='response' class='response h6 mt-1' aria-live="polite" role="alert"></p>
1635						<p id='responseemail' class='responseemail h6 mt-1' aria-live="polite" role="alert"></p>
1636						<p id='responsephone' class='responsephone h6 mt-1' aria-live="polite" role="alert"></p>
1637						<p id='responsezip' class='responsezip h6 mt-1' aria-live="polite" role="alert"></p>
1638					</div>
1639                </form>
1640            </div>
1641        </div>
1642    </div>
1643</div>
1644
1645    </div>
1646    <div id="Footer_TFF91938B010_Col01" class="sf_colsIn col-xl-4 footer-top-light" data-sf-element="Column 2" data-placeholder-label="Column 2">
1647<div>
1648    <a class="footer-top-link" href="/alerts/text-and-email-alerts-newsletters"><svg class="icon icon_email-and-sms"><use href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon_email-and-sms"></use></svg>
1649 <span class="footer-top-link-text">
1650 Get METRO <strong>text and email alerts</strong> </span>
1651</a>  
1652</div>
1653    </div>
1654    <div id="Footer_TFF91938B010_Col02" class="sf_colsIn col-xl-4" data-sf-element="Column 3" data-placeholder-label="Column 3">
1655<div>
1656    <a href="/about/careers" class="footer-top-link" data-sf-ec-immutable="" data-sf-marked="" target=""><svg class="icon icon-careers"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-careers" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-careers"></use></svg>
1657 <span class="footer-top-link-text">Learn about METRO <strong>careers</strong></span>
1658 </a>  
1659</div>
1660    </div>
1661</div>
1662
1663</div>
1664
1665</div><div id="Footer_TFF91938B014_Col00" class="sf_colsIn container" data-sf-element="Container" data-placeholder-label="Container"><div class="row footer-lists" data-sf-element="Row">
1666    <div id="Footer_TFF91938B038_Col00" class="sf_colsIn col" data-placeholder-label="Column 1" data-sf-element="Column 1">
1667<div>
1668    <div class="list-contact">1900 Main St.<br>Houston, Texas 77002
1669</div><br><div class="list-contact"><a href="tel:+1-713-635-4000" data-sf-ec-immutable="">713-635-4000</a>
1670</div><div class="list-contact"><a href="tel:+1-713-635-6993" data-sf-ec-immutable="">713-635-6993 (TTY)</a>
1671</div><a class="other-contact-numbers a11y-link" href="/about/who-we-are/contact-us">Other Contact Numbers</a>
1672
1673<ul class="header-top-item__social-list"><li class="list-inline-item list-social-item"><a href="https://www.facebook.com/RideMETRO" class="btn btn-icon btn-sm btn-right a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-facebook"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-facebook" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-facebook"></use></svg><span class="visually-hidden">Facebook (Open external link)</span>
1674 </a>
1675 </li><li class="list-inline-item list-social-item"><a href="https://twitter.com/METROHouston" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-twitter"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-twitter" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-twitter"></use></svg><span class="visually-hidden">Twitter (Open external link)</span>
1676 </a>
1677 </li><li class="list-inline-item list-social-item"><a href="https://www.youtube.com/METROHouston" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-youtube"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-youtube" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-youtube"></use></svg><span class="visually-hidden">YouTube (Open external link)</span>
1678 </a>
1679 </li><li class="list-inline-item list-social-item"><a href="https://www.instagram.com/metrohouston/" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-instagram"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-instagram" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-instagram"></use></svg><span class="visually-hidden">Instagram (Open external link)</span>
1680 </a>
1681 </li><li class="list-inline-item list-social-item"><a href="https://www.linkedin.com/company/metropolitan-transit-authority-of-harris-county/" target="_blank" class="btn btn-icon btn-sm a11y-link" data-sf-ec-immutable=""><svg class="icon icon-linkedin"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-linkedin" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-linkedin"></use></svg><span class="visually-hidden">LinkedIn (Open external link)</span>
1682 </a>
1683 </li></ul>  
1684</div>
1685    </div>
1686    <div id="Footer_TFF91938B038_Col01" class="sf_colsIn col" data-placeholder-label="Column 2" data-sf-element="Column 2">
1687<div>
1688        <div class="list-title">
1689            About
1690        </div>
1691            <ul>
1692                        <li>
1693            <a href="/about/who-we-are" target="_self">Who We Are</a>
1694        </li>
1695        <li>
1696            <a href="/about/board-meetings" target="_self">
1696Board Meetings</a>
1697        </li>
1698        <li>
1699            <a href="/about/business-to-business" target="_self">Business to Business</a>
1700        </li>
1701        <li>
1702            <a href="/about/plans-projects" target="_self">Plans &amp; Projects&#160;</a>
1703        </li>
1704        <li>
1705            <a href="/about/records-reports" target="_self">Records &amp; Reports</a>
1706        </li>
1707        <li>
1708            <a href="/about/news-media" target="_self">News &amp; Media</a>
1709        </li>
1710        <li>
1711            <a href="/about/public-hearings-and-notices" target="_self">Public Hearings &amp; Notices</a>
1712        </li>
1713        <li>
1714            <a href="/about/careers" target="_self">Careers</a>
1715        </li>
1716        <li>
1717            <a href="/about/faqs" target="_self">FAQs - About METRO</a>
1718        </li>
1719
1720            </ul>
1721</div>
1722
1723
1724    </div>
1725    <div id="Footer_TFF91938B038_Col02" class="sf_colsIn col" data-placeholder-label="Column 3" data-sf-element="Column 3">
1726<div>
1727        <div class="list-title">
1728            Riding METRO
1729        </div>
1730            <ul>
1731                        <li>
1732            <a href="/riding-metro/transit-services" target="_self">Transit Services</a>
1733        </li>
1734        <li>
1735            <a href="/riding-metro/hov-hot-express-lanes" target="_self">HOV / HOT Express Lanes</a>
1736        </li>
1737        <li>
1738            <a href="/riding-metro/accessing-metro" target="_self">Accessing METRO</a>
1739        </li>
1740        <li>
1741            <a href="/riding-metro/safety-security" target="_self">METRO Police &amp; Safety</a>
1742        </li>
1743        <li>
1744            <a href="/riding-metro/apps" target="_self">Apps For Your Phone</a>
1745        </li>
1746        <li>
1747            <a href="/riding-metro/houston-attractions" target="_self">Houston Attractions</a>
1748        </li>
1749        <li>
1750            <a href="/riding-metro/lost-and-found" target="_self">Lost &amp; Found</a>
1751        </li>
1752        <li>
1753            <a href="/riding-metro/faqs" target="_self">FAQs - How to Ride METRO</a>
1754        </li>
1755
1756            </ul>
1757</div>
1758
1759
1760    </div>
1761    <div id="Footer_TFF91938B038_Col03" class="sf_colsIn col" data-placeholder-label="Column 4" data-sf-element="Column 4">
1762<div>
1763        <div class="list-title">
1764            Fares
1765        </div>
1766            <ul>
1767                        <li>
1768            <a href="/fares/all-about-fares" target="_self">All About Fares</a>
1769        </li>
1770        <li>
1771            <a href="/fares/savings-calculator" target="_self">Savings Calculator</a>
1772        </li>
1773        <li>
1774            <a href="/fares/policies-procedures" target="_self">Policies &amp; Procedures</a>
1775        </li>
1776        <li>
1777            <a href="/fares/faqs" target="_self">FAQs - Fares</a>
1778        </li>
1779
1780            </ul>
1781</div>
1782
1783
1784    </div>
1785    <div id="Footer_TFF91938B038_Col04" class="sf_colsIn col footer-list-b2b" data-placeholder-label="Column 5" data-sf-element="Column 5">
1786<div>
1787        <div class="list-title">
1788            Business to Business
1789        </div>
1790            <ul>
1791                        <li>
1792            <a href="/about/business-to-business/procurement-opportunities" target="_self">Procurement Opportunities</a>
1793        </li>
1794        <li>
1795            <a href="/about/business-to-business/partnership-opportunities" target="_self">Partnership Opportunities</a>
1796        </li>
1797        <li>
1798            <a href="/about/business-to-business/trackway-allocation" target="_self">Trackway Allocation</a>
1799        </li>
1800        <li>
1801            <a href="/about/business-to-business/real-estate" target="_self">Real Estate</a>
1802        </li>
1803        <li>
1804            <a href="/about/business-to-business/online-auctions" target="_self">Online Auctions</a>
1805        </li>
1806        <li>
1807            <a href="/about/business-to-business/debt-service-and-investments" target="_self">Debt Service and Investments</a>
1808        </li>
1809        <li>
1810            <a href="/about/business-to-business/developer-portal" target="_self">Developer Portal</a>
1811        </li>
1812
1813            </ul>
1814</div>
1815
1816
1817    </div>
1818</div>
1819
1820<hr><div class="row footer-bottom" data-sf-element="Row">
1821    <div id="Footer_TFF91938B017_Col00" class="sf_colsIn col-xl-3 order-xl-1 order-3" data-sf-element="Column 1" data-placeholder-label="Column 1">
1822<div>
1823    © 2008 - 2026 All Rights Reserved.  
1824</div>
1825    </div>
1826    <div id="Footer_TFF91938B017_Col01" class="sf_colsIn col-xl-6 order-2" data-sf-element="Column 2" data-placeholder-label="Column 2">
1827<div>
1828    Seleccione Idioma | 选择语言 | Chọn Ngôn Ngữ | ختار اللغة | Sélectionner une langue  
1829</div>
1830<!--markup for placement-->
1831<div class="translate-widget translate-widget--footer">
1832<div class="translate-widget-container--footer">
1833</div>
1834</div>
1835    </div>
1836    <div id="Footer_TFF91938B017_Col02" class="sf_colsIn col-xl-3 order-xl-3 order-1" data-sf-element="Column 3" data-placeholder-label="Column 3">
1837<div>
1838    <a href="/terms-of-use" data-sf-ec-immutable="" data-sf-marked="">Terms of Use</a>
1839<a href="/privacy-policy">Privacy</a>
1840<a href="/eeo-policy">EEO</a>
1841<a href="/about/who-we-are/accessibility">Accessibility</a>  
1842</div>
1843    </div>
1844</div>
1845
1846<div>
1847    <div class="social-mobile"><ul class="header-top-item__social-list"><li class="list-inline-item list-social-item"><a href="https://www.facebook.com/RideMETRO" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-facebook"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-facebook" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-facebook"></use></svg><span class="visually-hidden">Facebook (Open external link)</span>
1848 </a>
1849 </li><li class="list-inline-item list-social-item"><a href="https://twitter.com/METROHouston" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-twitter"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-twitter" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-twitter"></use></svg><span class="visually-hidden">Twitter (Open external link)</span>
1850 </a>
1851 </li><li class="list-inline-item list-social-item"><a href="https://www.youtube.com/METROHouston" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-youtube"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-youtube" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-youtube"></use></svg><span class="visually-hidden">YouTube (Open external link)</span>
1852 </a>
1853 </li><li class="list-inline-item list-social-item"><a href="https://www.instagram.com/metrohouston/" class="btn btn-icon btn-sm a11y-link" target="_blank" data-sf-ec-immutable=""><svg class="icon icon-instagram"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-instagram" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-instagram"></use></svg><span class="visually-hidden">Instagram (Open external link)</span>
1854 </a>
1855 </li><li class="list-inline-item list-social-item"><a href="https://www.linkedin.com/company/metropolitan-transit-authority-of-harris-county/" target="_blank" class="btn btn-icon btn-sm a11y-link" data-sf-ec-immutable=""><svg class="icon icon-linkedin"><use xlink:href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-linkedin" href="/ResourcePackages/Main/dist/assets/images/sprite.svg#icon-linkedin"></use></svg><span class="visually-hidden">LinkedIn (Open external link)</span>
1856 </a>
1857 </li></ul></div>  
1858</div>
1859</div>
1860 </footer> 
1860<script src="/ClientApps/dist/search-box.js?package=Main&amp;v=MS4wLjAuMA%3d%3d" type="module"></script>
1860 <div class="splash-container d-none" id="splashIe"> <div class="splash"> <figure class="splash-logo"> <img src="/ResourcePackages/Main/dist/assets/images/METRO-Logo.svg" alt="Metro logo"> </figure> <div class="splash-content"> <div class="card"> <h2 class="h4">Browser not supported</h2> <p>
1861                   It appears you’re on an older web browser we don’t support. Please try one of the options below so you can view the METRO website.</p> <ul class="splash-browser"> <li class="splash-browser-item"> <a href="https://www.google.com/chrome/index.html" class="splash-item"> <img src="/ResourcePackages/Main/dist/assets/images/[email protected]" alt="browser logo"
1862                                 srcset="/ResourcePackages/Main/dist/assets/images/[email protected] 1x, /ResourcePackages/Main/dist/assets/images/[email protected] 2x"  width="96" height="96">
1863                            Google Chrome
1864                        </a> </li> <li class="splash-browser-item"> <a href="https://support.apple.com/downloads/safari" class="splash-item"> <img src="/ResourcePackages/Main/dist/assets/images/[email protected]" alt="browser logo"
1865                                 srcset="/ResourcePackages/Main/dist/assets/images/[email protected] 1x, /ResourcePackages/Main/dist/assets/images/[email protected] 2x"  width="96" height="96">
1866                            Safari Mac OS
1867                        </a> </li> <li class="splash-browser-item"> <a href="https://www.mozilla.org/firefox/new/" class="splash-item"> <img src="/ResourcePackages/Main/dist/assets/images/[email protected]" alt="browser logo"
1868                                 srcset="/ResourcePackages/Main/dist/assets/images/[email protected] 1x, /ResourcePackages/Main/dist/assets/images/[email protected] 2x"  width="96" height="96">
1869                            Mozilla
1870                        </a> </li> <li class="splash-browser-item"> <a href="https://www.microsoft.com/edge" class="splash-item"> <img src="/ResourcePackages/Main/dist/assets/images/[email protected]" alt="browser logo"
1871                                 srcset="/ResourcePackages/Main/dist/assets/images/[email protected] 1x, /ResourcePackages/Main/dist/assets/images/[email protected] 2x" width="96" height="96">
1872                            Microsoft Edge
1873                        </a> </li> </ul> </div> </div> </div> </div> 
1873<script>
1874    (function () {
1875        var template = document.getElementById('splashIe')
1876        function detectIEBrowser(userAgent) {
1877            var userAgentPatterns = ['MSIE ', 'Trident/'];
1878            return new RegExp(userAgentPatterns.join('|')).test(userAgent)
1879        }
1880        var isIE = detectIEBrowser(window.navigator.userAgent);
1881
1882        if (isIE) {
1883            template.className = 'splash-container d-block'
1884        }
1885    })()
1886
1887</script>
1887 
1888
1889
1890
1891
1892
1893<script type="text/javascript">
1894(function(){var g=function(g){
1895
1896this.go=function(){var a=document.createElement("script");a.type="text/javascript";a.src=g;document.body&&document.body.appendChild(a)};
1897
1898this.start=function(){var t=this;"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",function(){t.go()},!1):window.attachEvent&&window.attachEvent("onload",function(){t.go()}):t.go()};};
1899
1900try{(new g("https://zn5ckupmoyaypthom-ridemetro.siteintercept.qualtrics.com/SIE/?Q_ZID=ZN_5ckUPmOyaYPtHOm")).start()}catch(i){}})();
1901</script>
1901
1902
1903<div id='ZN_5ckUPmOyaYPtHOm'><!--DO NOT REMOVE-CONTENTS PLACED HERE--></div>
1904
1905<script type="text/javascript">
1906const obtainFareCards = document.querySelector(".modal-buy-reload .buy-reload-btn");
1907
1908setTimeout(function(){
1909  if(obtainFareCards){
1910  obtainFareCards.setAttribute('href', 'https://fares.ridemetro.org/');
1911}
1912}, 1000)
1913</script>
1913<script type="text/javascript">
1914setTimeout(() => {
1915    const mobileBuyReloadLink = document.querySelector(
1916      ".navbar-mobile .btn-buy-reload",
1917    );
1918
1919    if (mobileBuyReloadLink) {
1920      mobileBuyReloadLink.removeAttribute("data-bs-toggle");
1921      mobileBuyReloadLink.removeAttribute("data-bs-target");
1922mobileBuyReloadLink.setAttribute("target", "_blank");
1923      mobileBuyReloadLink.setAttribute(
1924        "href",
1925        "https://fares.ridemetro.org/?_gl=1*sfmvc8*_ga*MTIxOTUwMjQ4Mi4xNzc1MjI1MTk4*_ga_3FPRKT5H9E*czE3NzUyMjUxOTgkbzEkZzEkdDE3NzUyMjU1MjYkajYwJGwwJGgw");
1926    }
1927}, 2000);
1928</script>
1928 </body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.