CINXE.COM
Home | Imperial County Transportation Commission
<!doctype html> <html lang="en" prefix="og:https://ogp.me/ns#"> <head> <meta charset="utf-8"> <title>Home | Imperial County Transportation Commission</title> <meta name="description" content="Imperial County Transportation Commission"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Imperial County Transportation Commission"> <meta property="og:locale" content="en_US"> <meta property="og:site_name" content="Imperial County Transportation Commission"> <meta property="og:title" content="Home"> <meta property="og:type" content="website"> <link href="https://www.imperialctc.org" rel="canonical"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=192&h=192&s=feaf91b9cb9b83235b9a081904fe4eaa" rel="icon" sizes="192x192"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=96&h=96&s=21b46974e3e452b71899448bf025f356" rel="icon" sizes="96x96"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=32&h=32&s=0ed707410fab8fcbea839912035d8fff" rel="icon" sizes="32x32"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=16&h=16&s=cbebbc8204691f676e0ab143d85a27a4" rel="icon" sizes="16x16"> <link href="/img/asset/dGhlbWUvZmF2aWNvbi5wbmc=/favicon.png?fit=crop&fm=png&w=180&h=180&s=30caf5330648921d1301a81ab81d5939" rel="apple-touch-icon" sizes="180x180"> <link href="/css/app.css?id=89d42ea21cf653e1d7a2eb7ffbabb617" rel="stylesheet"> </head> <body> <div class="bg-gray-100 font-open-sans leading-relaxed min-h-screen text-gray-900 layout layout--default layout--is-motionless" id="app"> <a class="absolute bg-gray-900 flex h-16 inset-x-0 items-center justify-center focus:opacity-100 focus:outline-none focus:ring-gray-900 focus:ring-opacity-50 text-white -top-16 focus:top-0 z-50" href="#main"> Skip to main content <span class="ml-2 fa-solid fa-level-down" aria-hidden="true"></span> </a> <header class="bg-brand-blue-500 lg:bottom-0 fixed inset-x-0 lg:right-auto shadow-md text-white top-0 lg:w-64 xl:w-72 z-40" role="banner"> <div class="lg:hidden"> <div class="py-4"> <div class="container"> <div class="flex flex-wrap items-center justify-center -mx-4"> <div class="px-4 w-auto"> <h1> <a class="block ring-opacity-50 ring-white" href="/" title="Return to homepage"> <img class="h-16 md:h-20" alt="Imperial County Transportation Commission" src="/theme/logo.svg"> </a> </h1> </div> </div> </div> </div> <div class="bg-brand-blue-600 border-brand-blue-700 border-t leading-none py-2 text-sm"> <div class="container"> <div class="flex flex-row flex-wrap gap-y-6 justify-between -mx-3"> <div class="px-3 w-auto"> <div class="relative"> <button class="flex items-center peer px-3 py-2 no-underline space-x-2 text-white"> <span class="fa-regular fa-language leading-none text-xl" aria-hidden="true"></span> <span class="leading-none underline">Language</span> </button> <div class="absolute duration-300 ease-out invisible focus-within:visible hover:visible peer-focus:visible peer-hover:visible left-0 opacity-0 focus-within:opacity-100 hover:opacity-100 peer-focus:opacity-100 peer-hover:opacity-100 top-[calc(100%-0.5rem)] focus-within:top-full hover:top-full peer-focus:top-full peer-hover:top-full transition-all w-32 z-[-1] focus-within:z-10 hover:z-10 peer-focus:z-10 peer-hover:z-10"> <div class="bg-white p-1 rounded shadow-md"> <a class="focus:bg-brand-blue-100 hover:bg-brand-blue-100 block leading-snug px-3 py-2 text-brand-blue-600 focus:text-brand-blue-700 hover:text-brand-blue-700 text-left text-sm w-full" href="https://www.imperialctc.org"> English </a> <a class="focus:bg-brand-blue-100 hover:bg-brand-blue-100 block leading-snug px-3 py-2 text-brand-blue-600 focus:text-brand-blue-700 hover:text-brand-blue-700 text-left text-sm w-full" href="https://www.imperialctc.org/es"> Español </a> </div> </div> </div> </div> <div class="px-3 w-auto" id="navigation-mobile"> <button class="flex items-center px-3 py-2 no-underline space-x-2 text-white" id="navigation-mobile-open" type="button" v-bind:aria-expanded="navigation.mobile.isOpen ? 'true' : 'false'" aria-haspopup="true" v-on:click="navigationMobileOpen"> <span class="leading-none underline">Navigation</span> <span class="fa-solid fa-bars leading-none text-xl" aria-hidden="true"></span> </button> <div class="bg-gray-900 bg-opacity-75 duration-300 ease-out fixed inset-0 transition-all" v-bind:class="{ 'opacity-100 visible z-10':navigation.mobile.isOpen, 'invisible opacity-0 z-0':!navigation.mobile.isOpen }" v-cloak> <div class="absolute bg-white duration-300 ease-out flex flex-col inset-4 rounded shadow-md transform-gpu transition-all" id="navigation-mobile-trap" v-bind:class="{ 'opacity-100 scale-100 visible':navigation.mobile.isOpen, 'invisible opacity-0 scale-95':!navigation.mobile.isOpen }"> <div class="bg-brand-blue-500 flex items-center justify-between p-4 rounded-t text-white"> <h2> <img class="h-16 md:h-20" alt="Imperial County Transportation Commission" src="/theme/logo.svg"> </h2> <button class="flex items-center px-3 py-2 no-underline space-x-2 text-white" id="navigation-mobile-close" type="button" v-on:click="navigationMobileClose"> <span class="leading-none underline">Close</span> <span class="fa-solid fa-times leading-none text-xl" aria-hidden="true"></span> </button> </div> <div class="flex-1 overflow-y-scroll"> <nav role="navigation" aria-label="Main"> <ul class="list-none m-0 p-4" role="menubar"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/">Home</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/message-from-the-executive-director">Message from the Executive Director</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc">About ICTC</a> <div> <ul class="list-none ml-4 p-0" aria-label="About ICTC" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/commission">Commission</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/our-team">ICTC Team</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/committees">Committees</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/owp-and-budget">OWP and Budget</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/doing-business-with-ictc">Doing Business with ICTC</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/employment-opportunities">Employment Opportunities</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/general-assembly-and-economic-summit">General Assembly & Economic Summit</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/about-ictc/ridership-data">Ridership Data</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/news-and-announcements">Press Releases & Announcements</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/commission">Meetings & Agendas</a> <div> <ul class="list-none ml-4 p-0" aria-label="Meetings & Agendas" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/commission">Commission</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/management-committee">Management Committee</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/tac">TAC</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/sstac">SSTAC</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/imperial-mexicali-binational-alliance">Imperial/Mexicali Binational Alliance</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/meetings-and-agendas/calvans">CALVANS</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/transit-and-non-motorized">Publications & Reports</a> <div> <ul class="list-none ml-4 p-0" aria-label="Publications & Reports" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/transit-and-non-motorized">Transit & Non-Motorized</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/transportation-plans-and-studies">Transportation Plans & Studies</a> <div> <ul class="list-none ml-4 p-0" aria-label="Transportation Plans & Studies" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/transportation-plans-and-studies/regional-climate-action-plan">Regional Climate Action Plan</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/financial-reports">Financial Reports</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/publications-and-reports/programs-and-projects">Programs & Projects</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/projects">Projects</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/transit-services">Transit Services</a> <div> <ul class="list-none ml-4 p-0" aria-label="Transit Services" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/transit-services/ada-compliant-procedures">ADA Complaint Procedures</a> </li> </ul> </div> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="https://www.ltaimperial.com">About LTA</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="http://www.ivrma.org">About IVRMA</a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-brand-blue-500 hover:bg-brand-blue-500 block leading-none focus:opacity-100 hover:opacity-100 p-4 rounded text-brand-blue-500 focus:text-white hover:text-white text-lg" href="/contact">Contact</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </div> <div class="divide-brand-blue-600 divide-y-2 h-full hidden lg:flex lg:flex-col"> <div class="p-6"> <h1> <a class="block ring-opacity-50 ring-white" href="/" title="Return to homepage"> <img class="w-full" alt="Imperial County Transportation Commission" src="/theme/logo.svg"> </a> </h1> </div> <div class="divide-brand-blue-600 divide-y-2 leading-none p-6 text-center text-sm"> <div class="flex justify-start"> <div class="relative"> <button class="flex items-center peer no-underline space-x-2 text-white"> <span class="fa-regular fa-language leading-none text-xl" aria-hidden="true"></span> <span class="leading-none underline">Language</span> </button> <div class="absolute duration-300 ease-out invisible focus-within:visible hover:visible peer-focus:visible peer-hover:visible left-0 opacity-0 focus-within:opacity-100 hover:opacity-100 peer-focus:opacity-100 peer-hover:opacity-100 pt-1 shadow-md top-[calc(100%-0.5rem)] focus-within:top-full hover:top-full peer-focus:top-full peer-hover:top-full transition-all w-32 z-[-1] focus-within:z-10 hover:z-10 peer-focus:z-10 peer-hover:z-10"> <div class="bg-white p-1 rounded shadow-md"> <a class="focus:bg-brand-blue-100 hover:bg-brand-blue-100 block leading-snug px-3 py-2 text-brand-blue-600 focus:text-brand-blue-700 hover:text-brand-blue-700 text-left text-sm w-full" href="https://www.imperialctc.org"> English </a> <a class="focus:bg-brand-blue-100 hover:bg-brand-blue-100 block leading-snug px-3 py-2 text-brand-blue-600 focus:text-brand-blue-700 hover:text-brand-blue-700 text-left text-sm w-full" href="https://www.imperialctc.org/es"> Español </a> </div> </div> </div> </div> <div class="gap-4 grid grid-cols-3 mt-4 pt-4"> <div class="flex items-center justify-center space-x-2"> <div class="leading-none text-2xl"> <span class="fa-solid " title="Current Conditions" aria-hidden="true"></span> <span class="sr-only">Current Conditions: Clouds</span> </div> <div> 70° </div> </div> <div class="flex items-center justify-center space-x-2"> <div class="leading-none text-2xl"> <span class="fa-solid fa-temperature-full" title="High Temperature" aria-hidden="true"></span> <span class="sr-only">High Temperature</span> </div> <div> 71° </div> </div> <div class="flex items-center justify-center space-x-2"> <div class="leading-none text-2xl"> <span class="fa-solid fa-temperature-quarter" title="Low Temperature" aria-hidden="true"></span> <span class="sr-only">Low Temperature</span> </div> <div> 70° </div> </div> </div> </div> <div class="bg-brand-blue-700 flex-1 overflow-y-scroll" id="navigation-desktop"> <nav aria-label="Main" role="navigation"> <ul class="list-none m-0 p-0" role="menubar"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 bg-white text-brand-blue-700" href="/"> Home </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/message-from-the-executive-director"> Message from the Executive Director </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/about-ictc"> About ICTC </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-6 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">About ICTC</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="About ICTC" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/commission"> Commission </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/our-team"> ICTC Team </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/committees"> Committees </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/owp-and-budget"> OWP and Budget </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/doing-business-with-ictc"> Doing Business with ICTC </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/employment-opportunities"> Employment Opportunities </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/general-assembly-and-economic-summit"> General Assembly & Economic Summit </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/about-ictc/ridership-data"> Ridership Data </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/news-and-announcements"> Press Releases & Announcements </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/meetings-and-agendas/commission"> Meetings & Agendas </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-6 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">Meetings & Agendas</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="Meetings & Agendas" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/commission"> Commission </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/management-committee"> Management Committee </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/tac"> TAC </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/sstac"> SSTAC </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/imperial-mexicali-binational-alliance"> Imperial/Mexicali Binational Alliance </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/meetings-and-agendas/calvans"> CALVANS </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/publications-and-reports/transit-and-non-motorized"> Publications & Reports </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-6 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">Publications & Reports</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="Publications & Reports" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/publications-and-reports/transit-and-non-motorized"> Transit & Non-Motorized </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/publications-and-reports/transportation-plans-and-studies"> Transportation Plans & Studies </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-12 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">Transportation Plans & Studies</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="Transportation Plans & Studies" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-24 " href="/publications-and-reports/transportation-plans-and-studies/regional-climate-action-plan"> Regional Climate Action Plan </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/publications-and-reports/financial-reports"> Financial Reports </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/publications-and-reports/programs-and-projects"> Programs & Projects </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/projects"> Projects </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/transit-services"> Transit Services </a> <button class="absolute peer-focus:text-brand-blue-700 peer-hover:text-brand-blue-700 top-4 z-10 left-6 " type="button" aria-expanded="false" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-plus" aria-hidden="true"></span> <span class="sr-only">Transit Services</span> </button> <ul class="list-none m-0 p-0 hidden" aria-label="Transit Services" role="menu"> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-18 " href="/transit-services/ada-compliant-procedures"> ADA Complaint Procedures </a> </li> </ul> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="https://www.ltaimperial.com"> About LTA </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="http://www.ivrma.org"> About IVRMA </a> </li> <li class="my-0 relative" role="none"> <a class="focus:bg-white hover:bg-white block leading-none focus:opacity-100 hover:opacity-100 peer pr-6 py-4 focus:ring-opacity-50 focus:ring-white focus:text-brand-blue-700 hover:text-brand-blue-700 pl-12 " href="/contact"> Contact </a> </li> </ul> </nav> </div> </div> </header> <div class="flex flex-col min-h-screen lg:pl-64 xl:pl-72 pt-24 md:pt-28 lg:pt-0"> <main class="flex-1" id="main" role="main"> <div class="template template--home"> <section class="bg-gray-900 h-144 md:h-160 relative z-0"> <v-component-slider> <div class="ls-slide" data-ls="bgposition:28% 45%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL2RqaV8wNjc5LmpwZw==/dji_0679.jpg?fit=crop-28-45-1&fm=jpg&h=864&q=75&w=1536&s=e2ccff6ba831c623aadcfed96e390fb3"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> Calexico East Port of Entry Bridge Widening Project </h2> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL3ZlaGljbGUuSlBFRw==/vehicle.JPEG?fit=crop&fm=jpg&h=864&q=75&w=1536&s=27b34df3cff636624fb534d2a4ed6bd7"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> Calexico On Demand </h2> <div class="leading-relaxed mt-4 text-lg lg:text-xl"> <p>The Calexico On Demand fleet consists of plug-in hybrid electric vehicles designed to reduce emissions, and a shared ride model that should minimize single-occupancy car trips.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL2NhbGV4aWNvLW9uLWRlbWFuZC1jZWxlYnJhdGlvbi5KUEVH/calexico-on-demand-celebration.JPEG?fit=crop&fm=jpg&h=864&q=75&w=1536&s=2cd5979ed359c2dd5df55e14358a3943"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> Calexico On Demand launches in the City of Calexico </h2> <div class="leading-relaxed mt-4 text-lg lg:text-xl"> <p>ICTC & stakeholders meet to celebrate the rapid success of Calexico On Demand’s CMO grant funded service in partnership with Via in the City of Calexico.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="ICTC Executive Director with the CEO group at Mobility 21 Summit" src="/img/asset/YXNzZXRzLzUzMjQ0NDU0Nzk1X2ZkNGZmMWI5OTBfay5qcGc=/53244454795_fd4ff1b990_k.jpg?fit=crop&fm=jpg&h=864&q=75&w=1536&s=cb16380290d16b325a02b16c79b6fe9b"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> 2023 Mobility 21 Summit </h2> <div class="leading-relaxed mt-4 text-lg lg:text-xl"> <p>ICTC Executive Director, David Aguirre with the SCAG/Transportation CEO's group</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:56% 60%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="ICTC Chair participating in the Chairs' Roundtable at the Mobility 21 Summit" src="/img/asset/YXNzZXRzLzUzMjQ0MTM3NzQ4X2NiYTA1N2U1MmZfay5qcGc=/53244137748_cba057e52f_k.jpg?fit=crop-56-60-1&fm=jpg&h=864&q=75&w=1536&s=b3289d09a4164b7f12a0038ea90dcc14"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> 2023 Mobility 21 Summit </h2> <div class="leading-relaxed mt-4 text-lg lg:text-xl"> <p>ICTC Chair Mike Goodsell participating in the Chairs' Roundtable</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:49% 24%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL3Byb2plY3RzL2ktOC1pbXBlcmlhbC1hdmUvMjAyMTEyMjEtSThJbXBBdmVPcGVuaW5nLTA4Mi5qcGc=/20211221-I8ImpAveOpening-082.jpg?fit=crop-49-24-1&fm=jpg&h=864&q=75&w=1536&s=f855e1bb0213eacd331ae2eeb18a3ad3"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> I-8 / Imperial Avenue Interchange Project </h2> <div class="leading-relaxed mt-4 text-lg lg:text-xl"> <p>Ribbon Cutting Ceremony </p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:49% 36%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL3Byb2plY3RzL2ktOC1pbXBlcmlhbC1hdmUvS2F0aGVyaW5lLVJhbW9zLTIuanBn/Katherine-Ramos-2.jpg?fit=crop-49-36-1&fm=jpg&h=864&q=75&w=1536&s=c4b1f7e48c065e38cca8ae3434833679"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> I-8 / Imperial Avenue Interchange Project </h2> <div class="leading-relaxed mt-4 text-lg lg:text-xl"> <p>New Bridge - Photo by Katherine Ramos</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL0k4LmpwZw==/I8.jpg?fit=crop&fm=jpg&h=864&q=75&w=1536&s=953f7c6d038e5ca30a3da99e20007701"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> I-8 / Imperial Avenue Interchange Project </h2> <div class="leading-relaxed mt-4 text-lg lg:text-xl"> <p>Construction</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL3ZtLWNhbHgtaXRjLmpwZw==/vm-calx-itc.jpg?fit=crop&fm=jpg&h=864&q=75&w=1536&s=0373a6bfb1105972a3699b3272474b3e"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> Calexico Intermodal Transportation Center Community Forum </h2> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL2ltYWdlcy9zbGlkZXIvcG1oLmpwZw==/pmh.jpg?fit=crop&fm=jpg&h=864&q=75&w=1536&s=2001f9f72008ad9601c27f404996f427"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> Imperial Valley Transit at Pioneers Hospital </h2> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL2ltYWdlcy9zbGlkZXIvaW1wZXJpYWwuanBn/imperial.jpg?fit=crop&fm=jpg&h=864&q=75&w=1536&s=657f02fa18b4cb71f0b42f9a06dc1464"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> IVT in the City of Imperial </h2> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL2ltYWdlcy9zbGlkZXIvQXRlbi1SZC1CaWtlLUxhbmVfRWFzdGJvdW5kLXZpZXdfNC4yMy4yMDIxLTEyLmpwZw==/Aten-Rd-Bike-Lane_Eastbound-view_4.23.2021-12.jpg?fit=crop&fm=jpg&h=864&q=75&w=1536&s=a3a49cd9058f3c18eb28951d542bcc01"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> Aten Road </h2> <div class="leading-relaxed mt-4 text-lg lg:text-xl"> <p>Eastbound Picture of Aten Rd Bike Lane construction</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL2ltYWdlcy9zbGlkZXIvb2NvdGlsbG8uanBn/ocotillo.jpg?fit=crop&fm=jpg&h=864&q=75&w=1536&s=0d618c676eb906faf71162fb44af90e9"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> Imperial Valley Transit </h2> <div class="leading-relaxed mt-4 text-lg lg:text-xl"> <p>IVT travels to Ocotillo on Tuesday's upon request</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 93%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL2ltYWdlcy9zbGlkZXIvZWwtY2VudHJvLmpwZw==/el-centro.jpg?fit=crop-50-93-1&fm=jpg&h=864&q=75&w=1536&s=b717e40aece41d4c991a9b55bd4f5b7d"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> IVT Green Line in El Centro </h2> </div> </div> </div> </div> </div> </div> </div> <div class="ls-slide" data-ls="bgposition:50% 50%; bgsize:cover; duration:15000; transition2d:5;"> <img class="ls-bg" alt="" src="/img/asset/YXNzZXRzL0ZvcnJlc3Rlci1Sb2FkLUJyaWRnZS1XZXN0LXNpZGUtbWFpbi05LTIzLmpwZw==/Forrester-Road-Bridge-West-side-main-9-23.jpg?fit=crop&fm=jpg&h=864&q=75&w=1536&s=283b9b4c34ded6fded8bdf0984f1ec86"> <div class="bg-gradient-to-t from-gray-900 ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; startatin:500;" style="height:1536px; left:50%; top:50%; width:4096px"></div> <div class="text-white ls-layer" data-ls="durationin:500; easingin:easeOutCubic; easingout:easeInCubic; offsetyin:32px; offsetyout:32px; startatin:1000;" style="left:0; top:100%; white-space:normal; width:100%;"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full"> <div class="flex flex-wrap justify-start -mx-4"> <div class="px-4 pb-12 w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class='leading-none lg:leading-none text-4xl lg:text-5xl'> Forrester Road - County of Imperial </h2> </div> </div> </div> </div> </div> </div> </div> </v-component-slider> </section> <section class="bg-gray-100 overflow-hidden py-24"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full md:w-11/12"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 space-y-6 w-full md:w-7/12"> <h2 class="leading-none text-brand-green-500 text-4xl" data-aos="fade-up"> Imperial County Transportation Commission </h2> <div data-aos="fade-up"> <p>The ICTC or “Commission” was established under Senate Bill 607 (SB 607-Ducheny) in 2009 and became effective on January 1, 2010. As a county transportation commission, ICTC on behalf of its member agencies are enabled to exercise leadership in the regional transportation planning and programming process. ICTC will act in accordance with all applicable laws and statutes for county transportation commissions.</p> </div> <div class="flex" data-aos="fade-up"> <div class="fieldset fieldset--button"> <a class="flex items-center justify-center leading-none focus:opacity-100 hover:opacity-100 focus:ring-opacity-50 rounded space-x-2 text-center bg-brand-green-600 hover:bg-brand-green-700 focus:ring-brand-green-600 text-white px-6 py-3 text-base" href="/about-ictc"> <div> Learn more </div> <div> <span class="fa-solid fa-arrow-right" aria-hidden="true"></span> </div> </a> </div> </div> </div> <div class="mt-12 md:mt-0 px-4 w-full md:w-5/12"> <div class="h-40 md:h-full relative w-full" data-aos="fade-left"> <div class="absolute bg-cover bg-gray-900 bg-no-repeat -bottom-32 md:-bottom-48 -left-8 md:left-0 -right-8 md:right-auto -rotate-6 md:rotate-12 top-0 md:-top-48 md:w-[50vw]" style="background-image:url('/img/asset/YXNzZXRzL2ltYWdlcy9tYXAuanBn/map.jpg?fit=cover&fm=jpg&h=2048&q=75&w=2048&s=f0db239f538b55e53561a0be88a33d3a'); background-position:50% 50%;"></div> </div> </div> </div> </div> </div> </div> </section> <section class="bg-brand-blue-500 p-1" id="projects"> <div class="gap-1 grid auto-rows-fr grid-cols-1 sm:grid-cols-2 xl:grid-cols-3"> <a class="flex flex-col group no-underline focus:opacity-100 hover:opacity-100 overflow-hidden rounded bg-brand-blue-300 text-gray-900" href="https://www.imperialctc.org/publications-and-reports/transportation-plans-and-studies"> <div class="aspect-[16/9] duration-300 ease-out group-focus:opacity-50 group-hover:opacity-50 relative transition-all" data-aos="fade-in" data-aos-anchor="#projects" data-aos-delay="0"> <div class="aspect-[4/3] absolute bg-center bg-cover bg-no-repeat duration-300 ease-out inset-0 group-focus:scale-105 group-hover:scale-105 transition-all" style="background-image:url(/img/asset/YXNzZXRzL2ltYWdlcy9FYXN0LVBPRV8xMC0zMS0xOC5KUEc=/East-POE_10-31-18.JPG?fit=crop&fm=jpg&q=75&w=1024&h=1024&s=938f75a7398e2372788abcfe5ce59415); background-position:50% 50%;"> <div class="bg-gradient-to-t absolute inset-0 from-brand-blue-300"></div> </div> </div> <div class="flex flex-1 items-end p-6 relative z-10"> <div class="space-y-2"> <div class="flex"> <div class="leading-none px-2 py-1 rounded-full text-xs bg-brand-blue-500 text-white"> Complete </div> </div> <h3 class="leading-none text-2xl" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="50"> Long Range Transportation Plan Update </h3> <div class="underline" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="100"> View Project Details <span class="fa-solid fa-arrow-right" aria-hidden="true"></span> </div> </div> </div> </a> <a class="flex flex-col group no-underline focus:opacity-100 hover:opacity-100 overflow-hidden rounded bg-brand-blue-700 text-gray-100" href="/projects/calexico-east-port-of-entry-bridge-expansion"> <div class="aspect-[16/9] duration-300 ease-out group-focus:opacity-50 group-hover:opacity-50 relative transition-all" data-aos="fade-in" data-aos-anchor="#projects" data-aos-delay="100"> <div class="aspect-[4/3] absolute bg-center bg-cover bg-no-repeat duration-300 ease-out inset-0 group-focus:scale-105 group-hover:scale-105 transition-all" style="background-image:url(/img/asset/YXNzZXRzL0Vhc3QtUE9FLUJyaWRnZS1XaWRlbmluZy1Qcm9qZWN0LWRlc2lnbi1pbWFnZS0uanBn/East-POE-Bridge-Widening-Project-design-image-.jpg?fit=crop&fm=jpg&q=75&w=1024&h=1024&s=4b3fe0228df459e8565fd6321dab3666); background-position:50% 50%;"> <div class="bg-gradient-to-t absolute inset-0 from-brand-blue-700"></div> </div> </div> <div class="flex flex-1 items-end p-6 relative z-10"> <div class="space-y-2"> <div class="flex"> <div class="leading-none px-2 py-1 rounded-full text-xs bg-brand-blue-500 text-white"> Complete </div> </div> <h3 class="leading-none text-2xl" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="150"> Calexico East Port of Entry Bridge Expansion </h3> <div class="underline" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="200"> View Project Details <span class="fa-solid fa-arrow-right" aria-hidden="true"></span> </div> </div> </div> </a> <a class="flex flex-col group no-underline focus:opacity-100 hover:opacity-100 overflow-hidden rounded bg-brand-blue-300 text-gray-900" href="/projects/calexico-intermodal-transportation-center"> <div class="aspect-[16/9] duration-300 ease-out group-focus:opacity-50 group-hover:opacity-50 relative transition-all" data-aos="fade-in" data-aos-anchor="#projects" data-aos-delay="200"> <div class="aspect-[4/3] absolute bg-center bg-cover bg-no-repeat duration-300 ease-out inset-0 group-focus:scale-105 group-hover:scale-105 transition-all" style="background-image:url(/img/asset/YXNzZXRzL0lUQy1pbWFnZS0uanBn/ITC-image-.jpg?fit=crop&fm=jpg&q=75&w=1024&h=1024&s=2e77a01b69ea052ca8d1237ef3513c7f); background-position:50% 50%;"> <div class="bg-gradient-to-t absolute inset-0 from-brand-blue-300"></div> </div> </div> <div class="flex flex-1 items-end p-6 relative z-10"> <div class="space-y-2"> <div class="flex"> <div class="leading-none px-2 py-1 rounded-full text-xs bg-brand-green-600 text-white"> Active </div> </div> <h3 class="leading-none text-2xl" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="250"> Calexico Intermodal Transportation Center (ITC) </h3> <div class="underline" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="300"> View Project Details <span class="fa-solid fa-arrow-right" aria-hidden="true"></span> </div> </div> </div> </a> <a class="flex flex-col group no-underline focus:opacity-100 hover:opacity-100 overflow-hidden rounded bg-brand-blue-600 text-gray-100" href="/projects/forrester-road-improvements"> <div class="aspect-[16/9] duration-300 ease-out group-focus:opacity-50 group-hover:opacity-50 relative transition-all" data-aos="fade-in" data-aos-anchor="#projects" data-aos-delay="300"> <div class="aspect-[4/3] absolute bg-center bg-cover bg-no-repeat duration-300 ease-out inset-0 group-focus:scale-105 group-hover:scale-105 transition-all" style="background-image:url(/img/asset/YXNzZXRzL0ZvcnJlc3Rlci1Sb2FkLUJyaWRnZS1XZXN0LXNpZGUtbWFpbi05LTIzLmpwZw==/Forrester-Road-Bridge-West-side-main-9-23.jpg?fit=crop&fm=jpg&q=75&w=1024&h=1024&s=d14f709369fc13ae89e9d4279fc09965); background-position:50% 50%;"> <div class="bg-gradient-to-t absolute inset-0 from-brand-blue-600"></div> </div> </div> <div class="flex flex-1 items-end p-6 relative z-10"> <div class="space-y-2"> <div class="flex"> <div class="leading-none px-2 py-1 rounded-full text-xs bg-brand-green-600 text-white"> Active </div> </div> <h3 class="leading-none text-2xl" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="350"> Forrester Road Improvements </h3> <div class="underline" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="400"> View Project Details <span class="fa-solid fa-arrow-right" aria-hidden="true"></span> </div> </div> </div> </a> <a class="flex flex-col group no-underline focus:opacity-100 hover:opacity-100 overflow-hidden rounded bg-brand-blue-200 text-gray-900" href="/projects/sr-86-border-patrol-checkpoint-expansion-project"> <div class="aspect-[16/9] duration-300 ease-out group-focus:opacity-50 group-hover:opacity-50 relative transition-all" data-aos="fade-in" data-aos-anchor="#projects" data-aos-delay="400"> <div class="aspect-[4/3] absolute bg-center bg-cover bg-no-repeat duration-300 ease-out inset-0 group-focus:scale-105 group-hover:scale-105 transition-all" style="background-image:url(/img/asset/YXNzZXRzL2ltYWdlcy9QaWN0dXJlMS5qcGc=/Picture1.jpg?fit=crop&fm=jpg&q=75&w=1024&h=1024&s=bf15b0b935ad7ebf0a21da1497ed5a69); background-position:50% 50%;"> <div class="bg-gradient-to-t absolute inset-0 from-brand-blue-200"></div> </div> </div> <div class="flex flex-1 items-end p-6 relative z-10"> <div class="space-y-2"> <div class="flex"> <div class="leading-none px-2 py-1 rounded-full text-xs bg-brand-green-600 text-white"> Active </div> </div> <h3 class="leading-none text-2xl" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="450"> SR-86 Border Patrol Checkpoint Expansion </h3> <div class="underline" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="500"> View Project Details <span class="fa-solid fa-arrow-right" aria-hidden="true"></span> </div> </div> </div> </a> <a class="bg-brand-blue-800 focus:bg-brand-blue-900 hover:bg-brand-blue-900 flex items-center justify-center focus:opacity-100 hover:opacity-100 no-underline overflow-hidden px-6 py-12 rounded text-center text-gray-100" href="/projects"> <div class="space-y-2"> <div class="font-merriweather leading-none text-2xl" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="600"> ICTC has <span class="underline">9</span> active and completed projects </div> <div class="underline" data-aos="fade-up" data-aos-anchor="#projects" data-aos-delay="650"> Visit our Projects Page <span class="fa-solid fa-arrow-right"></span> </div> </div> </a> </div> </section> <section class="bg-brand-green-600 py-24 text-white"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 space-y-6 w-full md:w-11/12"> <h2 class="leading-none text-4xl" data-aos="fade-up"> Upcoming Meetings </h2> <div data-aos="fade-up"> <p>The Commission regularly meets on the 4th Wednesday of every month at 6:00 p.m. at the ICTC Offices at 1503 N. Imperial Ave., Suite 104, El Centro, CA 92243.</p><p>The ICTC Management Committee regularly meets on the 2nd Wednesday of every month at 10:30 a.m. This meeting usually rotates location every month and is hosted by each of the cities and the county. Occasionally this meeting is held at the ICTC Offices. For more information on location, you may locate the agenda approximately one week prior to the meeting. </p><p>The ICTC Technical Advisory Committee (TAC) regularly meets the 4th Thursday of every month at 10:00 a.m. at the ICTC Offices.</p><p>The ICTC Social Services Transportation Advisory Council (SSTAC) regularly meets the 1st Wednesday of every month at 10:00 a.m. at the ICTC Offices.</p><p>The Imperial-Mexicali Binational Alliance usually meets on the 2nd Thursday of the month on a bi-monthly basis and rotates between Imperial and Mexicali.</p><p>The IVRMA TAC regularly meets on the 4th Thursday of every month at 3:00 p.m. at the ICTC Offices. </p><p>Currently all meetings are also available via zoom meeting. Information can be found on meeting agendas.</p> </div> <div class="mt-12"> <div class="flex justify-center" data-aos="fade-up"> <div class="fieldset fieldset--button"> <a class="flex items-center justify-center leading-none focus:opacity-100 hover:opacity-100 focus:ring-opacity-50 rounded space-x-2 text-center bg-gray-100 hover:bg-gray-200 focus:ring-gray-100 text-gray-900 px-6 py-3 text-base" href="/meetings-and-agendas/commission"> <div> See All Meetings </div> <div> <span class="fa-solid fa-arrow-right" aria-hidden="true"></span> </div> </a> </div> </div> </div> </div> </div> </div> </section> <section class="bg-white py-24"> <div class="container space-y-12"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 space-y-6 text-center w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class="leading-none text-brand-blue-500 text-4xl" data-aos="fade-up"> Transportation Services </h2> <div data-aos="fade-up"> <p><strong>Transit Mission Statement:</strong></p><p><em>The mission of the Imperial County Transportation Commission (ICTC) public transit systems is to improve the quality of life for the residents of the Imperial Valley through a coordinated, accessible, affordable, and efficient countywide transit system.</em></p><p><strong>Transit Vision Statement:</strong></p><p><em>The transit network provides a safe, affordable, and reliable transit system that meets the needs of the transit dependent in communities within the Imperial Valley, by providing access to health care, education, public services, employment, commercial and recreational activities.</em></p> </div> </div> </div> <div class="flex flex-wrap justify-center -mx-4" id="services-list"> <div class="px-4 w-full md:w-11/12"> <div class="flex flex-wrap gap-y-12 justify-center -mx-4"> <div class="px-4 w-full sm:w-6/12 xl:w-4/12" data-aos="fade-up" data-aos-anchor="#services-list" data-aos-delay="0"> <a class="block font-normal h-full no-underline" href="https://www.ivtransit.com"> <div class="space-y-4"> <div class="flex sm:h-16 items-end justify-center"> <img class="w-48 sm:w-44 xl:w-40" alt="" src="/assets/services/ivt.svg"> </div> <div class="text-center text-sm"> Imperial County’s fixed-route public transit service. </div> </div> </a> </div> <div class="px-4 w-full sm:w-6/12 xl:w-4/12" data-aos="fade-up" data-aos-anchor="#services-list" data-aos-delay="100"> <a class="block font-normal h-full no-underline" href="https://www.ivtaccess.org"> <div class="space-y-4"> <div class="flex sm:h-16 items-end justify-center"> <img class="w-48 sm:w-44 xl:w-40" alt="" src="/assets/services/ivt-access.svg"> </div> <div class="text-center text-sm"> Curb-to-curb transportation for individuals with physical or cognitive disabilities. </div> </div> </a> </div> <div class="px-4 w-full sm:w-6/12 xl:w-4/12" data-aos="fade-up" data-aos-anchor="#services-list" data-aos-delay="200"> <a class="block font-normal h-full no-underline" href="https://www.ivtmedtrans.com"> <div class="space-y-4"> <div class="flex sm:h-16 items-end justify-center"> <img class="w-48 sm:w-44 xl:w-40" alt="" src="/assets/services/ivt-medtrans.svg"> </div> <div class="text-center text-sm"> Transportation to medical facilities for transit-dependent individuals. </div> </div> </a> </div> <div class="px-4 w-full sm:w-6/12 xl:w-4/12" data-aos="fade-up" data-aos-anchor="#services-list" data-aos-delay="300"> <a class="block font-normal h-full no-underline" href="http://www.ivtride.com"> <div class="space-y-4"> <div class="flex sm:h-16 items-end justify-center"> <img class="w-48 sm:w-44 xl:w-40" alt="" src="/assets/services/ivt-ride.svg"> </div> <div class="text-center text-sm"> Curb-to-curb transportation for seniors and individuals with physical or cognitive disabilities. </div> </div> </a> </div> <div class="px-4 w-full sm:w-6/12 xl:w-4/12" data-aos="fade-up" data-aos-anchor="#services-list" data-aos-delay="400"> <a class="block font-normal h-full no-underline" href="https://city.ridewithvia.com/calexico-ondemand"> <div class="space-y-4"> <div class="flex sm:h-16 items-end justify-center"> <img class="w-48 sm:w-44 xl:w-40" alt="" src="/assets/services/calexico-on-demand.svg"> </div> <div class="text-center text-sm"> Affordable ride-sharing service to get around Calexico. Book rides for $2 or less. </div> </div> </a> </div> </div> </div> </div> </div> </section> <section class="bg-gray-100 py-24"> <div class="container space-y-12"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 space-y-6 text-center w-full md:w-10/12 lg:w-9/12 xl:w-8/12"> <h2 class="leading-none text-brand-blue-500 text-4xl" data-aos="fade-up"> Agencies & Partners </h2> </div> </div> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full md:w-11/12"> <div data-aos="fade-up"> <v-component-carousel :breakpoints='{"0":{"slidesPerView":2},"576":{"slidesPerView":3},"768":{"slidesPerView":4},"1200":{"slidesPerView":5}}' :centered='true' :delay='3000' :navigation='false' :pagination='false' :space-between='0' :speed='1000'> <div class="swiper-slide"> <a class="block font-normal h-full no-underline" href="http://www.calipatria.com"> <div class="flex h-full items-center justify-center"> <img class="h-32 inline-block" alt="" src="/img/asset/YXNzZXRzL3BhcnRuZXJzL2NpdHktb2YtY2FsaXBhdHJpYS5wbmc=/city-of-calipatria.png?fit=contain&fm=png&w=128&h=128&s=4273dbb75f5b26469c058a9151a33fc3"> </div> </a> </div> <div class="swiper-slide"> <a class="block font-normal h-full no-underline" href="https://www.cityofwestmorland.net/"> <div class="flex h-full items-center justify-center"> <img class="h-32 inline-block" alt="" src="/img/asset/YXNzZXRzL3BhcnRuZXJzL2NpdHktb2Ytd2VzdG1vcmxhbmQucG5n/city-of-westmorland.png?fit=contain&fm=png&w=128&h=128&s=38616bc10f2584c006ef1db507992375"> </div> </a> </div> <div class="swiper-slide"> <a class="block font-normal h-full no-underline" href="http://www.brawley-ca.gov/"> <div class="flex h-full items-center justify-center"> <img class="h-32 inline-block" alt="" src="/assets/partners/city-of-brawley.svg"> </div> </a> </div> <div class="swiper-slide"> <a class="block font-normal h-full no-underline" href="https://www.calexico.ca.gov/"> <div class="flex h-full items-center justify-center"> <img class="h-32 inline-block" alt="" src="/img/asset/YXNzZXRzL3BhcnRuZXJzL2NpdHktb2YtY2FsZXhpY28ucG5n/city-of-calexico.png?fit=contain&fm=png&w=128&h=128&s=fcf12a6aea1a8e255c17c2af05aafcf2"> </div> </a> </div> <div class="swiper-slide"> <a class="block font-normal h-full no-underline" href="https://imperialcounty.org/"> <div class="flex h-full items-center justify-center"> <img class="h-32 inline-block" alt="" src="/assets/partners/imperial-county.svg"> </div> </a> </div> <div class="swiper-slide"> <a class="block font-normal h-full no-underline" href="https://dot.ca.gov/"> <div class="flex h-full items-center justify-center"> <img class="h-32 inline-block" alt="" src="/img/asset/YXNzZXRzL3BhcnRuZXJzL0NhbHRyYW5zLmpwZw==/Caltrans.jpg?fit=contain&fm=png&w=128&h=128&s=7632d69d2ea09e55f786577a9a3ba866"> </div> </a> </div> <div class="swiper-slide"> <a class="block font-normal h-full no-underline" href="https://www.chp.ca.gov/"> <div class="flex h-full items-center justify-center"> <img class="h-32 inline-block" alt="" src="/img/asset/YXNzZXRzL3BhcnRuZXJzL0NIUC5wbmc=/CHP.png?fit=contain&fm=png&w=128&h=128&s=41f7f8983f5479bd0ef3ec81def7f71a"> </div> </a> </div> <div class="swiper-slide"> <a class="block font-normal h-full no-underline" href="https://www.cityofimperial.org/"> <div class="flex h-full items-center justify-center"> <img class="h-32 inline-block" alt="" src="/img/asset/YXNzZXRzL3BhcnRuZXJzL2xvZ28tbW9zYWljXzAtaW1wZXJpYWwucG5n/logo-mosaic_0-imperial.png?fit=contain&fm=png&w=128&h=128&s=7962e67b45f09143092123a5a1b488a9"> </div> </a> </div> <div class="swiper-slide"> <a class="block font-normal h-full no-underline" href="https://scag.ca.gov/"> <div class="flex h-full items-center justify-center"> <img class="h-32 inline-block" alt="SCAG" src="/img/asset/YXNzZXRzL3BhcnRuZXJzL3NjYWdsb2dvMjAxNi5wbmc=/scaglogo2016.png?fit=contain&fm=png&w=128&h=128&s=1fba1027bd8e17ed8dd02791dbc18d49"> </div> </a> </div> </v-component-carousel> </div> </div> </div> </div> </section> </div> </main> <footer class="bg-brand-blue-900 py-12 text-sm text-white" role="contentinfo"> <div class="container"> <div class="flex flex-wrap justify-center -mx-4"> <div class="px-4 w-full md:w-11/12 xl:w-10/12"> <div class="gap-8 grid grid-cols-1 md:grid-cols-3"> <div class="flex flex-col h-full space-y-4"> <div class="flex-1 space-y-4"> <div class="font-black font-merriweather leading-none text-lg"> Imperial County Transportation Commission </div> <div> <p>1503 N Imperial Ave, Ste 104<br>El Centro, CA 92243<br>760-592-4494</p> </div> <div> <nav aria-label="Policies" role="navigation"> <ul class="flex items-center list-none m-0 p-0 space-x-1" role="menu"> <li role="none"> <a href="/policies/privacy" role="menuitem">Privacy</a> </li> <li class="my-0" aria-hidden="true" role="none"> / </li> <li role="none"> <a href="/policies/accessibility" role="menuitem">Accessibility</a> </li> <li class="my-0" aria-hidden="true" role="none"> / </li> <li role="none"> <a href="/policies/title-vi" role="menuitem">Title VI</a> </li> </ul> </nav> </div> </div> <div class="text-gray-300 text-xs"> Website crafted by <a href="https://www.conveyorgroup.com">Conveyor Group</a> </div> </div> <div class="space-y-4"> <div class="font-black font-merriweather leading-none text-lg"> Transportation Services </div> <div> <nav aria-label="Transportation Services" role="navigation"> <ul class="list-none m-0 p-0" role="menu"> <li role="none"> <a href="https://www.ivtransit.com" role="menuitem">Imperial Valley Transit</a> </li> <li role="none"> <a href="https://www.ivtaccess.org" role="menuitem">IVT Access</a> </li> <li role="none"> <a href="https://www.ivtmedtrans.com" role="menuitem">IVT MedTrans</a> </li> <li role="none"> <a href="http://www.ivtride.com" role="menuitem">IVT Ride</a> </li> <li role="none"> <a href="https://www.ycipta.org" role="menuitem">Yuma County Area Transit</a> </li> </ul> </nav> </div> </div> <div class="space-y-4"> <div class="font-black font-merriweather leading-none text-lg"> Projects </div> <div> <nav aria-label="Projects" role="navigation"> <ul class="list-none m-0 p-0" role="menu"> <li role="none"> <a href="/projects/calexico-east-port-of-entry-intermodal-transportation-center" role="menuitem">Calexico East Port of Entry Intermodal Transportation Center</a> </li> <li role="none"> <a href="/projects/calexico-intermodal-transportation-center" role="menuitem">Calexico Intermodal Transportation Center (ITC)</a> </li> <li role="none"> <a href="/projects/forrester-road-improvements" role="menuitem">Forrester Road Improvements</a> </li> <li role="none"> <a href="/projects/sr-86-border-patrol-checkpoint-expansion-project" role="menuitem">SR-86 Border Patrol Checkpoint Expansion</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </footer> </div> </div> <script defer src="/js/app.js?id=1bf60fe8fa013cf7830f798da2a76149"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-03BFHBEGT7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-03BFHBEGT7', { 'anonymize_ip':true }); </script> </body> </html>