Your guide to getting around town | Regional Transportation Authority

<!DOCTYPE html>  <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="apple-touch-icon" sizes="57x57" href="/dist/img/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/dist/img/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/dist/img/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/dist/img/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/dist/img/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/dist/img/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/dist/img/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/dist/img/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/dist/img/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/dist/img/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/dist/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/dist/img/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/dist/img/favicons/favicon-16x16.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/dist/img/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="/dist/app.css?v=75" />  <title>Your guide to getting around town | Regional Transportation Authority</title> <script>dataLayer = []; (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-52F2WNB'); </script><meta name="generator" content="SEOmatic"> <meta name="description" content="The Chicago transit system is the second largest in the U.S. Learn how to safely navigate the system’s busses and trains so you can have a smooth ride in…"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="ChicagoRTA" property="fb:profile_id"> <meta content="en_US" property="og:locale"> <meta content="Regional Transportation Authority" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://www.rtachicago.org/riders/how-to-ride" property="og:url"> <meta content="Regional Transportation Authority | Your guide to getting around town" property="og:title"> <meta content="The Chicago transit system is the second largest in the U.S. Learn how to safely navigate the system’s busses and trains so you can have a smooth ride in…" property="og:description"> <meta content="https://www.rtachicago.org/uploads/images/general/Riders/_1200x630_fit_center-center_82_none/Plainfield-Park-N-Ride_People-waiting-on-bus_0411.jpg?mtime=1667848904" property="og:image"> <meta content="944" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="The Chicago region is home to the second largest transit system in the country." property="og:image:alt"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@RTA_Chicago"> <meta name="twitter:creator" content="@RTA_Chicago"> <meta name="twitter:title" content="Regional Transportation Authority | Your guide to getting around town"> <meta name="twitter:description" content="The Chicago transit system is the second largest in the U.S. Learn how to safely navigate the system’s busses and trains so you can have a smooth ride in…"> <meta name="twitter:image" content="https://www.rtachicago.org/uploads/images/general/Riders/_800x418_fit_center-center_82_none/Plainfield-Park-N-Ride_People-waiting-on-bus_0411.jpg?mtime=1667848904"> <meta name="twitter:image:width" content="626"> <meta name="twitter:image:height" content="418"> <meta name="twitter:image:alt" content="The Chicago region is home to the second largest transit system in the country."> <meta name="google-site-verification" content="flc9M5aNMzUEqdyhYI2RWUswVmrm9y2XedmQechjGlc"> <link href="https://www.rtachicago.org/riders/how-to-ride" rel="canonical"> <link href="https://www.rtachicago.org" rel="home"> <link type="text/plain" href="https://www.rtachicago.org/humans.txt" rel="author"> <link href="https://www.rtachicago.org/cpresources/8cc5bd04/css/front-end/plugin/freeform.css?v=1729871520" rel="stylesheet"></head> <body id="how-to-ride" class="bg-rtadarkgray-500"><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-52F2WNB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="hidden lg:block bg-black w-full"> <div class="max-w-screen-2xl mx-auto flex h-10 items-center font-heading justify-between text-sm text-white space-x-4 pr-6"> <div class="flex ml-6"> <div class="flex place-items-center"> <span class=" h-3 w-3 animate-ping duration-700 absolute inline-flex rounded-full bg-rtayellow-500 opacity-75"></span> <span class="relative inline-flex rounded-full h-3 w-3 bg-rtayellow-500"></span> </div> <a class="hover:text-rtayellow-500 duration-300 ml-4" href="https://transitistheanswer.org" target="_blank">Keep up with regional transit news and progress, visit Transitistheanswer.org</a> </div> <div class="space-x-6"> <span><a class="hover:text-rtayellow-500 duration-300" href="/careers">Careers</a></span> <span><a class="hover:text-rtayellow-500 duration-300" href="/contact">Contact</a></span> </div> </div> </div> <div class="block lg:hidden bg-black w-full "> <div class=" max-w-screen-2xl mx-auto flex h-20 items-center font-heading justify-between text-sm text-white space-x-4 pr-6"> <div class="flex ml-6"> <div class="flex place-items-center"> <span class=" h-3 w-3 animate-ping duration-700 absolute inline-flex rounded-full bg-rtayellow-500 opacity-75"></span> <span class="relative inline-flex rounded-full h-3 w-3 bg-rtayellow-500"></span> </div> <a class="hover:text-rtayellow-500 duration-300 ml-4" href="https://transitistheanswer.org" target="_blank">Keep up with regional transit news and progress, visit Transitistheanswer.org</a> </div> </div> </div>  <div class="max-w-full bg-rtadarkgray-500 h-[90px] sticky top-0 z-50 lg:mb-[22px]"> <div class="max-w-full bg-rtadarkgray-500 shadow-md transition-all duration-300 ease-out sticky top-0 z-50"> <div class="max-w-screen-2xl mx-auto px-4 lg:px-6"> <div class="flex justify-between items-center py-2 lg:py-6 lg:justify-start md:space-x-10"> <div class="lg:w-0 lg:flex-1"> <a href="/"> <span class="sr-only">Regional Transportation Authority</span> <img id="mainLogo" class="h-10 w-auto pl-2 lg:h-16 transition-all duration-300 ease-out" src="/dist/img/rta-logo-reversed.svg" alt="Regional Transportation Authority Logo"> </a> </div> <div class="flex z-10 mr-2 my-2 lg:hidden"> <a href="/contact" class="p-4 text-white"> <span class="sr-only">Contact</span> <img class="h-6 w-6" src="/dist/img/icon-phone.png" alt="Contact"> </a> <button id="mobileopen" type="button" class="p-2 text-white" aria-expanded="false"> <span class="sr-only">Open menu</span>  <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M4 6h16M4 12h16M4 18h16" /> </svg> </button> </div> <nav class="hidden lg:flex space-x-4" id="mainNav"> <div>  <button type="button" class="droptrigger transition duration-300 text-white font-heading group inline-flex items-center text-base lg:text-xs xl:text-base font-medium hover:text-rtayellow-500" aria-expanded="false"> <span>Region</span>  <svg class="droparrow text-gray-400 ml-1 lg:ml-0 xl:ml-1 h-5 w-5 group-hover:text-gray-500 transition duration-300 transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div class="dropitem transition ease-out duration-500 opacity-0 translate-y-1 absolute z-50 left-0 w-full justify-center bg-gradient-to-b from-rtadarkgray-500 to-rtadarkgray-700 lg:h-auto shadow-md hidden border-t border-white mt-[2.7rem]"> <div class="max-w-screen-2xl mx-auto"> <div class="lg:w-full"> <div class="relative grid gap-8 px-5 py-6 lg:grid-cols-3"> <a href="https://www.rtachicago.org/region" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Region — Overview</p> <span class="mt-1 text-sm text-rtalightgray-500">The Regional Transportation Authority (RTA) coordinates the Chicago region’s transit system.</span> </div> </a> <a href="https://www.rtachicago.org/region/transit-is-the-answer" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Transit is the Answer</p> <span class="mt-1 text-sm text-rtalightgray-500">The 2023 Regional Transit Strategic Plan is available for public comment, read the plan and comment by January 9</span> </div> </a> <a href="https://www.rtachicago.org/region/strategic-planning" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Strategic Planning</p> <span class="mt-1 text-sm text-rtalightgray-500">Learn more about the RTA's current plan, Invest in Transit, and upcoming plan, Transit is the Answer.</span> </div> </a> <a href="https://www.rtachicago.org/region/innovation" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Innovation</p> <span class="mt-1 text-sm text-rtalightgray-500">Learn about how we are adapting transit to meet the changing needs of riders through innovative pilots.</span> </div> </a> <a href="https://www.rtachicago.org/region/regional-collaboration" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Collaboration</p> <span class="mt-1 text-sm text-rtalightgray-500">See how the RTA brings together CTA, Metra, and Pace to create a seamless transit experience for our region.</span> </div> </a> <a href="https://www.rtachicago.org/region/how-system-working" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">How the system is working</p> <span class="mt-1 text-sm text-rtalightgray-500">Understanding how well the Chicago region’s transit system is working and how we compare to our peers.</span> </div> </a> <a href="https://www.rtachicago.org/region/regional-transit-data" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150" target="_blank"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Regional transit data</p> </div> </a> <a href="https://www.rtachicago.org/region/section-5310" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Section 5310</p> <span class="mt-1 text-sm text-rtalightgray-500">Funding mobility programs that provide independence for older adults and riders with disabilities.</span> </div> </a> </div> </div> </div> </div> </div> <div>  <button type="button" class="droptrigger transition duration-300 text-white font-heading group inline-flex items-center text-base lg:text-xs xl:text-base font-medium hover:text-rtayellow-500" aria-expanded="false"> <span>Communities</span>  <svg class="droparrow text-gray-400 ml-1 lg:ml-0 xl:ml-1 h-5 w-5 group-hover:text-gray-500 transition duration-300 transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div class="dropitem transition ease-out duration-500 opacity-0 translate-y-1 absolute z-50 left-0 w-full justify-center bg-gradient-to-b from-rtadarkgray-500 to-rtadarkgray-700 lg:h-auto shadow-md hidden border-t border-white mt-[2.7rem]"> <div class="max-w-screen-2xl mx-auto"> <div class="lg:w-full"> <div class="relative grid gap-8 px-5 py-6 lg:grid-cols-3"> <a href="https://www.rtachicago.org/communities" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Communities — Overview</p> <span class="mt-1 text-sm text-rtalightgray-500">RTA provides planning support and funding opportunities to municipalities and transportation agencies.</span> </div> </a> <div class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white"><a href="https://www.rtachicago.org/communities/community-planning">Community planning</a></p> </div> </div> <a href="https://www.rtachicago.org/communities/access-to-transit-program" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Access to transit program</p> <span class="mt-1 text-sm text-rtalightgray-500">Investing in bicycle and pedestrian infrastructure near transit to make the system safer and more accessible for riders.</span> </div> </a> <div class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white"><a href="https://www.rtachicago.org/communities/toolkits-and-education">Toolkits and education</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/communities/toolkits-and-education/parking-guide" class=" text-rtayellow-500 hover:text-rtayellow-300">Parking Strategies for TOD</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/communities/toolkits-and-education/funding-guide" class=" text-rtayellow-500 hover:text-rtayellow-300">Funding guide</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/communities/toolkits-and-education/zoning-guide" class=" text-rtayellow-500 hover:text-rtayellow-300">Zoning Guide</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/communities/toolkits-and-education/what-are-mobility-hubs" class=" text-rtayellow-500 hover:text-rtayellow-300">What are mobility hubs?</a></p> </div> </div> </div> </div> </div> </div> </div> <div>  <button type="button" class="droptrigger transition duration-300 text-white font-heading group inline-flex items-center text-base lg:text-xs xl:text-base font-medium hover:text-rtayellow-500" aria-expanded="false"> <span>Riders</span>  <svg class="droparrow text-gray-400 ml-1 lg:ml-0 xl:ml-1 h-5 w-5 group-hover:text-gray-500 transition duration-300 transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div class="dropitem transition ease-out duration-500 opacity-0 translate-y-1 absolute z-50 left-0 w-full justify-center bg-gradient-to-b from-rtadarkgray-500 to-rtadarkgray-700 lg:h-auto shadow-md hidden border-t border-white mt-[2.7rem]"> <div class="max-w-screen-2xl mx-auto"> <div class="lg:w-full"> <div class="relative grid gap-8 px-5 py-6 lg:grid-cols-3"> <a href="https://www.rtachicago.org/riders" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Riders — Overview</p> <span class="mt-1 text-sm text-rtalightgray-500">Learn how to plan a trip on CTA, Metra, Pace, and ADA Paratransit.</span> </div> </a> <a href="https://www.rtachicago.org/riders/access" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Access Pilot Program</p> <span class="mt-1 text-sm text-rtalightgray-500">Learn more about how riders experiencing low incomes can apply for reduced Metra fares</span> </div> </a> <a href="https://www.rtachicago.org/riders/accessible-transit" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Accessible transit</p> <span class="mt-1 text-sm text-rtalightgray-500">Learn about ADA Paratransit Service and how the transit system is accessible for riders with disabilities.</span> </div> </a> <div class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white"><a href="https://www.rtachicago.org/riders/free-and-reduced-fare-programs">Discounted Fare and Ride Free Programs</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/riders/free-and-reduced-fare-programs/registration-sites" class=" text-rtayellow-500 hover:text-rtayellow-300">Registration Sites</a></p> </div> </div> <a href="https://www.rtachicago.org/riders/how-to-ride" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">How to ride</p> <span class="mt-1 text-sm text-rtalightgray-500">Plan your trip, view maps and schedule trackers, and see tips for using the region’s buses and trains.</span> </div> </a> <a href="https://www.rtachicago.org/riders/paying-for-your-ride" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Paying for your ride</p> <span class="mt-1 text-sm text-rtalightgray-500">Find out how much it costs to ride to ride transit, how to pay, and how to apply for discounted and free rides.</span> </div> </a> <a href="https://www.rtachicago.org/riders/travel-assistance-digital-library" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Travel Assistance Digital Library</p> <span class="mt-1 text-sm text-rtalightgray-500">Download documents for RTA Rider programs such as Ride Free and Access.</span> </div> </a> <a href="https://www.rtachicago.org/riders/transit-education" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Transit Education</p> <span class="mt-1 text-sm text-rtalightgray-500">Mobility outreach and travel training help riders gain independence.</span> </div> </a> <a href="https://www.rtachicago.org/riders/transit-benefit-fare-program" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150" target="_blank"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Transit Benefit Fare Program</p> </div> </a> </div> </div> </div> </div> </div> <div>  <button type="button" class="droptrigger transition duration-300 text-white font-heading group inline-flex items-center text-base lg:text-xs xl:text-base font-medium hover:text-rtayellow-500" aria-expanded="false"> <span>Transit Funding</span>  <svg class="droparrow text-gray-400 ml-1 lg:ml-0 xl:ml-1 h-5 w-5 group-hover:text-gray-500 transition duration-300 transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div class="dropitem transition ease-out duration-500 opacity-0 translate-y-1 absolute z-50 left-0 w-full justify-center bg-gradient-to-b from-rtadarkgray-500 to-rtadarkgray-700 lg:h-auto shadow-md hidden border-t border-white mt-[2.7rem]"> <div class="max-w-screen-2xl mx-auto"> <div class="lg:w-full"> <div class="relative grid gap-8 px-5 py-6 lg:grid-cols-3"> <a href="https://www.rtachicago.org/transit-funding" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Transit Funding — Overview</p> <span class="mt-1 text-sm text-rtalightgray-500">The RTA plays a vital role in financing the region’s public transit system.</span> </div> </a> <a href="https://www.rtachicago.org/transit-funding/moving-the-system" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Moving the system</p> <span class="mt-1 text-sm text-rtalightgray-500">Learn about how we fund daily operations of buses and trains in our region and how we are working toward solutions to a future funding crisis.</span> </div> </a> <a href="https://www.rtachicago.org/transit-funding/improving-the-system" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Maintaining and improving the system</p> <span class="mt-1 text-sm text-rtalightgray-500">See how major capital investments are improving our transit infrastructure and where more funding is needed</span> </div> </a> <a href="https://www.rtachicago.org/transit-funding/2025-regional-transit-budget" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">2025 Regional Transit Operating Budget and Capital Program</p> <span class="mt-1 text-sm text-rtalightgray-500">View the next year’s budget, provide public comment, or attend a public hearing to get involved.</span> </div> </a> <a href="https://www.rtachicago.org/transit-funding/financial-documents" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Financial Documents</p> <span class="mt-1 text-sm text-rtalightgray-500">Historic and current financial documents including annual budgets, quarterly financial reports, and more.</span> </div> </a> </div> </div> </div> </div> </div> <div>  <button type="button" class="droptrigger transition duration-300 text-white font-heading group inline-flex items-center text-base lg:text-xs xl:text-base font-medium hover:text-rtayellow-500" aria-expanded="false"> <span>News</span>  <svg class="droparrow text-gray-400 ml-1 lg:ml-0 xl:ml-1 h-5 w-5 group-hover:text-gray-500 transition duration-300 transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div class="dropitem transition ease-out duration-500 opacity-0 translate-y-1 absolute z-50 left-0 w-full justify-center bg-gradient-to-b from-rtadarkgray-500 to-rtadarkgray-700 lg:h-auto shadow-md hidden border-t border-white mt-[2.7rem]"> <div class="max-w-screen-2xl mx-auto"> <div class="lg:w-full"> <div class="relative grid gap-6 px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-3"> <a href="https://www.rtachicago.org/blog/2024/11/21/voters-overwhelmingly-support-transit-nationally-this-election-cycle" class="group"> <div class="relative"> <img src="https://www.rtachicago.org/uploads/images/blog/_copyWithImage/221107-RTA-1573.jpg" alt="221107 RTA 1573" class="h-60 w-full object-cover object-top"> </div> <p class="font-heading text-xl text-white pt-2 group-hover:text-rtayellow-500">Voters overwhelmingly support transit nationally this election cycle</p> </a> <a href="https://www.rtachicago.org/blog/2024/11/21/state-hearings-show-broad-support-for-funding-transit-and-increasing-service-across-region" class="group"> <div class="relative"> <img src="https://www.rtachicago.org/uploads/images/blog/_copyWithImage/22-RTA-0700.jpg" alt="22 RTA 0700" class="h-60 w-full object-cover object-top"> </div> <p class="font-heading text-xl text-white pt-2 group-hover:text-rtayellow-500">State hearings show broad support for funding transit and increasing service across region</p> </a> <div class="divide-y"> <div class="pb-6"> <div class="flex items-center"> <div class="flex-none">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8 text-rtayellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="flex-initial"> <p class="font-heading text-xl text-white pt-2 pl-4 hover:text-rtayellow-500"><a href="/blog">Connections Blog</a></p> </div> </div> <div class="flex items-center"> <div class="flex-none">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8 text-rtayellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="flex-initial"> <p class="font-heading text-xl text-white pt-2 pl-4 hover:text-rtayellow-500"><a href="https://www.rtachicago.org/news/press-releases">Press Releases</a></p> </div> </div> <div class="flex items-center"> <div class="flex-none">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8 text-rtayellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="flex-initial"> <p class="font-heading text-xl text-white pt-2 pl-4 hover:text-rtayellow-500"><a href="https://www.rtachicago.org/news/sign-up-for-our-newsletter">Sign up for our newsletter</a></p> </div> </div> </div> <div class="pt-6"> <span class="text-xl text-white font-heading">Recent Articles</span> <div class="flex items-center"> <div class="flex-none">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8 text-rtayellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="flex-initial"> <p class="font-heading text-sm text-white pt-4 pl-4 hover:text-rtayellow-500"><a href="https://www.rtachicago.org/blog/2024/11/18/how-to-use-transit-to-celebrate-the-holidays-in-the-chicago-region-2">How to use transit to celebrate the holidays in the Chicago region</a></p> </div> </div> <div class="flex items-center"> <div class="flex-none">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8 text-rtayellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="flex-initial"> <p class="font-heading text-sm text-white pt-4 pl-4 hover:text-rtayellow-500"><a href="https://www.rtachicago.org/blog/2024/11/18/help-shape-the-future-of-suburban-transit-take-the-pace-revision-survey-or-attend-an-open-house">Help shape the future of suburban transit: Take the Pace ReVision survey or a...</a></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div>  <button type="button" class="droptrigger transition duration-300 text-white font-heading group inline-flex items-center text-base lg:text-xs xl:text-base font-medium hover:text-rtayellow-500" aria-expanded="false"> <span>About RTA</span>  <svg class="droparrow text-gray-400 ml-1 lg:ml-0 xl:ml-1 h-5 w-5 group-hover:text-gray-500 transition duration-300 transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <div class="dropitem transition ease-out duration-500 opacity-0 translate-y-1 absolute z-50 left-0 w-full justify-center bg-gradient-to-b from-rtadarkgray-500 to-rtadarkgray-700 lg:h-auto shadow-md hidden border-t border-white mt-[2.7rem]"> <div class="max-w-screen-2xl mx-auto"> <div class="lg:w-full"> <div class="relative grid gap-8 px-5 py-6 lg:grid-cols-3"> <a href="https://www.rtachicago.org/about-rta" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">About RTA — Overview</p> <span class="mt-1 text-sm text-rtalightgray-500">The Regional Transportation Authority (RTA) is the unit of local government created to oversee fi...</span> </div> </a> <div class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white"><a href="https://www.rtachicago.org/about-rta/boards-and-committees">Boards and Committees</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/about-rta/boards-and-committees/meeting-materials" class=" text-rtayellow-500 hover:text-rtayellow-300">Meeting Materials</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/about-rta/boards-and-committees/board-of-directors" class=" text-rtayellow-500 hover:text-rtayellow-300">Board of Directors</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/about-rta/boards-and-committees/rta-cab" class=" text-rtayellow-500 hover:text-rtayellow-300">Citizens Advisory Board</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/about-rta/boards-and-committees/pension-committee" class=" text-rtayellow-500 hover:text-rtayellow-300">Pension Committee and Board of Trustees</a></p> </div> </div> <a href="https://www.rtachicago.org/about-rta/staff" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Staff</p> <span class="mt-1 text-sm text-rtalightgray-500">Meet the leadership team of the agency.</span> </div> </a> <div class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white"><a href="https://www.rtachicago.org/about-rta/tranparency">Transparency and oversight</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/about-rta/tranparency/audit" class=" text-rtayellow-500 hover:text-rtayellow-300">Oversight audits</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/about-rta/tranparency/ethics-oeig" class=" text-rtayellow-500 hover:text-rtayellow-300">Ethics & OEIG</a></p> <p class="text-base font-medium text-gray-900"><a href="https://www.rtachicago.org/about-rta/tranparency/foia" class=" text-rtayellow-500 hover:text-rtayellow-300">FOIA</a></p> </div> </div> <a href="https://www.rtachicago.org/about-rta/doing-business" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Doing Business</p> <span class="mt-1 text-sm text-rtalightgray-500">Sign up for our supplier portal, learn about procurement and contracting, and apply for opportunities to do business with the RTA</span> </div> </a> <a href="https://www.rtachicago.org/about-rta/investor-relations" class="-m-3 p-6 flex items-start rounded-lg hover:bg-rtadarkgray-800 transition ease-in-out duration-150"> <div class="flex-shrink-0 flex items-start justify-start h-12 w-12 text-rtayellow-500">  <svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </div> <div class="ml-4"> <p class="font-heading text-xl text-white">Investor relations</p> <span class="mt-1 text-sm text-rtalightgray-500">Disclaimer, quick reference to financial and other information for potential bond transactions and investors.</span> </div> </a> </div> </div> </div> </div> </div> </nav> <form action="/search" class="hidden lg:block"> <div class="min-w-0 flex"> <label for="search-bar" class="sr-only">Search</label> <input id="search-bar" type="search" name="q" class="w-30 bg-transparent border px-4 py-2 text-white placeholder-gray-400 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" placeholder="Search"> <button aria-label="Submit" type="submit" class="w-full border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </div> </form> </div> </div> <div id="mobilenav" class="hidden absolute z-50 top-0 inset-x-0 transition transform duration-500 ease-out opacity-0 scale-95 origin-top-center lg:hidden"> <div class="bg-gradient-to-b from-rtadarkgray-500 to-rtadarkgray-700"> <div class="pt-5 pb-6"> <div class="flex items-center justify-between px-5"> <div> <a href="/"> <span class="sr-only">Regional Transportation Authority</span> <img class="h-6 w-auto pl-2" src="/dist/img/rta-logo-reversed.svg" alt="Regional Transportation Authority Logo"></a> </div> <div class="-mr-2"> <button id="mobileclose" type="button" class="p-2 inline-flex items-center justify-center text-white hover:text-rtalightgray-500"> <span class="sr-only">Close menu</span>  <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> <form action="/search" class="px-5"> <div class="min-w-0 w-full flex py-5 border-b border-rtayellow-500"> <label for="search-bar-mobile" class="sr-only">Search</label> <input id="search-bar-mobile" type="search" name="q" class="grow bg-transparent border px-4 py-2 text-white placeholder-gray-400 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" placeholder="Search"> <button type="submit" class="border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </div> </form> <div class=""> <nav class="grid gap-y-8 relative p-5"> <a href="#" class="flex flex-between mobilesubtrig"> <div class="flex-none"> <img class="flex-shrink-0 h-7 w-7 " src="https://www.rtachicago.org/uploads/images/general/Icons/icon-region-rv.svg" alt="Icon region rv"> </div> <span class="grow ml-3 text-base font-medium text-white"> Region </span> <div class="flex-none"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-rtalightgray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </div> </a> <div class="absolute bg-rtadarkgray-500 top-0 left-0 w-screen min-h-full mobilesubcontent hidden p-5"> <div class="flex justify-between border-b border-white pb-4 cursor-pointer mobilesubclose"> <div class="flex-none text-white"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" /> </svg></div> <div class="flex-1 text-white pl-2">Back</div> </div> <div class="text-white text-xl font-heading py-4"><a href="https://www.rtachicago.org/region">Region — Overview</a></div> <ul class="block text-white"> <li class="py-2"><a href="https://www.rtachicago.org/region/transit-is-the-answer" class="text-white">Transit is the Answer</a></li> <li class="py-2"><a href="https://www.rtachicago.org/region/strategic-planning" class="text-white">Strategic Planning</a></li> <li class="py-2"><a href="https://www.rtachicago.org/region/innovation" class="text-white">Innovation</a></li> <li class="py-2"><a href="https://www.rtachicago.org/region/regional-collaboration" class="text-white">Collaboration</a></li> <li class="py-2"><a href="https://www.rtachicago.org/region/how-system-working" class="text-white">How the system is working</a></li> <li class="py-2"><a href="https://www.rtachicago.org/region/regional-transit-data" class="text-white" target="_blank">Regional transit data</a></li> <li class="py-2"><a href="https://www.rtachicago.org/region/section-5310" class="text-white">Section 5310</a></li> </ul> </div> <a href="#" class="flex flex-between mobilesubtrig"> <div class="flex-none"> <img class="flex-shrink-0 h-7 w-7 " src="https://www.rtachicago.org/uploads/images/general/Icons/icon-community-rv.svg" alt="Icon community rv"> </div> <span class="grow ml-3 text-base font-medium text-white"> Communities </span> <div class="flex-none"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-rtalightgray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </div> </a> <div class="absolute bg-rtadarkgray-500 top-0 left-0 w-screen min-h-full mobilesubcontent hidden p-5"> <div class="flex justify-between border-b border-white pb-4 cursor-pointer mobilesubclose"> <div class="flex-none text-white"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" /> </svg></div> <div class="flex-1 text-white pl-2">Back</div> </div> <div class="text-white text-xl font-heading py-4"><a href="https://www.rtachicago.org/communities">Communities — Overview</a></div> <ul class="block text-white"> <li class="py-2"><a href="https://www.rtachicago.org/communities/community-planning" class="text-white">Community planning</a></li> <li class="py-2"><a href="https://www.rtachicago.org/communities/access-to-transit-program" class="text-white">Access to transit program</a></li> <li class="py-2"><a href="https://www.rtachicago.org/communities/toolkits-and-education" class="text-white">Toolkits and education</a></li> </ul> </div> <a href="#" class="flex flex-between mobilesubtrig"> <div class="flex-none"> <img class="flex-shrink-0 h-7 w-7 " src="https://www.rtachicago.org/uploads/images/general/Icons/icon-bus-rapid-rv.svg" alt="Icon bus rapid rv"> </div> <span class="grow ml-3 text-base font-medium text-white"> Riders </span> <div class="flex-none"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-rtalightgray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </div> </a> <div class="absolute bg-rtadarkgray-500 top-0 left-0 w-screen min-h-full mobilesubcontent hidden p-5"> <div class="flex justify-between border-b border-white pb-4 cursor-pointer mobilesubclose"> <div class="flex-none text-white"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" /> </svg></div> <div class="flex-1 text-white pl-2">Back</div> </div> <div class="text-white text-xl font-heading py-4"><a href="https://www.rtachicago.org/riders">Riders — Overview</a></div> <ul class="block text-white"> <li class="py-2"><a href="https://www.rtachicago.org/riders/access" class="text-white">Access Pilot Program</a></li> <li class="py-2"><a href="https://www.rtachicago.org/riders/accessible-transit" class="text-white">Accessible transit</a></li> <li class="py-2"><a href="https://www.rtachicago.org/riders/free-and-reduced-fare-programs" class="text-white">Discounted Fare and Ride Free Programs</a></li> <li class="py-2"><a href="https://www.rtachicago.org/riders/how-to-ride" class="text-white">How to ride</a></li> <li class="py-2"><a href="https://www.rtachicago.org/riders/paying-for-your-ride" class="text-white">Paying for your ride</a></li> <li class="py-2"><a href="https://www.rtachicago.org/riders/travel-assistance-digital-library" class="text-white">Travel Assistance Digital Library</a></li> <li class="py-2"><a href="https://www.rtachicago.org/riders/transit-education" class="text-white">Transit Education</a></li> <li class="py-2"><a href="https://www.rtachicago.org/riders/transit-benefit-fare-program" class="text-white" target="_blank">Transit Benefit Fare Program</a></li> </ul> </div> <a href="#" class="flex flex-between mobilesubtrig"> <div class="flex-none"> <img class="flex-shrink-0 h-7 w-7 " src="https://www.rtachicago.org/uploads/images/general/Icons/icon-funding-rv.svg" alt="Icon funding rv"> </div> <span class="grow ml-3 text-base font-medium text-white"> Transit Funding </span> <div class="flex-none"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-rtalightgray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </div> </a> <div class="absolute bg-rtadarkgray-500 top-0 left-0 w-screen min-h-full mobilesubcontent hidden p-5"> <div class="flex justify-between border-b border-white pb-4 cursor-pointer mobilesubclose"> <div class="flex-none text-white"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" /> </svg></div> <div class="flex-1 text-white pl-2">Back</div> </div> <div class="text-white text-xl font-heading py-4"><a href="https://www.rtachicago.org/transit-funding">Transit Funding — Overview</a></div> <ul class="block text-white"> <li class="py-2"><a href="https://www.rtachicago.org/transit-funding/moving-the-system" class="text-white">Moving the system</a></li> <li class="py-2"><a href="https://www.rtachicago.org/transit-funding/improving-the-system" class="text-white">Maintaining and improving the system</a></li> <li class="py-2"><a href="https://www.rtachicago.org/transit-funding/2025-regional-transit-budget" class="text-white">2025 Regional Transit Operating Budget and Capital Program</a></li> <li class="py-2"><a href="https://www.rtachicago.org/transit-funding/financial-documents" class="text-white">Financial Documents</a></li> </ul> </div> <a href="#" class="flex flex-between mobilesubtrig"> <div class="flex-none"> <img class="flex-shrink-0 h-7 w-7 " src="https://www.rtachicago.org/uploads/images/general/Icons/icon-news-rv.svg" alt="Icon news rv"> </div> <span class="grow ml-3 text-base font-medium text-white"> News </span> <div class="flex-none"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-rtalightgray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </div> </a> <div class="absolute bg-rtadarkgray-500 top-0 left-0 w-screen min-h-full mobilesubcontent hidden p-5"> <div class="flex justify-between border-b border-white pb-4 cursor-pointer mobilesubclose"> <div class="flex-none text-white"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" /> </svg></div> <div class="flex-1 text-white pl-2">Back</div> </div> <div class="text-white text-xl font-heading py-4"><a href="https://www.rtachicago.org/news">News — Overview</a></div> <ul class="block text-white"> <li class="py-2"><a href="/blog" class="text-white">Connections Blog</a></li> <li class="py-2"><a href="https://www.rtachicago.org/news/press-releases" class="text-white">Press Releases</a></li> <li class="py-2"><a href="https://www.rtachicago.org/news/sign-up-for-our-newsletter" class="text-white">Sign up for our newsletter</a></li> </ul> </div> <a href="#" class="flex flex-between mobilesubtrig"> <div class="flex-none"> <img class="flex-shrink-0 h-7 w-7 " src="https://www.rtachicago.org/uploads/images/general/Icons/icon-business-rv.svg" alt="Icon business rv"> </div> <span class="grow ml-3 text-base font-medium text-white"> About RTA </span> <div class="flex-none"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-rtalightgray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </div> </a> <div class="absolute bg-rtadarkgray-500 top-0 left-0 w-screen min-h-full mobilesubcontent hidden p-5"> <div class="flex justify-between border-b border-white pb-4 cursor-pointer mobilesubclose"> <div class="flex-none text-white"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1"> <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" /> </svg></div> <div class="flex-1 text-white pl-2">Back</div> </div> <div class="text-white text-xl font-heading py-4"><a href="https://www.rtachicago.org/about-rta">About RTA — Overview</a></div> <ul class="block text-white"> <li class="py-2"><a href="https://www.rtachicago.org/about-rta/boards-and-committees" class="text-white">Boards and Committees</a></li> <li class="py-2"><a href="https://www.rtachicago.org/about-rta/staff" class="text-white">Staff</a></li> <li class="py-2"><a href="https://www.rtachicago.org/about-rta/tranparency" class="text-white">Transparency and oversight</a></li> <li class="py-2"><a href="https://www.rtachicago.org/about-rta/doing-business" class="text-white">Doing Business</a></li> <li class="py-2"><a href="https://www.rtachicago.org/about-rta/investor-relations" class="text-white">Investor relations</a></li> </ul> </div> </nav> </div> </div> <div class="py-6 px-5 space-y-6"> <div class="grid grid-cols-2 gap-y-4 gap-x-2"> <a href="/careers" class="text-base font-medium text-white"> Careers </a> <a href="/contact" class="text-base font-medium text-white"> Contact </a> </div> </div> </div> </div> </div> </div> <header> <div class="lg:flex text-center lg:text-left overflow-hidden max-w-screen-2xl mx-auto lg:h-[600px] border-b border-rtayellow-500"> <div class="lg:w-1/2 lg:order-2"> <img class="h-56 md:h-96 w-full object-cover lg:w-full lg:h-full" src="https://www.rtachicago.org/uploads/images/general/Riders/_copyWithImage/Plainfield-Park-N-Ride_People-waiting-on-bus_0411.jpg" alt="Multiple people with backpacks waiting to onboard "Park N Ride" bus at a stop in Plainfield."> </div> <div class="lg:w-1/2 lg:pb-28 xl:pb-32"> <ul class="text-lg lg:text-xl text-white p-6 pt-10"> <li class="inline text-rtayellow-500"><a href="https://www.rtachicago.org/riders">Riders</a></li> / How to ride </ul> <main class="mx-auto p-6"> <div class="text-center lg:text-left"> <h1 class="text-4xl lg:text-5xl font-heading text-white "> How to ride </h1> <span class="block mt-5 prose-lg text-white mx-auto md:mt-5 lg:mx-0 prose-headings:font-heading prose-a:text-rtayellow-500 prose-a:font-bold"><p>The Chicago region is home to the second largest transit system in the country. Learn how to navigate the system using maps, bus and train trackers, and tips for your ride on this page.</p> <p>For an interactive map of all transit assets in the region, visit the <a href="https://rtagis.maps.arcgis.com/apps/webappviewer/index.html?id=19474223c46a44e4be17dde454a855bc" target="_blank" rel="noreferrer noopener"><strong>RTA Main Map</strong></a> on RTAMS.</p> <p>In June 2024, the RTA Board of Directors voted to enter into an intergovernmental agreement paving the way for an integrated day pass that will allow unlimited rides on all three transit systems—CTA, Metra and Pace. The pass pilot is now in development with the Ventra app. Read more in a<a href="https://www.rtachicago.org/about-rta/press-releases/rta-board-approves-intergovernmental-agreement-to-launch-regional-day-pass" target="_blank" rel="noreferrer noopener"><strong> press release.</strong></a><a href="https://www.rtachicago.org/about-rta/press-releases/rta-board-approves-intergovernmental-agreement-to-launch-regional-day-pass" target="_blank" rel="noreferrer noopener"></a></p></span> </div> </main> </div> </div> </header> <main class=" bg-rtalightgray-500 max-w-screen-lg mx-auto mt-12 md:mt-24 mb-12 md:mb-0"> <a class="" href="/news/sign-up-for-our-newsletter"> <div class="flex flex-col md:flex-row"> <div class="basis-12/12 md:basis-4/12 "> <img class=" w-full md:h-48 md:w-auto" src="https://www.rtachicago.org/uploads/images/general/22-RTA-1223.jpeg" alt="Newsletter promotional image"> </div> <div class="md:basis-2/12 flex p-4 md:p-0"> <img class="h-20 md:h-32 w-auto md:mb-auto md:mt-auto" src="/dist/img/icon-contact.svg" alt="Join our newsletter"> </div> <div class="md:basis-5/12 flex p-4 md:p-0"> <div class="md:mb-auto md:mt-auto "> <h2 class="text-xl font-heading mb-2">Sign up for the RTA Newsletter</h2> <p>Get the latest transit information in your inbox</p> </div> </div> <div class="md:basis-1/12 flex p-4 md:p-0 md:px-4"> <img class="h-10 w-auto mb-auto mt-auto " src="/dist/img/icon-right-arrow.svg" alt="Sign up today"> </div> </div> </a> </main> <a name="Plan-your-ride"></a> <div class="max-w-screen-lg mx-auto px-6 py-20 md:py-0 md:pt-24"> <div class="text-center"> <h2 class="mt-2 text-4xl md:text-5xl leading-20 font-heading text-white">Plan your ride</h2> <p class="mt-4 max-w-prose text-xl text-white lg:mx-auto">Use the trip planner to find the best transit route for your trip.</p> </div> </div> <div class="max-w-screen-lg mx-auto px-6 mt-12 md:mt-24 border-4 border-l-0 border-r-0 border-t-rtayellow-500 border-b-rtadarkgray-800 bg-rtalightgray-500"> <h2 class="text-2xl font-heading pt-6 pb-2 mb-4 border-b border-rtadarkgray-500">Trip Planner</h2> <form id="tripPlanner" method="get" action="https://www.google.com/maps"> <div class="md:flex md:space-x-6"> <div class="mb-6"> <input type="hidden" name="ie" value="UTF"> <input type="hidden" name="f" value="d"> <input type="hidden" name="ttype" value="dep"> <input type="hidden" name="dirflg" value="r"> <input type="hidden" name="date" value="" id="dateFinal"> <label class="block lg:text-xl font-heading py-2" for="saddr">Starting Location</label> <input type="text" class="form-control block w-full px-3 p-2 text-base font-normal bg-rtalightgray-500 border border-solid border-rtadarkgray-500 transition ease-in-out m-0 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" name="saddr" id="start"> </div> <div class="mb-6"> <span class="block lg:text-xl font-heading py-2" for="daddr">Destination</span> <input type="text" class="form-control block w-full px-3 p-2 text-base font-normal bg-rtalightgray-500 border border-solid border-rtadarkgray-500 transition ease-in-out m-0 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" name="daddr" id="end"> </div> <div class="mb-6"> <span class="block lg:text-xl font-heading py-2" for="date">Date</span> <input type="date" class="form-control block w-full px-3 p-2 text-base font-normal bg-rtalightgray-500 border border-solid border-rtadarkgray-500 transition ease-in-out m-0 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" name="dateIn"> </div> <div class="mb-6"> <span class="block lg:text-xl font-heading py-2" for="date">Time</span> <input type="time" class="form-control block w-full px-3 p-2 text-base font-normal bg-rtalightgray-500 border border-solid border-rtadarkgray-500 transition ease-in-out m-0 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" name="time"> </div> <div class="mb-6"> <span class="block text-xl font-heading md:py-2">&nbsp</span> <button type="submit" name="btnsubmit" class="inline-flex items-center justify-center px-3 p-1.5 border border-transparent text-base font-medium text-rtadarkgray-500 bg-rtayellow-500 hover:bg-rtayellow-300 md:text-lg">Submit<svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg></button> </div> </div> </form> <h2 class="text-xl font-heading py-4 hidden" id="error"></h2> </div> <a name="System-Maps"></a> <div class="max-w-screen-lg mx-auto px-6 py-20 md:py-0 md:pt-24"> <div class="text-center"> <h2 class="mt-2 text-4xl md:text-5xl leading-20 font-heading text-white">System Maps</h2> <p class="mt-4 max-w-prose text-xl text-white lg:mx-auto"></p> </div> </div> <div class="md:mt-24 max-w-screen-2xl mx-auto px-6 "> <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-8"> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/RTA-System-Map_2024-10-22-192737_hvdd.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/RTA-System-Map.png" alt="RTA System Map"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> Regional Map </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/RTA-System-Map_2024-10-22-192737_hvdd.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/RTA-Spanish-System-Map_2024-10-22-192751_kabh.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/RTA-Spanish-System-Map_2024-10-22-192755_tdrq.png" alt="RTA Spanish System Map"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> Regional Map (Spanish) </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/RTA-Spanish-System-Map_2024-10-22-192751_kabh.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/TC-6_Train_Connections_32x44-Aug-2024.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/39650/Train_Connections.jpg" alt="Train Connections"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> Train Connections Map </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/TC-6_Train_Connections_32x44-Aug-2024.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/RTA-Downtown-Map_2024-09-25-190546_pxny.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/RTA-Downtown-Map-Thumbnail.png" alt="RTA Downtown Map Thumbnail"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> Downtown Map </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/RTA-Downtown-Map_2024-09-25-190546_pxny.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> </div> </div> <a name="Subregional-maps"></a> <div class="max-w-screen-lg mx-auto px-6 py-20 md:py-0 md:pt-24"> <div class="text-center"> <h2 class="mt-2 text-4xl md:text-5xl leading-20 font-heading text-white">Subregional maps</h2> <p class="mt-4 max-w-prose text-xl text-white lg:mx-auto">Subregional Maps are maps for specific suburban areas in the RTA region. The maps also include information on Pace bus operating hours, Metra to Pace connections, and Dial-a-Ride services for these areas. Choose your map by clicking on a button below.</p> </div> </div> <div class="md:mt-24 max-w-screen-2xl mx-auto px-6 "> <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-8"> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/AuroraNaperville_2023-03-24-150955_fnxa.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/48428/AuroraNaperville.jpg" alt="Aurora Naperville"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> Aurora-Naperville </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/AuroraNaperville_2023-03-24-150955_fnxa.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/ElginNW-Cook_2023-03-24-151005_vcpn.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/48430/ElginNW-Cook.jpg" alt="Elgin NW Cook"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> Elgin-NW Cook </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/ElginNW-Cook_2023-03-24-151005_vcpn.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/JolietArea_2023-03-24-151015_otbl.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/48432/JolietArea.jpg" alt="Joliet Area"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> Joliet Area </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/JolietArea_2023-03-24-151015_otbl.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/McHenryLake_2023-03-24-151027_gomf.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/48434/McHenryLake.jpg" alt="Mc Henry Lake"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> Lake-McHenry </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/McHenryLake_2023-03-24-151027_gomf.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/NorthCook_2023-03-24-151036_apnw.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/48436/NorthCook_2022-12-15-025526_tnub.jpg" alt="North Cook"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> North Cook </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/NorthCook_2023-03-24-151036_apnw.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/Southland_2023-03-24-151045_untw.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/48438/Southland_2022-12-15-025538_hnir.jpg" alt="Southland"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> Southland </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/Southland_2023-03-24-151045_untw.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> <div class="bg-rtalightgray-500 p-8 cursor-pointer hover:scale-105 duration-300 ease-in-out">  <a href="https://www.rtachicago.org/uploads/images/general/WestCook_2023-03-24-151055_osyt.pdf"> <div class="mb-6 flex flex-row justify-between"> <img class="h-16 w-auto drop-shadow-md" src="https://www.rtachicago.org/uploads/files/general/_pdfCover/48440/WestCook_2022-12-15-025543_mmoe.jpg" alt="West Cook"> <div class="bg-rtadarkgray-500 mt-6"> <h2 class="p-2 text-rtalightgray-500 font-heading text-lg uppercase"> .pdf <h2> </div> </div> <div class="flex items-center justify-start leading-tight mb-4"> <h1 class="h-6 md:h-16 text-md font-heading"> West Cook </h1> </div> <div class=" "> <a class="flex items-center justify-between no-underline hover:underline text-black" href="https://www.rtachicago.org/uploads/images/general/WestCook_2023-03-24-151055_osyt.pdf" target="_blank"> <p class="text-base"> Download Document </p> <button type="submit" class=" border border-transparent ml-1 px-2 py-2 bg-rtayellow-500 text-base font-medium text-rtadarkgray-500 hover:bg-rtayellow-300 focus:outline-none "><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg> </button> </a> </div> </a> </div> </div> </div> <a name=""></a> <div class="max-w-screen-lg mx-auto px-6 py-20 md:py-0 md:pt-24"> <div class="text-center"> <h2 class="mt-2 text-4xl md:text-5xl leading-20 font-heading text-white"></h2> <p class="mt-4 max-w-prose text-xl text-white lg:mx-auto">Note: The Regional Maps, dated October 2022 show current Pace service with the suspended routes. Please visit the CTA, Metra and Pace websites for more current information. Please note that these maps are for personal and non-commercial use. No part of these maps may be copied or used without the prior written permission of the Regional Transportation Authority.</p> </div> </div> <a name="Schedules-and-Trackers"></a> <div class="max-w-screen-lg mx-auto px-6 py-20 md:py-0 md:pt-24"> <div class="text-center"> <h2 class="mt-2 text-4xl md:text-5xl leading-20 font-heading text-white">Schedules and Trackers</h2> <p class="mt-4 max-w-prose text-xl text-white lg:mx-auto"></p> </div> </div> <div class="overflow-hidden max-w-screen-2xl mx-auto md:pt-20 lg:pt-32 lg:pb-8"> <div class="block lg:flex"> <div class="relative w-full lg:w-1/2 lg:pr-4"> <img src="https://www.rtachicago.org/uploads/images/general/Riders/_copyWithImage/95th-Red-Line_Two-trains_0974.jpg" alt="Center of 95th Howard Red Line platform, two L trains passing simultaneously." class="w-full h-56 md:h-[500px] lg:max-h-full object-cover"> </div> <div class="text-white prose-lg w-full px-6 lg:w-1/2 h-full py-6 lg:pl-16 xl:pl-20"> <span class="prose-a:text-rtayellow-500 prose-a:font-bold prose-headings:font-heading"> <h3><a href="https://www.transitchicago.com/schedules/" target="_blank" rel="noreferrer noopener">CTA Bus and Train schedule info</a></h3> <h3><a href="https://www.transitchicago.com/traintracker/" target="_blank" rel="noreferrer noopener">CTA Train Tracker</a></h3> <h3><a href="http://www.ctabustracker.com/bustime/home.jsp" target="_blank" rel="noreferrer noopener">CTA Bus Tracker</a></h3> <h3><a href="https://ridertools.metrarail.com/maps-schedules" target="_blank" rel="noreferrer noopener">Metra Schedules</a></h3><h3><a href="https://metratracker.com/" target="_blank" rel="noreferrer noopener">Metra Train Tracker</a></h3> <h3><a href="http://tmweb.pacebus.com/TMWebWatch/">Pace Bus Tracker</a></h3> <h3><a href="https://www.pacebus.com/routes-and-schedules" target="_blank" rel="noreferrer noopener">Pace Bus Schedule </a></h3> </span> </div> </div> </div> <a name="How-to-ride"></a> <div class="max-w-screen-lg mx-auto px-6 py-20 md:py-0 md:pt-24"> <div class="text-center"> <h2 class="mt-2 text-4xl md:text-5xl leading-20 font-heading text-white">How to ride</h2> <p class="mt-4 max-w-prose text-xl text-white lg:mx-auto">Learn more about each part of the Chicago region transit system and tips on how to ride.</p> </div> </div> <div class="tabs"> <div class="max-w-screen-lg mx-auto px-6 py-4 md:py-0 md:pt-12 mb-12"> <div class="flex flex-col justify-center md:flex-row md:justify-evenly md:space-x-16"> <div class="py-4 text-center cursor-pointer font-heading text-white text-xl hover:text-rtayellow-500 w-full tab border-t-2 hover:border-rtayellow-500" data-target="panel1"> CTA Buses </div> <div class="py-4 text-center cursor-pointer font-heading text-white text-xl hover:text-rtayellow-500 w-full tab border-t-2 hover:border-rtayellow-500" data-target="panel2"> CTA Trains </div> <div class="py-4 text-center cursor-pointer font-heading text-white text-xl hover:text-rtayellow-500 w-full tab border-t-2 hover:border-rtayellow-500" data-target="panel3"> Metra Trains </div> <div class="py-4 text-center cursor-pointer font-heading text-white text-xl hover:text-rtayellow-500 w-full tab border-t-2 hover:border-rtayellow-500" data-target="panel4"> Pace Buses </div> </div> </div>  <div class="bg-rtalightgray-500 hidden panel" id="panel1"> <div class="relative overflow-hidden max-w-screen-2xl mx-auto p-6 md:pt-8 md:pb-8"> <div class="block lg:flex"> <div class="relative w-full lg:w-1/2 lg:pr-4"> <img src="https://www.rtachicago.org/uploads/images/general/Riders/_copyWithImage/Downtown-busy_CTA-bus-driving_1156.jpg" alt="Downtown Chicago street with 2 CTA buses and cars driving past." class=" w-full h-56 md:h-[500px] lg:max-h-full object-cover"> </div> <div class="prose-lg w-full px-6 lg:w-1/2 h-full py-6 lg:pl-16 xl:pl-20"> <img src="https://www.rtachicago.org/uploads/images/general/Icons/icon-CTA-Bus-gray.svg" alt="Icon CTA Bus gray" class="h-20 w-20 my-6"> <h2 class="font-heading text-2xl">CTA Buses</h2> <span class="prose-a:font-bold prose-a:underline"> <p>More than 127 bus routes lace the City of Chicago and 35 suburbs. CTA buses stop at posted signs that show the numbers, names and descriptions of routes which stop there.</p> <p>The destination sign above the bus windshield shows the route number, route name, and destination. If it's the bus you want, remain on the curb and raise your arm to indicate to the operator that you intend to board.</p> <p><a href="https://www.rtachicago.org/riders/paying-for-your-ride" target="_blank" rel="noreferrer noopener">Pay your exact fare</a> into the fare box, or use a reloadable Ventra Card, a contactless bankcard, or the wallet app on your mobile phone. Simply tap the media on the reader and board the bus.<br /></p> </span> </div> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 px-6 max-w-screen-2xl mx-auto lg:pt-6 "> <div class=""> <div class="prose-lg prose-a:font-bold prose-a:underline"> </div> </div> <div class=""> <div class="prose-lg prose-a:font-bold prose-a:underline"> </div> </div> </div> </div> <div class="bg-rtalightgray-500 hidden panel" id="panel2"> <div class="relative overflow-hidden max-w-screen-2xl mx-auto p-6 md:pt-8 md:pb-8"> <div class="block lg:flex"> <div class="relative w-full lg:w-1/2 lg:pr-4"> <img src="https://www.rtachicago.org/uploads/images/general/Riders/_copyWithImage/Downtown-busy_Train-over-Chicago-river_1157.jpg" alt="Scenic downtown Chicago train riding on tracks above the river." class=" w-full h-56 md:h-[500px] lg:max-h-full object-cover"> </div> <div class="prose-lg w-full px-6 lg:w-1/2 h-full py-6 lg:pl-16 xl:pl-20"> <img src="https://www.rtachicago.org/uploads/images/general/Icons/icon-CTA-Train-gray.svg" alt="Icon CTA Train gray" class="h-20 w-20 my-6"> <h2 class="font-heading text-2xl">CTA Trains</h2> <span class="prose-a:font-bold prose-a:underline"> <p>Today's 'L' system has eight rapid transit routes and consists of 145 stations. Purchase a Ventra Card from the vending machine, use a contactless bankcard, or the wallet app on your mobile phone. Simply tap the media on the turnstile to pay your fare. At station entrances, signs (usually overhead) list the train routes serving that station. Purchase a<strong> <a href="http://www.ventrachicago.com/">Ventra Card</a></strong> from the vending machine or use your contactless bank card at the turnstile to <a href="https://www.rtachicago.org/riders/paying-for-your-ride"><strong>pay your fare</strong></a>. When a train arrives, look at the destination shown on the front and side signs, and decide whether to board. Please let exiting passengers leave the train before you board.<br /></p> </span> </div> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 px-6 max-w-screen-2xl mx-auto lg:pt-6 "> <div class=""> <div class="prose-lg prose-a:font-bold prose-a:underline"> <figure><iframe style="width:500px;height:281px;" src="//www.youtube.com/embed/6lSzpsMHR-w" frameborder="0"></iframe></figure> </div> </div> <div class=""> <div class="prose-lg prose-a:font-bold prose-a:underline"> <p>Aboard trains, maps are displayed above doorways. Stops and connections are announced at each stop. For more information about CTA visit their website at <a href="http://www.transitchicago.com/" target="_blank" rel="noreferrer noopener"><strong>transitchicago.com</strong></a>.</p> <p>Unattended Stations: Use a Ventra Card, a contactless bankcard, or the wallet app on your mobile phone at auxiliary entrances to stations equipped with turnstiles or high barrier gates.</p> </div> </div> </div> </div> <div class="bg-rtalightgray-500 hidden panel" id="panel3"> <div class="relative overflow-hidden max-w-screen-2xl mx-auto p-6 md:pt-8 md:pb-8"> <div class="block lg:flex"> <div class="relative w-full lg:w-1/2 lg:pr-4"> <img src="https://www.rtachicago.org/uploads/images/general/Riders/_copyWithImage/Crystal-lake_Metra-train-aerial-view_1201.jpg" alt="Aerial view of a Metra train passing an intersection in Crystal Lake neighborhood." class=" w-full h-56 md:h-[500px] lg:max-h-full object-cover"> </div> <div class="prose-lg w-full px-6 lg:w-1/2 h-full py-6 lg:pl-16 xl:pl-20"> <img src="https://www.rtachicago.org/uploads/images/general/Icons/icon-Metra-Train-gray.svg" alt="Icon Metra Train gray" class="h-20 w-20 my-6"> <h2 class="font-heading text-2xl">Metra Trains</h2> <span class="prose-a:font-bold prose-a:underline"> <p>Metra stations are located in all six counties and Chicago. <a href="https://www.rtachicago.org/riders/paying-for-your-ride" title="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.rtachicago.org%2Friders%2Fpaying-for-your-ride&data=05%7C02%7CNatalie.Rzucidlo%40RTACHICAGO.ORG%7Cb1fb82e101e7474932d808dc17b1272c%7Ca62b6cc678c04816a85c6b474f28b3b3%7C0%7C0%7C638411296894213203%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=F8dHepECDj3IB%2BIjeRxYlEH6v9sHRy4Zxcskq5HMN4k%3D&reserved=0" target="_blank" rel="noreferrer noopener">You can buy Metra tickets and passes</a> at Metra vending machines, or in the Ventra app. When the train arrives, simply get on board, find a seat and place your ticket in the metal clip in front of you. Let the conductor know it's your first time traveling aboard Metra, and they'll be happy to help you if you have any questions or concerns about your trip. If you are traveling to a station you are unfamiliar with, ask the conductor if the doors on your car open at that station.<br /></p> </span> </div> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 px-6 max-w-screen-2xl mx-auto lg:pt-6 "> <div class=""> <div class="prose-lg prose-a:font-bold prose-a:underline"> <figure><iframe style="width:500px;height:281px;" src="//www.youtube.com/embed/tqkHFeeJxxU" frameborder="0"></iframe></figure> </div> </div> <div class=""> <div class="prose-lg prose-a:font-bold prose-a:underline"> <p>If you use the <a href="https://www.ventrachicago.com/app/" target="_blank" rel="noreferrer noopener"><strong>Ventra App</strong></a> to purchase a ticket, activate your ticket when you board your train. Show it to the conductor when they come around. The conductor may ask you to “touch” or “tap” the ticket on your screen—tapping the ticket will change its color on every tap and prove it’s a real, live Metra ticket in the Ventra app.</p> <p>Announcements are made before each stop. When you hear the message announcing the approach of your stop, pick up your ticket and any items you brought with you and head to the door to exit at your final destination. Customers who are hearing impaired may want to notify a conductor of their stop during ticket collection. For more information about Metra services visit their website at <a href="http://www.metra.com/" target="_blank" rel="noreferrer noopener"><strong>metra.com</strong></a>.</p> </div> </div> </div> </div> <div class="bg-rtalightgray-500 hidden panel" id="panel4"> <div class="relative overflow-hidden max-w-screen-2xl mx-auto p-6 md:pt-8 md:pb-8"> <div class="block lg:flex"> <div class="relative w-full lg:w-1/2 lg:pr-4"> <img src="https://www.rtachicago.org/uploads/images/general/Riders/_copyWithImage/Aurora_Pace-bus-reflection_0764.jpg" alt="Pace bus window reflecting off a sunny blue sky and clouds." class=" w-full h-56 md:h-[500px] lg:max-h-full object-cover"> </div> <div class="prose-lg w-full px-6 lg:w-1/2 h-full py-6 lg:pl-16 xl:pl-20"> <img src="https://www.rtachicago.org/uploads/images/general/Icons/icon-Pace-Bus-gray.svg" alt="Icon Pace Bus gray" class="h-20 w-20 my-6"> <h2 class="font-heading text-2xl">Pace Buses</h2> <span class="prose-a:font-bold prose-a:underline"> <p>The destination sign above the bus windshield shows the route number, route name, and destination. Pace bus stops are marked with the Pace logo. Pace buses that stop at CTA stops, also show the Pace logo. In Chicago, drivers will only stop at these marked stops. On many routes in the suburbs, a Pace bus will stop at any safe location along the route - just signal (or flag) the driver to indicate that you want to board. Read more in Pace's <a href="https://www.pacebus.com/pace-bus-stop-policy" target="_blank" rel="noreferrer noopener"><strong>bus stop policy</strong></a>.<br /></p> <p>Pay your <strong><a href="https://www.rtachicago.org/riders/paying-for-your-ride" target="_blank" rel="noreferrer noopener">exact fare</a> </strong>into the fare box or use a reloadable Ventra Card, a contactless bankcard, or the wallet app on your mobile phone. Simply tap the media on the reader and board.</p> <p>For more information about Pace Bus services visit their website at <a href="http://www.pacebus.com"><strong>pacebus.com</strong></a> .</p> </span> </div> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 px-6 max-w-screen-2xl mx-auto lg:pt-6 "> <div class=""> <div class="prose-lg prose-a:font-bold prose-a:underline"> </div> </div> <div class=""> <div class="prose-lg prose-a:font-bold prose-a:underline"> </div> </div> </div> </div> </div> <footer class="bg-rtadarkgray-500 lg:text-left max-w-screen-2xl mx-auto px-6 mt-20" id="footer"> <div class="grid grid-cols-1 gap-8 md:grid-cols-3 lg:grid-cols-3 "> <div class="mb-12 "> <div class="logo"> <span class="sr-only">Regional Transportation Authority</span> </div> <div> <h3 class=" font-heading text-white text-2xl mb-4"> Contact Information </h3> <p class="text-white mb-6" > <strong>RTA Administrative Offices</strong><br> 175 W. Jackson Blvd, Suite 1550<br> Chicago, IL 60604<br> Weekdays 8:30 a.m. to 5 p.m.<br> <a href="tel:3129133200" class="hover:text-rtayellow-500 transition duration-300 ease-in-out">312-913-3200<a> </p> <p class="text-white mb-6" > For the nearest customer service location,<br> please call <a href="tel:3129133110" class="hover:text-rtayellow-500 transition duration-300 ease-in-out">312-913-3110<a>. </p> <div class="list-none"> <div class="mb-4"> <p class="flex text-white hover:text-rtayellow-500 transition duration-300 ease-in-out"> <img class="h-6 w-6" src="/dist/img/icon-phone.png" alt="Phone number"> <a class="ml-4" href="tel:3128367000">RTA Travel Information<br> 312-836-7000</a> </p> </div> <div class="mb-4"> <p class="flex text-white hover:text-rtayellow-500 transition duration-300 ease-in-out"> <img class="h-6 w-6" src="/dist/img/icon-phone.png" alt="Phone number"> <a class="ml-4" href="tel:18887821008">RTA Transit Benefit Fare Program<br>1-888-782-1008</a> </p> </div> <div class="mb-4"> <p class="flex text-white hover:text-rtayellow-500 transition duration-300 ease-in-out"> <img class="h-6 w-6" src="/dist/img/icon-phone.png" alt="Phone number"> <a class="ml-4" href="tel:3126634357">RTA Mobility Services Helpline<br>312-663-HELP (4357)</a> </p> </div> <div class="mb-4"> <p class="flex text-white hover:text-rtayellow-500 transition duration-300 ease-in-out"> <img class="h-6 w-6" src="/dist/img/icon-phone.png" alt="Phone number"> <a class="ml-4" href="tel:3129133310">Ride Free and Reduced Fare Programs<br>312-913-3110</a> </p> </div> </div> </div> </div> <div class="mb-6 md:mb-12"> <h3 class=" font-heading text-white text-2xl mb-4"> Navigation </h3> <p class="mb-4"> <a href="https://www.rtachicago.org/region" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">Region</a> </p> <p class="mb-4"> <a href="https://www.rtachicago.org/communities" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">Communities</a> </p> <p class="mb-4"> <a href="https://www.rtachicago.org/riders" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">Riders</a> </p> <p class="mb-4"> <a href="https://www.rtachicago.org/transit-funding" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">Transit Funding</a> </p> <p class="mb-4"> <a href="https://www.rtachicago.org/news" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">News</a> </p> <p class="mb-4"> <a href="https://www.rtachicago.org/about-rta" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">About RTA</a> </p> <h3 class=" font-heading text-white text-2xl mt-8 mb-6 "> Utility </h3> <p class="mb-4"> <a href="/careers" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">Careers</a> </p> <p class="mb-4"> <a href="/contact" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">Contact</a> </p> <p class="mb-4"> <a href="/whistleblower-policy" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">Whistleblower Policy</a> </p> <p class="mb-4"> <a href="/privacy-policy" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out">Privacy Policy</a> </p> </div> <div class="mb-12 text-white"> <h3 class="font-heading text-white text-2xl mb-4"> We’d love to hear from you </h3> <div class="block rounded-lg bg-rtadarkgray-500 max-w-md"> <div id="form-wrapper" class="text-white"> <div id="footer-form-wrapper"> <form id="footer-form" fieldIdPrefix="footer-form-" method="post" data-freeform data-id="697c88-form-loYP89kbv-VAqymeyWe-xVxXGIABPBpBAe7YRPhNlFp8Eq90yRACQttKySiV" data-handle="footerContact" data-ajax data-disable-submit data-show-processing-spinner data-auto-scroll data-show-processing-text data-processing-text="Processing..." data-success-message="Form has been submitted successfully!" data-error-message="Sorry, there was an error submitting the form. Please try again."> <div id="697c88-form-loYP89kbv-VAqymeyWe-xVxXGIABPBpBAe7YRPhNlFp8Eq90yRACQttKySiV" data-scroll-anchor></div> <input type="hidden" name="formReturnUrl" value="8e8c56201b78ce7e06b7d1ca468515cdcdc6913850a2e0490e6e201c388c81d4contact/success" /> <input type="hidden" name="CRAFT_CSRF_TOKEN" value="k_XE5yiZmWpfS81HlWncCxF7O_6zlPqj-jgq_XW50H5P0VAuM8ghNMe4iKNl3f9ZFXmXPvs8unp4PX2a0fuv5JhAfrwZiKgHKrgfQUewbEQ="> <input type="hidden" name="action" value="freeform/submit" /> <input type="hidden" name="freeform-action" value="submit" /> <input type="hidden" name="formHash" value="loYP89kbv-VAqymeyWe-xVxXGIABPBpBAe7YRPhNlFp8Eq90yRACQttKySiV" /> <div id="custom-content" class="hidden"> <h2 class="text-3xl text-white pb-10">Thank you!</h2> <p class="prose-lg text-white"> We have received your submission. A RTA representative will be reaching out to you shortly. If you need immediate assistance, please contact us at 312-913-3200 - Weekdays 8:30 a.m. to 5 p.m. </p> </div> <div class="form-group mb-6"> <label>First Name<label> <input type="text" aria-label="First Name" class="form-control block w-full px-3 py-1.5 text-base font-normal text-white bg-rtadarkgray-500 border border-solid border-white transition ease-in-out placeholder-gray-200 m-0 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" id="formFirstName" name="firstName" value=""> </div> <div class="form-group mb-6"> <label>Last Name<label> <input type="text" aria-label="Last Name" class="form-control block w-full px-3 py-1.5 text-base font-normal text-white bg-rtadarkgray-500 border border-solid border-white placeholder-gray-200 transition ease-in-out m-0 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" id="formLastName" name="lastName" value="" > </div> <div class="flex w-full justify-between space-x-6 mb-6"> <div class="form-group mb-6"> <label>Email<label> <input type="text" aria-label="Email" class="form-control block w-full px-3 py-1.5 text-base font-normal text-white bg-rtadarkgray-500 border border-solid border-white transition ease-in-out m-0 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" id="formEmail" name="email" value="" > </div> <div class="form-group grow"> <label>Home Phone<label> <input aria-label="Home Phone" type="text" class="form-control block w-full px-3 py-1.5 text-base font-normal text-white bg-rtadarkgray-500 border border-solid border-white transition ease-in-out m-0 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" id="formHomePhone" name="homePhone" value=""> </div> </div> <div class="form-group mb-6"> <label>Message<label> <textarea aria-label="Message" class=" w-full px-3 py-1.5 text-base font-normal text-white bg-rtadarkgray-500 border border-solid border-white transition ease-in-out m-0 focus:border-rtayellow-500 focus:ring-rtayellow-500 focus:outline-none" id="formMessage" rows="3" name="message" value="Enter your message here" label="Message"> </textarea> </div> <div class="form-group form-check mb-6"> <input aria-label="checkbox" type="checkbox" class="form-check-input appearance-none h-4 w-4 border border-gray-300 rounded-sm bg-white checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain mr-2 cursor-pointer" id="formCheckbox" name="dqNBon131"> <label class="form-check-label inline-block text-white" for="exampleCheck87">I would like to receive the RTA Newsletter</label> </div> <div class="form-group mb-6"> <p style="font-size:.7rem;">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank">Privacy Policy</a> and <a href="https://policies.google.com/terms" target="_blank">Terms of Service</a> apply. </p> </div> <button aria-label="Submit" type="submit" name="submit" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium text-rtadarkgray-500 bg-rtayellow-500 hover:bg-rtayellow-300 md:text-lg">Submit<svg xmlns="http://www.w3.org/2000/svg" class="pl-2 h-6 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" /> </svg></button> <div data-freeform-recaptcha-container data-captcha="recaptcha" data-site-key="6LfzomIpAAAAAGEU_sEJev5A2uufd8iqzthYDqFc" data-theme="light" data-size="normal" data-version="v3" data-action="submit" data-locale="en"></div> <div data-rules-json="{"values":{"firstName":"","lastName":"","email":"","homePhone":"","message":"Enter your message here","dqNBon131":""},"rules":{"fields":[],"buttons":[]}}"></div> <input type="hidden" name="freeform_payload" value="w5pRcaSqRWYYhPM4yqvsSTRiOWE0YTJlMWNjYzExZWQwODQwNDQzODZiMzViNmVmZGQ0NDMwNGZhMjE1MmQ0YzA0NThhZGIzM2JlMDBmMzNAFmUS25on4Sh0a0GwpO44vnZkR6t3fYeRV+EQ77yWBy+EE2/z6g1IfecXQdh0adzBzHuhP+x3hinJSMT6Cy3AVE8QyXa27RbOLWZGWlAhwFR4PEKcA43l424yKzi1rcHkxlnLkqvKDzaj4I0OU+At7MItm+TRg3XjNMpl6y/UxzEdsndxCK5seArU0nGY2V6LmQ9W6RE5b4/QXZmr2q9jp8VBpOP2kTB97nufBArMJRenx4+CidzBpy/vrqyoiPxfeyz529lmtanvS62v7TpgVOQJG2l+UuQZ4D9Y0zbNm4/pooGYOiqXIn3+I/Z5pi9kjetoBvaRumNyGH2poIG2eLURx2Kx/1moFFTJzaBn/yMLAWpCLv9BjJ8sfNl+3UzzHs9wiaquuoJRC47kI84NPMmuJxQWtJwzgU0J2F6CyME6R7NvvAS7YkxP6/CLg6omj+5XnlT/mBOwwhcRzplqT+gm7efxTpcOliQSoKjx6ZVZHUMXXh2Btd9zTRcOq9AwUl5b980FZ1jNZHr1vU/w7oMaD0S648OMcvqBMs8+vz8d91NR9GhYpmI+GID6DNF7GfBm9Mjdoewbunp10CHDbAzjmEyhh5Rfn/gyi0DDraroryXBQMwSf0R5mPCaBdIsteHbtl5z/N54+Y2SODs520OwNpmO9CCemQqV91JnB8qge5jBI3iQcvRL44CACkqURS6TSgrk09rh6jp3ZGENGp9bqtMkujoCOW461PjnFmi5YGXv6HLGq79CuiRB7/FGgj42i74GM/uRc6Y2HDFrhtn5D6YZR8CRWQYGbGJSQkWVnCOL0i+l1Cm0tK2n9nmAIevcskUs9EFZhVDhGVFCL1l0C/M6+XgKiqqUDKkfdVg3sqXvAyiaUtciHbfRzJHhnxxd1B81rHkPQ0j4t47EAQEc5yIA6HhAd11RMZkH5yTcZKtoufjzYsGra2AcSOU13BmNXWmKzvkIenSskYdt3kNHV/1EPvn47hLds/iU0dM1jYy4jIU+EMrIAwR1Qn9oh9Gr37lyStLlRrUdhqBZotKVsk7weTESde4iVIs+qx6GHOFqrbbOEWPfNxfa5N8d/DAQpAA/qkCnUAnQfmtOunZJBhkW0/Cr7dGHf2FJRh+1Et++nkDhRLjEKsYlNFM=" /></form><script>(function () { var form = document.querySelector('form[data-id="697c88-form-loYP89kbv-VAqymeyWe-xVxXGIABPBpBAe7YRPhNlFp8Eq90yRACQttKySiV"]'); if (form) { form.addEventListener('freeform-ajax-success', function (event) { var response = event.response; var pushEvent = form.freeform._dispatchEvent( 'freeform-gtm-data-layer-push', { payload: {}, response: response } ); var payload = { event: 'footer_submitted', form: { handle: 'footerContact', finished: response.finished, multipage: response.multipage, success: response.success, }, submission: { id: response.submissionId, token: response.submissionToken, }, }; payload = Object.assign(payload, pushEvent.payload); window.dataLayer.push(payload); }); } })(); </script> </div> <script type="text/javascript"> let formTarget = document.getElementById('footer-form'); let formWrapper = document.getElementById('footer-form-wrapper'); let formSuccessContent = document.getElementById('custom-content'); formTarget.addEventListener("freeform-render-success", function (event) { // Disable the default success rendering event.preventDefault(); // We locate the 'form-wrapper' DIV element which contains our form // and we swap its contents (the whole form) with the HTML that we // fetch from any other element already present on the page formWrapper.innerHTML = formSuccessContent.innerHTML; }); </script> </div> </div> <div class="flex mt-12 space-x-6 justify-left "> <a href="https://www.facebook.com/ChicagoRTA?v=wall" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out" target="_blank"> <svg class="w-8 h-8 fill-white" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg> <span class="sr-only">RTA on Facebook</span> </a> <a href="https://www.instagram.com/rta_chicago/?hl=en" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out" target="_blank"> <svg class="w-8 h-8 fill-white" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"/></svg> <span class="sr-only">RTA on Instagram</span> </a> <a href="https://twitter.com/RTA_Chicago" class="text-white hover:text-rtayellow-500" target="_blank"> <svg class="w-8 h-8 fill-white" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"/></svg> <span class="sr-only">RTA on Twitter</span> </a> <a href="https://www.linkedin.com/company/regional-transportation-authority/" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out" target="_blank"> <svg class="w-8 h-8 fill-white" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg> <span class="sr-only">RTA on LinkedIn</span> </a> <a href="https://www.youtube.com/user/RTAChicagoland" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out" target="_blank"> <svg class="w-8 h-8 fill-white" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M186.8 202.1l95.2 54.1-95.2 54.1V202.1zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-42 176.3s0-59.6-7.6-88.2c-4.2-15.8-16.5-28.2-32.2-32.4C337.9 128 224 128 224 128s-113.9 0-142.2 7.7c-15.7 4.2-28 16.6-32.2 32.4-7.6 28.5-7.6 88.2-7.6 88.2s0 59.6 7.6 88.2c4.2 15.8 16.5 27.7 32.2 31.9C110.1 384 224 384 224 384s113.9 0 142.2-7.7c15.7-4.2 28-16.1 32.2-31.9 7.6-28.5 7.6-88.1 7.6-88.1z"/></svg> <span class="sr-only">RTA on YouTube</span> </a> <a href="https://www.threads.net/@rta_chicago" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out" target="_blank"> <svg class="w-8 h-8 fill-white" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM294.2 244.3c19.5 9.3 33.7 23.5 41.2 40.9c10.4 24.3 11.4 63.9-20.2 95.4c-24.2 24.1-53.5 35-95.1 35.3h-.2c-46.8-.3-82.8-16.1-106.9-46.8C91.5 341.8 80.4 303.7 80 256v-.1-.1c.4-47.7 11.5-85.7 33-113.1c24.2-30.7 60.2-46.5 106.9-46.8h.2c46.9 .3 83.3 16 108.2 46.6c12.3 15.1 21.3 33.3 27 54.4l-26.9 7.2c-4.7-17.2-11.9-31.9-21.4-43.6c-19.4-23.9-48.7-36.1-87-36.4c-38 .3-66.8 12.5-85.5 36.2c-17.5 22.3-26.6 54.4-26.9 95.5c.3 41.1 9.4 73.3 26.9 95.5c18.7 23.8 47.4 36 85.5 36.2c34.3-.3 56.9-8.4 75.8-27.3c21.5-21.5 21.1-47.9 14.2-64c-4-9.4-11.4-17.3-21.3-23.3c-2.4 18-7.9 32.2-16.5 43.2c-11.4 14.5-27.7 22.4-48.4 23.5c-15.7 .9-30.8-2.9-42.6-10.7c-13.9-9.2-22-23.2-22.9-39.5c-1.7-32.2 23.8-55.3 63.5-57.6c14.1-.8 27.3-.2 39.5 1.9c-1.6-9.9-4.9-17.7-9.8-23.4c-6.7-7.8-17.1-11.8-30.8-11.9h-.4c-11 0-26 3.1-35.6 17.6l-23-15.8c12.8-19.4 33.6-30.1 58.5-30.1h.6c41.8 .3 66.6 26.3 69.1 71.8c1.4 .6 2.8 1.2 4.2 1.9l.1 .5zm-71.8 67.5c17-.9 36.4-7.6 39.7-48.8c-8.8-1.9-18.6-2.9-29-2.9c-3.2 0-6.4 .1-9.6 .3c-28.6 1.6-38.1 15.5-37.4 27.9c.9 16.7 19 24.5 36.4 23.6l-.1-.1z"/></svg> <span class="sr-only">RTA on Threads</span> </a> <a href="https://www.tiktok.com/@rta_chicago" class="text-white hover:text-rtayellow-500 transition duration-300 ease-in-out" target="_blank"> <svg class="w-8 h-8 p-[2px] fill-white" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 10.5 10.5"><path d="m9,0H1.5C.67,0,0,.67,0,1.5v7.5c0,.83.67,1.5,1.5,1.5h7.5c.83,0,1.5-.67,1.5-1.5V1.5c0-.83-.67-1.5-1.5-1.5Zm-.84,4.98c-.57,0-1.13-.18-1.6-.51v2.33c0,1.17-.95,2.12-2.12,2.11-1.17,0-2.12-.95-2.11-2.12,0-1.17.95-2.12,2.12-2.11.1,0,.19,0,.29.02v1.17c-.51-.16-1.06.12-1.22.64-.16.51.12,1.06.63,1.22.51.16,1.06-.12,1.22-.64.03-.09.04-.19.04-.29V2.25h1.15c0,.1,0,.19.02.29.08.43.33.81.7,1.04.26.17.56.26.87.26v1.14Z"/></svg> <span class="sr-only">RTA on TikTok</span> </a> </div> </div> </div> </footer> <div class=" bg-white "> <div class="max-w-screen-sm mx-auto p-2"> <div class="grid grid-cols-4 md:grid-cols-4 gap-2 md:gap-0 "> <div class="flex justify-center "> <a href="/"><img class="h-20 md:h-28 hover:scale-110 transition duration-300 ease-in-out" src="/dist/img/icon-rta.png" alt="RTA"></a> </div> <div class="flex justify-center "> <a href="https://www.transitchicago.com/"><img class="h-20 md:h-28 hover:scale-110 transition duration-300 ease-in-out" src="/dist/img/icon-cta.png" alt="CTA"></a> </div> <div class="flex justify-center"> <a href="https://metra.com/"><img class="h-20 md:h-28 hover:scale-110 transition duration-300 ease-in-out" src="/dist/img/icon-metra.png" alt="Metra"></a> </div> <div class="flex justify-center "> <a href="https://www.pacebus.com/"><img class="h-20 md:h-28 hover:scale-110 transition duration-300 ease-in-out" src="/dist/img/icon-pace.png" alt="Pace"></a> </div> </div> </div> </div> <div class="bg-rtadarkgray-500"> <div class="max-w-screen-lg mx-auto p-4"> <div class="flex justify-center font-heading text-lg text-white">Copyright © 2024 Regional Transportation Authority. All Rights Reserved.</div> </div> </div> <script src="/dist/app.js"></script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"https://www.rtachicago.org#identity"},"copyrightHolder":{"@id":"https://www.rtachicago.org#identity"},"copyrightYear":"2022","creator":{"@id":"https://www.rtachicago.org#creator"},"dateCreated":"2022-05-13T14:19:01-05:00","dateModified":"2024-10-22T14:28:06-05:00","datePublished":"2022-05-13T14:19:00-05:00","description":"The Chicago transit system is the second largest in the U.S. Learn how to safely navigate the system’s busses and trains so you can have a smooth ride in and around the city.","headline":"Your guide to getting around town","image":{"@type":"ImageObject","url":"https://www.rtachicago.org/uploads/images/general/Riders/_1200x630_crop_center-center_82_none/Plainfield-Park-N-Ride_People-waiting-on-bus_0411.jpg?mtime=1667848904"},"inLanguage":"en-us","mainEntityOfPage":"https://www.rtachicago.org/riders/how-to-ride","name":"Your guide to getting around town","publisher":{"@id":"https://www.rtachicago.org#creator"},"url":"https://www.rtachicago.org/riders/how-to-ride"},{"@id":"https://www.rtachicago.org#identity","@type":"GovernmentOrganization","address":{"@type":"PostalAddress","addressCountry":"US","addressLocality":"Chicago","addressRegion":"IL","postalCode":"60604","streetAddress":"175 W. Jackson Blvd, Suite 1550"},"alternateName":"RTA","description":"Committed to achieving a vision of safe, reliable, accessible public transportation that connects people to opportunity, advances equity, and combats climate change for the six counties of Northeastern Illinois.","email":"webadmin@rtachicago.org","image":{"@type":"ImageObject","height":"630","url":"http://162.247.142.149/uploads/images/general/rta-seo.png","width":"1200"},"logo":{"@type":"ImageObject","height":"60","url":"https://www.rtachicago.org/uploads/images/general/_600x60_fit_center-center_82_none/rta-seo.png?mtime=1666021453","width":"114"},"name":"Regional Transportation Authority","telephone":"312-913-3200","url":"https://www.rtachicago.org"},{"@id":"https://www.rtachicago.org#creator","@type":"GovernmentOrganization","address":{"@type":"PostalAddress","addressCountry":"US","addressLocality":"Chicago","addressRegion":"IL","postalCode":"60604","streetAddress":"175 W. Jackson Blvd, Suite 1550"},"alternateName":"RTA","description":"Committed to achieving a vision of safe, reliable, accessible public transportation that connects people to opportunity, advances equity, and combats climate change for the six counties of Northeastern Illinois.","name":"Regional Transportation Authority","telephone":"312-913-3200","url":"https://www.rtachicago.org"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.rtachicago.org","name":"Home","position":1},{"@type":"ListItem","item":"https://www.rtachicago.org/riders","name":"Riders","position":2},{"@type":"ListItem","item":"https://www.rtachicago.org/riders/how-to-ride","name":"How to ride","position":3}],"name":"Breadcrumbs"}]}</script><script src="https://www.rtachicago.org/cpresources/8cc5bd04/js/scripts/front-end/captchas/recaptcha/v3.js?v=1729871520"></script> <script src="https://www.rtachicago.org/cpresources/8cc5bd04/js/scripts/front-end/plugin/freeform.js?v=1729871520"></script></body> </html>

CINXE.COM

Your guide to getting around town | Regional Transportation Authority