CINXE.COM
About Us | Metrolink
<!DOCTYPE html> <html lang="en"> <head> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WWT28KB');</script> <!-- End Google Tag Manager --> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=10" /> <meta name="title" content="About Us | Metrolink" /> <meta name="description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:url" content="https://metrolinktrains.com/about/agency/" /> <meta property="og:title" content="About Us | Metrolink" /> <meta property="og:description" /> <meta property="og:image" content="https://metrolinktrains.com" /> <meta name="twitter:card" /> <meta name="twitter:title" content="About Us | Metrolink" /> <meta name="twitter:description" /> <meta name="twitter:image" content="https://metrolinktrains.com" /> <title>About Us | Metrolink</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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"> <link href="https://metrolinktrains.com/about/agency/" rel="canonical" /> <link href="/bundles/css?v=eNAdw4rW_qzW8wkNs5e9mPLwwKJzcBqN3UFDKUJ0E7o1" rel="stylesheet"/> <link rel="stylesheet" href="https://js.arcgis.com/4.14/esri/css/main.css"> <!-- This GA script is used to track Google Translate events, only works on https --> <script src="https://ssl.google-analytics.com/ga.js"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWT28KB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="alerts"> </div> <script> const alertBars = document.querySelectorAll('.alertBar'); if (alertBars.length) { function hideAlertBar(id) { const alertBar = document.querySelector(`#${id}`); if (alertBar) { alertBar.classList.add('alertBar--hidden'); } } alertBars.forEach(alertBar => { const id = alertBar.id; const cookie = document.cookie.split(';').find(c => c.includes(id)); if (cookie) { hideAlertBar(id); } else { const closeBtn = alertBar.querySelector('.js--closeAlert'); closeBtn.addEventListener('click', function (e) { e.preventDefault(); const date = new Date(); date.setTime(date.getTime() + (60 * 60 * 1000)); document.cookie = `${id}=true; expires=${date.toUTCString()}; path=/`; hideAlertBar(id); }); } }); } </script> <header class="header"> <a href="#mainPageContent" class="skip-navigation sr-only sr-only-focusable">Skip Navigation</a> <div class="siteNav"> <div class="siteNav__header"> <a href="/" class="siteNav__logo"> <img src="/Static/img/dist/metrolink-text-logo.svg" class="siteNav__logoImg" alt="Metrolink" /> </a> <button type="button" class="siteNav__toggle toggleNav collapsed" data-toggle="collapse" data-target="#siteNavigation" aria-expanded="false"> <div class="toggleNav__wrapper"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar toggleNav__icon"> </span> <span class="icon-bar toggleNav__icon"> </span> <span class="icon-bar toggleNav__icon"> </span> </div> </button> </div> <div class="siteNav__navigation collapse" id="siteNavigation"> <nav class="nav utilityNav"> <ul class="nav__list utilityNav__list"> <li class="nav__item utilityNav__item"> <a href="/community-main/welcome/" class="nav__link utilityNav__link"> Community </a> </li> <li class="nav__item utilityNav__item"> <a href="/corporate-partners/corporate-partner-program/" class="nav__link utilityNav__link"> Corporate Partners </a> </li> <li class="nav__item utilityNav__item"> <a href="https://metrolinktrains.com/news/metrolink-news/" class="nav__link utilityNav__link"> News </a> </li> <li class="nav__item utilityNav__item"> <a href="/customer-service/contact-info/" class="nav__link utilityNav__link"> Customer Service </a> </li> <li class="nav__item utilityNav__item utilityNav__item--translate"> <div id="google_translate_element" class="googleTranslateElement"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-1816098-3' }, 'google_translate_element'); } </script> <script> function initGoogleTranslate() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; document.body.appendChild(script); } // Exclude translation on pages that match these regexes const regexTests = [ '/train-status/.+', '/alerts-beta/track-on-map-tab/' ]; if (!regexTests.some((regex) => new RegExp(regex).test(window.location.pathname))) { initGoogleTranslate(); } </script> </li> <li class="nav__item utilityNav__item utilityNav__item--search"> <div class="input-group"> <input type="text" class="input-group__field mainNav__search" name="q" id="SearchKeywords" aria-label="Search" placeholder="Search" data-search-page="/search/"/> </div> </li> </ul> </nav> <nav role="navigation" class="nav mainNav" id="mainNav"> <ul class="nav__list mainNav__list"> <li class="nav__item mainNav__item"> <a href="/train_tracker/" class="nav__link mainNav__link "> Train Status </a> </li> <li class="nav__item nav__item--hasSubnav mainNav__item"> <a href="#" class="nav__link mainNav__link " data-toggle="subnav" id="tickets-268-subnavTrigger" aria-expanded="false" aria-controls="tickets-268-subnav"> Tickets </a> <div id="tickets-268-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="tickets-268-subnavTrigger"> <div class="subnav__list subnavOne__list subnav__list--three"> <div class="subnav__column"> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="/ticketsOverview/where-to-buy/" class="subnav__link subnavOne__link" data-toggle="subnav" id="where-to-buy-262-subnavTrigger" aria-expanded="false" aria-controls="where-to-buy-262-subnav" > Where To Buy </a> <div class="subnav subnav--collapse subnavTwo" id="where-to-buy-262-subnav" aria-labelledby="where-to-buy-262-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/" class="subnav__link subnavTwo__link"> Overview </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/mobile-app/" class="subnav__link subnavTwo__link"> Mobile App </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/ticket-machines/" class="subnav__link subnavTwo__link"> Ticket Machines </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/print-at-home/" class="subnav__link subnavTwo__link"> Print at Home </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/outlets/" class="subnav__link subnavTwo__link"> Outlets </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="ticket-info-269-subnavTrigger" aria-expanded="false" aria-controls="ticket-info-269-subnav" > Ticket Info </a> <div class="subnav subnav--collapse subnavTwo" id="ticket-info-269-subnav" aria-labelledby="ticket-info-269-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/ticket-info/ticket-types/" class="subnav__link subnavTwo__link"> Ticket Types </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/ticket-info/price-finder/" class="subnav__link subnavTwo__link"> Price Finder </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="discounts-273-subnavTrigger" aria-expanded="false" aria-controls="discounts-273-subnav" > Discounts </a> <div class="subnav subnav--collapse subnavTwo" id="discounts-273-subnav" aria-labelledby="discounts-273-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/everyday-discounts/" class="subnav__link subnavTwo__link"> Everyday Discounts </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/current-promotions/" class="subnav__link subnavTwo__link"> Current Promotions </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/metrolink-$10-weekends/" class="subnav__link subnavTwo__link"> Metrolink $10 Weekends </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/group-discounts/" class="subnav__link subnavTwo__link"> Group Discounts </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/mobility4all/" class="subnav__link subnavTwo__link"> Mobility-4-All </a> </li> </ul> </div> </div> </div> </div> </div> </li> <li class="nav__item mainNav__item"> <a href="/schedules/" class="nav__link mainNav__link "> Schedules </a> </li> <li class="nav__item nav__item--hasSubnav mainNav__item"> <a href="#" class="nav__link mainNav__link " data-toggle="subnav" id="rider-info-278-subnavTrigger" aria-expanded="false" aria-controls="rider-info-278-subnav"> Rider Info </a> <div id="rider-info-278-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="rider-info-278-subnavTrigger"> <div class="subnav__list subnavOne__list subnav__list--three"> <div class="subnav__column"> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="general-info-279-subnavTrigger" aria-expanded="false" aria-controls="general-info-279-subnav" > General Info </a> <div class="subnav subnav--collapse subnavTwo" id="general-info-279-subnav" aria-labelledby="general-info-279-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/how-to-ride/" class="subnav__link subnavTwo__link"> How to Ride </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/stations/" class="subnav__link subnavTwo__link"> Stations </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/maps/" class="subnav__link subnavTwo__link"> Maps </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/transit-connections/" class="subnav__link subnavTwo__link"> Transit Connections </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/parking-at-train-stations/" class="subnav__link subnavTwo__link"> Parking </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/onboard-amenities/" class="subnav__link subnavTwo__link"> Onboard Amenities </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/accessibility-ada/" class="subnav__link subnavTwo__link"> Accessibility/ADA </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/civil-rights/" class="subnav__link subnavTwo__link"> Civil Rights </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/codeshare/" class="subnav__link subnavTwo__link"> Codeshare Trains </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/rail-2-rail/" class="subnav__link subnavTwo__link"> Rail 2 Rail® </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="onboard-policies-280-subnavTrigger" aria-expanded="false" aria-controls="onboard-policies-280-subnav" > Onboard Policies </a> <div class="subnav subnav--collapse subnavTwo" id="onboard-policies-280-subnav" aria-labelledby="onboard-policies-280-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/code-of-conduct/" class="subnav__link subnavTwo__link"> Code of Conduct </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/bikes/" class="subnav__link subnavTwo__link"> Bike Cars </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/quiet-cars/" class="subnav__link subnavTwo__link"> Quiet Cars </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/whats-allowed-onboard/" class="subnav__link subnavTwo__link"> What's Allowed Onboard </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="/rider-info/safety--security/" class="subnav__link subnavOne__link" data-toggle="subnav" id="safety-13937-subnavTrigger" aria-expanded="false" aria-controls="safety-13937-subnav" > Safety </a> <div class="subnav subnav--collapse subnavTwo" id="safety-13937-subnav" aria-labelledby="safety-13937-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/" class="subnav__link subnavTwo__link"> Overview </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/positive-train-control/" class="subnav__link subnavTwo__link"> Positive Train Control </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/security/" class="subnav__link subnavTwo__link"> Security </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/rail-safety/" class="subnav__link subnavTwo__link"> Rail Safety </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/suicide-prevention/" class="subnav__link subnavTwo__link"> Suicide Prevention Awareness </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/human-trafficking/" class="subnav__link subnavTwo__link"> Combating Human Trafficking </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="/rider-info/arrow/" class="subnav__link subnavOne__link" > Arrow Service </a> </div> </div> </div> </div> </li> <li class="nav__item mainNav__item"> <a href="/explore/" class="nav__link mainNav__link "> Explore </a> </li> <li class="nav__item nav__item--hasSubnav mainNav__item"> <a href="#" class="nav__link mainNav__link mainNav__link--noRightBar" data-toggle="subnav" id="about-239-subnavTrigger" aria-expanded="false" aria-controls="about-239-subnav"> About </a> <div id="about-239-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="about-239-subnavTrigger"> <div class="subnav__list subnavOne__list subnav__list--four"> <div class="subnav__column"> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="/about/agency/" class="subnav__link subnavOne__link" data-toggle="subnav" id="agency-240-subnavTrigger" aria-expanded="false" aria-controls="agency-240-subnav" > Agency </a> <div class="subnav subnav--collapse subnavTwo" id="agency-240-subnav" aria-labelledby="agency-240-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/" class="subnav__link subnavTwo__link"> Overview </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/" class="subnav__link subnavTwo__link"> About Us </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/member-agencies/" class="subnav__link subnavTwo__link"> Member Agencies </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/executive-team/" class="subnav__link subnavTwo__link"> Executive Team </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/facts--numbers/" class="subnav__link subnavTwo__link"> Facts Sheets & Numbers </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/history-of-metrolink/" class="subnav__link subnavTwo__link"> History of Metrolink </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/engineering--construction/" class="subnav__link subnavTwo__link"> Engineering & Construction </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/PTC/" class="subnav__link subnavTwo__link"> Positive Train Control </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/strategic-business-plan/" class="subnav__link subnavTwo__link"> Strategic Business Plan </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/rail-fleet-management/" class="subnav__link subnavTwo__link"> Rail Fleet Planning </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/accessibility-affordability/" class="subnav__link subnavTwo__link"> Accessibility and Affordability Study </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/sustainability/" class="subnav__link subnavTwo__link"> Metrolink Sustainability </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="board-meetings-267-subnavTrigger" aria-expanded="false" aria-controls="board-meetings-267-subnav" > Board Meetings </a> <div class="subnav subnav--collapse subnavTwo" id="board-meetings-267-subnav" aria-labelledby="board-meetings-267-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/board-of-directors/" class="subnav__link subnavTwo__link"> Board of Directors </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/board-meetings/board-procedures/" class="subnav__link subnavTwo__link"> Board Procedures </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/board-meetings/agendas-documents/" class="subnav__link subnavTwo__link"> Agendas & Documents </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="/about/financial-reports/" class="subnav__link subnavOne__link" > Financial Reports </a> </div> <div class="subnav__item subnavOne__item"> <a href="/about/careers/" class="subnav__link subnavOne__link" > Metrolink Careers </a> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="/about/our-trains/" class="subnav__link subnavOne__link" > Our Trains </a> </div> <div class="subnav__item subnavOne__item"> <a href="https://metrolinktrains.com/doing-business" class="subnav__link subnavOne__link" > Doing Business With Metrolink </a> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="https://metrolinktrains.com/score" class="subnav__link subnavOne__link" > SCORE </a> </div> </div> </div> </div> </li> </ul> </nav> </div> </div> </header> <main id="mainPageContent"> <section class="pageContent"> <section > </section> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <style> .fact-col__fig { color: #595959; } </style> </div></div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection "> <div class="container"> <div class="row"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <h2 class="h-XL" style="text-align: center;">ABOUT US</h2> <p style="text-align: center; max-width: 380px; margin: 0 auto;">Metrolink provides Southern California a safe, convenient alternative to driving.</p> </div></div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--padding"> <div class="container"> <div class="row"> <div><div class="block videoblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <article class="video-link-container"> <a class="video-link__link video--popup youtube-embed" href="https://www.youtube.com/watch?v=v_FVibqsXm4?&autoplay=1"> <img src="/globalassets/about/agency/hero-image.jpg" class="video-link__link-image" alt="Get Moving With Metrolink Video"> </a> </article> </div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection "> <div class="container"> <div class="row"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <h2 class="h-XL" style="text-align: center;">METROLINK'S STORY</h2> <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> </div></div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--padding"> <div class="container"> <div class="row"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <hr> <p> </p> </div></div><div class="block factcolumnwrapperblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="fact-col__wrapper"> <div><div class="block factcolumnblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="fact-col"> <div class="fact-col__fig"> 59% </div> <p class="fact-col__text"> of Metrolink riders travel across county lines. </p> </div> </div><div class="block factcolumnblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="fact-col"> <div class="fact-col__fig"> 81% </div> <p class="fact-col__text"> of weekday trips are work-related. </p> </div> </div><div class="block factcolumnblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="fact-col"> <div class="fact-col__fig"> 85% </div> <p class="fact-col__text"> of Metrolink weekday riders own an automobile but choose Metrolink. </p> </div> </div></div> </div> </div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--padding"> <div class="container"> <div class="row"> <div><div class="block imagetextoverlayblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="img-overlay-card__wrap"> <div class="img-overlay-card__img"> <img src="/globalassets/about/agency/stat-image.jpg" alt=""> </div> <div class="img-overlay-card__content clearfix"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <h2>130,000 MT</h2> <p>of greenhouse gas (GHG) emissions removed annually.</p> </div></div></div> </div> </div> </div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection "> <div class="container"> <div class="row"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <h2 class="h-XL" style="text-align: center;">OUR VALUES</h2> </div></div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <div class="our-val__wrap"> <div class="our-val__item"> <div class="our-val__card"> <h3 class="our-val__title">People & Safety</h3> <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> </div> </div> <div class="our-val__item"> <div class="our-val__card"> <h3 class="our-val__title">Quality</h3> <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> </div> </div> <div class="our-val__item"> <div class="our-val__card"> <h3 class="our-val__title">Efficiency</h3> <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> </div> </div> <div class="our-val__item"> <div class="our-val__card"> <h3 class="our-val__title">Growth</h3> <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.</p> </div> </div> </div> </div></div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--padding"> <div class="container"> <div class="row"> <div><div class="block textimagectablock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <section class="row img-cta--gray "> <div class="col-md-12"> <div class="row content-container"> <div class="col-md-6 col-sm-6 text--centered image-container "> <img src="/globalassets/about/agency/mission-image.jpg" class="image" alt="3 Metrolink riders on a train"> </div> <div class="col-md-6 col-sm-6 text-container padding-left"> <div class="text__info"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <div style="padding: 30px 20px 20px 20px;"> <h2 class="h-L2" style="text-align: left;">OUR MISSION</h2> <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> <h2 class="h-L2" style="text-align: left;">OUR VISION</h2> <p style="max-width: 330px;">Our vision is to be Southern California鈥檚 preferred transportation system built upon safety, reliability, customer service, leading-edge technology and seamless connectivity.</p> </div> </div></div></div> </div> </div> </div> </div> </section> </div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection "> <div class="container"> <div class="row"> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--padding"> <div class="container"> <div class="row"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <h2 class="h-L2" style="text-align: center;">METROLINK SYSTEM MAP</h2> </div></div><div class="block imagetextoverlayblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="img-overlay-card__wrap"> <div class="img-overlay-card__img"> <img src="/globalassets/maps/metrolink-system-map-2.png" alt=""> </div> <div class="img-overlay-card__content clearfix"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <h1 style="font-size: 20px; font-weight: bold;">Download our system map</h1> <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> <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> </div></div></div> </div> </div> </div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--padding"> <div class="container"> <div class="row"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <div class="about-pol__wrap"><img class="about-pol__img" alt="scale" src="/Static/img/ethics-icon.svg"> <h4 class="about-pol__heading">Ethics Policy</h4> <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> </div> </div></div></div> </div> </div> </section> </div> </div></div> </section> </main> <footer> <div class="siteFooter"> <div class="siteFooter__darkRow"> <div class="container"> <div class="row"> <div class="col-xs-10 col-xs-offset-1"> <div class="siteFooter__translate"></div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3"> <h2 class="h-L2 text--centered">Stay Connected</h2> <div class="siteFooter__signup"> <div class="input-group input-group--button"> <form action="/email-registration/" method="get"> <label class="sr-only" for="footerEmail">Enter email address</label> <!-- TODO where does this submit too? need to get client email submission info --> <input type="text" class="input-group__field input-group__field--transparent" name="footerEmail" id="footerEmail" placeholder="Enter email address" /> <button class="btn btn--solid btn--noMargin input-group__button">Submit<span class="sr-only">Submit Email</span></button> </form> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4"> <div class="siteFooter__social footerNav footerNav--social"> <ul class="footerNav__items"> <li class="footerNav__item"> <a href="//facebook.com/Metrolink" class="footerNav__link" target="_blank"> <span class="fa fa-facebook fa-2x" aria-hidden="true"></span><span class="sr-only">Facebook</span> </a> </li> <li class="footerNav__item"> <a href="//twitter.com/Metrolink" class="footerNav__link" target="_blank"> <img src="/Static/img/icons/x-logo.svg" alt="X" width="26"> </a> </li> <li class="footerNav__item"> <a href="//youtube.com/metrolinkmatters" class="footerNav__link" target="_blank"> <span class="fa fa-youtube fa-2x" aria-hidden="true"></span><span class="sr-only">Youtube</span> </a> </li> <li class="footerNav__item"> <a href="//instagram.com/metrolink" class="footerNav__link" target="_blank"> <span class="fa fa-instagram fa-2x" aria-hidden="true"></span><span class="sr-only">Instagram</span> </a> </li> <li class="footerNav__item"> <a href="//linkedin.com/company/metrolink" class="footerNav__link" target="_blank"> <span class="fa fa-linkedin fa-2x" aria-hidden="true"></span><span class="sr-only">LinkedIn</span> </a> </li> </ul> </div> <div class="siteFooter__links footerNav"> <ul class="footerNav__list"> <li class="footerNav__item"> <a href="/privacy-policy/">Privacy Policy</a> </li> <li class="footerNav__item"> <a href="/customer-service/contact-info/">Contact Us</a> </li> </ul> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <p class="siteFooter__copyright">© 2024 Southern California Regional Rail Authority. All rights reserved.</p> </div> </div> </div> </div> </footer> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script> <script> if (!window.jQuery) { document.write('<script src="/Static/js/vendor/jquery-3.6.0.min.js"><\/script>') } </script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js"></script> <script src="/Static/js/vendor/vue.min.js"></script> <script src="/bundles/js?v=Kgj9kPiIPfCg7OgpnkyH-iTv0r7M9GK3-s2jtVuiOL41"></script> <script src="https://js.arcgis.com/4.23/init.js"></script> </body> </html>