CINXE.COM
How to Ride - IVT RIDE
<!doctype html> <html lang="en" prefix="og:https://ogp.me/ns#"> <head> <meta charset="utf-8"> <title> How to Ride - IVT RIDE </title> <meta name="description" content="IVT RIDE provides curb to curb transit service for seniors; persons age 55 years and over, and persons with disabilities upon advance phone reservations."> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content=""> <meta property="og:image" content=""> <meta property="og:locale" content=""> <meta property="og:site_name" content=""> <meta property="og:title" content=""> <meta property="og:type" content=""> <meta property="og:url" content=""> <meta property="twitter:card" content=""> <meta property="twitter:description" content=""> <meta property="twitter:image" content=""> <meta property="twitter:title" content=""> <meta property="twitter:url" content=""> <link href="" rel="canonical"> <link href="" rel="apple-touch-icon" sizes="180x180"> <link href="" rel="icon" sizes="16x16"> <link href="" rel="icon" sizes="32x32"> <link href="" rel="icon" sizes="96x96"> <link href="" rel="icon" sizes="192x192"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap"> <link rel="stylesheet" href="/licensed/slider-revolution/css/slider-revolution.min.css"> <link rel="preload" as="style" href="https://www.ivtride.com/build/assets/app-b59381a8.css" /><link rel="stylesheet" href="https://www.ivtride.com/build/assets/app-b59381a8.css" /> </head> <body> <div class="bg-neutral-100 flex flex-col font-open-sans leading-relaxed min-h-screen text-neutral-900 layout layout-default" id="app"> <a class="bg-gray-900 fixed flex gap-3 items-center justify-center leading-none left-1/2 opacity-0 focus:opacity-100 px-6 py-4 scale-95 focus:scale-100 text-center text-gray-100 top-4 -translate-x-1/2 whitespace-nowrap -z-[1] focus:z-[1000]" href="#main"> <span>Skip to main content</span> <span class="fa-regular fa-arrow-turn-down" aria-hidden="true"></span> </a> <header class="bg-white flex flex-wrap inset-x-0 shadow-md top-0 z-[90] layout__header" id="header" role="banner"> <div class="leading-none order-3 py-4 w-full"> <div class="container"> <div class="flex items-center lg:items-end justify-between"> <h1 class="my-0"> <a class="bg-left bg-contain bg-no-repeat block h-16 w-64" href="/"> <span class="sr-only">IVT RIDE</span> </a> </h1> <div class="navigation" :class="{ 'navigation--is-open':isOpen }" id="app-navigation"> <button class="navigation__toggle" type="button" :aria-expanded="isOpen ? 'true' : 'false'" aria-haspopup="true" v-on:click="toggle"> <span class="fas fa-fw" :class="{ 'fa-times':isOpen, 'fa-bars':!isOpen }" aria-hidden="true" v-cloak></span> <span class="sr-only">Navigation</span> </button> <div class="navigation__container"> <nav role="navigation"> <ul role="menubar"> <li role="none"> <a href="/" role="menuitem">Home</a> </li> <li role="none"> <a class="" href="/about/executive-directors-message" role="menuitem"> <span>About</span> <span class="fa-solid fa-angle-down leading-none text-sm" aria-hidden="true"></span> </a> <ul role="menu" aria-label="About"> <li role="none"> <a href="/about/executive-directors-message" role="menuitem">Executive Director's Message</a> </li> <li role="none"> <a href="/about/vision-mission-and-goals" role="menuitem">Vision, Mission and Goals</a> </li> <li role="none"> <a href="/about/employment" role="menuitem">Employment</a> </li> <li role="none"> <a href="https://www.imperialctc.org/publications-and-reports/transit-and-non-motorized" role="menuitem">Documents</a> </li> </ul> </li> <li role="none"> <a class="active" href="/rider-information/how-to-ride" role="menuitem"> <span>Rider Information</span> <span class="fa-solid fa-angle-down leading-none text-sm" aria-hidden="true"></span> </a> <ul role="menu" aria-label="Rider Information"> <li role="none"> <a href="/rider-information/how-to-ride" role="menuitem">How to Ride</a> </li> <li role="none"> <a href="/rider-information/bicycles" role="menuitem">Bicycles</a> </li> <li role="none"> <a href="/rider-information/mobility-training" role="menuitem">Mobility Training</a> </li> <li role="none"> <a href="/rider-information/accessibility/reasonable-modification" role="menuitem">Accessibility</a> </li> <li role="none"> <a href="/rider-information/service-animals" role="menuitem">Service Animals</a> </li> <li role="none"> <a href="/rider-information/safety-and-security" role="menuitem">Safety and Security</a> </li> <li role="none"> <a href="/rider-information/lost-and-found" role="menuitem">Lost and Found</a> </li> </ul> </li> <li role="none"> <a href="/contact-us" role="menuitem">Contact Us</a> </li> </ul> </nav> </div> </div> </div> </div> </div> <div class="bg-primary-500 border-b-4 border-primary-700 leading-none order-2 py-2 text-sm text-neutral-900 w-full"> <div class="container"> <div class="flex justify-between"> <div class="flex -mx-4"> <div class="px-4"> <div class="flex h-full items-center"> <div> <a href="tel:760-337-1760">760-337-1760</a> </div> </div> </div> </div> <div class="flex -mx-4"> <div class="border-r border-primary-700 hidden md:block px-4"> <div class="flex h-full items-center"> <div id="app-clock" v-cloak> {{ time }} </div> </div> </div> <div class="border-r border-primary-700 hidden md:block px-4"> <div class="flex h-full items-center"> <div class="flex items-center"> <span class="mr-2 text-2xl fas fa-sun"></span> 75° </div> </div> </div> <div class="px-4 relative" id="app-languages"> <div class="flex h-full items-center"> <button class="focus:bg-primary-200 hover:bg-primary-200 px-3 py-2 rounded-md text-neutral-900 underline" :class="{ 'bg-primary-200':isOpen, 'bg-white':!isOpen }" type="button" :aria-expanded="isOpen ? 'true' : 'false'" aria-haspopup="true" v-on:click='toggle'> English <span class="fas" :class="{ 'fa-angle-up':isOpen, 'fa-angle-down':!isOpen }" aria-hidden="true" v-cloak></span> </button> <div class="absolute bg-white duration-300 mr-4 mt-1 p-1 right-0 rounded-md shadow-md text-primary-500 top-full transition-all w-32" :class="{ 'opacity-100 visible z-30':isOpen, 'invisible opacity-0 z-0':!isOpen }" v-cloak> <a class="focus:bg-primary-200 hover:bg-primary-200 block focus:opacity-100 hover:opacity-100 p-2 rounded-md text-neutral-900" href="/es/rider-information/how-to-ride">Espa帽ol</a> </div> </div> </div> </div> </div> </div> </div> </header> <main class="flex-1 layout__main" id="main" role="main"> <div class="template template-default"> <div class="py-16"> <div class="container"> <div class="flex -mx-4"> <div class="flex-1 min-w-0 order-2 px-4"> <h2 class="mt-0 text-neutral-900"> How to Ride </h2> <div class="set set-image"> <div class="flex justify-center"> <div class="max-w-full w-full"> <figure> <div class="bg-cover bg-gray-200 rounded-md aspect-[16/9]" style="background-image:url('/img/asset/YXNzZXRzL2ltYWdlcy9jbnZfMDY1Ni5qcGc=/cnv_0656.jpg?fit=crop&fm=jpg&q=60&w=1024&s=262f7db90d0b2676d70ca21814a8e994'); background-position:50% 50%;"> <img class="sr-only" src="/img/asset/YXNzZXRzL2ltYWdlcy9jbnZfMDY1Ni5qcGc=/cnv_0656.jpg?fit=crop&fm=jpg&h=1&q=60&w=1&s=357190096c92d9c4429595f0a139ff72" alt=""> </div> </figure> </div> </div> </div> <div class="set text-set"> <h3>Plan your trip</h3><p>Call the Dispatch Office at 760-337-1760 and a bi-lingual customer service representative will assist you in planning your trip, and answer questions you may have regarding riding the bus.</p><h3>Wait for the bus</h3><p>Be ready within the 30 minute window of the pick up time provided by the dispatcher</p><h3>Board the bus</h3><p>To make boarding easier, every IVT RIDE is equipped with lifts or ramps for people who have trouble climbing stairs or use a wheelchair.</p><h3>Pay your fare</h3><p>Please have your exact fare ready before boarding the bus. Drivers do not make change.</p><h3>Take a seat</h3><p>For your safety, always remain seated or hold onto the poles when the bus is moving.</p><h3>Get off the bus</h3><p>Have a nice day</p> </div> </div> <div class="hidden lg:block order-1 px-4 w-80"> <div class="bg-white overflow-hidden rounded-md shadow-md sticky" id="sidebar"> <h3 class="bg-primary-500 border-b-8 border-primary-700 my-0 px-4 py-6 text-3xl"> <a class="font-medium no-underline text-neutral-900" href="/rider-information/how-to-ride">Rider Information</a> </h3> <div class="px-4 py-6"> <nav role="navigation"> <ul class="list-none m-0 p-0 space-y-3" role="menu"> <li class="my-0" role="none"> <a class="flex text-primary-950" href="/rider-information/how-to-ride" role="menuitem"> How to Ride </a> </li> <li class="my-0" role="none"> <a class="flex no-underline text-neutral-900" href="/rider-information/bicycles" role="menuitem"> Bicycles </a> </li> <li class="my-0" role="none"> <a class="flex no-underline text-neutral-900" href="/rider-information/mobility-training" role="menuitem"> Mobility Training </a> </li> <li class="my-0" role="none"> <a class="flex no-underline text-neutral-900" href="/rider-information/accessibility/reasonable-modification" role="menuitem"> Accessibility </a> <ul class="list-none m-0 ml-6 mt-3 p-0 space-y-3" role="menu"> <li class="my-0" role="none"> <a class="flex no-underline text-neutral-900" href="/rider-information/accessibility/reasonable-modification" role="menuitem"> Reasonable Modification </a> </li> </ul> </li> <li class="my-0" role="none"> <a class="flex no-underline text-neutral-900" href="/rider-information/service-animals" role="menuitem"> Service Animals </a> </li> <li class="my-0" role="none"> <a class="flex no-underline text-neutral-900" href="/rider-information/safety-and-security" role="menuitem"> Safety and Security </a> </li> <li class="my-0" role="none"> <a class="flex no-underline text-neutral-900" href="/rider-information/lost-and-found" role="menuitem"> Lost and Found </a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="bg-neutral-900 py-12 text-neutral-100 layout__footer" id="footer" role="contentinfo"> <div class="container"> <div class="flex justify-center"> <div class="w-full lg:w-10/12"> <div class="flex flex-wrap items-center justify-between leading-none mb-8"> <div class="order-2 sm:order-1 text-center sm:text-left w-full sm:w-auto"> <div class="mb-1"> © 2024, <strong>IVT RIDE</strong> </div> <div class="text-xs"> by <a href="https://www.conveyorgroup.com" target="_blank">Conveyor Group</a> </div> </div> <div class="mb-8 sm:mb-0 order-1 sm:order-2 text-center sm:text-right w-full sm:w-auto"> <a href="https://211sandiego.org/resources/regional-services/imperial-county/" target="_blank"> <img class="block h-12" src="/assets/partners/211-imperial.png" alt="211 Imperial"> </a> </div> </div> <div class="text-center text-xs"> Title VI The Imperial County Transportation Commission and its transit operators are committed to ensuring that no person is excluded from participation in, or denied the benefits of its services on the basis of race, color or national origin as protected by Title VI of the Civil Rights Act of 1964, as amended. If you believe youhave been subjected to discrimination under Title VI, you may file a written complaint with the Executive Director, ICTC, 1503 N Imperial Ave, Ste 104, El Centro, CA 92243. </div> </div> </div> </div> </footer> </div> <script> var mapboxToken = 'token'; </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script src="/licensed/slider-revolution/js/slider-revolution.min.js"></script> <link rel="modulepreload" href="https://www.ivtride.com/build/assets/app-9d353326.js" /><script type="module" src="https://www.ivtride.com/build/assets/app-9d353326.js"></script> </body> </html>