1<!DOCTYPE html> 2<html lang="en" dir="ltr" class="filament-fabricator"> 3 4<head>
4<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ">!function(){var e="/sri-report";function n(n){try{var t={url:n.src||n.href||null,tag:n.tagName,integrity:n.getAttribute("integrity"),documentUri:location.href,referrer:document.referrer||null},r=JSON.stringify(t);navigator.sendBeacon?navigator.sendBeacon(e,new Blob([r],{type:"application/json"})):fetch(e,{method:"POST",body:r,headers:{"Content-Type":"application/json"},keepalive:!0,credentials:"same-origin"})}catch(e){}}window.addEventListener("error",function(e){var t=e.target;t&&t.getAttribute&&t.hasAttribute("data-sri-managed")&&("SCRIPT"===t.tagName||"LINK"===t.tagName)&&n(t)},!0)}();</script>
4 5 6 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <meta name="csrf-token" content="ifQ7uT5vtZYrWch4imFBDEkEE4YIBnXjauRom3NT"> 10 11 <link rel="preload" as="style" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/app-DJyXpY8a.css" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" /><link rel="modulepreload" as="script" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/app-DVLt3q4h.js" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" /><link rel="modulepreload" as="script" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/laravel-vapor-BC952jiz.js" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" /><link rel="stylesheet" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/app-DJyXpY8a.css" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" data-navigate-track="reload" />
11<script type="module" src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/build/assets/app-DVLt3q4h.js" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" data-navigate-track="reload"></script>
11 <link 12 href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/css/pboivin/filament-peek/filament-peek.css?v=2.4.0.0" 13 rel="stylesheet" 14 data-navigate-track 15 /> 16 <link 17 href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/css/filament/forms/forms.css?v=3.3.54.0" 18 rel="stylesheet" 19 data-navigate-track 20 /> 21 <link 22 href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/css/filament/support/support.css?v=3.3.54.0" 23 rel="stylesheet" 24 data-navigate-track 25 /> 26 27<style> 28 :root { 29 --danger-50:254, 242, 242; --danger-100:254, 226, 226; --danger-200:254, 202, 202; --danger-300:252, 165, 165; --danger-400:248, 113, 113; --danger-500:239, 68, 68; --danger-600:220, 38, 38; --danger-700:185, 28, 28; --danger-800:153, 27, 27; --danger-900:127, 29, 29; --danger-950:69, 10, 10; --gray-50:250, 250, 250; --gray-100:244, 244, 245; --gray-200:228, 228, 231; --gray-300:212, 212, 216; --gray-400:161, 161, 170; --gray-500:113, 113, 122; --gray-600:82, 82, 91; --gray-700:63, 63, 70; --gray-800:39, 39, 42; --gray-900:24, 24, 27; --gray-950:9, 9, 11; --info-50:239, 246, 255; --info-100:219, 234, 254; --info-200:191, 219, 254; --info-300:147, 197, 253; --info-400:96, 165, 250; --info-500:59, 130, 246; --info-600:37, 99, 235; --info-700:29, 78, 216; --info-800:30, 64, 175; --info-900:30, 58, 138; --info-950:23, 37, 84; --primary-50:255, 251, 235; --primary-100:254, 243, 199; --primary-200:253, 230, 138; --primary-300:252, 211, 77; --primary-400:251, 191, 36; --primary-500:245, 158, 11; --primary-600:217, 119, 6; --primary-700:180, 83, 9; --primary-800:146, 64, 14; --primary-900:120, 53, 15; --primary-950:69, 26, 3; --success-50:240, 253, 244; --success-100:220, 252, 231; --success-200:187, 247, 208; --success-300:134, 239, 172; --success-400:74, 222, 128; --success-500:34, 197, 94; --success-600:22, 163, 74; --success-700:21, 128, 61; --success-800:22, 101, 52; --success-900:20, 83, 45; --success-950:5, 46, 22; --warning-50:255, 251, 235; --warning-100:254, 243, 199; --warning-200:253, 230, 138; --warning-300:252, 211, 77; --warning-400:251, 191, 36; --warning-500:245, 158, 11; --warning-600:217, 119, 6; --warning-700:180, 83, 9; --warning-800:146, 64, 14; --warning-900:120, 53, 15; --warning-950:69, 26, 3; } 30</style> 31 32 33 <meta name="description" content="News, Iteris, Inc. The global leader in smart mobility infrastructure management."> 34 35 36 37 38 39 <link rel="icon" type="image/x-icon" href="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/ms-icon-144x144.png"> 40 <title>News | Iteris, Inc.</title> 41 42 43 <style> 44 [x-cloak=""], 45 [x-cloak="x-cloak"], 46 [x-cloak="1"] { 47 display: none !important; 48 } 49 </style> 50 51 52 53 54 55 56 57 58 59</head> 60 61<body x-data="{ show_backToTop: false }" @scroll.window="show_backToTop = window.pageYOffset > 30"> 62 63 64 65 <header class="bg-black text-white top-0 z-[999]" x-data="{ headerMarquee: true }"> 66 <div class="bg-blue-900 px-10 py-2 relative flex overflow-hidden" x-show="headerMarquee"> 67 <div class="mx-auto w-full max-w-7xl relative"> 68 <div class="mx-auto w-full max-w-[1150px] overflow-hidden"> 69 <div class="text-center static text-base font-bold whitespace-nowrap w-full cursor-pointer top_bar_text md:block hidden"> 70 <span><p><strong>Watch Now:</strong> <a href="https://connect.iteris.com/vantage-link-webinar-register"><span style="text-decoration: underline;">From the Field: How Agencies Are Modernizing Traffic Cabinet Operations with Remote Monitoring</span></a></p></span> 71 </div> 72 <div class="text-center static text-base font-bold whitespace-nowrap w-full cursor-pointer top_bar_text md:hidden block ">
73 <span><marquee><p><strong>Watch Now:</strong> <a href="https://connect.iteris.com/vantage-link-webinar-register"><span style="text-decoration: underline;">From the Field: How Agencies Are Modernizing Traffic Cabinet Operations with Remote Monitoring</span></a></p></span></marquee> 74 </div> 75 </div> 76 <div @click="headerMarquee = false;setCookies()" 77 class="absolute -right-[30px] top-0 w-5 h-5 border border-white rounded-full flex justify-center items-center"> 78 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" 79 stroke="currentColor" class="w-4 h-4"> 80 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /> 81 </svg> 82 </div> 83 </div> 84 </div> 85 <nav id="header_fixed"> 86 87 <div class="mx-auto max-w-[1280px] px-4 xl:px-4"> 88 89 <div class="relative flex lg:py-6 py-4 items-center justify-between" x-data="menuShowHindOnMoblieScreen()"> 90 <div class="absolute inset-y-0 right-10 flex items-center lg:hidden"> 91 <!-- Mobile menu button--> 92 93 <button @click="showMenu" type="button" 94 class="relative inline-flex items-center justify-center rounded-md text-gray-400 hover:text-white focus:outline-none focus:ring-0 focus:ring-inset" 95 aria-controls="mobile-menu" aria-expanded="false"> 96 <span class="absolute"></span> 97 <span class="sr-only">Open main menu</span> 98 <svg class="block h-10 w-10 text-[#91C73E]" fill="none" viewBox="0 0 24 24" 99 stroke-width="1.5" stroke="currentColor" aria-hidden="true"> 100 <path stroke-linecap="round" stroke-linejoin="round" 101 d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> 102 </svg> 103 <svg class="hidden h-10 w-10 text-[#91C73E]" fill="none" viewBox="0 0 24 24" 104 stroke-width="1.5" stroke="currentColor" aria-hidden="true"> 105 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 106 </svg> 107 </button> 108 </div> 109 <div class="flex flex-1 items-center justify-between flex-wrap gap-y-3"> 110 <div class="flex flex-shrink-0 items-center"> 111 <a href="/" class="no-underline py-0.5 relative" 112 aria-current="page"> 113 <img class="h-10 w-auto" src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/logo.svg" alt="Iteris Logo"> 114 </a> 115 </div> 116 <div class="flex items-center gap-5"> 117 <div id="moblieViewCondition" class="sm:ml-5 ml-auto menu_mobile"> 118 119 <ul 120 class="flex lg:flex-row flex-col lg:items-center xl:space-x-9 lg:space-x-5 lg:static fixed top-0 bottom-0 right-0 lg:max-w-none lg:w-auto w-full max-w-xs z-[99] lg:bg-transparent bg-black lg:space-y-0 space-y-4 lg:p-0 p-5 lg:overflow-hidden overflow-y-auto h-auto"> 121 <button class="flex ml-auto close_icon" @click="hideMenu" x-show="closeButton" 122 style="display: none;"> 123 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 124 stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> 125 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"> 126 </path> 127 </svg> 128 </button> 129 130 131 <li class="dropdown-submenus group m-0 list-none menu-item-0"> 132 <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] " 133 href="/why-iteris" 134 target="_self">Why Iteris</a> 135 <div 136 class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto 137 138 "> 139 <div class="flex"> 140 141 <div class="w-full lg:float-left lg:px-2 lg:min-w-56"> 142 143 <ul class=""> 144 <li class="mb-2 leading-tight"> 145 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 146 href="/why-iteris/ourcapabilities" 147 target="_self">Our Capabilities</a> 148 </li> 149 </ul> 150 <ul class=""> 151 <li class="mb-2 leading-tight"> 152 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 153 href="/why-iteris/ourplatform" 154 target="_self">Our Platform</a> 155 </li> 156 </ul> 157 <ul class=""> 158 <li class="mb-2 leading-tight"> 159 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 160 href="/why-iteris/ourpeople" 161 target="_self">
161Our People</a> 162 </li> 163 </ul> 164 <ul class=""> 165 <li class="mb-2 leading-tight"> 166 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 167 href="/why-iteris/ourhistory" 168 target="_self">Our History</a> 169 </li> 170 </ul> 171 172 </div> 173 174 </div> 175 176 177 178 </div> 179 </li> 180 <li class="dropdown-submenus group m-0 list-none menu-item-1"> 181 <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] " 182 href="/industries" 183 target="_self"> Industries</a> 184 <div 185 class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto 186 left-0 right-0 187 "> 188 <div class="flex"> 189 190 <div class="w-full lg:float-left lg:px-2 lg:min-w-56"> 191 192 <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56"> 193 <span 194 class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Public Agencies</span> 195 <ul class="p-0 m-0 list-none"> 196 <li class="mb-2 leading-tight"> 197 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 198 href="/industries/local-municipalities" 199 target="_self">Local Municipalities</a> 200 </li> 201 <li class="mb-2 leading-tight"> 202 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 203 href="/industries/regional-agencies" 204 target="_self">Regional Agencies</a> 205 </li> 206 <li class="mb-2 leading-tight"> 207 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 208 href="/industries/states" 209 target="_self">State DOTs</a> 210 </li> 211 <li class="mb-2 leading-tight"> 212 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 213 href="/industries/federal-national-governments" 214 target="_self">Federal and National Governments</a> 215 </li> 216 </ul> 217 </div> 218 <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56"> 219 <sp
219an 220 class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Commercial Enterprises</span> 221 <ul class="p-0 m-0 list-none"> 222 <li class="mb-2 leading-tight"> 223 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 224 href="/industries/construction-consulting" 225 target="_self">Construction & Consulting</a> 226 </li> 227 <li class="mb-2 leading-tight"> 228 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 229 href="/industries/automotive-oems" 230 target="_self">Automotive OEMs</a> 231 </li> 232 <li class="mb-2 leading-tight"> 233 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 234 href="/industries/maptech" 235 target="_self">Map Tech</a> 236 </li> 237 <li class="mb-2 leading-tight"> 238 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 239 href="/industries/media" 240 target="_self">Media</a> 241 </li> 242 <li class="mb-2 leading-tight"> 243 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 244 href="/industries/insurance" 245 target="_self">Insurance</a> 246 </li> 247 </ul> 248 </div> 249 250 </div> 251 252 </div> 253 254 255 256 </div> 257 </li> 258 <li class="dropdown-submenus group m-0 list-none menu-item-2"> 259 <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] " 260 href="/oursolutions" 261 target="_self">Solutions</a> 262 <div 263 class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto 264 left-0 right-0 265 "> 266 <div class="flex"> 267 268 <div class="w-full lg:float-left lg:px-2 lg:min-w-56"> 269 270 <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56"> 271 <sp
271an 272 class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Smart Sensors</span> 273 <ul class="p-0 m-0 list-none"> 274 <li class="mb-2 leading-tight"> 275 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 276 href="/oursolutions/traffic-detection" 277 target="_self">Traffic Detection</a> 278 </li> 279 <li class="mb-2 leading-tight"> 280 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 281 href="/oursolutions/connected-vehicles-v2x" 282 target="_self">Connected Vehicles / V2X</a> 283 </li> 284 <li class="mb-2 leading-tight"> 285 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 286 href="/oursolutions/pedestrian-cyclist-safety" 287 target="_self">Pedestrian & Cyclist Safety</a> 288 </li> 289 <li class="mb-2 leading-tight"> 290 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 291 href="/oursolutions/travel-time-measurement/BlueTOAD" 292 target="_self">Travel-Time-Measurement</a> 293 </li> 294 <li class="mb-2 leading-tight"> 295 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 296 href="/oursolutions/vantagelink" 297 target="_self">Cabinet Monitoring</a> 298 </li> 299 </ul> 300 </div> 301 <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56"> 302 <sp
302an 303 class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Mobility Intelligence</span> 304 <ul class="p-0 m-0 list-none"> 305 <li class="mb-2 leading-tight"> 306 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 307 href="/oursolutions/traffic-incident-data/cleardata" 308 target="_self"> Traffic & Incident Data</a> 309 </li> 310 <li class="mb-2 leading-tight"> 311 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 312 href="/oursolutions/traffic-analytics-software" 313 target="_self">Traffic Analytics Software</a> 314 </li> 315 <li class="mb-2 leading-tight"> 316 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 317 href="/oursolutions/asset-management-software/clearasset" 318 target="_self">Asset Management Software</a> 319 </li> 320 <li class="mb-2 leading-tight"> 321 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 322 href="/oursolutions/clearguide-signals" 323 target="_self">Signal Performance Measures</a> 324 </li> 325 <li class="mb-2 leading-tight"> 326 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 327 href="/oursolutions/traveler-information-systems" 328 target="_self">Traveler Information Systems</a> 329 </li> 330 <li class="mb-2 leading-tight"> 331 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 332 href="/oursolutions/commercial-vehicle-operations" 333 target="_self">Commercial Vehicle Operations</a> 334 </li> 335 <li class="mb-2 leading-tight"> 336 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 337 href="/oursolutions/priority-preemption" 338 target="_self">Signal Priority & Preemption</a> 339 </li> 340 </ul> 341 </div> 342 <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56"> 343 <sp
343an 344 class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Managed Services</span> 345 <ul class="p-0 m-0 list-none"> 346 <li class="mb-2 leading-tight"> 347 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 348 href="/oursolutions/asset-management" 349 target="_self">Asset Management</a> 350 </li> 351 <li class="mb-2 leading-tight"> 352 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 353 href="/oursolutions/arterial-management" 354 target="_self">Arterial Management</a> 355 </li> 356 <li class="mb-2 leading-tight"> 357 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 358 href="/oursolutions/vantagecare" 359 target="_self">Detection Support</a> 360 </li> 361 <li class="mb-2 leading-tight"> 362 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 363 href="/oursolutions/maintenance-management" 364 target="_self">Maintenance Management</a> 365 </li> 366 </ul> 367 </div> 368 <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56"> 369 <sp
369an 370 class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Mobility Consulting Services</span> 371 <ul class="p-0 m-0 list-none"> 372 <li class="mb-2 leading-tight"> 373 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 374 href="/oursolutions/mobility-consulting-services/connected-automated-vehicles" 375 target="_self">Connected & Automated Vehicles</a> 376 </li> 377 <li class="mb-2 leading-tight"> 378 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 379 href="/oursolutions/mobility-consulting-services/transportation-planning" 380 target="_self">Transportation Planning</a> 381 </li> 382 <li class="mb-2 leading-tight"> 383 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 384 href="/oursolutions/mobility-consulting-services/workforce-development" 385 target="_self">Workforce Development & Training</a> 386 </li> 387 <li class="mb-2 leading-tight"> 388 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 389 href="/oursolutions/mobility-consulting-services/TMC-design-staffing-operations" 390 target="_self">TMC Design & Operations</a> 391 </li> 392 <li class="mb-2 leading-tight"> 393 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 394 href="/oursolutions/mobility-consulting-services/traffic-signal-timing" 395 target="_self">Traffic Signal Timing</a> 396 </li> 397 <li class="mb-2 leading-tight"> 398 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 399 href="/oursolutions/mobility-consulting-services/its-architecture-design-engineering" 400 target="_self">ITS Architecture, Design & Engineering</a> 401 </li> 402 </ul> 403 </div> 404 405 </div> 406 407 </div> 408 409 410 411 </div> 412 </li> 413 <li class="dropdown-submenus group m-0 list-none menu-item-3"> 414 <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] " 415 href="javascript:void(0)" 416 target="_self">Company</a> 417 <div 418 class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto 419 left-0 right-0 420 "> 421 <div class="flex"> 422 423 <div class="w-full lg:float-left lg:px-2 lg:min-w-56"> 424 425 <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56"> 426 <sp
426an 427 class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Corporate</span> 428 <ul class="p-0 m-0 list-none"> 429 <li class="mb-2 leading-tight"> 430 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 431 href="/company/about-us" 432 target="_self">About Us</a> 433 </li> 434 <li class="mb-2 leading-tight"> 435 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 436 href="/company/leadership-team" 437 target="_self">Leadership Team</a> 438 </li> 439 <li class="mb-2 leading-tight"> 440 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 441 href="/company/esg-commitment" 442 target="_self">Our ESG Commitment</a> 443 </li> 444 <li class="mb-2 leading-tight"> 445 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 446 href="/company/awards-and-recognition" 447 target="_self">Awards & Recognition</a> 448 </li> 449 </ul> 450 </div> 451 <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56"> 452 <sp
452an 453 class="text-sm font-bold text-[#29abe2] leading-5 mb-2 pb-2 block border-[#29abe2] border-solid border-b">Newsroom</span> 454 <ul class="p-0 m-0 list-none"> 455 <li class="mb-2 leading-tight"> 456 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight active" 457 href="/news" 458 target="_self">Press Releases</a> 459 </li> 460 <li class="mb-2 leading-tight"> 461 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 462 href="/blog" 463 target="_self">Blog</a> 464 </li> 465 <li class="mb-2 leading-tight"> 466 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 467 href="/events" 468 target="_self">Events</a> 469 </li> 470 </ul> 471 </div> 472 473 </div> 474 475 </div> 476 477 478 479 </div> 480 </li> 481 <li class="dropdown-submenus group m-0 list-none menu-item-4"> 482 <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] " 483 href="/careers" 484 target="_self">Careers</a> 485 <div 486 class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto 487 488 "> 489 <div class="flex"> 490 491 <div class="w-full lg:float-left lg:px-2 lg:min-w-56"> 492 493 <ul class=""> 494 <li class="mb-2 leading-tight"> 495 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 496 href="/careers/#life-at-iteris" 497 target="_self">Life at Iteris</a> 498 </li> 499 </ul> 500 <ul class=""> 501 <li class="mb-2 leading-tight"> 502 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 503 href="/careers/#benef
503its" 504 target="_self">Benefits</a> 505 </li> 506 </ul> 507 <ul class=""> 508 <li class="mb-2 leading-tight"> 509 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 510 href="https://us241.dayforcehcm.com/CandidatePortal/en-US/iteris" 511 target="_blank">Open Positions</a> 512 </li> 513 </ul> 514 515 </div> 516 517 </div> 518 519 520 521 </div> 522 </li> 523 <li class="dropdown-submenus group m-0 list-none menu-item-5"> 524 <a class="py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:after:bg-[#89BC37] hover:text-[#89BC37] " 525 href="javascript:void(0)" 526 target="_self">Resources</a> 527 <div 528 class="group-hover:block dropdown-submenu w-full min-w-[200px] lg:px-2.5 lg:py-5 py-2.5 pl-3 pr-2.5 lg:bg-white lg:rounded-[3px] lg:border-solid lg:border-[#B7B7B7] lg:border z-50 block gap-5 lg:flex-nowrap flex-wrap lg:max-w-fit lg:absolute lg:top-[55px] lg:hidden list-none lg:mx-auto lg:overflow-hidden overflow-y-auto 529 featured-added 530 "> 531 <div class="flex"> 532 <div class="mb-4 "> 533 <div class="lg:w-1/4 w-full lg:float-left lg:px-2 lg:min-w-56 text-black"> 534 <span><div class="cta-banner"> 535 <div class="content"> 536 <h2>SOLUTIONS FOR SMART MOBILITY</h2> 537 <p>Discover innovative solutions for modern urban transportation</p> 538 <a href="/flipbooks/iteris-solutions" target="_blank" rel="noopener" class="button-link"> 539 <span class="cta-button">View catalog</span> 540 </a> 541 </div> 542 <div class="image-container"> 543 <div class="image"></div> 544 </div> 545 <style> 546 .cta-banner { 547 margin-right:24px; 548 min-width: 400px; 549 display: flex; 550 background-color: #f0f8ff; 551 border-radius: 8px; 552 overflow: hidden; 553 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 554 } 555 .cta-banner .content { 556 flex: 1; 557 padding: 20px; 558 display: flex; 559 flex-direction: column; 560 justify-content: center; 561 } 562 .cta-banner h2 { 563 font-size: 1.2rem; 564 font-weight: bold; 565 margin-bottom: 10px; 566 color: #333; 567 } 568 .cta-banner p { 569 font-size: 0.9rem; 570 margin-bottom: 15px; 571 color: #666; 572 } 573 .cta-banner .button-link { 574 text-decoration: none; 575 display: inline-block; 576 } 577 .cta-banner .cta-button { 578 display: inline-block; 579 background-color: #007bff; 580 color: white; 581 border: none; 582 padding: 8px 16px; 583 border-radius: 4px; 584 cursor: pointer; 585 font-size: 0.9rem; 586 transition: background-color 0.3s; 587 } 588 .cta-banner .cta-button:hover { 589 background-color: #0056b3; 590 } 591 .cta-banner .image-container { 592 width: 40%; 593 position: relative; 594 overflow: hidden; 595 } 596 .cta-banner .image { 597 position: absolute; 598 top: 0; 599 right: 0; 600 bottom: 0; 601 left: 0; 602 background-image: url('https://prod-iteris-website-2024-4222cd.s3-us-west-1.amazonaws.com/pb-bQmx2Vj00x.png?o=1'); 603 background-size: cover; 604 background-position: cover; 605 transform: scale(1.1); 606 } 607 </style> 608</div></span> 609 </div> 610 </div> 611 612 <div class="w-full lg:float-left lg:px-2 lg:min-w-56"> 613 614 <ul class=""> 615 <li class="mb-2 leading-tight"> 616 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 617 href="/resource-center" 618 target="_self">Resource Center</a> 619 </li> 620 </ul> 621 <ul class=""> 622 <li class="mb-2 leading-tight"> 623 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 624 href="/training-center" 625 target="_self">Training Center</a> 626 </li> 627 </ul> 628 <ul class=""> 629 <li class="mb-2 leading-tight"> 630 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 631 href="/mobilityu" 632 target="_self">MobilityU</a> 633 </li> 634 </ul> 635 <ul class=""> 636 <li class="mb-2 leading-tight"> 637 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 638 href="/mobilityu/webinars" 639 target="_self">Webinars</a> 640 </li> 641 </ul> 642 <ul class=""> 643 <li class="mb-2 leading-tight"> 644 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 645 href="/mobilityu/intersection-intelligence" 646 target="_self">Video Courses</a> 647 </li> 648 </ul> 649 <ul class=""> 650 <li class="mb-2 leading-tight"> 651 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 652 href="/flipbooks/iteris-solutions" 653 target="_blank">Iteris Solutions Catalog</a> 654 </li> 655 </ul> 656 <ul class=""> 657 <li class="mb-2 leading-tight"> 658 <a class="text-white lg:text-gray-500 text-sm py-0.5 relative after:w-0 after:h-0.5 after:absolute after:bottom-0 after:left-0 after:right-0 after:bg-white hover:after:w-full after:transition-all after:duration-300 after:mx-auto hover:text-[#89BC37] hover:after:bg-[#89BC37] leading-tight " 659 href="https://www.iteris.com/contact/product-support" 660 target="_self">Request Support</a> 661 </li> 662 </ul> 663 664 </div> 665 666 </div> 667 668 669 670 </div> 671 </li> 672 673 <li class="m-0 list-none"> 674 <a href="https://www.iteris.com/contact" 675 class="inline-block text-center py-1.5 px-5 bg-green-900 hover:bg-blue-900 text-black hover:text-white transition-all duration-300 text-lg rounded-full lg:mt-0 mt-4">Contact 676 Us</a> 677 </li> 678 </ul> 679 680 681 </div> 682 <!-- Search Bar Start --> 683 <div x-data="{ show: false }">
684 <span class="cursor-pointer" @click="show = !show" :aria-expanded="show ? 'true' : 'false'" 685 :class="{ 'active': show }"> 686 <img src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/search_icon.png" alt=""> 687 </span> 688 <div x-show="show" x-transition 689 class="absolute right-0 top-16 bg-white p-3 rounded-md shadow-md z-[999]" 690 style="display: none;"> 691 <div class="relative mx-auto text-gray-600"> 692 <form action="https://www.iteris.com/search/content"> 693 <input 694 class="border-2 border-gray-300 bg-white h-10 px-4 pr-8 rounded-lg text-sm focus:outline-none focus:ring-0" 695 type="search" name="search" placeholder="Search"> 696 <button type="submit" class="absolute right-0 top-0 mt-2.5 mr-2"> 697 <svg class="text-gray-400 h-5 w-5 fill-current" 698 xmlns="http://www.w3.org/2000/svg" 699 xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" 700 id="Capa_1" x="0px" y="0px" viewBox="0 0 56.966 56.966" 701 style="enable-background:new 0 0 56.966 56.966;" xml:space="preserve" 702 width="512px" height="512px"> 703 <path 704 d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z" /> 705 </svg> 706 </button> 707 </form> 708 </div> 709 </div> 710 </div> 711 <!-- Search Bar End --> 712 </div> 713 </div> 714 </div> 715 </div> 716 </nav> 717</header> 718
719<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ"> 720 function setCookies() { 721 document.cookie = "promobar=true;"; 722 } 723 724 function menuShowHindOnMoblieScreen() { 725 return { 726 open: true, 727 closeButton: false, 728 init() { 729 if (window.innerWidth <= 1023) { 730 this.open = false; 731 } 732 }, 733 734 showMenu() { 735 document.getElementById("moblieViewCondition").classList.toggle('active'); 736 this.open = true; 737 this.closeButton = true; 738 }, 739 hideMenu() { 740 document.getElementById("moblieViewCondition").classList.remove('active'); 741 this.open = false; 742 this.closeButton = false; 743 } 744 745 } 746 } 747</script>
747 748 749 750 751 752 753 754 755 <section class="relative overflow-hidden text-white"> 756 <span class="absolute top-0 right-0 bottom-0 left-0"> 757 <img class="w-full h-full object-cover mix-blend-luminosity" src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/NewsEvents.jpg" 758 alt=""> 759 </span> 760 <div class="mx-auto max-w-[1280px] px-4 xl:px-4 z-20 relative"> 761 <nav class="container"> 762 <ol class="list-reset py-4 rounded flex bg-grey-light text-grey"> 763 <li class="px-2 pl-0"><a href="https://www.iteris.com" 764 class="text-white underline hover:text-[#89BC37]">Home</a> 765 </li> 766 <li class="text-white">/</li> 767 <li class="px-2">News</li> 768 </ol> 769 </nav> 770 </div> 771 <div class="w-full mx-auto max-w-7xl px-5 md:h-[280px] h-[200px] pt-5 pb-5 z-20 relative flex flex-col flex-wrap align-middle justify-center"> 772 <h1 class="xl:text-7xl lg:text-6xl md:text-5xl text-3xl font-medium text-center">News</h1> 773 </div> 774 <div class="rainbow-bar z-20"></div> 775 </section> 776 777 778 <section class="pt-9 pb-12"> 779 <div class="w-full mx-auto max-w-7xl px-5"> 780 <div class="bg-[#F7F7F7] rounded-t-[22px] p-8 shadow-md"> 781 <h2 class="text-gray-800 text-2xl font-bold mb-5">New & Featured</h2> 782 <div class="flex lg:flex-nowrap flex-wrap justify-between gap-5"> 783 <div class="w-full lg:max-w-[538px]"> 784 <div class="relative mb-4" x-data="{ open: false }"> 785 <img class="w-full h-[297px] object-cover rounded-none" 786 src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01M1FH5WCF6P96BFW4F7M9E5WR.jpg" alt=""> 787 <div @keydown.escape.window="open = false" 788 class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity z-20" x-show="open" 789 style="display: none"> 790 <!-- Modal --> 791 <div class="flex items-center justify-center lg:min-h-screen"> 792 <div class="bg-white sm:p-5 p-3 shadow-xl transform transition-all w-full xl:max-w-5xl max-w-[90%] my-20" 793 @click.away="open = false" x-transition:enter="ease-out duration-100" 794 x-transition:enter-start="opacity-0" 795 x-transition:enter-end="opacity-100 scale-100" 796 x-transition:leave="ease-in duration-200" 797 x-transition:leave-start="opacity-100 scale-100" 798 x-transition:leave-end="opacity-0"> 799 <!-- Modal header --> 800 <div 801 class="flex items-center justify-center absolute sm:-right-4 sm:-top-4 -right-3 -top-3 bg-black text-white font-semibold sm:w-8 sm:h-8 w-6 h-6 rounded-full"> 802 <span class="cursor-pointer sm:text-base text-sm" 803 @click="open = false">â</span> 804 </div> 805 806 <!-- Modal body --> 807 <div class="text-left"> 808 </div> 809 </div> 810 </div> 811 </div> 812 </div> 813 <a href="https://www.iteris.com/news/ncdot-improves-traffic-operations-with-clearguide-dash-cam-imagery-informed-by-vizzion" class=" underline-offset-1 group"> 814 <h3 class="text-base font-bold text-[#4870AB] leading-5 mb-2 group-hover:text-[#89BC37]"> 815 NCDOT improves traffic operations with ClearGuide® Dash Cam Imagery informed by Vizzion 816 </h3> 817 </a> 818 </h3> 819 <div clas="meta"> 820
821 <span class="text-[11px] leading-4 text-gray-500 mr-0">Posted 822 09/02/2026</span> 823 824 </div> 825 <div class="text-sm leading-4 text-gray-500 mt-2"> 826 Raleigh, North Carolina â September 2, 2026 â Iteris, Inc., the world's trusted technology ecosystem for smart mobility infrastructure management and part of Almaviva Group, and Vizzion, the leading provider of real-time road imagery, today announced that North Carolina Department of Transportation (NCDOT) is leveraging the first state-wide deployment of ClearGuide® Dash Cam Imagery informed by Vizzionâs Drives service. <a 827 href="https://www.iteris.com/news/ncdot-improves-traffic-operations-with-clearguide-dash-cam-imagery-informed-by-vizzion" 828 class="underline underline-offset-1 hover:text-[#89BC37]"> See More ></a> 829 </div> 830 </div> 831 <div class="w-full lg:max-w-[500px] xl:x-12 lg:pt-0 pt-10"> 832 <div class="flex flex-col gap-9"> 833 <div class="flex gap-3 lg:items-center"> 834 <div class="min-w-[96px]"> 835 <img class="max-w-24 h-24 object-cover rounded-full" 836 src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KYMFV7PQ8GTWD4HR5M9S3046.png" alt=""> 837 </div> 838 <div> 839 <a href="https://www.iteris.com/news/moova-mobility-platform-launches-north-america" 840 class=" underline-offset-1 group"> 841 <h3 842 class="text-base font-bold text-[#4870AB] leading-5 mb-2 group-hover:text-[#89BC37]"> 843 Moova Mobility Platform Enters North America with Local Delivery and Support </h3> 844 </a> 845 <div clas="meta"> 846 847 <span class="text-[11px] leading-4 text-gray-500 mr-0">⢠Posted 848 07/28/2026</span> 849 850 </div> 851 <div class="text-sm leading-4 text-gray-500 mt-2"> 852 Mobility Platform that unites multiple transit technology solutions is now available to transit agencies of every size across the United States and Canada <a 853 href="https://www.iteris.com/news/moova-mobility-platform-launches-north-america" 854 class="underline underline-offset-1 hover:text-[#89BC37] ml-[5px]">See 855 More ></a> 856 </div> 857 </div> 858 </div> 859 <div class="flex gap-3 lg:items-center"> 860 <div class="min-w-[96px]"> 861 <img class="max-w-24 h-24 object-cover rounded-full" 862 src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KTM7RTXKK77Z5ZMQE0F857R9.png" alt=""> 863 </div> 864 <div> 865 <a href="https://www.iteris.com/news/iteris-bluetoad-spectra-cv-roadside-unit-receives-omniair-certification" 866 class=" underline-offset-1 group"> 867 <h3 868 class="text-base font-bold text-[#4870AB] leading-5 mb-2 group-hover:text-[#89BC37]"> 869 Iteris BlueTOAD Spectra CV Roadside Unit Receives OmniAir® Certification</h3> 870 </a> 871 <div clas="meta"> 872
873 <span class="text-[11px] leading-4 text-gray-500 mr-0">⢠Posted 874 06/09/2026</span> 875 876 </div> 877 <div class="text-sm leading-4 text-gray-500 mt-2"> 878 Key certification milestone underscores capability for seamless and secure communication with connected vehicles and infrastructure components<a 879 href="https://www.iteris.com/news/iteris-bluetoad-spectra-cv-roadside-unit-receives-omniair-certification" 880 class="underline underline-offset-1 hover:text-[#89BC37] ml-[5px]">See 881 More ></a> 882 </div> 883 </div> 884 </div> 885 <div class="flex gap-3 lg:items-center"> 886 <div class="min-w-[96px]"> 887 <img class="max-w-24 h-24 object-cover rounded-full" 888 src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KRY9EFRASB0E342H15NJ97Y0.jpg" alt=""> 889 </div> 890 <div> 891 <a href="https://www.iteris.com/news/iteris-launches-vantagenode-to-expand-highquality-ai-detection-to-small-and-underserved-intersections" 892 class=" underline-offset-1 group"> 893 <h3 894 class="text-base font-bold text-[#4870AB] leading-5 mb-2 group-hover:text-[#89BC37]"> 895 Iteris Launches VantageNode to Expand HighâQuality AI Detection to Small and Underserved Intersections</h3> 896 </a> 897 <div clas="meta"> 898 899 <span class="text-[11px] leading-4 text-gray-500 mr-0">⢠Posted 900 05/19/2026</span> 901 902 </div> 903 <div class="text-sm leading-4 text-gray-500 mt-2"> 904 New single-mount, quadâcamera solution simplifies deployment and provides lower-cost but powerful solution to manage less complex intersections<a 905 href="https://www.iteris.com/news/iteris-launches-vantagenode-to-expand-highquality-ai-detection-to-small-and-underserved-intersections" 906 class="underline underline-offset-1 hover:text-[#89BC37] ml-[5px]">See 907 More ></a> 908 </div> 909 </div> 910 </div> 911 </div> 912 </div> 913 </div> 914 </div> 915 </div> 916 </section> 917 918 <section wire:snapshot="{"data":{"topics":[{"3":"Analytics","27":"Artificial Intelligence","20":"Automated Vehicles","21":"Connected Vehicles","14":"Data Collection","4":"Detectors","22":"Diversity & Inclusion","11":"Environmental","10":"ESG","17":"Events","16":"Financial","15":"General","24":"Government Policy","5":"Mobility Intelligence","12":"Performance Measurement","6":"Smart Cities","7":"Smart Mobility","23":"Social Responsibility","18":"Sustainability","8":"Traffic Safety","25":"Traveler Information","26":"Weather Forecasting","19":"Webinars"},{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"search":null,"topic":null,"perPage":15,"pagination":true,"videoCourses":null,"tag":null,"paginators":[{"page":1},{"s":"arr"}]},"memo":{"id":"FEw7xqVkyEWyARn9Faow","name":"news-component","path":"news","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"c9340afa48ed7742e5556964323ede8d1bc132485597304661c2ebf9b569236d"}" wire:effects="{"url":{"paginators.page":{"as":"page","use":"push","alwaysShow":false,"except":null}}}" wire:id="FEw7xqVkyEWyARn9Faow" class="lg:pb-24 pb-20"> 919 <div class="w-full mx-auto max-w-7xl px-5"> 920 <div class="w-full"> 921 <div class="w-full mx-auto lg:mb-12 mb-8 pt-12 border-t border-solid border-[#D6D6D6]"> 922 <div class="relative"> 923 <div 924 class="absolute inset-y-0 start-0 flex items-center justify-center pointer-events-none bg-blue-950 w-16 rounded-s-2xl"> 925 <svg class="w-8 h-8 text-white " aria-hidden="true" xmlns="http://www.w3.org/2000/svg" 926 fill="none" viewBox="0 0 20 20"> 927 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 928 d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" /> 929 </svg> 930 </div> 931 <input type="search" id="default-search" 932 class="block w-full p-4 ps-20 md:text-[22px] text-base italic text-[#4D4D4D] border border-[#
932E2E2E2] rounded-2xl bg-[#F7F7F7] focus:ring-blue-900 focus:border-blue-900" 933 placeholder="What would you like to read about?" type="text" 934 wire:keydown.enter="productSearch($event.target.value, 'search')" required /> 935 </div> 936 </div> 937 938 <form 939 class="w-full flex lg:flex-nowrap flex-wrap gap-3 items-center justify-between border-b-4 border-blue-950 mb-8 lg:pb-0 pb-3 md:flex-row flex-col-reverse"> 940 <div class="flex flex-wrap items-center lg:gap-5 gap-3 blog_filter filter_resources"> 941 <div class="relative w-auto" x-data="{ open: false }" @click.outside="open = false"> 942 <div class="relative inline-block w-auto"> 943 <button 944 type="button" 945 @click="open = !open" 946 class="dropdown-button md:border-none border border-[#E2E2E2] auto-size-select w-auto min-w-auto lg:text-xl font-bold border-solid focus:outline-none focus:ring-0 focus:shadow-none py-1 appearance-none text-[#464646] md:pl-0 pl-[10px] pr-[30px] sm:text-base text-xs" 947 > 948 Filter by Topic 949 </button> 950 <ul x-show="open" x-transition class="dropdown-menu min-w-[180px] absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg"> 951 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("", "topic")' @click="open = false"> 952 Filter by Topic 953 </li> 954 <!--[if BLOCK]><![endif]--> <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("3", "topic")' @click="open = false"> 955 Analytics 956 </li> 957 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("27", "topic")' @click="open = false"> 958 Artificial Intelligence 959 </li> 960 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("20", "topic")' @click="open = false"> 961 Automated Vehicles 962 </li> 963 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("21", "topic")' @click="open = false"> 964 Connected Vehicles 965 </li> 966 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("14", "topic")' @click="open = false"> 967 Data Collection 968 </li> 969 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("4", "topic")' @click="open = false"> 970 Detectors 971 </li> 972 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("22", "topic")' @click="open = false"> 973 Diversity & Inclusion 974 </li> 975 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("11", "topic")' @click="open = false"> 976 Environmental 977 </li> 978 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("10", "topic")' @click="open = false"> 979 ESG 980 </li> 981 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("17", "topic")' @click="open = false"> 982 Events 983 </li> 984 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("16", "topic")' @click="open = false"> 985 Financial 986 </li> 987 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("15", "topic")' @click="open = false"> 988 General 989 </li> 990 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("24", "topic")' @click="open = false"> 991 Government Policy 992 </li> 993 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("5", "topic")' @click="open = false"> 994 Mobility Intelligence 995 </li> 996 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("12", "topic")' @click="open = false"> 997 Performance Measurement 998 </li> 999 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("6", "topic")' @click="open = false"> 1000 Smart Cities 1001 </li> 1002 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("7", "topic")' @click="open = false"> 1003 Smart Mobility 1004 </li> 1005 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("23", "topic")' @click="open = false"> 1006 Social Responsibility 1007 </li> 1008 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("18", "topic")' @click="open = false"> 1009 Sustainability 1010 </li> 1011 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("8", "topic")' @click="open = false"> 1012 Traffic Safety 1013 </li> 1014 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("25", "topic")' @click="open = false"> 1015 Traveler Information 1016 </li> 1017 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("26", "topic")' @click="open = false"> 1018 Weather Forecasting 1019 </li> 1020 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click='productSearch("19", "topic")' @click="open = false"> 1021 Webinars 1022 </li> 1023 <!--[if ENDBLOCK]><![endif]--> </ul> 1024 </div> 1025 </div> 1026 <div class="relative w-auto" x-data="{ open: false }" @click.outside="open = false"> 1027 <div class="relative inline-block w-auto"> 1028 <button 1029 type="button" 1030 @click="open = !open" 1031 class="dropdown-button md:border-none border border-[#
1031E2E2E2] auto-size-select w-auto min-w-auto lg:text-xl font-bold border-solid focus:outline-none focus:ring-0 focus:shadow-none py-1 appearance-none text-[#464646] md:pl-0 pl-[10px] pr-[30px] sm:text-base text-xs" 1032 > 1033 Show 15 Results 1034 </button> 1035 <ul x-show="open" x-transition class="dropdown-menu min-w-[160px] absolute z-10 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-lg"> 1036 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click="productSearch(15, 'perPage')" @click="open = false"> 1037 Show 15 Results 1038 </li> 1039 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click="productSearch(30, 'perPage')" @click="open = false"> 1040 Show 30 Results 1041 </li> 1042 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click="productSearch(45, 'perPage')" @click="open = false"> 1043 Show 45 Results 1044 </li> 1045 <li class="px-4 py-2 hover:bg-gray-100 list_bg cursor-pointer" wire:click="productSearch('all', 'perPage')" @click="open = false"> 1046 Show All Results 1047 </li> 1048 </ul> 1049 </div> 1050 </div> 1051 1052 </div> 1053 <div class="ml-auto"> 1054 <div class="flex items-center gap-1 cursor-pointer"> 1055 <svg xmlns="http://www.w3.org/2000/svg" width="21.671" height="21.671"
1056 viewBox="0 0 21.671 21.671"> 1057 <g id="Icon_ionic-md-close-circle-outline" data-name="Icon ionic-md-close-circle-outline" 1058 transform="translate(-3.375 -3.375)"> 1059 <path id="Path_301" data-name="Path 301" 1060 d="M14.21,5.563A8.644,8.644,0,1,1,8.095,8.095,8.612,8.612,0,0,1,14.21,5.563m0-2.188A10.835,10.835,0,1,0,25.046,14.21,10.834,10.834,0,0,0,14.21,3.375Z" 1061 fill="#91c73e"></path> 1062 <path id="Path_302" data-name="Path 302" 1063 d="M21.523,20.007l-1.516,1.516-3.9-3.9-3.9,3.9-1.516-1.516,3.9-3.9-3.9-3.9L12.2,10.688l3.9,3.9,3.9-3.9L21.523,12.2l-3.9,3.9Z" 1064 transform="translate(-1.895 -1.895)" fill="#91c73e"></path> 1065 </g> 1066 </svg> 1067 <span wire:click="clearAllFilters" 1068 class="underline italic font-medium text-[#909090] text-sm">Clear All Filters</span> 1069 </div> 1070 </div> 1071 </form> 1072 1073 <div class="w-full resource__result"> 1074 <div class="flex flex-wrap -mx-4 gap-y-8"> 1075 <!--[if BLOCK]><![endif]--> 1076 1077 <!--[if BLOCK]><![endif]--> <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1078 <div 1079 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1080 <div class=""> 1081 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01M1FH5WCF6P96BFW4F7M9E5WR.jpg" 1082 class="object-center object-cover h-[154px] w-full"> 1083 <!--[if ENDBLOCK]><![endif]--> </div> 1084 <div class="w-full p-5"> 1085 <a href="https://www.iteris.com/news/ncdot-improves-traffic-operations-with-clearguide-dash-cam-imagery-informed-by-vizzion" 1086 class=" underline-offset-1 group"> 1087 <h4 1088 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1089 NCDOT improves traffic operations with ClearGuide® Dash Cam Imagery informed by Vizzion </h4> 1090 </a> 1091 <div clas="meta"> 1092 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1093 09/02/2026</span> 1094 <span class="text-sm leading-4 text-gray-500 mr-0"> 1095 <a href="#" 1096 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1097 </a></span> 1098 </div> 1099 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1100 Raleigh, North Carolina â September 2, 2026 â Iteris, Inc., the world's trusted technology ecosystem for smart mobility infrastructure management and part of Almaviva Group, and Vizzion, the leading provider of real-time road imagery, today announced that North Carolina Department of Transportation (NCDOT) is leveraging the first state-wide deployment of ClearGuide® Dash Cam Imagery informed by Vizzionâs Drives service.<a 1101 href="https://www.iteris.com/news/ncdot-improves-traffic-operations-with-clearguide-dash-cam-imagery-informed-by-vizzion" 1102 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1103 ></a> 1104 </div> 1105 </div> 1106 </div> 1107 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1108 </div> 1109 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1110 <div
1111 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1112 <div class=""> 1113 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KYMFV7PQ8GTWD4HR5M9S3046.png" 1114 class="object-center object-cover h-[154px] w-full"> 1115 <!--[if ENDBLOCK]><![endif]--> </div> 1116 <div class="w-full p-5"> 1117 <a href="https://www.iteris.com/news/moova-mobility-platform-launches-north-america" 1118 class=" underline-offset-1 group"> 1119 <h4 1120 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1121 Moova Mobility Platform Enters North America with Local Delivery and Support </h4> 1122 </a> 1123 <div clas="meta"> 1124 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1125 07/28/2026</span> 1126 <span class="text-sm leading-4 text-gray-500 mr-0"> 1127 <a href="#" 1128 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1129 </a></span> 1130 </div> 1131 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1132 Mobility Platform that unites multiple transit technology solutions is now available to transit agencies of every size across the United States and Canada <a 1133 href="https://www.iteris.com/news/moova-mobility-platform-launches-north-america" 1134 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1135 ></a> 1136 </div> 1137 </div> 1138 </div> 1139 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1140 </div> 1141 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1142 <div 1143 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1144 <div class=""> 1145 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KTM7RTXKK77Z5ZMQE0F857R9.png" 1146 class="object-center object-cover h-[154px] w-full"> 1147 <!--[if ENDBLOCK]><![endif]--> </div> 1148 <div class="w-full p-5"> 1149 <a href="https://www.iteris.com/news/iteris-bluetoad-spectra-cv-roadside-unit-receives-omniair-certification" 1150 class=" underline-offset-1 group"> 1151 <h4 1152 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1153 Iteris BlueTOAD Spectra CV Roadside Unit Receives OmniAir® Certification</h4> 1154 </a> 1155 <div clas="meta"> 1156 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1157 06/09/2026</span>
1158 <span class="text-sm leading-4 text-gray-500 mr-0"> 1159 <a href="#" 1160 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1161 </a></span> 1162 </div> 1163 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1164 Key certification milestone underscores capability for seamless and secure communication with connected vehicles and infrastructure components<a 1165 href="https://www.iteris.com/news/iteris-bluetoad-spectra-cv-roadside-unit-receives-omniair-certification" 1166 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1167 ></a> 1168 </div> 1169 </div> 1170 </div> 1171 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1172 </div> 1173 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1174 <div 1175 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1176 <div class=""> 1177 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KRY9EFRASB0E342H15NJ97Y0.jpg" 1178 class="object-center object-cover h-[154px] w-full"> 1179 <!--[if ENDBLOCK]><![endif]--> </div> 1180 <div class="w-full p-5"> 1181 <a href="https://www.iteris.com/news/iteris-launches-vantagenode-to-expand-highquality-ai-detection-to-small-and-underserved-intersections" 1182 class=" underline-offset-1 group"> 1183 <h4 1184 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1185 Iteris Launches VantageNode to Expand HighâQuality AI Detection to Small and Underserved Intersections</h4> 1186 </a> 1187 <div clas="meta"> 1188 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1189 05/19/2026</span> 1190 <span class="text-sm leading-4 text-gray-500 mr-0"> 1191 <a href="#" 1192 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1193 </a></span> 1194 </div> 1195 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1196 New single-mount, quadâcamera solution simplifies deployment and provides lower-cost but powerful solution to manage less complex intersections<a 1197 href="https://www.iteris.com/news/iteris-launches-vantagenode-to-expand-highquality-ai-detection-to-small-and-underserved-intersections" 1198 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1199 ></a> 1200 </div> 1201 </div> 1202 </div> 1203 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1204 </div> 1205 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1206 <div
1207 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1208 <div class=""> 1209 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KPRG5KN5PRJM8FD41BK0FZXP.jpg" 1210 class="object-center object-cover h-[154px] w-full"> 1211 <!--[if ENDBLOCK]><![endif]--> </div> 1212 <div class="w-full p-5"> 1213 <a href="https://www.iteris.com/news/iteris-awarded-31-million-contract-extending-critical-support-for-tampa-area-regional-transportation-management-center" 1214 class=" underline-offset-1 group"> 1215 <h4 1216 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1217 Iteris Awarded $31 Million Contract Extending Critical Support for Tampa-Area Regional Transportation Management Center</h4> 1218 </a> 1219 <div clas="meta"> 1220 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1221 04/22/2026</span> 1222 <span class="text-sm leading-4 text-gray-500 mr-0"> 1223 <a href="#" 1224 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1225 </a></span> 1226 </div> 1227 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1228 New five-year agreement strengthens Iterisâ longâstanding role supporting traffic operations across the Tampa Bay area<a 1229 href="https://www.iteris.com/news/iteris-awarded-31-million-contract-extending-critical-support-for-tampa-area-regional-transportation-management-center" 1230 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1231 ></a> 1232 </div> 1233 </div> 1234 </div> 1235 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1236 </div> 1237 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1238 <div 1239 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1240 <div class=""> 1241 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KM0WDX0G5FYE905D07WD53FA.jpg" 1242 class="object-center object-cover h-[154px] w-full"> 1243 <!--[if ENDBLOCK]><![endif]--> </div> 1244 <div class="w-full p-5"> 1245 <a href="https://www.iteris.com/news/iteris-significantly-expands-alabama-dots-traffic-signal-performance-capabilities-with-statewide-clearguide-signal-trends-expansion" 1246 class=" underline-offset-1 group"> 1247 <h4 1248 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1249 Iteris Significantly Expands Alabama DOTâs Traffic Signal Performance Capabilities with Statewide ClearGuide Signal Trends Expansion</h4> 1250 </a> 1251 <div clas="meta">
1252 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1253 03/18/2026</span> 1254 <span class="text-sm leading-4 text-gray-500 mr-0"> 1255 <a href="#" 1256 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1257 </a></span> 1258 </div> 1259 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1260 Statewide rollout gives ALDOT powerful, realâtime visibility to identify issues and optimize operations across more than 1,100 signalized intersections<a 1261 href="https://www.iteris.com/news/iteris-significantly-expands-alabama-dots-traffic-signal-performance-capabilities-with-statewide-clearguide-signal-trends-expansion" 1262 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1263 ></a> 1264 </div> 1265 </div> 1266 </div> 1267 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1268 </div> 1269 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1270 <div 1271 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1272 <div class=""> 1273 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KJ5VAE93STD3H7N76M6EX387.jpg" 1274 class="object-center object-cover h-[154px] w-full"> 1275 <!--[if ENDBLOCK]><![endif]--> </div> 1276 <div class="w-full p-5"> 1277 <a href="https://www.iteris.com/news/iteris-to-deploy-la-metros-countywide-cloud-based-transit-signal-priority-program" 1278 class=" underline-offset-1 group"> 1279 <h4 1280 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1281 Iteris to Deploy LA Metroâs Countywide Cloud-Based Transit Signal Priority Program</h4> 1282 </a> 1283 <div clas="meta"> 1284 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1285 02/24/2026</span> 1286 <span class="text-sm leading-4 text-gray-500 mr-0"> 1287 <a href="#" 1288 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1289 </a></span> 1290 </div> 1291 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1292 Iteris to provide LA Metro with design, integration, and operational support for countywide TSP system across 13 major corridors<a 1293 href="https://www.iteris.com/news/iteris-to-deploy-la-metros-countywide-cloud-based-transit-signal-priority-program" 1294 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1295 ></a> 1296 </div> 1297 </div> 1298 </div> 1299 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1300 </div> 1301 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1302 <div
1303 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1304 <div class=""> 1305 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KA9K0J8JYB8271WS4FHNQ3K8.png" 1306 class="object-center object-cover h-[154px] w-full"> 1307 <!--[if ENDBLOCK]><![endif]--> </div> 1308 <div class="w-full p-5"> 1309 <a href="https://www.iteris.com/news/iteris-launches-advanced-priority-and-preemption-within-connected-vehicle-ecosystem" 1310 class=" underline-offset-1 group"> 1311 <h4 1312 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1313 Iteris Launches Advanced Priority and Preemption Within Connected Vehicle Ecosystem</h4> 1314 </a> 1315 <div clas="meta"> 1316 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1317 11/18/2025</span> 1318 <span class="text-sm leading-4 text-gray-500 mr-0"> 1319 <a href="#" 1320 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1321 </a></span> 1322 </div> 1323 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1324 New VantagePriority⢠offering helps agencies optimize traffic flow and future-proof for the evolving CV landscape<a 1325 href="https://www.iteris.com/news/iteris-launches-advanced-priority-and-preemption-within-connected-vehicle-ecosystem" 1326 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1327 ></a> 1328 </div> 1329 </div> 1330 </div> 1331 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1332 </div> 1333 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1334 <div 1335 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1336 <div class=""> 1337 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01KA9JSHNB8KRJZEWPFZ6FTSVJ.jpg" 1338 class="object-center object-cover h-[154px] w-full"> 1339 <!--[if ENDBLOCK]><![endif]--> </div> 1340 <div class="w-full p-5"> 1341 <a href="https://www.iteris.com/news/iteris-launches-vantagelink-to-bring-real-time-intelligence-to-traffic-cabinets" 1342 class=" underline-offset-1 group"> 1343 <h4 1344 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1345 Iteris Launches VantageLink to Bring Real-Time Intelligence to Traffic Cabinets</h4> 1346 </a> 1347 <div clas="meta">
1348 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1349 11/13/2025</span> 1350 <span class="text-sm leading-4 text-gray-500 mr-0"> 1351 <a href="#" 1352 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1353 </a></span> 1354 </div> 1355 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1356 Next-generation solution empowers agencies with cabinet monitoring, remote access, and proactive maintenance tools. <a 1357 href="https://www.iteris.com/news/iteris-launches-vantagelink-to-bring-real-time-intelligence-to-traffic-cabinets" 1358 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1359 ></a> 1360 </div> 1361 </div> 1362 </div> 1363 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1364 </div> 1365 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1366 <div 1367 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1368 <div class=""> 1369 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01K9SZX4P2WFKVAKJJT56EGWN9.jpg" 1370 class="object-center object-cover h-[154px] w-full"> 1371 <!--[if ENDBLOCK]><![endif]--> </div> 1372 <div class="w-full p-5"> 1373 <a href="https://www.iteris.com/news/iteris-acquires-thrugreen-technology-to-expand-capabilities-of-the-iteris-clearmobility-platform" 1374 class=" underline-offset-1 group"> 1375 <h4 1376 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1377 Iteris Acquires ThruGreen Technology to Expand Capabilities of the Iteris ClearMobility Platform </h4> 1378 </a> 1379 <div clas="meta"> 1380 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1381 11/12/2025</span> 1382 <span class="text-sm leading-4 text-gray-500 mr-0"> 1383 <a href="#" 1384 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1385 </a></span> 1386 </div> 1387 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1388 Acquisition enhances Iterisâ portfolio with comprehensive Cloud-based traffic equipment monitoring and vehicle to everything applications<a 1389 href="https://www.iteris.com/news/iteris-acquires-thrugreen-technology-to-expand-capabilities-of-the-iteris-clearmobility-platform" 1390 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1391 ></a> 1392 </div> 1393 </div> 1394 </div> 1395 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1396 </div> 1397 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1398 <div
1399 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1400 <div class=""> 1401 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01K2CVKEDE0T7TYB7JQR5ZS03J.jpg" 1402 class="object-center object-cover h-[154px] w-full"> 1403 <!--[if ENDBLOCK]><![endif]--> </div> 1404 <div class="w-full p-5"> 1405 <a href="https://www.iteris.com/news/iteris-and-almaviva-to-showcase-smart-mobility-innovations-at-its-world-congress-2025" 1406 class=" underline-offset-1 group"> 1407 <h4 1408 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1409 Iteris and Almaviva to Showcase Smart Mobility Innovations at ITS World Congress 2025</h4> 1410 </a> 1411 <div clas="meta"> 1412 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1413 08/12/2025</span> 1414 <span class="text-sm leading-4 text-gray-500 mr-0"> 1415 <a href="#" 1416 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1417 </a></span> 1418 </div> 1419 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1420 Premier sponsors to deliver live demos, expert panels, and smart mobility innovations at Booth #1613<a 1421 href="https://www.iteris.com/news/iteris-and-almaviva-to-showcase-smart-mobility-innovations-at-its-world-congress-2025" 1422 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1423 ></a> 1424 </div> 1425 </div> 1426 </div> 1427 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1428 </div> 1429 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1430 <div 1431 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1432 <div class=""> 1433 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01JZ17BSES4DSBMC2A0FM958K8.jpg" 1434 class="object-center object-cover h-[154px] w-full"> 1435 <!--[if ENDBLOCK]><![endif]--> </div> 1436 <div class="w-full p-5"> 1437 <a href="https://www.iteris.com/news/iteris-selected-by-kane-county-for-transportation-system-management-and-operations-program" 1438 class=" underline-offset-1 group"> 1439 <h4 1440 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1441 Iteris Selected by Kane County for Transportation System Management and Operations Program</h4> 1442 </a> 1443 <div clas="meta">
1444 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1445 07/01/2025</span> 1446 <span class="text-sm leading-4 text-gray-500 mr-0"> 1447 <a href="#" 1448 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1449 </a></span> 1450 </div> 1451 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1452 Continued partnership enhances traffic signal operations, sustainability, and system optimization efforts across Kane County, IL<a 1453 href="https://www.iteris.com/news/iteris-selected-by-kane-county-for-transportation-system-management-and-operations-program" 1454 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1455 ></a> 1456 </div> 1457 </div> 1458 </div> 1459 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1460 </div> 1461 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1462 <div 1463 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1464 <div class=""> 1465 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01JXZPJV1RE5VQ5C6ZQVVAHCDQ.jpg" 1466 class="object-center object-cover h-[154px] w-full"> 1467 <!--[if ENDBLOCK]><![endif]--> </div> 1468 <div class="w-full p-5"> 1469 <a href="https://www.iteris.com/news/iteris-selected-to-support-intelligent-transportation-systems-project-in-dubai" 1470 class=" underline-offset-1 group"> 1471 <h4 1472 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1473 Iteris Selected to Support Intelligent Transportation Systems Project in Dubai</h4> 1474 </a> 1475 <div clas="meta"> 1476 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1477 06/17/2025</span> 1478 <span class="text-sm leading-4 text-gray-500 mr-0"> 1479 <a href="#" 1480 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1481 </a></span> 1482 </div> 1483 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1484 Iterisâ SaaS solution will support mobility and safety applications throughout the future-focused city <a 1485 href="https://www.iteris.com/news/iteris-selected-to-support-intelligent-transportation-systems-project-in-dubai" 1486 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1487 ></a> 1488 </div> 1489 </div> 1490 </div> 1491 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1492 </div> 1493 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1494 <div
1495 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1496 <div class=""> 1497 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01JV582ZHB51NJS9KWEJ32A39H.jpg" 1498 class="object-center object-cover h-[154px] w-full"> 1499 <!--[if ENDBLOCK]><![endif]--> </div> 1500 <div class="w-full p-5"> 1501 <a href="https://www.iteris.com/news/iteris-chosen-to-implement-the-city-of-burlesons-advanced-traffic-management-system-plan" 1502 class=" underline-offset-1 group"> 1503 <h4 1504 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1505 Iteris Chosen to Implement the City of Burlesonâs Advanced Traffic Management System Plan</h4> 1506 </a> 1507 <div clas="meta"> 1508 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1509 05/14/2025</span> 1510 <span class="text-sm leading-4 text-gray-500 mr-0"> 1511 <a href="#" 1512 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1513 </a></span> 1514 </div> 1515 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1516 Comprehensive project encompasses traffic signal system upgrades, new Traffic Management Center and communication infrastructure to support the plan<a 1517 href="https://www.iteris.com/news/iteris-chosen-to-implement-the-city-of-burlesons-advanced-traffic-management-system-plan" 1518 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1519 ></a> 1520 </div> 1521 </div> 1522 </div> 1523 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1524 </div> 1525 <div class="px-4 w-full lg:w-1/3 md:w-1/2 sm:w-1/2 blog_iteams"> 1526 <div 1527 class="bg-white rounded-[15px] border border-[#EAEAEA] overflow-hidden shadow-sm h-full relative"> 1528 <div class=""> 1529 <!--[if BLOCK]><![endif]--> <img src="https://prod-iteris-website-2024-4222cd.s3.us-west-1.amazonaws.com/blog-images/01JTGS7YCEHB9QQ1HKC5Y9FQTH.jpg" 1530 class="object-center object-cover h-[154px] w-full"> 1531 <!--[if ENDBLOCK]><![endif]--> </div> 1532 <div class="w-full p-5"> 1533 <a href="https://www.iteris.com/news/iteris-selected-by-hillsborough-county-for-traffic-management-center-support-and-smart-mobility-initiatives" 1534 class=" underline-offset-1 group"> 1535 <h4 1536 class="text-base font-bold text-[#464646] leading-5 mb-2 group-hover:text-[#89BC37]"> 1537 Iteris Selected by Hillsborough County for Traffic Management Center Support and Smart Mobility Initiatives </h4> 1538 </a> 1539 <div clas="meta">
1540 <span class="text-sm leading-4 text-gray-500 mr-0">⢠Posted 1541 05/06/2025</span> 1542 <span class="text-sm leading-4 text-gray-500 mr-0"> 1543 <a href="#" 1544 class="underline underline-offset-1 hover:text-[#89BC37] ml-1"> 1545 </a></span> 1546 </div> 1547 <div class="text-base leading-[1.2] text-gray-500 mt-2 disc"> 1548 The Florida county has awarded Iteris a four-year contract with a value of up to $10 million<a 1549 href="https://www.iteris.com/news/iteris-selected-by-hillsborough-county-for-traffic-management-center-support-and-smart-mobility-initiatives" 1550 class="underline underline-offset-1 hover:text-[#89BC37] ml-1">See More 1551 ></a> 1552 </div> 1553 </div> 1554 </div> 1555 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1556 </div> 1557 <!--[if ENDBLOCK]><![endif]--> </div> 1558 </div> 1559 <div class="fixed hidden text-2xl w-full h-screen justify-center overflow-hidden items-center bg-gray-400/50 top-0 left-0" 1560 wire:loading.flex> 1561 <span class="loader"></span> 1562 </div> 1563 1564 <!--[if BLOCK]><![endif]--> <div> 1565 <!--[if BLOCK]><![endif]--> <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between"> 1566 <div class="flex justify-between flex-1 sm:hidden"> 1567 <span> 1568 <!--[if BLOCK]><![endif]--> <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300"> 1569 « Previous 1570 </span> 1571 <!--[if ENDBLOCK]><![endif]--> </span> 1572 1573 <span> 1574 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="nextPage('page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" wire:loading.attr="disabled" dusk="nextPage.before" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-blue-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300"> 1575 Next » 1576 </button> 1577 <!--[if ENDBLOCK]><![endif]--> </span> 1578 </div> 1579 1580 <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"> 1581 <div> 1582 <p class="text-sm text-gray-700 leading-5 dark:text-gray-400"> 1583 <span>Showing</span> 1584 <span class="font-medium">1</span> 1585 <span>to</span> 1586 <span class="font-medium">15</span> 1587 <span>of</span> 1588 <span class="font-medium">512</span> 1589 <span>results</span> 1590 </p> 1591 </div> 1592 1593 <div> 1594 <span class="relative z-0 inline-flex rtl:flex-row-reverse rounded-md shadow-sm">
1595 <span> 1596 1597 <!--[if BLOCK]><![endif]--> <span aria-disabled="true" aria-label="&laquo; Previous"> 1598 <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true"> 1599 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1600 <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> 1601 </svg> 1602 </span> 1603 </span> 1604 <!--[if ENDBLOCK]><![endif]--> </span> 1605 1606 1607 <!--[if BLOCK]><![endif]--> 1608 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1609 1610 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span wire:key="paginator-page-page1"> 1611 <!--[if BLOCK]><![endif]--> <span aria-current="page"> 1612 <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">1</span> 1613 </span> 1614 <!--[if ENDBLOCK]><![endif]--> </span> 1615 <span wire:key="paginator-page-page2"> 1616 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(2, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 2"> 1617 2 1618 </button> 1619 <!--[if ENDBLOCK]><![endif]--> </span> 1620 <span wire:key="paginator-page-page3"> 1621 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(3, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 3"> 1622 3 1623 </button> 1624 <!--[if ENDBLOCK]><![endif]--> </span> 1625 <sp
1625an wire:key="paginator-page-page4"> 1626 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(4, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 4"> 1627 4 1628 </button> 1629 <!--[if ENDBLOCK]><![endif]--> </span> 1630 <span wire:key="paginator-page-page5"> 1631 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(5, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 5"> 1632 5 1633 </button> 1634 <!--[if ENDBLOCK]><![endif]--> </span> 1635 <span wire:key="paginator-page-page6"> 1636 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(6, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 6"> 1637 6 1638 </button> 1639 <!--[if ENDBLOCK]><![endif]--> </span> 1640 <span wire:key="paginator-page-page7"> 1641 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(7, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 7"> 1642 7 1643 </button> 1644 <!--[if ENDBLOCK]><![endif]--> </span> 1645 <sp
1645an wire:key="paginator-page-page8"> 1646 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(8, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 8"> 1647 8 1648 </button> 1649 <!--[if ENDBLOCK]><![endif]--> </span> 1650 <span wire:key="paginator-page-page9"> 1651 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(9, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 9"> 1652 9 1653 </button> 1654 <!--[if ENDBLOCK]><![endif]--> </span> 1655 <span wire:key="paginator-page-page10"> 1656 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(10, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 10"> 1657 10 1658 </button> 1659 <!--[if ENDBLOCK]><![endif]--> </span> 1660 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 1661 <!--[if BLOCK]><![endif]--> <span aria-disabled="true"> 1662 <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300">...</span> 1663 </span> 1664 <!--[if ENDBLOCK]><![endif]--> 1665 1666 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1667 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1668 1669 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]-->
1669 <span wire:key="paginator-page-page34"> 1670 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(34, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 34"> 1671 34 1672 </button> 1673 <!--[if ENDBLOCK]><![endif]--> </span> 1674 <span wire:key="paginator-page-page35"> 1675 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="gotoPage(35, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 35"> 1676 35 1677 </button> 1678 <!--[if ENDBLOCK]><![endif]--> </span> 1679 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 1680 <span> 1681 1682 <!--[if BLOCK]><![endif]--> <button type="button" wire:click="nextPage('page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" dusk="nextPage.after" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:ring ring-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Next &raquo;"> 1683 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 1684 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> 1685 </svg> 1686 </button> 1687 <!--[if ENDBLOCK]><![endif]--> </span> 1688 </span> 1689 </div> 1690 </div> 1691 </nav> 1692 <!--[if ENDBLOCK]><![endif]--></div> 1693 1694 <!--[if ENDBLOCK]><![endif]--> </div> 1695 </div> 1696</section> 1697 <footer class="bg-[#231F20] text-white"> 1698 1699 1700 1701 1702 1703 1704 1705 <div class="w-full max-w-7xl px-5 mx-auto py-10"> 1706 1707 1708 <a href="/"> 1709 <div class="w-full"> 1710 <img class="h-10 w-auto" src="https://d19hui4ievcqe3.cloudfront.net/d6e56a4f-8acb-4090-978c-d4cf579542c3/assets/logo.svg" alt="Iteris Logo"> 1711 </div> 1712 </a> 1713 <div class="w-full max-w-7xl flex gap-5 lg:flex-nowrap flex-wrap py-10 justify-normal md:justify-between"> 1714 <div class="w-full flex gap-x-5 gap-y-6 flex-wrap lg:w-3/4 xl:pr-5"> 1715 <div class="w-full lg:w-[31%] md:w-[48%] footer_menu"> 1716 <h4 class="text-lg font-bold mb-2">Company</h4> 1717 <ul class="space-y-1 p-0 m-0 list-none"> 1718 <li> 1719 <a href="/careers" 1720 class="text-base text-[#DBDBDB] hover:text-white">Careers </a> 1721 </li> 1722 <li> 1723 <a href="/contact" 1724 class="text-base text-[#DBDBDB] hover:text-white">Contact Us</a> 1725 </li> 1726 </ul> 1727 </div> 1728 <div class="w-full lg:w-[31%] md:w-[48%] footer_menu"> 1729 <h4 class="text-lg font-bold mb-2">Resources</h4> 1730 <ul class="space-y-1 p-0 m-0 list-none"> 1731 <li> 1732 <a href="/blog" 1733 class="text-base text-[#DBDBDB] hover:text-white">Blog</a> 1734 </li> 1735 <li> 1736 <a href="/training-center" 1737 class="text-base text-[#DBDBDB] hover:text-white">Training Center</a> 1738 </li> 1739 <li> 1740 <a href="/resource-center" 1741 class="text-base text-[#DBDBDB] hover:text-white">Resource Center </a> 1742 </li> 1743 </ul> 1744 </div> 1745 <div class="w-full lg:w-[31%] md:w-[48%] footer_menu"> 1746 <h4 class="text-lg font-bold mb-2">Smart Sensors</h4> 1747 <ul class="space-y-1 p-0 m-0 list-none"> 1748 <li> 1749 <a href="/oursolutions/traffic-detection" 1750 class="text-base text-[#DBDBDB] hover:text-white">Traffic Detection </a> 1751 </li> 1752 <li> 1753 <a href="/oursolutions/connected-vehicles-v2x" 1754 class="text-base text-[#DBDBDB] hover:text-white">Connected Vehicles</a> 1755 </li> 1756 <li> 1757 <a href="/oursolutions/travel-time-measurement/BlueTOAD" 1758 class="text-base text-[#DBDBDB] hover:text-white">Travel Time Measurement</a> 1759 </li> 1760 </ul> 1761 </div> 1762 <div class="w-full lg:w-[31%] md:w-[48%] footer_menu"> 1763 <h4 class="text-lg font-bold mb-2">Mobility Intelligence</h4> 1764 <ul class="space-y-1 p-0 m-0 list-none"> 1765 <li> 1766 <a href="/oursolutions/traffic-analytics-software" 1767 class="text-base text-[#DBDBDB] hover:text-white">Traffic Analytics Software </a> 1768 </li> 1769 <li> 1770 <a href="/oursolutions/asset-management-software/clearasset" 1771 class="text-base text-[#DBDBDB] hover:text-white">Asset Management Software</a> 1772 </li> 1773 <li> 1774 <a href="/oursolutions/clearguide-signals/spm" 1775 class="text-base text-[#DBDBDB] hover:text-white">SPM Software</a> 1776 </li> 1777 </ul> 1778 </div> 1779 <div class="w-full lg:w-[31%] md:w-[48%] footer_menu"> 1780 <h4 class="text-lg font-bold mb-2">Managed Services</h4> 1781 <ul class="space-y-1 p-0 m-0 list-none"> 1782 <li> 1783 <a href="/oursolutions/asset-management" 1784 class="text-base text-[#DBDBDB] hover:text-white">Asset Management </a> 1785 </li> 1786 <li> 1787 <a href="/oursolutions/arterial-management" 1788 class="text-base text-[#DBDBDB] hover:text-white">Congestion Management </a> 1789 </li> 1790 <li> 1791 <a href="/oursolutions/maintenance-management" 1792 class="text-base text-[#DBDBDB] hover:text-white">Maintenance Management</a> 1793 </li> 1794 </ul> 1795 </div> 1796 <div class="w-full lg:w-[31%] md:w-[48%] footer_menu"> 1797 <h4 class="text-lg font-bold mb-2">Transportation Consulting</h4> 1798 <ul class="space-y-1 p-0 m-0 list-none"> 1799 <li> 1800 <a href="/oursolutions/mobility-consulting-services/transportation-planning" 1801 class="text-base text-[#DBDBDB] hover:text-white">Traffic Planning </a> 1802 </li> 1803 <li> 1804 <a href="/oursolutions/mobility-consulting-services/traffic-signal-timing" 1805 class="text-base text-[#DBDBDB] hover:text-white">Traffic Signal Timing </a> 1806 </li> 1807 <li> 1808 <a href="/oursolutions/mobility-consulting-services/its-architecture-design-engineering" 1809 class="text-base text-[#DBDBDB] hover:text-white">ITS Engineering</a> 1810 </li> 1811 </ul> 1812 </div> 1813 1814 1815 1816 1817 </div> 1818 <div class="w-full lg:w-1/4"> 1819 1820 <h4 class="text-lg font-bold mb-2">Subscribe to Our Newsletter</h4> 1821 <div class="text-base mb-6"> 1822 Receive smart mobility news and analysis direct to your inbox. 1823 </div> 1824 1825 <div class="newsletter_btn mb-16"> 1826 <a href="https://connect.iteris.com/infocus-signup" target="_blank" 1827 class="inline-block bg-transparent text-[#91C73E] border border-solid border-[#91C73E] py-[7px] px-8 rounded-full hover:bg-[#91C73E] hover:text-white hover:border hover:border-solid hover:border-[#91C73E] font-bold"> 1828 Newsletter Sign-Up</a> 1829 </div> 1830 1831 1832 1833 <div class="flex items-end gap-5 mt-7"> 1834 1835 <a href="https://twitter.com/iteris" target="_blank" 1836 rel="noopener noreferrer"> 1837 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" 1838 fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16"> 1839 <path 1840 d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" 1841 fill="#fff" /> 1842 </svg> 1843 </a> 1844 <a href="https://www.linkedin.com/company/iteris-inc-" target="_blank" 1845 rel="noopener noreferrer"> 1846 <svg xmlns="http://www.w3.org/2000/svg" width="29.105" height="29.104"
1847 viewBox="0 0 29.105 29.104"> 1848 <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" 1849 d="M6.515,29.1H.481V9.673H6.515ZM3.495,7.023A3.511,3.511,0,1,1,6.989,3.5,3.524,3.524,0,0,1,3.495,7.023ZM29.1,29.1H23.077V19.646c0-2.254-.045-5.145-3.137-5.145-3.137,0-3.618,2.449-3.618,4.983V29.1H10.294V9.673h5.787v2.651h.084a6.34,6.34,0,0,1,5.709-3.138c6.107,0,7.229,4.021,7.229,9.245V29.1Z" 1850 transform="translate(0 -0.001)" fill="#fff" /> 1851 </svg> 1852 </a> 1853 1854 <a href="https://www.facebook.com/Iteris-Inc-202838216412564/" target="_blank" 1855 rel="noopener noreferrer"> 1856 <svg xmlns="http://www.w3.org/2000/svg" width="26.872" height="26.709" 1857 viewBox="0 0 26.872 26.709"> 1858 <path id="Icon_awesome-facebook" data-name="Icon awesome-facebook" 1859 d="M27.434,14A13.436,13.436,0,1,0,11.9,27.271V17.882H8.486V14H11.9v-2.96c0-3.367,2-5.227,5.075-5.227a20.678,20.678,0,0,1,3.008.262v3.3H18.287a1.942,1.942,0,0,0-2.189,2.1V14h3.726l-.6,3.884H16.1v9.389A13.441,13.441,0,0,0,27.434,14Z" 1860 transform="translate(-0.563 -0.563)" fill="#fff" /> 1861 </svg> 1862 </a> 1863 1864 <a href="https://www.youtube.com/user/IterisSolutions" target="_blank" 1865 rel="noopener noreferrer"> 1866 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30"
1867 viewBox="0 0 256 180"> 1868 <path fill="white" 1869 d="M250.346 28.075A32.18 32.18 0 0 0 227.69 5.418C207.824 0 127.87 0 127.87 0S47.912.164 28.046 5.582A32.18 32.18 0 0 0 5.39 28.24c-6.009 35.298-8.34 89.084.165 122.97a32.18 32.18 0 0 0 22.656 22.657c19.866 5.418 99.822 5.418 99.822 5.418s79.955 0 99.82-5.418a32.18 32.18 0 0 0 22.657-22.657c6.338-35.348 8.291-89.1-.164-123.134" /> 1870 <path fill="#000" d="m102.421 128.06l66.328-38.418l-66.328-38.418z" /> 1871 </svg> 1872 </a> 1873 </div> 1874 </div> 1875 </div> 1876 </div> 1877 1878 1879 <div class="flex flex-wrap justify-center text-base gap-5 pb-5 px-2"> 1880 <div>Copyright 2026 Iteris, Inc. All rights reserved.</div> 1881 <div> 1882 1883 <a href="/patents" 1884 class="text-[#DBDBDB] hover:text-white underline underline-offset-2">Patents</a> 1885 | 1886 <a href="/quality-assurance" 1887 class="text-[#DBDBDB] hover:text-white underline underline-offset-2">Quality Assurance</a> 1888 | 1889 <a href="/privacy-policy" 1890 class="text-[#DBDBDB] hover:text-white underline underline-offset-2">Privacy Policy</a> 1891 | 1892 <a href="/terms" 1893 class="text-[#DBDBDB] hover:text-white underline underline-offset-2">Terms of Use</a> 1894 | 1895 1896 <button type="button" x-data @click="$dispatch('open-cookie-preferences')" 1897 class="text-[#DBDBDB] hover:text-white underline underline-offset-2 bg-transparent border-0 p-0 cursor-pointer align-baseline">Manage Cookie Preferences</button> 1898 | 1899 1900 <button type="button" x-data @click="$dispatch('open-cookie-preferences')" 1901 class="text-[#DBDBDB] hover:text-white underline underline-offset-2 bg-transparent border-0 p-0 cursor-pointer align-baseline">Do Not Sell or Share My Personal Information</button> 1902 1903 1904 1905 1906 </div> 1907 </div> 1908</footer> 1909 1910 1911<div :class="show_backToTop ? 'block' : 'is-hidden'"> 1912 <div id="back_To_Top" x-ref="backTotop" @click="window.scrollTo({top: 0, behavior: 'smooth'})" 1913 class="fixed flex items-center bg-[#231F20] text-white rounded-s-md bottom-10 right-0 md:p-4 md:py-3 p-2 text-xs underline gap-2 cursor-pointer"> 1914 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"> 1915 <g id="Icon_feather-arrow-up-circle" data-name="Icon feather-arrow-up-circle" transform="translate(-2 -2)"> 1916 <path id="Path_239" data-name="Path 239" d="M26,14.5A11.5,11.5,0,1,1,14.5,3,11.5,11.5,0,0,1,26,14.5Z" 1917 transform="translate(0 0)" fill="none" stroke="#91c73e" stroke-linecap="round" 1918 stroke-linejoin="round" stroke-width="2" /> 1919 <path id="Path_240" data-name="Path 240" d="M21.2,16.6,16.6,12,12,16.6" 1920 transform="translate(-2.1 -2.1)" fill="none" stroke="#91c73e" stroke-linecap="round" 1921 stroke-linejoin="round" stroke-width="2" /> 1922 <path id="Path_241" data-name="Path 241" d="M18,21.2V12" transform="translate(-3.5 -2.1)" 1923 fill="none" stroke="#91c73e" stroke-linecap="round" stroke-linejoin="round" 1924 stroke-width="2" /> 1925 </g> 1926 </svg>
1927 <span class="hidden md:block">Back to top</span> 1928 </div> 1929</div> 1930 1931 1932 1933 1934 1935 1936 1937 1938
1938<script src="/livewire/livewire.min.js?id=e949cd11" nonce="ufPsP5a8fukCfcQT9OO9HZtJ" data-csrf="ifQ7uT5vtZYrWch4imFBDEkEE4YIBnXjauRom3NT" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1938 1939
1939<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ"> 1940 window.defaultClasses = 'jjjj'; 1941 </script>
1941 1942<!-- 1943
1943<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ"> 1944 function adjustSelectBoxWidth(selectElement) { 1945 // Create a temporary span element to calculate the width 1946 const span = document.createElement('span'); 1947 document.body.appendChild(span); 1948 span.style.visibility = 'hidden'; 1949 span.style.whiteSpace = 'nowrap'; // Ensures no line breaks 1950 1951 // Loop through all options to find the maximum width 1952 let maxWidth = 0; 1953 let selected = selectElement.value; 1954 span.innerHTML = selected; 1955 const optionWidth = span.getBoundingClientRect().width; 1956 if (optionWidth > maxWidth) { 1957 maxWidth = optionWidth; 1958 } 1959 1960 1961 // Remove the span element after calculation 1962 document.body.removeChild(span); 1963 1964 // Set the width of the select element 1965 selectElement.style.width = (maxWidth + 20) + 'px'; // Add some padding 1966 } 1967 1968 // Call the function on page load and on change 1969 // document.addEventListener('DOMContentLoaded', () => { 1970 // const selectBoxes = document.querySelectorAll('.auto-size-select'); 1971 // selectBoxes.forEach(select => adjustSelectBoxWidth(select)); 1972 // }); 1973 1974 // Optional: Adjust size when the select box is changed 1975 document.querySelectorAll('.auto-size-select').forEach(select => { 1976 select.addEventListener('change', () => adjustSelectBoxWidth(select)); 1977 }); 1978 </script>
1978 --> 1979 1980 1981 1982<!--
1982<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ"> 1983function getDomainName(url) { 1984 var parsedURL = new URL(url); 1985 return parsedURL.hostname; 1986} 1987 1988function hideExternalLinkCheckModel(){ 1989 document.getElementById("ExternalLinkPopup").style.display = "none"; 1990} 1991 1992 1993$('#go-to-third-party-button').on('click',function(){ 1994 var gotolink = $(this).attr('goto_link'); 1995 window.open(gotolink, '_blank'); 1996 hideExternalLinkCheckModel(); 1997}); 1998 1999 2000 2001// function showPopup(event) { 2002// event.preventDefault(); 2003// var hrefValue = event.target.getAttribute('href'); 2004// if (hrefValue.includes('http://') || hrefValue.includes('https://')){ 2005// var currentDomain = window.location.hostname; 2006// var domainName = getDomainName(hrefValue); 2007// if(domainName != currentDomain){ 2008// var goToSite = document.getElementById("go-to-third-party"); 2009// goToSite.setAttribute('target', '_blank'); 2010// goToSite.setAttribute('href', hrefValue); 2011 2012// var popup = document.getElementById("ExternalLinkPopup"); 2013// popup.style.display = "block"; 2014// }else{ 2015// window.location.href = hrefValue; 2016// } 2017// }else{ 2018// window.location.href = hrefValue; 2019// } 2020// } 2021 2022$('a:not([download])').on('click', function(event){ 2023 event.preventDefault(); 2024 var hrefValue = $(this).attr('href'); 2025 if (hrefValue.includes('http://') || hrefValue.includes('https://')){ 2026 var currentDomain = window.location.hostname; 2027 var domainName = getDomainName(hrefValue); 2028 if(domainName != currentDomain){ 2029 $('#go-to-third-party-button').attr({'goto_link':hrefValue}); 2030 $('#ExternalLinkPopup').css('display', 'block'); 2031 }else{ 2032 window.location.href = hrefValue; 2033 } 2034 }else{ 2035 if (hrefValue.includes('.pdf')){ 2036 window.open(hrefValue, '_blank'); 2037 }else{ 2038 window.location.href = hrefValue; 2039 } 2040 } 2041}); 2042function CloseThirdPartySitePopup(){ 2043 $('#ExternalLinkPopup').css('display', 'none'); 2044} 2045</script>
2045 --> 2046 2047<div> 2048 2049 <div> 2050 <div id="ExternalLinkPopup" class="fixed z-[99999] inset-0 overflow-y-auto" aria-labelledby="modal-title" 2051 role="dialog" aria-modal="true" style="display: none;"> 2052 <div class="flex items-center justify-center min-h-screen"> 2053 <div class="fixed inset-0 bg-gray-600 bg-opacity-75 transition-opacity"></div> 2054 <div 2055 class="bg-black text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"> 2056 <div class="bg-black px-5 pt-5 pb-4 sm:p-6 sm:pb-4"> 2057 <button onclick="CloseThirdPartySitePopup()" type="button" 2058 class="box-content rounded-none border-none hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none text-white hover:text-blue-700 float-right" 2059 data-te-modal-dismiss="" aria-label="Close" data-te-ripple-init=""> 2060 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 2061 stroke-width="1.5" stroke="currentColor" class="h-6 w-6"> 2062 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 2063 </svg> 2064 </button> 2065 <h3 class="text-lg leading-6 font-medium text-white mb-0" id="modal-title"> 2066 You are leaving Iteris.com 2067 </h3> 2068 <div class="mt-2"> 2069 <p class="text-sm text-white mb-0"> 2070 Please be aware that this link will take you to an external website that is controlled 2071 by other parties and may be subject to different privacy policy terms. Do you wish to 2072 continue?</p> 2073 </div> 2074 </div> 2075 <div class="bg-black pt-2 pb-5 px-5"> 2076 2077 <button id="go-to-third-party-button" type="button" 2078 class="extra_popup_btn mb-4 !w-full inline-flex justify-center border border-transparent shadow-sm px-4 py-2 bg-blue-900 !text-base !font-medium text-white hover:bg-blue-800 focus:outline-none sm:w-auto sm:text-sm"> 2079 Continue to third-party site 2080 </button> 2081 <button id="remain-on-site" onclick="CloseThirdPartySitePopup();" type="button" 2082 class="mt-3 !w-full inline-flex justify-center border border-transparent shadow-sm px-4 py-2 bg-blue-900 !text-base !font-medium text-white hover:bg-blue-800 sm:mt-0 sm:w-auto sm:text-sm"> 2083 Remain on Iteris.com 2084 </button> 2085 </div> 2086 </div> 2087 </div> 2088 </div> 2089 </div> 2090 2091
2091<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ"> 2092 function getDomainName(url) { 2093 var parsedURL = new URL(url); 2094 return parsedURL.hostname; 2095 } 2096 2097 function CloseThirdPartySitePopup() { 2098 document.getElementById('ExternalLinkPopup').style.display = 'none'; 2099 } 2100 2101 // List of ignored domains 2102 const ignoredDomains = ['iteris.com', 'www.iteris.com', 'trafficcast.zendesk.com', 'hollow-brook-veh10kmffwbc.vapor-farm-e1.com', 'iterisinc.gcs-web.com', 'connect.iteris.com', 'iterisinc1-my.sharepoint.com']; 2103 2104 // List of allowed file extensions 2105 const allowedExtensions = ['.png', '.jpg', '.jpeg', '.pdf']; 2106 2107 // List of domains to open in the same window 2108 const sameWindowDomains = ['hollow-brook-veh10kmffwbc.vapor-farm-e1.com', 'iteris.com', 'www.iteris.com']; 2109 2110 document.addEventListener("DOMContentLoaded", function () { 2111 var anchors = document.querySelectorAll("a"); 2112 2113 document.getElementById('go-to-third-party-button').addEventListener('click', function () { 2114 var gotolink = this.getAttribute('goto_link'); 2115 window.open(gotolink, '_blank'); 2116 CloseThirdPartySitePopup(); 2117 }); 2118 2119 anchors.forEach(function (anchor) { 2120 anchor.addEventListener("click", function (event) { 2121 event.preventDefault(); 2122 let hrefValue = anchor.getAttribute('href'); 2123 let target = anchor.getAttribute('target'); 2124 if (target == null) { 2125 target = '_self'; 2126 } 2127 2128 if (hrefValue.includes('http://') || hrefValue.includes('https://')) { 2129 let currentDomain = window.location.hostname; 2130 let domainName = getDomainName(hrefValue); 2131 2132 if (allowedExtensions.some(ext => hrefValue.includes(ext))) { 2133 window.open(hrefValue, '_blank'); 2134 } else if (sameWindowDomains.includes(domainName)) { 2135 // window.location.href = hrefValue; 2136 window.open(hrefValue, target); 2137 } else if (!ignoredDomains.includes(domainName) && domainName !== currentDomain) { 2138 document.getElementById('go-to-third-party-button').setAttribute('goto_link', hrefValue); 2139 document.getElementById('ExternalLinkPopup').style.display = 'block'; 2140 } else { 2141 // window.open(hrefValue, '_blank'); 2142 window.open(hrefValue, target); 2143 } 2144 } else { 2145 if (hrefValue.includes('.pdf')) { 2146 window.open(hrefValue, '_blank'); 2147 } else { 2148 if (target == '_blank') { 2149 window.open(hrefValue, target); 2150 } else { 2151 window.location.href = hrefValue; 2152 } 2153 } 2154 } 2155 }); 2156 }); 2157 }); 2158 </script>
2158 2159 2160 2161</div> 2162
2163<script nonce="ufPsP5a8fukCfcQT9OO9HZtJ"> 2164 window.onscroll = function() { 2165 var header = document.getElementById("header_fixed"); 2166 if (window.scrollY > 50) { 2167 2168 header.classList.add("header_scrolled"); 2169 } else { 2170 2171 header.classList.remove("header_scrolled"); 2172 } 2173 }; 2174</script>
2174 2175 2176 2177<style> 2178 #cookie-consent-banner [x-cloak] { display: none !important; } 2179 #cookie-consent-banner { 2180 --ab-brand: #1B779D; 2181 --ab-text: #616161; 2182 --ab-strong: #424242; 2183 --ab-muted: #999999; 2184 --ab-surface: #FFFFFF; 2185 --ab-radius: 6px; 2186 --ab-font: 'Clarity City', system-ui, 'Helvetica Neue', Helvetica, Arial, sans-serif; 2187 2188 position: fixed; 2189 left: 0; 2190 right: 0; 2191 bottom: 0; 2192 z-index: 2147483000; 2193 padding: 16px; 2194 font-family: var(--ab-font); 2195 } 2196 #cookie-consent-banner .ab-card { 2197 max-width: 1200px; 2198 margin: 0 auto; 2199 background: var(--ab-surface); 2200 border-left: 4px solid var(--ab-brand); 2201 border-radius: var(--ab-radius); 2202 box-shadow: rgba(0,0,0,0.2) 0 2px 1px -1px, 2203 rgba(0,0,0,0.14) 0 1px 1px 0, 2204 rgba(0,0,0,0.12) 0 1px 3px 0; 2205 padding: 10px; 2206 } 2207 #cookie-consent-banner .ab-row { 2208 display: flex; 2209 align-items: center; 2210 justify-content: space-between; 2211 gap: 16px; 2212 } 2213 #cookie-consent-banner .ab-content { display: flex; align-items: center; flex: 1; min-width: 0; } 2214 #cookie-consent-banner .ab-titleblock { display: flex; flex-direction: column; } 2215 #cookie-consent-banner .ab-title { 2216 font-size: 16px; font-weight: 600; color: var(--ab-text); margin-right: 10px; 2217 } 2218 #cookie-consent-banner .ab-desc { font-size: 14px; color: var(--ab-text); } 2219 #cookie-consent-banner .ab-desc-expanded { font-size: 14px; color: var(--ab-text); margin-top: 2.5px; } 2220 #cookie-consent-banner .ab-link { 2221 background: none; border: 0; padding: 0; cursor: pointer; 2222 color: var(--ab-brand); font: inherit; font-size: 14px; margin-left: 6px; 2223 } 2224 #cookie-consent-banner .ab-link:hover { text-decoration: underline; } 2225 #cookie-consent-banner .ab-policy-link { 2226 color: var(--ab-brand); font-size: 14px; text-decoration: underline; 2227 margin-left: 6px; white-space: nowrap; 2228 } 2229 #cookie-consent-banner .ab-actions { 2230 display: flex; align-items: center; gap: 12px; margin-left: 16px; flex-shrink: 0; 2231 } 2232 /* Both actions share the same white / brand-outlined treatment so neither 2233 button is visually emphasized over the other (GDPR: accept and decline 2234 must be presented equivalently). */ 2235 #cookie-consent-banner .ab-accept { 2236 background: #fff; color: var(--ab-brand); border: 1px solid var(--ab-brand); 2237 border-radius: var(--ab-radius); padding: 9px 20px; font-size: 12px; font-weight: 500; 2238 line-height: 21px; min-width: 100px; cursor: pointer; flex-shrink: 0; 2239 } 2240 #cookie-consent-banner .ab-accept:hover { background: rgba(27, 119, 157, 0.06); } 2241 #cookie-consent-banner .ab-accept:disabled { opacity: 0.5; cursor: not-allowed; } 2242 #cookie-consent-banner .ab-necessary { 2243 background: #fff; color: var(--ab-brand); border: 1px solid var(--ab-brand); 2244 border-radius: var(--ab-radius); padding: 9px 20px; font-size: 12px; font-weight: 500; 2245 line-height: 21px; min-width: 100px; cursor: pointer; flex-shrink: 0; 2246 } 2247 #cookie-consent-banner .ab-necessary:hover { background: rgba(27, 119, 157, 0.06); } 2248 #cookie-consent-banner .ab-necessary:disabled { opacity: 0.5; cursor: not-allowed; } 2249 #cookie-consent-banner .ab-toggle-all { margin: 4px 0 0 0; font-size: 13px; } 2250 #cookie-consent-banner .ab-conditions { 2251 display: flex; flex-direction: column; gap: 4px; 2252 list-style: none; margin: 0; padding: 0; flex: 1; 2253 } 2254 #cookie-consent-banner .ab-condition { 2255 display: inline-flex; align-items: flex-start; gap: 8px; cursor: pointer; margin-left: -11px; 2256 } 2257 #cookie-consent-banner .ab-condition[aria-disabled="true"] { cursor: default; } 2258 #cookie-consent-banner .ab-condition input[type="checkbox"] { 2259 appearance: none; -webkit-appearance: none; 2260 width: 18px; height: 18px; border: 2px solid var(--ab-muted); 2261 border-radius: 3px; margin: 3px 0 0 0; flex-shrink: 0; 2262 display: inline-grid; place-content: center; cursor: pointer; 2263 } 2264 #cookie-consent-banner .ab-condition input[type="checkbox"]:checked { 2265 background: var(--ab-brand); border-color: var(--ab-brand); 2266 } 2267 #cookie-consent-banner .ab-condition input[type="checkbox"]:checked::after { 2268 content: ''; width: 5px; height: 10px; border: solid #fff; 2269 border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -2px; 2270 } 2271 #cookie-consent-banner .ab-condition input[type="checkbox"]:disabled { 2272 background: var(--ab-muted); border-color: var(--ab-muted);
2272 cursor: not-allowed; 2273 } 2274 #cookie-consent-banner .ab-condition-text { font-size: 14px; color: var(--ab-text); line-height: 1.4; } 2275 #cookie-consent-banner .ab-condition-text b { color: var(--ab-strong); } 2276 @media (max-width: 768px) { 2277 #cookie-consent-banner .ab-row { flex-direction: column; align-items: stretch; } 2278 #cookie-consent-banner .ab-actions { margin-left: 0; } 2279 #cookie-consent-banner .ab-actions button { flex: 1; } 2280 } 2281</style> 2282 2283<div 2284 id="cookie-consent-banner" 2285 x-data="{ 2286 open: true, 2287 expanded: false, 2288 submitting: false, 2289 conditions: JSON.parse('[{\u0022id\u0022:\u0022necessary\u0022,\u0022label\u0022:\u0022Necessary\u0022,\u0022description\u0022:\u0022Necessary cookies are required for some functional features of the application\u0022,\u0022disabled\u0022:true,\u0022checked\u0022:true},{\u0022id\u0022:\u0022analytics\u0022,\u0022label\u0022:\u0022Analytics\u0022,\u0022description\u0022:\u0022Analytics cookies collect usage data to improve your experience\u0022,\u0022disabled\u0022:false,\u0022checked\u0022:false},{\u0022id\u0022:\u0022advertising\u0022,\u0022label\u0022:\u0022Advertising\u0022,\u0022description\u0022:\u0022Advertising cookies help us measure our marketing and show you relevant Iteris content, including on other sites.\u0022,\u0022disabled\u0022:false,\u0022checked\u0022:false}]'), 2290 toggle(c) { 2291 if (c.disabled) return; 2292 c.checked = !c.checked; 2293 }, 2294 optional() { 2295 return this.conditions.filter((c) => !c.disabled); 2296 }, 2297 allChecked() { 2298 return this.optional().every((c) => c.checked); 2299 }, 2300 // A customised selection: some (but not all) optional categories ticked. 2301 customised() { 2302 return this.expanded && !this.allChecked() && this.optional().some((c) => c.checked); 2303 }, 2304 // Agree button label mirrors Only Necessary; switches when the 2305 // visitor customises the checkboxes in the expanded panel. 2306 agreeLabel() { 2307 return this.customised() ? 'Agree to Selection' : 'Agree to all Cookies'; 2308 }, 2309 // Agree â submits the customised selection, otherwise grants every category. 2310 accept() { 2311 if (!this.customised()) { 2312 this.conditions.forEach((c) => { c.checked = true; }); 2313 } 2314 this.submit(false); 2315 }, 2316 // Subtle link in the expanded panel: Check All <-> Check Only Necessary. 2317 toggleAll() { 2318 const target = !this.allChecked(); 2319 this.optional().forEach((c) => { c.checked = target; }); 2320 }, 2321 // Reject every optional category â keep only strictly necessary. 2322 acceptNecessary() { 2323 this.submit(true); 2324 }, 2325 submit(onlyNecessary) { 2326 if (this.submitting) return; 2327 this.submitting = true; 2328 2329 const body = new FormData(); 2330 this.conditions.forEach((c) => { 2331 const granted = c.disabled ? true : (onlyNecessary ? false : c.checked); 2332 body.append('preferences[' + c.id + ']', granted ? '1' : '0'); 2333 }); 2334 2335 fetch('https://www.iteris.com/cookie-consent', { 2336 method: 'POST', 2337 headers: { 2338 'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]')?.content, 2339 'X-Requested-With': 'XMLHttpRequest', 2340 'Accept': 'application/json', 2341 }, 2342 body, 2343 }).then((r) => { 2344 if (r.ok) { 2345 this.open = false; 2346 // Reload so consented tracking scripts render server-side. 2347 window.location.reload(); 2348 } else { 2349 this.submitting = false; 2350 } 2351 }).catch(() => { this.submitting = false; }); 2352 } 2353 }" 2354 x-show="open" 2355 x-cloak 2356 @open-cookie-preferences.window="open = true; expanded = true; submitting = false;" 2357 role="dialog" 2358 aria-live="polite" 2359 aria-label="Manage Collection Preferences" 2360> 2361 <div class="ab-card"> 2362 <div class="ab-row"> 2363 2364 2365 <div class="ab-content" x-show="!expanded"> 2366 <div class="ab-title">Manage Collection Preferences</div> 2367 <div class="ab-desc">
2368 <span>We collect data to enhance your experience, personalize content, and improve product performance.</span> 2369 <a class="ab-policy-link" href="https://www.iteris.com/privacy-policy" target="_blank" rel="noopener">Privacy Policy (v. 1.0)</a> 2370 <a class="ab-policy-link" href="https://www.iteris.com/terms" target="_blank" rel="noopener">Terms of Use</a> 2371 <button type="button" class="ab-link" 2372 @click="expanded = true" 2373 :aria-expanded="expanded.toString()" 2374 aria-controls="cookie-consent-conditions"> 2375 Customize settings here 2376 </button> 2377 </div> 2378 </div> 2379 2380 2381 <div class="ab-content" x-show="expanded" x-cloak style="align-items:flex-start;"> 2382 <div class="ab-titleblock" style="margin-right:16px;min-width:180px;"> 2383 <div class="ab-title">Manage Collection Preferences</div> 2384 <div class="ab-desc-expanded">We collect data to improve your experience</div> 2385 <a class="ab-policy-link" style="margin-left:0;margin-top:6px;display:inline-block;" href="https://www.iteris.com/privacy-policy" target="_blank" rel="noopener">Privacy Policy (v. 1.0)</a> 2386 <a class="ab-policy-link" style="margin-left:0;margin-top:6px;display:inline-block;" href="https://www.iteris.com/terms" target="_blank" rel="noopener">Terms of Use</a> 2387 </div> 2388 <ul id="cookie-consent-conditions" class="ab-conditions"> 2389 <template x-for="c in conditions" :key="c.id"> 2390 <li> 2391 <label class="ab-condition" :aria-disabled="c.disabled"> 2392 <input type="checkbox" 2393 :checked="c.checked" 2394 :disabled="c.disabled" 2395 @change="toggle(c)"> 2396 <span class="ab-condition-text"> 2397 <b x-text="c.label + ':'"></b> 2398 <span x-text="' ' + (c.description || '')"></span> 2399 </span> 2400 </label> 2401 </li> 2402 </template> 2403 <li> 2404 <button type="button" class="ab-link ab-toggle-all" 2405 @click="toggleAll()" 2406 x-text="allChecked() ? 'Check Only Necessary' : 'Check All'">Check All</button> 2407 </li> 2408 </ul> 2409 </div> 2410 2411 <div class="ab-actions"> 2412 2413 <button type="button" class="ab-necessary" 2414 :disabled="submitting" 2415 @click="acceptNecessary()">Only Necessary Cookies</button> 2416 <button type="button" class="ab-accept" 2417 :disabled="submitting" 2418 @click="accept()" x-text="agreeLabel()">Agree to all Cookies</button> 2419 </div> 2420 </div> 2421 </div> 2422</div> 2423</body> 2424</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.