1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <!-- Google Tag Manager --> 5
5<script>
vendor: 495 bytes, lines 5-13
5 6 (function (w, d, s, l, i) { 7 w[l] = w[l] || []; w[l].push({ 8 'gtm.start': 9 new Date().getTime(), event: 'gtm.js' 10 }); var f = d.getElementsByTagName(s)[0], 11 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 12 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 13 })(window, document, 'script', 'dataLayer', '
13GTM-WWT28KB
vendor: 3 bytes, line 13
13');
13</script>
13 14 <!-- End Google Tag Manager --> 15 16 <meta charset="utf-8" /> 17 <meta http-equiv="X-UA-Compatible" content="IE=10" /> 18 <meta name="title" content="About Us | Metrolink" /> 19 <meta name="description" content="" /> 20 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 21 <meta property="og:url" content="https://metrolinktrains.com/about/agency/" /> 22 <meta property="og:title" content="About Us | Metrolink" /> 23 <meta property="og:description" /> 24 <meta property="og:image" content="https://metrolinktrains.com" /> 25 26 <meta name="twitter:card" /> 27 <meta name="twitter:title" content="About Us | Metrolink" /> 28 <meta name="twitter:description" /> 29 <meta name="twitter:image" content="https://metrolinktrains.com" /> 30 31 <title>About Us | Metrolink</title> 32 <link rel="preconnect" href="https://fonts.googleapis.com"> 33 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 34 <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Barlow:ital,wght@0,300;0,500;0,700;0,900;1,500;1,700&display=swap" rel="stylesheet"> 35 36 <link href="https://metrolinktrains.com/about/agency/" rel="canonical" /> 37 38 <link href="/bundles/css?v=1s07wHneO6iFu8uZQyNmxPOS1yZsBl0ULtfOjf9KR4U1" rel="stylesheet"/> 39 40 41 42 43 <link rel="stylesheet" href="https://js.arcgis.com/4.14/esri/css/main.css"> 44 45 <!-- This GA script is used to track Google Translate events, only works on https --> 46
46<script src="https://ssl.google-analytics.com/ga.js"></script>
46 47 48
48<script async src="https://siteimproveanalytics.com/js/siteanalyze_6074015.js"></script>
48 49</head> 50 51<body> 52<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 52-53
52 53<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
53GTM-WWT28KB
vendor: 103 bytes, lines 53-54
53" 54 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
55<!-- End Google Tag Manager (noscript) --> 56 57 58 59 60 61 62 63<div class="alerts"> 64 65 66 67</div>
68<script> 69 const alertBars = document.querySelectorAll('.alertBar'); 70 if (alertBars.length) { 71 function hideAlertBar(id) { 72 const alertBar = document.querySelector(`#${id}`); 73 if (alertBar) { 74 alertBar.classList.add('alertBar--hidden'); 75 } 76 } 77 alertBars.forEach(alertBar => { 78 const id = alertBar.id; 79 const cookie = document.cookie.split(';').find(c => c.includes(id)); 80 81 if (cookie) { 82 hideAlertBar(id); 83 } else { 84 const closeBtn = alertBar.querySelector('.js--closeAlert'); 85 closeBtn.addEventListener('click', function (e) { 86 e.preventDefault(); 87 const date = new Date(); 88 date.setTime(date.getTime() + (5 * 60 * 1000)); 89 document.cookie = `${id}=true; expires=${date.toUTCString()}; path=/; secure; HttpOnly`; 90 hideAlertBar(id); 91 }); 92 } 93 }); 94 } 95</script>
95 96 97<header class="header"> 98 <a href="#mainPageContent" class="skip-navigation sr-only sr-only-focusable">Skip Navigation</a> 99 <div class="siteNav"> 100 <div class="siteNav__header"> 101 <a href="/" class="siteNav__logo"> 102 <img src="/Static/img/dist/metrolink-text-logo.svg" class="siteNav__logoImg" alt="Metrolink" /> 103 </a> 104 105 <button type="button" class="siteNav__toggle toggleNav collapsed" data-toggle="collapse" data-target="#siteNavigation" aria-expanded="false"> 106 <div class="toggleNav__wrapper"> 107 <span class="sr-only">Toggle Navigation</span> 108 <span class="icon-bar toggleNav__icon"> </span> 109 <span class="icon-bar toggleNav__icon"> </span> 110 <span class="icon-bar toggleNav__icon"> </span> 111 </div> 112 </button> 113 </div> 114 <div class="siteNav__navigation collapse" id="siteNavigation"> 115 116 <nav class="nav utilityNav"> 117 <ul class="nav__list utilityNav__list"> 118 <li class="nav__item utilityNav__item"> 119 <a href="/community-main/welcome/" class="nav__link utilityNav__link"> 120 Community 121 </a> 122 </li> 123 <li class="nav__item utilityNav__item"> 124 <a href="/corporate-partners/corporate-partner-program/" class="nav__link utilityNav__link"> 125 Corporate Partners 126 </a> 127 </li> 128 <li class="nav__item utilityNav__item"> 129 <a href="/news/" class="nav__link utilityNav__link"> 130 News 131 </a> 132 </li> 133 <li class="nav__item utilityNav__item"> 134 <a href="/customer-service/contact-info/" class="nav__link utilityNav__link"> 135 Customer Service 136 </a> 137 </li> 138 <li class="nav__item utilityNav__item utilityNav__item--translate"> 139 <a 140 id="button-translate" 141 href="#" 142 class="nav__link utilityNav__link" 143 data-bs-toggle="dropdown" 144 data-bs-target="#mobile-translate" 145 data-bs-auto-close="outside" 146 aria-controls="mobile-translate" 147 aria-expanded="false" 148 role="button" 149 > 150 <span>Select Language</span> 151 <span style="border-left: 1px solid rgb(187, 187, 187);"></span> 152 <span aria-hidden="true" style="color: rgb(45, 45, 45);">▼</span> 153 </a> 154 <div id="mobile-translate" class="dropdown-menu" aria-label="Translate Menu"> 155 <div class="main-nav__column"> 156 <ul class="main-nav__column-list translate-list"> 157 <li><a data-value="es" class="dropdown-item" href="#">Spanish</a></li> 158 <li><a data-value="vi" class="dropdown-item" href="#">Vietnamese</a></li> 159 <li><a data-value="ko" class="dropdown-item" href="#">Korean</a></li> 160 <li><a data-value="zh-CN" class="dropdown-item" href="#">Chinese (Simplified)</a></li> 161 <li><a data-value="zh-TW" class="dropdown-item" href="#">Chinese (Traditional)</a></li> 162 <li><a data-value="tl" class="dropdown-item" href="#">Tagalog</a></li> 163 <li><a data-value="hy" class="dropdown-item" href="#">Armenian</a></li> 164 <li><a data-value="fa" class="dropdown-item" href="#">Persian (Farsi)</a></li> 165 <li><a data-value="ru" class="dropdown-item" href="#">Russian</a></li> 166 <li><a data-value="ar" class="dropdown-item" href="#">Arabic</a></li> 167 <li><a data-value="hi" class="dropdown-item" href="#">Hindi</a></li> 168 <li><a data-value="ja" class="dropdown-item" href="#">Japanese</a></li> 169 <li><a data-value="fr" class="dropdown-item" href="#">
169French</a></li> 170 <li><a data-value="de" class="dropdown-item" href="#">German</a></li> 171 <li><a data-value="pt" class="dropdown-item" href="#">Portuguese</a></li> 172 <li><a data-value="en" class="dropdown-item" href="#">English</a></li> 173 174 </ul> 175 </div> 176 </div> 177 <div id="google_translate_element" class="hidden" aria-hidden="true"></div> 178
178<script type="text/javascript"> 179 function googleTranslateElementInit() { 180 new google.translate.TranslateElement({pageLanguage: 'en', autoDisplay: false}, 'google_translate_element'); 181 } 182 </script>
182 183
183<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
183 184
184<script type="text/javascript"> 185 (function () { 186 const dropdownBtnEl = document.querySelector('.utilityNav__item--translate .nav__link'); 187 const dropdownEl = document.querySelector('.utilityNav__item--translate .dropdown-menu'); 188 189 dropdownBtnEl.addEventListener('click', (e) => { 190 e.preventDefault(); 191 e.stopPropagation(); 192 dropdownEl.style.display = dropdownEl.style.display === 'block' ? 'none' : 'block'; 193 }); 194 195 dropdownEl.addEventListener('click', (e) => { 196 e.stopPropagation(); 197 }); 198 199 dropdownEl.querySelectorAll('a').forEach((link) => { 200 link.addEventListener('click', () => { 201 dropdownEl.style.display = 'none'; 202 }); 203 }); 204 205 document.addEventListener('click', () => { 206 dropdownEl.style.display = 'none'; 207 }); 208 209 const translateListEl = document.querySelectorAll('.translate-list li a'); 210 211 translateListEl.forEach((el) => { 212 el.addEventListener('click', () => { 213 const gtSelectEl = document.querySelector('#google_translate_element select'); 214 const lang = el.getAttribute('data-value'); 215 216 gtSelectEl.value = lang; 217 console.log(el, lang, gtSelectEl.value) 218 gtSelectEl.dispatchEvent(new Event('change')); 219 }); 220 }); 221 })(); 222 </script>
222 223 </li> 224 <li class="nav__item utilityNav__item utilityNav__item--search"> 225 <div class="input-group"> 226 <input type="text" class="input-group__field mainNav__search" name="q" id="SearchKeywords" aria-label="Search" placeholder="Search" data-search-page="/search/"/> 227 </div> 228 </li> 229 </ul> 230 </nav> 231 <nav role="navigation" class="nav mainNav" id="mainNav"> 232 <ul class="nav__list mainNav__list"> 233 <li class="nav__item mainNav__item"> 234 <a href="/train_status/" class="nav__link mainNav__link "> 235 Train Status 236 </a> 237 </li> 238 <li class="nav__item nav__item--hasSubnav mainNav__item"> 239 240 241 <a href="#" class="nav__link mainNav__link " 242 data-toggle="subnav" id="tickets-268-subnavTrigger" aria-expanded="false" aria-controls="tickets-268-subnav"> 243 Tickets 244 </a> 245 <div id="tickets-268-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="tickets-268-subnavTrigger"> 246 247 248 249 <div class="subnav__list subnavOne__list subnav__list--three"> 250 <div class="subnav__column"> 251 <div class="subnav__item subnav__item--hasSubnav 252 subnavOne__item"> 253 254 <a 255 href="/ticketsOverview/where-to-buy/" 256 257 class="subnav__link subnavOne__link" 258 data-toggle="subnav" id="where-to-buy-262-subnavTrigger" aria-expanded="false" aria-controls="where-to-buy-262-subnav" 259> 260 Where To Buy 261 </a> 262 <div class="subnav subnav--collapse subnavTwo" id="where-to-buy-262-subnav" aria-labelledby="where-to-buy-262-subnavTrigger"> 263 264 <ul class="subnav__list subnavTwo__list"> 265 <li class="subnav__item subnavTwo__item"> 266 <a href="/ticketsOverview/where-to-buy/" class="subnav__link subnavTwo__link"> 267 Overview 268 </a> 269 </li> 270 <li class="subnav__item subnavTwo__item"> 271 <a href="/ticketsOverview/where-to-buy/mobile-app/" class="subnav__link subnavTwo__link"> 272 Mobile App 273 </a> 274 </li> 275 <li class="subnav__item subnavTwo__item"> 276 <a href="/ticketsOverview/where-to-buy/ticket-machines/" class="subnav__link subnavTwo__link"> 277 Ticket Machines 278 </a> 279 </li> 280 <li class="subnav__item subnavTwo__item"> 281 <a href="/ticketsOverview/where-to-buy/outlets/" class="subnav__link subnavTwo__link"> 282 Outlets 283 </a> 284 </li> 285 <li class="subnav__item subnavTwo__item"> 286 <a href="/ticketsOverview/where-to-buy/contactless/" class="subnav__link subnavTwo__link"> 287 Contactless Payments 288 </a> 289 </li> 290 </ul> 291 </div> 292 </div> 293 </div> 294 <div class='subnav__column'> 295 <div class="subnav__item subnav__item--hasSubnav 296 subnavOne__item"> 297 298 <a 299 href="#" 300 301 class="subnav__link subnavOne__link" 302 role="button" 303 data-toggle="subnav" id="ticket-info-269-subnavTrigger" aria-expanded="false" aria-controls="ticket-info-269-subnav" 304> 305 Ticket Info 306 </a> 307 <div class="subnav subnav--collapse subnavTwo" id="ticket-info-269-subnav" aria-labelledby="ticket-info-269-subnavTrigger"> 308 309 <ul class="subnav__list subnavTwo__list"> 310 <li class="subnav__item subnavTwo__item"> 311 <a href="/ticketsOverview/ticket-info/ticket-types/" class="subnav__link subnavTwo__link"> 312 Ticket Types 313 </a> 314 </li> 315 <li class="subnav__item subnavTwo__item"> 316 <a href="/ticketsOverview/ticket-info/price-finder/" class="subnav__link subnavTwo__link"> 317 Price Finder 318 </a> 319 </li> 320 </ul> 321 </div> 322 </div> 323 </div> 324 <div class='subnav__column'> 325 <div class="subnav__item subnav__item--hasSubnav 326 subnavOne__item"> 327 328 <a 329 href="#" 330 331 class="subnav__link subnavOne__link" 332 role="button" 333 data-toggle="subnav" id="discounts-273-subnavTrigger" aria-expanded="false" aria-controls="discounts-273-subnav" 334> 335 Discounts 336 </a> 337 <div class="subnav subnav--collapse subnavTwo" id="discounts-273-subnav" aria-labelledby="discounts-273-subnavTrigger"> 338 339 <ul class="subnav__list subnavTwo__list"> 340 <li class="subnav__item subnavTwo__item"> 341 <a href="/ticketsOverview/
341discounts/everyday-discounts/" class="subnav__link subnavTwo__link"> 342 Everyday Discounts 343 </a> 344 </li> 345 <li class="subnav__item subnavTwo__item"> 346 <a href="/ticketsOverview/discounts/current-promotions/" class="subnav__link subnavTwo__link"> 347 Current Promotions 348 </a> 349 </li> 350 <li class="subnav__item subnavTwo__item"> 351 <a href="/ticketsOverview/discounts/metrolink-$10-weekends/" class="subnav__link subnavTwo__link"> 352 Metrolink $10 Weekends 353 </a> 354 </li> 355 <li class="subnav__item subnavTwo__item"> 356 <a href="/ticketsOverview/discounts/group-discounts/" class="subnav__link subnavTwo__link"> 357 Group Discounts 358 </a> 359 </li> 360 <li class="subnav__item subnavTwo__item"> 361 <a href="/ticketsOverview/discounts/mobility4all/" class="subnav__link subnavTwo__link"> 362 Mobility-4-All 363 </a> 364 </li> 365 </ul> 366 </div> 367 </div> 368 </div> 369 </div> 370 </div> 371 </li> 372 <li class="nav__item mainNav__item"> 373 <a href="/schedules/" class="nav__link mainNav__link "> 374 Schedules 375 </a> 376 </li> 377 <li class="nav__item nav__item--hasSubnav mainNav__item"> 378 379 380 <a href="#" class="nav__link mainNav__link " 381 data-toggle="subnav" id="rider-info-278-subnavTrigger" aria-expanded="false" aria-controls="rider-info-278-subnav"> 382 Rider Info 383 </a> 384 <div id="rider-info-278-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="rider-info-278-subnavTrigger"> 385 386 387 388 <div class="subnav__list subnavOne__list subnav__list--three"> 389 <div class="subnav__column"> 390 <div class="subnav__item subnav__item--hasSubnav 391 subnavOne__item"> 392 393 <a 394 href="#" 395 396 class="subnav__link subnavOne__link" 397 role="button" 398 data-toggle="subnav" id="general-info-279-subnavTrigger" aria-expanded="false" aria-controls="general-info-279-subnav" 399> 400 General Info 401 </a> 402 <div class="subnav subnav--collapse subnavTwo" id="general-info-279-subnav" aria-labelledby="general-info-279-subnavTrigger"> 403 404 <ul class="subnav__list subnavTwo__list"> 405 <li class="subnav__item subnavTwo__item"> 406 <a href="/rider-info/general-info/how-to-ride/" class="subnav__link subnavTwo__link"> 407 How to Ride 408 </a> 409 </li> 410 <li class="subnav__item subnavTwo__item"> 411 <a href="/rider-info/general-info/stations/" class="subnav__link subnavTwo__link"> 412 Stations 413 </a> 414 </li> 415 <li class="subnav__item subnavTwo__item"> 416 <a href="/rider-info/general-info/maps/" class="subnav__link subnavTwo__link"> 417 Maps 418 </a> 419 </li> 420 <li class="subnav__item subnavTwo__item"> 421 <a href="/rider-info/general-info/transit-connections/" class="subnav__link subnavTwo__link"> 422 Transit Connections 423 </a> 424 </li> 425 <li class="subnav__item subnavTwo__item"> 426 <a href="/rider-info/general-info/parking-at-train-stations/" class="subnav__link subnavTwo__link"> 427 Parking at Stations 428 </a> 429 </li> 430 <li class="subnav__item subnavTwo__item"> 431 <a href="/rider-info/general-info/accessibility-ada/" class="subnav__link subnavTwo__link"> 432 Accessibility/ADA 433 </a> 434 </li> 435 <li class="subnav__item subnavTwo__item"> 436 <a href="/rider-info/general-info/civil-rights/" class="subnav__link subnavTwo__link"> 437 Civil Rights 438 </a> 439 </li> 440 <li class="subnav__item subnavTwo__item"> 441 <a href="/rider-info/general-info/codeshare/" class="subnav__link subnavTwo__link"> 442 Codeshare Trains 443 </a> 444 </li> 445 <li class="subnav__item subnavTwo__item"> 446 <a href="/rider-info/general-info/rail-2-rail/" class="subnav__link subnavTwo__link"> 447 Rail 2 Rail® 448 </a> 449 </li> 450 </ul> 451 </div> 452 </div> 453 </div> 454 <div class='subnav__column'> 455 <div class="subnav__item subnav__item--hasSubnav 456 subnavOne__item"> 457 458 <a 459 href="#" 460 461 class="subnav__link subnavOne__link" 462 role="button" 463 data-toggle="subnav" id="onboard-policies-280-subnavTrigger" aria-expanded="false" aria-controls="onboard-policies-280-subnav" 464> 465 Onboard Policies 466 </a> 467 <div class="subnav subnav--collapse subnavTwo" id="onboard-policies-280-subnav" aria-labelledby="onboard-policies-280-subnavTrigger"> 468 469 <ul class="subnav__list subnavTwo__list"> 470 <li class="subnav__item subnavTwo__item"> 471 <a href="/rider-info/onboard-policies/code-of-conduct/" class="subnav__link subnavTwo__link"> 472 Code of Conduct 473 </a> 474 </li> 475 <li class="subnav__item subnavTwo__item"> 476 <a href="/rider-info/onboard-policies/bikes/" class="subnav__link subnavTwo__link"> 477 Bike Guidelines 478 </a> 479 </li> 480 <li class="subnav__item subnavTwo__item"> 481 <a href="/rider-info/onboard-policies/quiet-cars/" class="subnav__link subnavTwo__link"> 482 Quiet Cars 483 </a> 484 </li> 485 <li class="subnav__item subnavTwo__item"> 486 <a href="/rider-info/onboard-policies/whats-allowed-onboard/" class="subnav__link subnavTwo__link"> 487 What's Allowed Onboard 488 </a> 489 </li> 490 </ul> 491 </div> 492 </div> 493 </div> 494 <div class='subnav__column'> 495 <div class="subnav__item subnav__item--hasSubnav 496 subnavOne__item"> 497 498 <a 499 href="/rider-info/safety--security/" 500 501 class="subnav__link subnavOne__link" 502 data-toggle="subnav" id="safety-13937-subnavTrigger" aria-expanded="false" aria-controls="safety-13937-subnav" 503> 504 Safety 505 </a> 506 <div class="subnav subnav--collapse subnavTwo" id="safety-13937-subnav" aria-labelledby="safety-13937-subnavTrigger"> 507 508 <ul class="subnav__list subnavTwo__list"> 509 <li class="subnav__item subnavTwo__item"> 510 <a href="/rider-info/safety--security/" class="subnav__link subnavTwo__link"> 511 Overview 512 </a> 513 </li> 514 <li class="subnav__item subnavTwo__item"> 515 <a href="/rider-info/safety--security/positive-train-control/" class="subnav__link subnavTwo__link"> 516 Positive Train Control 517 </a> 518 </li> 519 <li class="subnav__item subnavTwo__item"> 520 <a href="/rider-info/safety--security/security/" class="subnav__link subnavTwo__link"> 521
521 Security 522 </a> 523 </li> 524 <li class="subnav__item subnavTwo__item"> 525 <a href="/rider-info/safety--security/rail-safety/" class="subnav__link subnavTwo__link"> 526 Rail Safety 527 </a> 528 </li> 529 <li class="subnav__item subnavTwo__item"> 530 <a href="/rider-info/safety--security/suicide-prevention/" class="subnav__link subnavTwo__link"> 531 Suicide Prevention Awareness 532 </a> 533 </li> 534 <li class="subnav__item subnavTwo__item"> 535 <a href="/rider-info/safety--security/human-trafficking/" class="subnav__link subnavTwo__link"> 536 Combating Human Trafficking 537 </a> 538 </li> 539 </ul> 540 </div> 541 </div> 542 </div> 543 <div class='subnav__column'> 544 <div class="subnav__item subnavOne__item"> 545 546 <a 547 href="/rider-info/arrow/" 548 549 class="subnav__link subnavOne__link" 550 > 551 Arrow Service 552 </a> 553 </div> 554 </div> 555 </div> 556 </div> 557 </li> 558 <li class="nav__item mainNav__item"> 559 <a href="/explore/" class="nav__link mainNav__link "> 560 Explore 561 </a> 562 </li> 563 <li class="nav__item nav__item--hasSubnav mainNav__item"> 564 565 566 <a href="#" class="nav__link mainNav__link mainNav__link--noRightBar" 567 data-toggle="subnav" id="about-239-subnavTrigger" aria-expanded="false" aria-controls="about-239-subnav"> 568 About 569 </a> 570 <div id="about-239-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="about-239-subnavTrigger"> 571 572 573 574 <div class="subnav__list subnavOne__list subnav__list--four"> 575 <div class="subnav__column"> 576 <div class="subnav__item subnav__item--hasSubnav 577 subnavOne__item"> 578 579 <a 580 href="/about/agency/" 581 582 class="subnav__link subnavOne__link" 583 data-toggle="subnav" id="agency-240-subnavTrigger" aria-expanded="false" aria-controls="agency-240-subnav" 584> 585 Agency 586 </a> 587 <div class="subnav subnav--collapse subnavTwo" id="agency-240-subnav" aria-labelledby="agency-240-subnavTrigger"> 588 589 <ul class="subnav__list subnavTwo__list"> 590 <li class="subnav__item subnavTwo__item"> 591 <a href="/about/agency/" class="subnav__link subnavTwo__link"> 592 Overview 593 </a> 594 </li> 595 <li class="subnav__item subnavTwo__item"> 596 <a href="/about/agency/member-agencies/" class="subnav__link subnavTwo__link"> 597 Member Agencies 598 </a> 599 </li> 600 <li class="subnav__item subnavTwo__item"> 601 <a href="/about/agency/executive-team/" class="subnav__link subnavTwo__link"> 602 Executive Team 603 </a> 604 </li> 605 <li class="subnav__item subnavTwo__item"> 606 <a href="/about/agency/facts--numbers/" class="subnav__link subnavTwo__link"> 607 Facts Sheets & Numbers 608 </a> 609 </li> 610 <li class="subnav__item subnavTwo__item"> 611 <a href="/about/agency/history-of-metrolink/" class="subnav__link subnavTwo__link"> 612 History of Metrolink 613 </a> 614 </li> 615 <li class="subnav__item subnavTwo__item"> 616 <a href="/about/agency/engineering--construction/" class="subnav__link subnavTwo__link"> 617 Engineering & Construction 618 </a> 619 </li> 620 <li class="subnav__item subnavTwo__item"> 621 <a href="/about/agency/PTC/" class="subnav__link subnavTwo__link"> 622 Positive Train Control 623 </a> 624 </li> 625 <li class="subnav__item subnavTwo__item"> 626 <a href="/about/agency/strategic-business-plan/" class="subnav__link subnavTwo__link"> 627 Strategic Business Plan 628 </a> 629 </li> 630 <li class="subnav__item subnavTwo__item"> 631 <a href="/about/agency/rail-fleet-management/" class="subnav__link subnavTwo__link"> 632 Rail Fleet Planning 633 </a> 634 </li> 635 <li class="subnav__item subnavTwo__item"> 636 <a href="/about/agency/accessibility-affordability/" class="subnav__link subnavTwo__link"> 637 Accessibility and Affordability Study 638 </a> 639 </li> 640 <li class="subnav__item subnavTwo__item"> 641 <a href="/about/agency/sustainability/" class="subnav__link subnavTwo__link"> 642 Metrolink Sustainability 643 </a> 644 </li> 645 </ul> 646 </div> 647 </div> 648 </div> 649 <div class='subnav__column'> 650 <div class="subnav__item subnav__item--hasSubnav 651 subnavOne__item"> 652 653 <a 654 href="#" 655 656 class="subnav__link subnavOne__link" 657 role="button" 658 data-toggle="subnav" id="board-meetings-267-subnavTrigger" aria-expanded="false" aria-controls="board-meetings-267-subnav" 659> 660 Board Meetings 661 </a> 662 <div class="subnav subnav--collapse subnavTwo" id="board-meetings-267-subnav" aria-labelledby="board-meetings-267-subnavTrigger"> 663 664 <ul class="subnav__list subnavTwo__list"> 665 <li class="subnav__item subnavTwo__item"> 666 <a href="/about/agency/board-of-directors/" class="subnav__link subnavTwo__link"> 667 Board of Directors 668 </a> 669 </li> 670 <li class="subnav__item subnavTwo__item"> 671 <a href="/about/board-meetings/board-procedures/" class="subnav__link subnavTwo__link"> 672 Board Procedures 673 </a> 674 </li> 675 <li class="subnav__item subnavTwo__item"> 676 <a href="/about/board-meetings/agendas-documents/" class="subnav__link subnavTwo__link"> 677 Agendas & Documents 678 </a> 679 </li> 680 </ul> 681 </div> 682 </div> 683 </div> 684 <div class='subnav__column'> 685 <div class="subnav__item subnavOne__item"> 686 687 <a 688 href="/about/financial-reports/" 689 690 class="subnav__link subnavOne__link" 691 > 692 Financial Reports 693 </a> 694 </div> 695 <div class="subnav__item subnavOne__item"> 696 697 <a 698 href="/about/careers/" 699 700 class="subnav__link subnavOne__link" 701 > 702 Metrolink Careers 703 </a> 704 </div> 705 </div> 706 <div class='subnav__column'> 707 <div class="subnav__item subnavOne__item"> 708 709 <a 710 href="/about/our-trains/" 711 712 class="subnav__link subnavOne__link" 713 > 714 Our Trains 715 </a> 716 </div> 717
717 <div class="subnav__item subnavOne__item"> 718 719 <a 720 href="https://metrolinktrains.com/doing-business" 721 722 class="subnav__link subnavOne__link" 723 > 724 Doing Business With Metrolink 725 </a> 726 </div> 727 </div> 728 <div class='subnav__column'> 729 <div class="subnav__item subnavOne__item"> 730 731 <a 732 href="/about/agency/program-delivery-engineering/" 733 734 class="subnav__link subnavOne__link" 735 > 736 Program Delivery & Engineering 737 </a> 738 </div> 739 </div> 740 </div> 741 </div> 742 </li> 743 </ul> 744 </nav> 745 </div> 746 </div> 747</header> 748 749 750<main id="mainPageContent"> 751 752 753 754<section class="pageContent"> 755 <section > 756 757 </section> 758 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 759<div> 760 <style> 761.fact-col__fig { 762color: #595959; 763} 764 765</style> 766</div></div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 767<div class="row"> 768 <section class="pageSection "> 769 <div class="container"> 770 <div class="row"> 771 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 772<div> 773 <h2 class="h-XL" style="text-align: center;">ABOUT US</h2> 774<p style="text-align: center; max-width: 380px; margin: 0 auto;">Metrolink provides Southern California a safe, convenient alternative to driving.</p> 775</div></div></div> 776 </div> 777 </div> 778 </section> 779</div> 780</div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 781<div class="row"> 782 <section class="pageSection pageSection--padding"> 783 <div class="container"> 784 <div class="row"> 785 <div><div class="block videoblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 786<article class="video-link-container"> 787 <a class="video-link__link video--popup youtube-embed" href="https://www.youtube.com/watch?v=v_FVibqsXm4?&autoplay=1"> 788 <img src="/globalassets/about/agency/hero-image.jpg" class="video-link__link-image" alt="Get Moving With Metrolink Video"> 789 </a> 790</article> 791</div></div> 792 </div> 793 </div> 794 </section> 795</div> 796</div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 797<div class="row"> 798 <section class="pageSection "> 799 <div class="container"> 800 <div class="row"> 801 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 802<div> 803 <h2 class="h-XL" style="text-align: center;">METROLINK'S STORY</h2> 804<p style="text-align: center; max-width: 650px; margin: 0 auto;">Metrolink is proud to serve as the LINK between six Southern California counties with safe, seamless and reliable transportation and connectivity. By reducing 9.2 million car trips annually, Metrolink has proven to be an effective solution, taking pressure off freeways and reducing gridlock.</p> 805</div></div></div> 806 </div> 807 </div> 808 </section> 809</div> 810</div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 811<div class="row"> 812 <section class="pageSection pageSection--padding"> 813 <div class="container"> 814 <div class="row"> 815 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 816<div> 817 <hr> 818<p> </p> 819</div></div><div class="block factcolumnwrapperblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 820<div class="fact-col__wrapper"> 821 <div><div class="block factcolumnblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 822<div class="fact-col"> 823 <div class="fact-col__fig"> 824 59% 825 </div> 826 <p class="fact-col__text"> 827 of Metrolink riders travel across county lines. 828 </p> 829</div> 830</div><div class="block factcolumnblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 831<div class="fact-col"> 832 <div class="fact-col__fig"> 833 81% 834 </div> 835 <p class="fact-col__text"> 836 of weekday trips are work-related. 837 </p> 838</div> 839</div><div class="block factcolumnblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 840<div class="fact-col"> 841 <div class="fact-col__fig"> 842 85% 843 </div> 844 <p class="fact-col__text"> 845 of Metrolink weekday riders own an automobile but choose Metrolink. 846 </p> 847</div> 848</div></div> 849</div> 850</div></div> 851 </div> 852 </div> 853 </section> 854</div> 855</div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 856<div class="row"> 857 <section class="pageSection pageSection--padding"> 858 <div class="container"> 859 <div class="row"> 860 <div><div class="block imagetextoverlayblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 861<div class="img-overlay-card__wrap"> 862 <div class="img-overlay-card__img"> 863 <img src="/globalassets/about/agency/stat-image.jpg" alt=""> 864 </div> 865 <div class="img-overlay-card__content clearfix"> 866 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 867<div> 868 <h2>130,000 MT</h2> 869<p>of greenhouse gas (GHG) emissions removed annually.</p> 870</div></div></div> 871 </div> 872</div> 873</div></div> 874 </div> 875 </div> 876 </section> 877</div> 878</div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 879<div class="row"> 880 <section class="pageSection "> 881 <div class="container"> 882 <div class="row"> 883 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 884<div> 885 <h2 class="h-XL" style="text-align: center;">OUR VALUES</h2> 886</div></div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 887<div> 888 <div class="our-val__wrap"> 889<div class="our-val__item"> 890<div class="our-val__card"> 891<h3 class="our-val__title">People & Safety</h3> 892<p class="our-val__text">Safety is foundational. Everything we do demonstrates an appreciation for quality of life, and every act values the lives of our employees, contractors, co-workers, customers, and communities.</p> 893</div> 894</div> 895<div class="our-val__item"> 896<div class="our-val__card"> 897<h3 class="our-val__title">Quality</h3> 898<p class="our-val__text">We operate on best practices and principles with a continued focus on providing high-quality service to our customers every day on every ride.</p> 899</div> 900</div> 901<div class="our-val__item"> 902<div class="our-val__card"> 903<h3 class="our-val__title">Efficiency</h3> 904<p class="our-val__text">As responsible stewards of public funds, we embrace innovative solutions and continuous improvement for the lowest cost and most efficient operations.</p> 905</div> 906</div> 907<div class="our-val__item"> 908<div class="our-val__card"> 909<h3 class="our-val__title">Growth</h3> 910<p class="our-val__text">We continuously seek creative, progressive, and collaborative solutions to promote investment, develop partnerships, and increase capacity to improve the mobility of Southern Californians.<
910/p> 911</div> 912</div> 913</div> 914</div></div></div> 915 </div> 916 </div> 917 </section> 918</div> 919</div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 920<div class="row"> 921 <section class="pageSection pageSection--padding"> 922 <div class="container"> 923 <div class="row"> 924 <div><div class="block textimagectablock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 925 926 927 928<section class="row img-cta--gray "> 929 <div class="col-md-12"> 930 <div class="row content-container"> 931 <div class="col-md-6 col-sm-6 text--centered image-container "> 932 <img src="/globalassets/about/agency/mission-image.jpg" class="image" alt="3 Metrolink riders on a train"> 933 </div> 934 <div class="col-md-6 col-sm-6 text-container padding-left"> 935 <div class="text__info"> 936 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 937<div> 938 <div style="padding: 30px 20px 20px 20px;"> 939<h2 class="h-L2" style="text-align: left;">OUR MISSION</h2> 940<p style="max-width: 330px;">Our mission is to provide safe, efficient, dependable and on-time transportation service that offers outstanding customer experience and enhances quality of life.</p> 941<h2 class="h-L2" style="text-align: left;">OUR VISION</h2> 942<p style="max-width: 330px;">Our vision is to be Southern Californiaâs preferred transportation system built upon safety, reliability, customer service, leading-edge technology and seamless connectivity.</p> 943</div> 944</div></div></div> 945 </div> 946 </div> 947 </div> 948 </div> 949</section> 950</div></div> 951 </div> 952 </div> 953 </section> 954</div> 955</div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 956<div class="row"> 957 <section class="pageSection "> 958 <div class="container"> 959 <div class="row"> 960 961 </div> 962 </div> 963 </section> 964</div> 965</div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 966<div class="row"> 967 <section class="pageSection pageSection--padding"> 968 <div class="container"> 969 <div class="row"> 970 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 971<div> 972 <h2 class="h-L2" style="text-align: center;">METROLINK SYSTEM MAP</h2> 973</div></div><div class="block imagetextoverlayblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 974<div class="img-overlay-card__wrap"> 975 <div class="img-overlay-card__img"> 976 <img src="/globalassets/maps/metrolink-system-map-2.png" alt=""> 977 </div> 978 <div class="img-overlay-card__content clearfix"> 979 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 980<div> 981 <h1 style="font-size: 20px; font-weight: bold;">Download our system map</h1> 982<p style="font-size: 16px;">Metrolink operates on all lines Monday - Friday. On Saturday and Sunday, service is available on all lines except the Riverside lines. Click below to view our map.</p> 983<p><a class="btn btn--solid btn--noMargin" style="padding: 15px 22px; margin-top: 20px; border-radius: 5px;" href="/rider-info/general-info/maps/" target="_blank" rel="noopener">View System Map</a></p> 984</div></div></div> 985 </div> 986</div> 987</div></div> 988 </div> 989 </div> 990 </section> 991</div> 992</div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 993<div class="row"> 994 <section class="pageSection pageSection--padding"> 995 <div class="container"> 996 <div class="row"> 997 <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> 998<div> 999 <div class="about-pol__wrap"><img class="about-pol__img" alt="scale" src="/Static/img/ethics-icon.svg"> 1000<h4 class="about-pol__heading">Ethics Policy</h4> 1001<p class="about-pol__text">View Metrolink's Ethics Policy at the link below.<br><a href="/globalassets/about/scrra_ethics_policy.pdf" target="_blank">SCRRA Ethics Policy</a></p> 1002</div> 1003</div></div></div> 1004 </div> 1005 </div> 1006 </section> 1007</div> 1008</div></div> 1009</section> 1010 1011</main> 1012 1013 1014<footer> 1015 <div class="siteFooter"> 1016 <div class="siteFooter__darkRow"> 1017 <div class="container"> 1018 <div class="row"> 1019 <div class="col-xs-10 col-xs-offset-1"> 1020 <div class="siteFooter__translate"></div> 1021 </div> 1022 </div> 1023 </div> 1024 </div> 1025 <div class="container"> 1026 <div class="row"> 1027 <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3"> 1028 <h2 class="h-L2 text--centered">Stay Connected</h2> 1029 <div class="siteFooter__signup"> 1030 <div class="input-group input-group--button"> 1031<form action="/email-registration/" method="get"> <label class="sr-only" for="footerEmail">Enter email address</label>
1032 <!-- TODO where does this submit too? need to get client email submission info --> 1033 <input type="text" class="input-group__field input-group__field--transparent" name="footerEmail" id="footerEmail" placeholder="Enter email address" /> 1034 <button class="btn btn--solid btn--noMargin input-group__button">Submit<span class="sr-only">Submit Email</span></button> 1035</form> </div> 1036 </div> 1037 </div> 1038 </div> 1039 </div> 1040 <div class="container"> 1041 <div class="row"> 1042 <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4"> 1043 <nav class="siteFooter__social footerNav footerNav--social" aria-label="Social Links"> 1044 <ul class="footerNav__items"> 1045 <li class="footerNav__item"> 1046 <a href="//facebook.com/Metrolink" class="footerNav__link" target="_blank" aria-label="Facebook (opens in new tab)"> 1047 <span class="fa fa-facebook fa-2x" aria-hidden="true"></span><span class="sr-only">Facebook</span> 1048 </a> 1049 </li> 1050 <li class="footerNav__item"> 1051 <a href="//twitter.com/Metrolink" class="footerNav__link" target="_blank" aria-label="X (opens in new tab)"> 1052 <img src="/Static/img/icons/x-logo.svg" alt="X" width="26"> 1053 </a> 1054 </li> 1055 <li class="footerNav__item"> 1056 <a href="//youtube.com/metrolinkmatters" class="footerNav__link" target="_blank" aria-label="Youtube (opens in new tab)"> 1057 <span class="fa fa-youtube fa-2x" aria-hidden="true"></span><span class="sr-only">Youtube</span> 1058 </a> 1059 </li> 1060 <li class="footerNav__item"> 1061 <a href="//instagram.com/metrolink" class="footerNav__link" target="_blank" aria-label="Instagram (opens in new tab)"> 1062 <span class="fa fa-instagram fa-2x" aria-hidden="true"></span><span class="sr-only">Instagram</span> 1063 </a> 1064 </li> 1065 <li class="footerNav__item"> 1066 <a href="//linkedin.com/company/metrolink" class="footerNav__link" target="_blank" aria-label="LinkedIn (opens in new tab)"> 1067 <span class="fa fa-linkedin fa-2x" aria-hidden="true"></span><span class="sr-only">LinkedIn</span> 1068 </a> 1069 </li> 1070 </ul> 1071 </nav> 1072 <div class="siteFooter__links footerNav"> 1073 <ul class="footerNav__list" role="navigation" aria-label="Footer links"> 1074 <li class="footerNav__item"> 1075 <a href="/privacy-policy/">Privacy Policy</a> 1076 </li> 1077 <li class="footerNav__item"> 1078 <a href="/customer-service/contact-info/">Contact Us</a> 1079 </li> 1080 </ul> 1081 </div> 1082 </div> 1083 </div> 1084 <div class="row"> 1085 <div class="col-lg-12"> 1086 <p class="siteFooter__copyright">© 2026 Southern California Regional Rail Authority. All rights reserved.</p> 1087 </div> 1088 </div> 1089 </div> 1090 </div> 1091</footer> 1092 1093
1094<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script>
1094 1095
1095<script> if (!window.jQuery) { document.write('
1095<script src="/Static/js/vendor/jquery-3.6.0.min.js"><\/script>') } </script>
vendor: 2 bytes, line 1095
1095
1096<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
vendor: 2 bytes, line 1096
1096
1097<script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js"></script>
1097 1098
1098<script src="/Static/js/vendor/vue.min.js"></script>
vendor: 2 bytes, line 1098
1098
1099<script src="/bundles/js?v=Mx7c1YgB66vHylOuy068Z0EcQIy67aV63SLNeNl8ASk1"></script>
1099 1100
1101<script src="https://js.arcgis.com/4.23/init.js"></script>
1101 1102 1103
1104<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"263f755f1f0f481cb01465bc8c88503b","spa":2}' crossorigin="anonymous"></script>
1104 1105</body> 1106</html> 1107
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.