CINXE.COM
Doing Business with ICTC | Imperial County Transportation Commission
<!doctype html> <html lang="en" prefix="og:https://ogp.me/ns#"> <head> <meta charset="utf-8"> <title>Doing Business with ICTC | 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="Doing Business with ICTC"> <meta property="og:type" content="website"> <link href="https://www.imperialctc.org/about-ictc/doing-business-with-ictc" 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/about-ictc/doing-business-with-ictc"> 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/about-ictc/doing-business-with-ictc"> 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/about-ictc/doing-business-with-ictc"> 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/about-ictc/doing-business-with-ictc"> 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: Clear</span> </div> <div> 78° </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> 82° </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> 77° </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 " 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="true" aria-haspopup="true" v-on:click="navigationDesktopToggle"> <span class="fa-solid fa-circle-minus" aria-hidden="true"></span> <span class="sr-only">About ICTC</span> </button> <ul class="list-none m-0 p-0 " 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 bg-white text-brand-blue-700" 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--default"> <section class="bg-cover bg-gray-900 bg-no-repeat h-64 relative" style="background-image:url('/img/asset/YXNzZXRzL2ltYWdlcy82MTg5NDMzMjguanBn/618943328.jpg?fit=crop&fm=jpg&h=720&q=75&w=1280&s=1651ab6a49f49ce3c44962d307e30824'); background-position:50% 50%;"> <div class="absolute bottom-0 inset-x-0 translate-y-1/2 z-10"> <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"> <h2 class="bg-brand-green-600 inline-block leading-none p-6 rounded text-4xl text-white"> Doing Business with ICTC </h2> </div> </div> </div> </div> </section> <section class="py-24"> <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="fieldset fieldset--procurement"> <div class="space-y-14"> <div x-cloak x-data="{ active: 1 }"> <div class="bg-brand-blue-500 p-6 pb-0 pt-8 rounded space-y-2 text-white"> <div> <h3 class="leading-none text-2xl"> Current Bid Opportunities </h3> </div> <div class="flex flex-no-wrap items-start justify-start space-x-2"> <div class="leading-none"> <button class="font-semibold leading-none no-underline py-3 pr-6 relative text-white/75 focus:text-white hover:text-white text-left" x-bind:class="{ '!text-white': active == 1 }" id="_8198fd62-tab-1-button" aria-controls="_8198fd62-tab-1-content" x-bind:aria-expanded="active == 1" x-on:click="active = 1"> <div> IFB </div> <div class="absolute bg-transparent bottom-0 duration-300 ease-out h-0 inset-x-0 transition-all" x-bind:class="{ '!bg-gray-100 !h-1': active == 1 }"></div> </button> </div> <div class="leading-none"> <button class="font-semibold leading-none no-underline py-3 pr-6 relative text-white/75 focus:text-white hover:text-white text-left" x-bind:class="{ '!text-white': active == 2 }" id="_8198fd62-tab-2-button" aria-controls="_8198fd62-tab-2-content" x-bind:aria-expanded="active == 2" x-on:click="active = 2"> <div> RFP </div> <div class="absolute bg-transparent bottom-0 duration-300 ease-out h-0 inset-x-0 transition-all" x-bind:class="{ '!bg-gray-100 !h-1': active == 2 }"></div> </button> </div> <div class="leading-none"> <button class="font-semibold leading-none no-underline py-3 pr-6 relative text-white/75 focus:text-white hover:text-white text-left" x-bind:class="{ '!text-white': active == 3 }" id="_8198fd62-tab-3-button" aria-controls="_8198fd62-tab-3-content" x-bind:aria-expanded="active == 3" x-on:click="active = 3"> <div> RFQ </div> <div class="absolute bg-transparent bottom-0 duration-300 ease-out h-0 inset-x-0 transition-all" x-bind:class="{ '!bg-gray-100 !h-1': active == 3 }"></div> </button> </div> </div> </div> <div class="px-6"> <div class="hidden" x-bind:class="{ '!block': active == 1 }" id="_8198fd62-tab-1-content" aria-labelledby="_8198fd62-tab-1-button"> <div class="border-t-2 border-gray-200 first:border-none duration-300 ease-out focus-within:bg-white hover:bg-white transition-all" x-bind:class="{ 'bg-white': active == true }" x-data="{ active: false }"> <button class="font-normal group leading-none no-underline p-8 space-y-3 sm:space-y-2 text-left w-full whitespace-normal" x-on:click="active = !active"> <div class="duration-300 ease-out group-focus:text-brand-blue-500 group-hover:text-brand-blue-500 transition-all" x-bind:class="{ 'text-brand-blue-500': active == true }"> <h4 class="leading-tight text-xl"> Construction for the Calexico Intermodal Transportation Center </h4> </div> <div class="flex flex-col sm:flex-row flex-nowrap items-start justify-start leading-none sm:space-x-12 space-y-3 sm:space-y-0 text-sm"> <div> <strong>Issued</strong>: 11/07/2024 </div> <div> <strong>Due</strong>: 12/16/2024 02:00 PM </div> </div> </button> <div class="hidden" x-bind:class="{ '!block': active == true }" x-cloak> <div class="p-8 pt-0 space-y-6"> <div> <div class="fieldset fieldset--text"> <p>Invitation for Bids</p><p>The project proposes to construct an Intermodal Transportation Center in downtown Calexico. The project is primarily located along the south side of 3rd Street between Heffernan and Rockwood Avenues. The work shall consist of demolition (including buildings), earthwork, underground utilities, installation of pavement, storm drain water quality management, site landscaping, and the construction of the Driver Breakroom/Security Building and shade structures, including mechanical, electrical, and plumbing work. Also included are bulb-out improvements at the intersections of 3rd聽Avenue/Rockwood Avenue and 3rd Avenue/Heffernan Avenue, and improvements to the sidewalk along the east side of Rockwood Avenue, south of the project site.</p><p><strong>For documentation use the following link: <a href="https://procurement.imperialctc.org/">https://procurement.imperialctc.org/</a></strong></p> </div> <div class="fieldset fieldset--contacts"> <div class="gap-6 grid grid-cols-1 md:grid-cols-2"> <div class="bg-white border p-6 rounded space-y-4"> <div class="font-bold font-merriweather text-brand-blue-500 text-xl"> David Aguirre <div class="font-normal font-open-sans italic text-base text-gray-700"> Executive Director </div> </div> <div class="space-y-2 text-sm"> <div class="flex space-x-2"> <div class="text-gray-500"> <span class="fa-fw fa-solid fa-location-dot" aria-hidden="true"></span> </div> <div> 1503 N. Imperial Ave., Suite 104<br /> El Centro, CA 92243 </div> </div> <div class="flex space-x-2"> <div class="text-gray-500"> <span class="fa-fw fa-solid fa-phone-office" aria-hidden="true"></span> </div> <div> 760-592-4494 </div> </div> <div class="flex space-x-2"> <div class="text-gray-500"> <span class="fa-fw fa-solid fa-envelope" aria-hidden="true"></span> </div> <div> davidaguirre@imperialctc.org </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="hidden" x-bind:class="{ '!block': active == 2 }" id="_8198fd62-tab-2-content" aria-labelledby="_8198fd62-tab-2-button"> <div class="border-t-2 border-gray-200 first:border-none duration-300 ease-out focus-within:bg-white hover:bg-white transition-all" x-bind:class="{ 'bg-white': active == true }" x-data="{ active: false }"> <button class="font-normal group leading-none no-underline p-8 space-y-3 sm:space-y-2 text-left w-full whitespace-normal" x-on:click="active = !active"> <div class="duration-300 ease-out group-focus:text-brand-blue-500 group-hover:text-brand-blue-500 transition-all" x-bind:class="{ 'text-brand-blue-500': active == true }"> <h4 class="leading-tight text-xl"> Request for Proposals for a Comprehensive Operational Analysis (COA) </h4> </div> <div class="flex flex-col sm:flex-row flex-nowrap items-start justify-start leading-none sm:space-x-12 space-y-3 sm:space-y-0 text-sm"> <div> <strong>Issued</strong>: 08/06/2024 </div> <div> <strong>Due</strong>: 09/13/2024 04:00 PM </div> </div> </button> <div class="hidden" x-bind:class="{ '!block': active == true }" x-cloak> <div class="p-8 pt-0 space-y-6"> <div class="space-y-6"> <div> <h5 class="leading-none text-lg"> Documents </h5> </div> <div class="gap-x-12 gap-y-4 grid grid-cols-1 sm:grid-cols-2 2xl:grid-cols-3 ml-4"> <div class="flex flex-nowrap items-start space-x-2"> <svg class="h-1.5 mt-2 shrink-0 w-1.5" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg> <a class="font-normal leading-none no-underline focus:opacity-100 hover:opacity-100 space-y-2 focus:text-brand-blue-500 hover:text-brand-blue-500" href="/assets/ictc-comprehesive-operational-analysis-rfp-1722980443.pdf"> <div class="leading-tight font-semibold underline"> ictc-comprehesive-operational-analysis-rfp-1722980443 </div> <div class="leading-none text-gray-600 text-xs"> PDF / 3.26MB </div> </a> </div> </div> </div> <div class="space-y-6"> <div> <h5 class="leading-none text-lg"> Addenda </h5> </div> <div class="gap-x-12 gap-y-4 grid grid-cols-1 sm:grid-cols-2 2xl:grid-cols-3 ml-4"> <div class="flex flex-nowrap items-start space-x-2"> <svg class="h-1.5 mt-2 shrink-0 w-1.5" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg> <a class="font-normal leading-none no-underline focus:opacity-100 hover:opacity-100 space-y-2 focus:text-brand-blue-500 hover:text-brand-blue-500" href="/assets/addendum--1.pdf"> <div class="leading-tight font-semibold underline"> addendum--1 </div> <div class="leading-none text-gray-600 text-xs"> PDF / 0.07MB </div> </a> </div> <div class="flex flex-nowrap items-start space-x-2"> <svg class="h-1.5 mt-2 shrink-0 w-1.5" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg> <a class="font-normal leading-none no-underline focus:opacity-100 hover:opacity-100 space-y-2 focus:text-brand-blue-500 hover:text-brand-blue-500" href="/assets/addendum-2.pdf"> <div class="leading-tight font-semibold underline"> addendum-2 </div> <div class="leading-none text-gray-600 text-xs"> PDF / 0.01MB </div> </a> </div> <div class="flex flex-nowrap items-start space-x-2"> <svg class="h-1.5 mt-2 shrink-0 w-1.5" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg> <a class="font-normal leading-none no-underline focus:opacity-100 hover:opacity-100 space-y-2 focus:text-brand-blue-500 hover:text-brand-blue-500" href="/assets/addendum--3.pdf"> <div class="leading-tight font-semibold underline"> addendum--3 </div> <div class="leading-none text-gray-600 text-xs"> PDF / 2.22MB </div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="hidden p-6" x-bind:class="{ '!block': active == 3 }" id="_8198fd62-tab-3-content" aria-labelledby="_8198fd62-tab-3-button"> There are no <strong>Current Bid Opportunity RFQ's</strong> at this time. </div> </div> </div> <div x-cloak x-data="{ active: 1 }"> <div class="bg-brand-blue-500 p-6 pb-0 pt-8 rounded space-y-2 text-white"> <div> <h3 class="leading-none text-2xl"> Call for Projects </h3> </div> <div class="flex flex-no-wrap items-start justify-start space-x-2"> <div class="leading-none"> <button class="font-semibold leading-none no-underline py-3 pr-6 relative text-white/75 focus:text-white hover:text-white text-left" x-bind:class="{ '!text-white': active == 1 }" id="_d108d3ad-tab-1-button" aria-controls="_d108d3ad-tab-1-content" x-bind:aria-expanded="active == 1" x-on:click="active = 1"> <div> IFB </div> <div class="absolute bg-transparent bottom-0 duration-300 ease-out h-0 inset-x-0 transition-all" x-bind:class="{ '!bg-gray-100 !h-1': active == 1 }"></div> </button> </div> <div class="leading-none"> <button class="font-semibold leading-none no-underline py-3 pr-6 relative text-white/75 focus:text-white hover:text-white text-left" x-bind:class="{ '!text-white': active == 2 }" id="_d108d3ad-tab-2-button" aria-controls="_d108d3ad-tab-2-content" x-bind:aria-expanded="active == 2" x-on:click="active = 2"> <div> RFP </div> <div class="absolute bg-transparent bottom-0 duration-300 ease-out h-0 inset-x-0 transition-all" x-bind:class="{ '!bg-gray-100 !h-1': active == 2 }"></div> </button> </div> <div class="leading-none"> <button class="font-semibold leading-none no-underline py-3 pr-6 relative text-white/75 focus:text-white hover:text-white text-left" x-bind:class="{ '!text-white': active == 3 }" id="_d108d3ad-tab-3-button" aria-controls="_d108d3ad-tab-3-content" x-bind:aria-expanded="active == 3" x-on:click="active = 3"> <div> RFQ </div> <div class="absolute bg-transparent bottom-0 duration-300 ease-out h-0 inset-x-0 transition-all" x-bind:class="{ '!bg-gray-100 !h-1': active == 3 }"></div> </button> </div> </div> </div> <div class="px-6"> <div class="hidden p-6" x-bind:class="{ '!block': active == 1 }" id="_d108d3ad-tab-1-content" aria-labelledby="_d108d3ad-tab-1-button"> There are no <strong>Call for Project IFB's</strong> at this time. </div> <div class="hidden p-6" x-bind:class="{ '!block': active == 2 }" id="_d108d3ad-tab-2-content" aria-labelledby="_d108d3ad-tab-2-button"> There are no <strong>Call for Project RFP's</strong> at this time. </div> <div class="hidden p-6" x-bind:class="{ '!block': active == 3 }" id="_d108d3ad-tab-3-content" aria-labelledby="_d108d3ad-tab-3-button"> There are no <strong>Call for Project RFQ's</strong> at this time. </div> </div> </div> <div x-cloak x-data="{ active: 1 }"> <div class="bg-brand-blue-500 p-6 pb-0 pt-8 rounded space-y-2 text-white"> <div> <h3 class="leading-none text-2xl"> Awarded Contracts </h3> </div> <div class="flex flex-no-wrap items-start justify-start space-x-2"> <div class="leading-none"> <button class="font-semibold leading-none no-underline py-3 pr-6 relative text-white/75 focus:text-white hover:text-white text-left" x-bind:class="{ '!text-white': active == 1 }" id="_8ebd5c43-tab-1-button" aria-controls="_8ebd5c43-tab-1-content" x-bind:aria-expanded="active == 1" x-on:click="active = 1"> <div> IFB </div> <div class="absolute bg-transparent bottom-0 duration-300 ease-out h-0 inset-x-0 transition-all" x-bind:class="{ '!bg-gray-100 !h-1': active == 1 }"></div> </button> </div> <div class="leading-none"> <button class="font-semibold leading-none no-underline py-3 pr-6 relative text-white/75 focus:text-white hover:text-white text-left" x-bind:class="{ '!text-white': active == 2 }" id="_8ebd5c43-tab-2-button" aria-controls="_8ebd5c43-tab-2-content" x-bind:aria-expanded="active == 2" x-on:click="active = 2"> <div> RFP </div> <div class="absolute bg-transparent bottom-0 duration-300 ease-out h-0 inset-x-0 transition-all" x-bind:class="{ '!bg-gray-100 !h-1': active == 2 }"></div> </button> </div> <div class="leading-none"> <button class="font-semibold leading-none no-underline py-3 pr-6 relative text-white/75 focus:text-white hover:text-white text-left" x-bind:class="{ '!text-white': active == 3 }" id="_8ebd5c43-tab-3-button" aria-controls="_8ebd5c43-tab-3-content" x-bind:aria-expanded="active == 3" x-on:click="active = 3"> <div> RFQ </div> <div class="absolute bg-transparent bottom-0 duration-300 ease-out h-0 inset-x-0 transition-all" x-bind:class="{ '!bg-gray-100 !h-1': active == 3 }"></div> </button> </div> </div> </div> <div class="px-6"> <div class="hidden p-6" x-bind:class="{ '!block': active == 1 }" id="_8ebd5c43-tab-1-content" aria-labelledby="_8ebd5c43-tab-1-button"> There are no <strong>Awarded Contract IFB's</strong> at this time. </div> <div class="hidden" x-bind:class="{ '!block': active == 2 }" id="_8ebd5c43-tab-2-content" aria-labelledby="_8ebd5c43-tab-2-button"> <div class="border-t-2 border-gray-200 first:border-none duration-300 ease-out focus-within:bg-white hover:bg-white transition-all" x-bind:class="{ 'bg-white': active == true }" x-data="{ active: false }"> <button class="font-normal group leading-none no-underline p-8 space-y-3 sm:space-y-2 text-left w-full whitespace-normal" x-on:click="active = !active"> <div class="duration-300 ease-out group-focus:text-brand-blue-500 group-hover:text-brand-blue-500 transition-all" x-bind:class="{ 'text-brand-blue-500': active == true }"> <h4 class="leading-tight text-xl"> IMPERIAL VALLEY TRANSIT (IVT) Fixed Route Bus System; IVT ACCESS ADA Paratransit System; IVT RIDE Paratransit System; IVT MedTrans Paratransit System </h4> </div> <div class="flex flex-col sm:flex-row flex-nowrap items-start justify-start leading-none sm:space-x-12 space-y-3 sm:space-y-0 text-sm"> <div> <strong>Issued</strong>: 07/01/2024 </div> <div> <strong>Due</strong>: 07/01/2024 </div> </div> </button> <div class="hidden" x-bind:class="{ '!block': active == true }" x-cloak> <div class="p-8 pt-0 space-y-6"> <div> <div class="fieldset fieldset--text"> <p>Five-Year Operating Agreement(s) for FY 2024-25 to FY 2028-29 </p> </div> </div> <div class="space-y-6"> <div> <h5 class="leading-none text-lg"> Documents </h5> </div> <div class="gap-x-12 gap-y-4 grid grid-cols-1 sm:grid-cols-2 2xl:grid-cols-3 ml-4"> <div class="flex flex-nowrap items-start space-x-2"> <svg class="h-1.5 mt-2 shrink-0 w-1.5" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg> <a class="font-normal leading-none no-underline focus:opacity-100 hover:opacity-100 space-y-2 focus:text-brand-blue-500 hover:text-brand-blue-500" href="/assets/ivt-fixed-route-(2024-29)--executed-final.pdf"> <div class="leading-tight font-semibold underline"> ivt-fixed-route-(2024-29)--executed-final </div> <div class="leading-none text-gray-600 text-xs"> PDF / 0.3MB </div> </a> </div> <div class="flex flex-nowrap items-start space-x-2"> <svg class="h-1.5 mt-2 shrink-0 w-1.5" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg> <a class="font-normal leading-none no-underline focus:opacity-100 hover:opacity-100 space-y-2 focus:text-brand-blue-500 hover:text-brand-blue-500" href="/assets/ivt-access-(2024-29)-executed-final.pdf"> <div class="leading-tight font-semibold underline"> ivt-access-(2024-29)-executed-final </div> <div class="leading-none text-gray-600 text-xs"> PDF / 0.32MB </div> </a> </div> <div class="flex flex-nowrap items-start space-x-2"> <svg class="h-1.5 mt-2 shrink-0 w-1.5" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg> <a class="font-normal leading-none no-underline focus:opacity-100 hover:opacity-100 space-y-2 focus:text-brand-blue-500 hover:text-brand-blue-500" href="/assets/ivt-medtrans-(2024-29)-executed-final.pdf"> <div class="leading-tight font-semibold underline"> ivt-medtrans-(2024-29)-executed-final </div> <div class="leading-none text-gray-600 text-xs"> PDF / 0.29MB </div> </a> </div> <div class="flex flex-nowrap items-start space-x-2"> <svg class="h-1.5 mt-2 shrink-0 w-1.5" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg> <a class="font-normal leading-none no-underline focus:opacity-100 hover:opacity-100 space-y-2 focus:text-brand-blue-500 hover:text-brand-blue-500" href="/assets/ivt-ride-(2024-29)-executed-final.pdf"> <div class="leading-tight font-semibold underline"> ivt-ride-(2024-29)-executed-final </div> <div class="leading-none text-gray-600 text-xs"> PDF / 0.29MB </div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="hidden p-6" x-bind:class="{ '!block': active == 3 }" id="_8ebd5c43-tab-3-content" aria-labelledby="_8ebd5c43-tab-3-button"> There are no <strong>Awarded Contract RFQ's</strong> at this time. </div> </div> </div> </div> </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>