1<!doctype html> 2<html lang="en-us"> 3 4<head> 5 <title>Home | Alameda County Government</title> 6 <meta charset="utf-8"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 10 <!-- Sitemap Verification Code --> 11 <meta name="google-site-verification" content="IbsI4I84KNfBVhGugciXGiu2v2wBwKB_Kju-x9j6uYI" /> 12 <meta name="Description" content="Homepage for Alameda County's government website. Portal for all government information."> 13 <meta name="Keywords" content="Alameda County, government, local government, Bay Area, California, county government, county services, news"> 14 <meta name="Location" content="Alameda County, Bay Area, California, United States"> 15 16 <!-- Google Tag Manager -->
17<script>
vendor: 331 bytes, lines 17-21
17(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 18new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 19j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 20'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 21})(window,document,'script','dataLayer','
21GTM-MW6VWCK
vendor: 3 bytes, line 21
21');
21</script>
21 22<!-- End Google Tag Manager --> 23 24<!-- Bootstrap core CSS --> 25<link href="/acgov-css/bootstrap.min.css" rel="stylesheet"> 26 27<!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 28<link href="/acgov-css/ie10-viewport-bug-workaround.css" rel="stylesheet"> 29 30<!-- Custom styles for this template --> 31<link href="/acgov-css/custom.css" rel="stylesheet"> 32 33<!-- Google Material Icons Font --> 34<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 35 36<!-- Background Image Load --> 37<!-- When changing the wallpaper image, keep in mind that it may effect the readability of content since the 38content div is partially transparent. Adjust the transparency on line 164 of the custom.css file -->
39<script> 40//window.onload = function() { 41//if (window.screen.width > 767) { 42// document.body.style.backgroundImage = "url('/img/wallpaper-merritt-adj2.jpg')"; 43//} 44//} 45 46function submitsearch() { 47 document.getElementById("search-form").submit(); 48} 49function goback() { 50 window.history.back(); 51} 52</script>
52 53
54<script> /* NEW TEMP SEARCH BOX */ 55 (function() { 56 var cx = '002986915478428468373:0muhvevs3v0'; 57 var gcse = document.createElement('script'); 58 gcse.type = 'text/javascript'; 59 gcse.async = true; 60 gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 61 var s = document.getElementsByTagName('script')[0]; 62 s.parentNode.insertBefore(gcse, s); 63 })(); 64</script>
64 65 66 67<style> /* NEW TEMP SEARCH BOX */ 68td.gsc-search-button { padding-right: 5px; } 69td.gsib_a { 70 padding:10px; 71} 72.gsc-search-button-v2 { 73 padding: 11px 25px !important; 74 margin: 15px; 75 border-radius: 3px !important; 76} 77.gsc-search-button-v2 svg { 78 width:18px; 79 height:18px; 80} 81/*Media Querry*/ 82@media (max-width:767px){ 83td.gsc-input { width:20%;} 84} 85</style> 86 87 <style> 88 .content { 89 background: transparent; 90 padding: 0px; 91 } 92 93 /* ICONS */ 94 95 .row.icons .col-sm-3 { 96 margin: 20px 0px; 97 } 98 99 .icons { 100 margin: 0px auto; 101 background-color: rgba(255, 255, 255, 0); 102 padding: 20px 0px; 103 min-height: 230px; 104 } 105 106 .material-icons.settings, 107 .material-icons.business_center, 108 .material-icons.forum, 109 .material-icons.thumbs_up_down { 110 text-shadow: #000 2px 2px; 111 transition-property: width, height, transform, background, font-size, opacity; 112 transition-duration: .25s, .25s, .25s, .25s, .25s, .25s; 113 } 114 115 116 .icon-title { 117 font-size: 30px; 118 color: #fff; 119 text-shadow: #000 2px 2px; 120 } 121 122 .iconlink:hover { 123 text-decoration: none; 124 } 125 126 .stories, 127 .gov { 128 margin: 20px auto 40px auto; 129 background-color: rgba(255, 255, 255, 0.9); 130 border-radius: 0px; 131 } 132 133 /* NEWS STORIES */ 134 135 .stories .ads { 136 margin: 15px auto; 137 } 138 139 .news-stories { 140 padding: 20px 0px 0px 0px; 141 } 142 143 .category { 144 font-size: 1.3rem; 145 color: #000; 146 text-transform: uppercase; 147 } 148 149 .headline { 150 font-size: 2.5rem; 151 color: #000; 152 } 153 154 .story { 155 font-size: 1.5rem; 156 color: #000; 157 } 158 159 div.col-sm-6.secondary-stories ul { 160 margin-top: 20px; 161 } 162 163 div.col-sm-6.secondary-stories ul li { 164 margin-bottom: 10px; 165 } 166 167 .board-photo { 168 margin: 15px auto; 169 } 170 171 .gov-links { 172 margin-top: 20px; 173 } 174 175 .gov-links ul { 176 list-style-type: none; 177 padding-left: 0px; 178 } 179 180 .gov-links ul li { 181 padding-bottom: 20px; 182 } 183 184 .govd-news { 185 float: right; 186 padding: 10px 0px 10px 10px; 187 max-width: 125px; 188 } 189 190 @media (min-width: 769px) { 191 192 .material-icons.settings:hover, 193 .material-icons.business_center:hover, 194 .material-icons.forum:hover, 195 .material-icons.thumbs_up_down:hover { 196 font-size: 100px; 197 } 198 199 } 200 201 202 @media (max-width: 767px) { 203 204 .icons { 205 background-color: #336699; 206 padding: 0px; 207 } 208 209 .icon-button { 210 border: 1px solid #fff; 211 } 212 213 .row.icons .col-sm-3 { 214 padding: 20px 0px; 215 margin: 0px; 216 } 217 218 .stories, 219 .gov { 220 margin: 0px auto 0px auto; 221 background-color: rgba(255, 255, 255, 1); 222 border-radius: 0px; 223 } 224 225 .stories { 226 padding-bottom: 20px; 227 } 228 229 .primary-stories, 230 .secondary-stories { 231 padding-left: 0px; 232 padding-right: 0px; 233 } 234 235 .news-stories { 236 padding: 20px 10px 0px 10px; 237 } 238 239 .govd-news { 240 float: none; 241 padding: 10px; 242 max-width: none; 243 width: 100%; 244 } 245 246 .content { 247 margin-bottom: 0px; 248 } 249 250 .gov { 251 background-color: #0080FF; 252 padding: 0px; 253 } 254 255 .gov a { 256 color: #fff; 257 text-transform: uppercase; 258 } 259 260 .board-photo, 261 .board-photo img { 262 padding: 0px; 263 margin: 0px; 264 } 265 266 div.col-sm-6.gov-links { 267 margin: 0px; 268 padding: 0px; 269 } 270 271 div.col-sm-6.gov-links ul { 272 margin: 0px; 273 padding: 0px; 274 background: #337ab7; 275 } 276 277 div.col-sm-6.gov-links ul li { 278 list-style-type: none; 279 border-bottom: 1px solid #fff; 280 text-align: center; 281 margin: 0px; 282 padding: 20px 10px; 283 } 284 .icon-title { 285 font-size: 24px; 286 } 287 } 288 289 290 291 /* No greater than 900px, no less than 400px */ 292 293 @media (max-width:850px) and (min-width:768px) { 294 .trans_button { 295 display: block; 296 padding-top: 25px; 297 padding-right: 15px; 298 float: right; 299 bottom: -20px; 300 border: 1px solid red; 301 } 302 } 303 @media (max-width:768px) { 304 #acgov-tagline.col-sm-6.col-xs-12.tagline { 305 margin-top: 15px; 306 } 307 } 308 309 </style> 310
310<script src="survey-modal.js"></script>
310 311 312</head> 313 314<body> 315 <!-- skip to content --> 316<header> 317 <a href="#content" class="skip-link">Skip to Content</a> 318 319 <!-- Above-the-fold branding --> 320 <div id="acgov-branding" class="container branding"> 321 <div class="row container"> 322 <div id="acgov-logo" class="col-sm-6 col-xs-12 logo"> 323 <a href="/index.htm"> 324 <img id="acgovlogo" class="img-responsive acgov-logo" src="/img/acgov-branding2024.png" alt="Alameda County CA acgov Home" /> 325 </a> 326 </div> 327 <div id="acgov-tagline" class="col-sm-6 col-xs-12 tagline"> 328 <!-- Accessible Translate trigger (top) --> 329 <a id="translate-trigger-top" href="#" role="button" data-toggle="modal" data-target="#modal-trans" aria-haspopup="dialog" aria-controls="modal-trans" aria-expanded="false"> 330 <span class="material-icons md-24 trans-icon"></span> Translate 331 </a> 332 </div> 333 </div> 334 </div> 335 336 <!-- Sticky / scrolled branding --> 337 <div id="acgov-branding-scroll" class="container branding" style="display:none;"> 338 <div class="row container"> 339 <div id="logo-scroll" class="col-sm-2 col-xs-12 logo"> 340 <a href="/index.htm"> 341 <img class="img-responsive acgov-logo" src="/img/acgov-branding2024.png" alt="ACGOV Logo" /> 342 </a> 343 </div> 344 <div id="spacer" class="col-sm-5 col-xs-12 spacer"></div> 345 <div id="tagline-scroll" class="col-sm-5 col-xs-12 tagline-scroll"> 346 <!-- Accessible Translate trigger (sticky) --> 347 <a id="translate-trigger-scroll" href="#" role="button" data-toggle="modal" data-target="#modal-trans" aria-haspopup="dialog" aria-controls="modal-trans" aria-expanded="false"> 348 <span class="material-icons md-24 trans-icon"></span> Translate 349 </a> 350 </div> 351 </div> 352 </div> 353</header> 354
355<script> 356 // ===== Sticky header behavior (original, now with null-safety) ===== 357 window.onscroll = changePos; 358 function changePos() { 359 var branding = document.getElementById("acgov-branding"); 360 var brandingscroll = document.getElementById("acgov-branding-scroll"); 361 var tagline = document.getElementById("acgov-tagline"); 362 var logo = document.getElementById("acgovlogo"); 363 364 if (document.documentElement.clientWidth >= 768) { 365 if (window.pageYOffset > 57) { 366 if (branding) branding.style.display = "none"; 367 if (brandingscroll) brandingscroll.style.display = "block"; 368 } else { 369 if (branding) branding.style.display = "block"; 370 if (brandingscroll) brandingscroll.style.display = "none"; 371 } 372 } else { 373 if (window.pageYOffset > 57) { 374 if (tagline) tagline.style.display = "none"; 375 if (logo) logo.style.maxWidth = "200px"; 376 } else { 377 if (tagline) tagline.style.display = "block"; 378 if (logo) logo.style.maxWidth = "100%"; 379 } 380 } 381 } 382 383 // ===== Accessibility: aria-expanded sync + focus trap for #modal-trans ===== 384 document.addEventListener("DOMContentLoaded", function () { 385 var modal = document.getElementById("modal-trans"); 386 if (!modal) return; // modal needs to exist 387 388 // Collect both triggers, if present 389 var triggers = [ 390 document.getElementById("translate-trigger-top"), 391 document.getElementById("translate-trigger-scroll") 392 ].filter(Boolean); 393 394 // Remember which trigger opened the modal (for focus restore + aria state) 395 var lastTrigger = null; 396 397 // When a trigger is clicked, record it as the opener 398 triggers.forEach(function (t) { 399 t.addEventListener("click", function () { lastTrigger = t; }, { capture: true }); 400 }); 401 402 // Helper: set aria-expanded on all triggers (defaults to "false") 403 function setExpandedForTriggers(value) { 404 triggers.forEach(function (t) { 405 t.setAttribute("aria-expanded", value ? "true" : "false"); 406 }); 407 } 408 409 // Bootstrap modal events 410 modal.addEventListener("shown.bs.modal", function (evt) { 411 // Prefer the event's relatedTarget (Bootstrap sets it), else use lastTrigger 412 var opener = evt && evt.relatedTarget ? evt.relatedTarget : lastTrigger; 413 // First set all to false, then true on the opener (for accuracy) 414 setExpandedForTriggers(false); 415 if (opener && opener.setAttribute) opener.setAttribute("aria-expanded", "true"); 416 417 // Move focus to the first meaningful element inside the modal 418 var focusables = getFocusableElements(modal); 419 if (focusables.length) { 420 var preferred = modal.querySelector('[data-primary], .btn-primary, [data-dismiss="modal"], .close'); 421 (preferred && typeof preferred.focus === "function" ? preferred : focusables[0]).focus(); 422 } 423 424 // Start focus trap 425 modal.addEventListener("keydown", trapTabKey); 426 }); 427 428 modal.addEventListener("hidden.bs.modal", function () { 429 // Reset aria-expanded for all triggers 430 setExpandedForTriggers(false); 431 432 // Stop focus trap 433 modal.removeEventListener("keydown", trapTabKey); 434 435 // Restore focus to the opener, if available 436 if (lastTrigger && typeof lastTrigger.focus === "function") { 437 lastTrigger.focus(); 438 } 439 lastTrigger = null; 440 }); 441 442 // ===== Focus trap helpers ===== 443 function getFocusableElements(container) { 444 var selector = [ 445 'a[href]:not([tabindex="-1"])', 446 'area[href]:not([tabindex="-1"])', 447 'input:not([type="hidden"]):not([disabled]):not([tabindex="-1"])', 448 'select:not([disabled]):not([tabindex="-1"])', 449 'textarea:not([disabled]):not([tabindex="-1"])', 450 'button:not([disabled]):not([tabindex="-1"])', 451 'iframe:not([tabindex="-1"])', 452 'audio[controls]:not([tabindex="-1"])', 453 'video[controls]:not([tabindex="-1"])', 454 '[contenteditable]:not([tabindex="-1"])', 455 '[tabindex]:not([tabindex="-1"])' 456 ].join(','); 457 458 return Array.prototype.slice.call(container.querySelectorAll(selector)) 459 .filter(function (el) { 460 return el.offsetWidth > 0 || el.offsetHeight > 0 || el.getClientRects().length > 0; 461 }); 462 } 463 464 function trapTabKey(e) { 465 if (e.key !== "Tab") return; 466 467 var focusables = getFocusableElements(modal); 468 if (!focusables.length) return; 469 470 var first = focusables[0]; 471 var last = focusables[focusables.length - 1]; 472 var active = document.activeElement; 473 474 if (e.shiftKey) { 475 if (active === first || !modal.contains(active)) { 476 last.focus(); 477 e.preventDefault(); 478 } 479 } else { 480 if (active === last || !modal.contains(active)) { 481 first.focus(); 482 e.preventDefault(); 483 } 484 } 485 } 486 }); 487</script>
487 488 <div role="search" class="container searchbox"> 489<!--<div class="container urgent"> 490 <div class="row"> 491 <p><i class="material-icons md-48 md-vertical-middle"></i> This is a sample urgent notification box. Please click here for more information: <a href="as">Urgent Link</a></p> 492 </div> 493</div>--> 494 <!-- <div class="container info-msg"> 495 <div class="row"> 496 <p><span class="material-icons md-48 md-vertical-middle">warning</span><strong>Upcoming Website Outages</strong><br> Due to upcoming maintenance, you may encounter errors when accessing County websites this Sunday, August 10th.<br>We apologize for any inconvenience.</p> 497 </div> 498 </div> --> 499<div class="container info-msg"> 500 <div class="row"> 501 <p><span class="material-icons md-48 md-vertical-middle">info</span> Alameda County is gradually transitioning our websites to a new .GOV domain name: "alamedacountyca.gov".</br><a href="/government/dotgov.htm">Learn more</a><span class="material-icons md-32 md-vertical-middle">arrow_forward</span></p> 502 </div> 503 </div> 504 505 <div class="row search"> 506 <form id="search-form" style="margin: auto; width: 90%;" method="get" action="https://acsearch.acgov.org/s/search.html?" target="_parent" type="external"> 507 <div class="input-group"> 508 <label for="funnelbackinput" class="sr-only">Search</label> 509 510 <input id="funnelbackinput" type="search" name="query" class="form-control search-input" placeholder="What can we help you find today?" aria-label="Search"> 511 <span class="input-group-addon"> 512 <button type="submit" class="btn search-button" name="btnG" value="Search" aria-label="Submit search">Search</button> 513 </span> 514 </div> 515 <input type="hidden" name="collection" value="acgov" /> 516 <input type="hidden" name="profile" value="acgov"> 517 <input type="hidden" name="form" value="acgov" /> 518 </form> 519 </div> 520</div> 521<!-- skip to content jumplink destination <div> starts here--> 522<div role="main" id="content"> 523 <!-- ending </div> is located at begining of footer --> 524 <!-- Google Translate the Pages ---------------------------------> 525<div class="modal fade" id="modal-trans" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="modal-title" aria-describedby="modal-desc"> 526 <div class="modal-dialog" role="document"> 527 <div class="modal-content"> 528 <div class="modal-header"> 529 530 <!-- Close button: accessible label + visual "Ã" --> 531 <button type="button" class="close" data-dismiss="modal" aria-label="Close dialog"> 532 <span aria-hidden="true">×</span> 533 <span class="sr-only">Close</span> 534 </button> 535 536 <!-- Modal title with id referenced by aria-labelledby --> 537 <h3 class="modal-title" id="modal-title">Translate this Page</h3> 538 </div> 539 540 <!-- Body gets an id referenced by aria-describedby --> 541 <div class="modal-body deptinfo" id="modal-desc"> 542 <h4>Disclaimer</h4> 543 <p>Translation of pages on ACGOV.org is performed by Google Translate, a third-party service which Alameda County has no control over. The service provides automated computer translations that are only an approximation of the websitesâ original content.</p> 544 <p>Alameda County does not warrant the accuracy, reliability, or timeliness of any information translated by Google Translate. These translations should not be considered exact renderings of the original ACGOV.org site. Some portions of the site will not be translated at all, which includes but is not limited to buttons, graphics, photos, and video content.</p> 545 546 <!-- Keep the widget container as its own block (avoid nesting <div> inside <p>) --> 547 <div class="mt-3" id="google_translate_element"></div> 548 </div> 549 550 <!-- Optional footer with an explicit close action for keyboard users --> 551 <div class="modal-footer"> 552 <button type="button" class="btn btn-primary" data-dismiss="modal" data-primary>Close</button> 553 </div> 554 </div> 555 </div> 556</div> 557
558<script> 559(function () { 560 var attempts = 0; 561 var maximumAttempts = 60; 562 563 function attachTranslationTracking() { 564 var dropdown = document.querySelector(".goog-te-combo"); 565 566 if (!dropdown) { 567 attempts++; 568 569 if (attempts < maximumAttempts) { 570 window.setTimeout(attachTranslationTracking, 500); 571 } else { 572 console.warn("Translation tracking: Google Translate dropdown was not found."); 573 } 574 575 return; 576 } 577 578 if (dropdown.getAttribute("data-siteimprove-tracking") === "true") { 579 return; 580 } 581 582 dropdown.setAttribute("data-siteimprove-tracking", "true"); 583 584 dropdown.addEventListener("change", function () { 585 var selectedOption = this.options[this.selectedIndex]; 586 587 if (!this.value || !selectedOption) { 588 return; 589 } 590 591 var languageName = selectedOption.text.trim(); 592 593 console.log( 594 "Siteimprove translation event:", 595 this.value, 596 languageName 597 ); 598 599 window._sz = window._sz || []; 600 window._sz.push([ 601 "event", 602 "Translation", 603 "Language selected", 604 languageName 605 ]); 606 }); 607 608 console.log("Translation tracking attached."); 609 } 610 611 attachTranslationTracking(); 612})(); 613</script>
613 614 615 <div class="container content"> 616 <div class="row icons"> 617 <div class="col-sm-3 col-xs-6 text-center icon-button"> 618 <a href="services/" class="iconlink icon-services"> 619 <span class="material-icons md-84 md-light settings"></span> 620 <br /> 621 <span class="icon-title">Services</span> 622 </a> 623 </div> 624 <div class="col-sm-3 col-xs-6 text-center icon-button"> 625 <a href="careers.htm" class="iconlink icon-careers"> 626 <span class="material-icons md-84 md-light business_center"></span> 627 <br /> 628 <span class="icon-title">Careers</span> 629 </a> 630 </div> 631 <div class="col-sm-3 col-xs-6 text-center icon-button"> 632 <a href="government/connected/" class="iconlink icon-connect"> 633 <span class="material-icons md-84 md-light forum"></span> 634 <br /> 635 <span class="icon-title">Connect</span> 636 </a> 637 </div> 638 <div class="col-sm-3 col-xs-6 text-center icon-button"> 639 <a href="participate.htm" class="iconlink icon-participate"> 640 <span class="material-icons md-84 md-light thumbs_up_down"></span> 641 <br /> 642 <span class="icon-title">Participate</span> 643 </a> 644 </div> 645 </div> 646 647 <!--- google fonts ---> 648<link rel="preconnect" href="https://fonts.googleapis.com"> 649<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 650<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"> 651<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet"> 652<style> 653 .row { 654 margin: 0; 655 padding-top: 0; 656 padding-bottom: 0; 657 } 658 659 .content-container, 660 .content-container-quicklinks { 661 background: #ffffff; 662 } 663 664 h2 { 665 font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 666 font-size: 2.5rem; 667 line-height: 1.2; 668 color: #000; 669 } 670 671 .category { 672 background-color: #0B69E5; 673 color: #ffffff; 674 display: block; 675 padding: 4px 5px 2px 5px; 676 margin-top: 0px; 677 margin-bottom: 5px; 678 letter-spacing: 1px; 679 width: fit-content; 680 font-size: 1rem; 681 } 682 683 div.col-md-6.left-col div img { 684 padding: 0; 685 max-width: 100%; 686 } 687 688 div.col-md-6.right-col { 689 padding-top: 0; 690 } 691 692 div#content div.container.content div.container div.row div.col-md-6 { 693 padding-top: 20px; 694 padding-bottom: 0px; 695 } 696 697 div#content div.container.content div.container { 698 padding-left: 0; 699 padding-right: 0; 700 } 701 702 div.subscription-link-mobile { 703 display: none; 704 } 705 706 .info-msg { 707 padding-top: 20px; 708 } 709 710 div.row.search { 711 padding-bottom: 20px; 712 } 713 714 /*news responsive*/ 715 @media (min-width: 992px) { 716 717 /*narrows middle gutter and expands outer gutters on desktop*/ 718 div.col-md-6.left-col { 719 padding-right: 6px; 720 padding-left: 22px; 721 } 722 723 div.col-md-6.right-col { 724 padding-left: 6px; 725 padding-right: 22px; 726 } 727 } 728 729 /*subscription link and search responsive*/ 730 @media (max-width: 992px) { 731 div.subscription-link { 732 display: none; 733 } 734 735 div.subscription-link-mobile { 736 display: block; 737 padding-top: 10px; 738 } 739 740 div.row.search { 741 margin-top: -20px; 742 } 743 } 744 745 /*bos*/ 746 747 /* prevent images from exceeding column width */ 748 .image-grid img { 749 width: 100%; 750 height: auto; 751 display: block; 752 margin: 0 auto; 753 } 754 755 .bos-heading { 756 margin-top: 0; 757 background: #2e446d; 758 padding: 10px 20px; 759 color: white; 760 font-size: 18px; 761 text-transform: uppercase; 762 text-align: center; 763 } 764 765 figcaption.mt-2.bos-caption { 766 padding-top: 4px; 767 padding-bottom: 15px; 768 font-size: 14px; 769 line-height: 1; 770 } 771 772 figcaption.mt-2.bos-caption span.bos-caption2 { 773 font-size: 14px; 774 font-weight: bold; 775 line-height: 1.6; 776 } 777 778 figcaption.mt-2.bos-caption span.bos-caption3 { 779 font-size: 12px; 780 } 781 782 /*bos responsive*/ 783 @media (min-width: 992px) { 784 785 /* for 5-column layout on large screens */ 786 .col-lg-5ths { 787 flex: 0 0 20%; 788 max-width: 20%; 789 } 790 } 791 792 @media (min-width: 768px) { 793 .col-md-4.col-lg-5ths { 794 width: 33.333%; 795 } 796 } 797 798 /*end bos responsive*/ 799 800 /*end bos*/ 801 802 /*quick links*/ 803 .quick-links-heading { 804 margin-top: 0;
805 background: #2e446d; 806 padding: 10px 20px; 807 color: white; 808 font-size: 18px; 809 text-transform: uppercase; 810 text-align: center; 811 margin-bottom: 20px; 812 } 813 814 .gov-links { 815 margin-top: 0 !important; 816 padding-top: 0 !important; 817 } 818 819 .gov-links ul { 820 padding: 0 20px !important; 821 margin-bottom: 0 !important; 822 } 823 824 div.subscription-link-mobile a img.img-responsive { 825 width: 25%; 826 margin: 0 auto; 827 } 828 829 div.subscription-link a img.img-responsive { 830 width: 20%; 831 float: right; 832 } 833 834 /*quick links responsive*/ 835 @media (max-width: 767px) { 836 div img.img-responsive { 837 width: 30%; 838 margin: 0 auto; 839 } 840 841 .content-container-quicklinks div.col-md-6.gov-links { 842 padding: 0 !important; 843 margin-left: 0 !important; 844 } 845 846 .content-container-quicklinks { 847 background-color: #337ab7 !important; 848 margin-bottom: 6px; 849 } 850 851 .content-container-quicklinks h2.mb-4.quick-links-heading { 852 margin-bottom: 0 !important; 853 } 854 855 .content-container-quicklinks div.col-md-6.gov-links ul { 856 padding: 0 !important; 857 margin-left: 0 !important; 858 } 859 860 .content-container-quicklinks div.col-md-6.gov-links ul li { 861 list-style-type: none; 862 border-top: 1px solid #fff; 863 text-align: center; 864 margin: 0px !important; 865 padding: 20px 0px; 866 } 867 868 .content-container-quicklinks div.col-md-6.gov-links ul li a { 869 color: #ffffff; 870 font-size: 16px; 871 } 872 } 873 874 /*end quick links responsive*/ 875 876 /*end quick links*/ 877</style> 878<main> 879<!-- August 18, 2026 Election Information --> 880<div class="container mt-4"> 881 <div class="row content-container"> 882 <!--Left Column--> 883 <div class="col-md-12 left-col" style="padding-top: 10px;"> 884 <div class="subscription-link"> 885 <a data-toggle="modal" data-target="#modal-govd"> 886 <img class="img-responsive" src="/img/get-email-updates.png" alt="Get Email Updates with GovDelivery"> 887 </a> 888 </div> 889 <p class="category">LOCAL</p> 890 <h2>Minimum Wage Ballot Measure Impact Analysis</h2> 891 This report evaluates the potential impacts of a proposed ballot measure in response to a request by the Alameda County Board of Supervisors and in accordance with the provisions in California Elections Code Section 9111. The proposed measure would enact an ordinance to establish a minimum wage in the unincorporated areas of Alameda County.<br> 892 <a href="/documents/9111Report090326FINAL.pdf">Click here for the analysis</a> <a href="/documents/Final-Draft-BOS-PPT-091326.pdf">Click here for the report presentation</a> 893 </p> 894 </div> 895 <!--End Right Column--> 896 </div> 897</div> 898<div class="container mt-4"> 899 <div class="row content-container"> 900 <!--Left Column--> 901 <div class="col-md-6 left-col"> 902 <div> 903 <!-- <img src="/acvote/images/acgov-site-CD14-Special-General-Electionv2.jpg" alt="The August 18, 2026 Congressional District 14 Special General Election, Vote Now!"> --> 904 <img src="/acvote/images/acgov-site-CD14-Special-General-Election.jpg" alt="The August 18, 2026 Congressional District 14 Special General Election results are now available."> 905 </div> 906 </div> 907 <!--End Left Column--> 908 <!--Right Column--> 909 <div class="col-md-6 right-col"> 910 <!-- <div class="subscription-link"> 911 <a data-toggle="modal" data-target="#modal-govd"> 912 <img class="img-responsive" src="/img/get-email-updates.png" alt="Get Email Updates with GovDelivery"> 913 </a> 914 </div> --> 915 <p class="category">ELECTIONS</p> 916 <!-- <h2>Direct Primary Election</h2> 917 June 02, 2026 --> 918 <h2>Congressional District 14 Special General Election Information Available</h2> 919 <!-- The August 18, 2026 Congressional District 14 Special General Election information is now available.<br> --> 920 The August 18, 2026 Congressional District 14, Special General Election results are now available.<br> 921 <!-- <a href="https://acvote.alamedacountyca.gov/election-information/elections?id=262">Click here for more information.</a> --> 922 <a href="https://alamedacountyca.gov/rovresults/262/">Click here for the results</a> 923 </p> 924 </div> 925 <!--End Right Column--> 926 </div> 927</div> 928 <!-- ITEM 2 --> 929 <div class="container mt-4">
930 <div class="row content-container"> 931 <!-- Left Column --> 932 <div class="col-md-6 left-col"> 933 <div style="text-align: center;"> 934 <img src="/img/online-payment.jpg" alt="2026/27 Unsecured Property Tax is due by 5 p.m. on Monday, August 31, 2026"> 935 </div> 936 </div> 937 <!-- End Left Column --> 938 <!-- Right Column --> 939 <div class="col-md-6 right-col"> 940 <p class="category">PROPERTY TAX</p> 941 <h2> 2025/26 Secured Property Taxes</h2> 942 <p>This is a reminder that the 2026/27 Unsecured Property Tax is due by 5 p.m. on Monday, August 31, 2026. If not paid by this date, the tax will include a delinquent penalty of 10% and a delinquent cost of $50.00. If not paid by October 31, 2026, an additional 1.5% interest will accrue on the first of each month, starting November 1, 2026 (RTC 2922).</p> 943 <p><a href="https://content.govdelivery.com/accounts/CAALAME/bulletins/421cd52">Read more about paying property taxes.</a></p> 944 </div> 945 <!-- End Right Column --> 946 </div> 947 </div> 948 <!-- END ITEM 2 --> 949<!-- August 18, 2026 Election Information --> 950 <!-- Scott Haggerty Media Statement --> 951 <div class="container mt-4"> 952 <div class="row content-container"> 953 <div class="col-md-6 left-col"> 954 <div> 955 <img src="/images/ScottHaggerty_Portrait.png" alt="Portrait of Scott Haggerty"> 956 </div> 957 </div> 958 <div class="col-md-6 right-col"> 959 <p class="category">PRESS</p> 960 <h2>Passing of Former Supervisor Scott Haggerty</h2> 961 Alameda County is mourning the passing of former Alameda County Board Supervisor Scott Haggerty, a dedicated public servant who represented District 1 for over two decades. The Board of Supervisors paused to honor his memory at its meeting on July 14, and flags at all county buildings were lowered at half-staff.<br> 962 <a href="https://alamedacountyca.gov/government/pressrelease-detail.htm?id=2026-07-06%2014:16:00.04">Read the press release.</a> 963 </p> 964 </div> 965 </div> 966 </div> 967 <!-- End of Scott Haggerty Media Statement --> 968 969 <!-- 2026 Digital Counties Award --> 970 <div class="container mt-4"> 971 <div class="row content-container"> 972 <div class="col-md-6 left-col"> 973 <div> 974 <img src="/government/images/CDG26-DigCounties-Survey-Social-Images-1200x630-Winner.png" alt="2026 Digital Counties Survey Winner"> 975 </div> 976 </div> 977 <div class="col-md-6 right-col"> 978 <p class="category">RECOGNITION</p> 979 <h2>Digital Counties Award Winner</h2> 980 Alameda County has once again been recognized as one of the nation's leading digital governments, earning Third Place in the 2026 Digital Counties Survey in the 1 Million or More Population category. The annual survey, conducted by the Center for Digital Government (CDG) in partnership with the National Association of Counties (NACo), honors counties that are using technology to improve government services, strengthen cybersecurity, and enhance quality of life for residents.<br> 981 <a href="https://acgov.org/government/pressrelease-detail.htm?id=2026-07-22%2009:51:49.743">Read the press release.</a> 982 </p> 983 </div> 984 </div> 985 </div> 986 <!-- End of 2026 Digital Counties Award --> 987 988 989 <!-- June 02, 2026 Election Information --> 990 <!-- <div class="container mt-4"> 991 <div class="row content-container"> --> 992 <!--Left Column--> 993 <!-- <div class="col-md-6 left-col"> 994 <div> 995 <img src="/acvote/images/RESULTS-AVAILABLE-June16Elections.jpg" alt="The June 16, 2026 Congressional 14, Special Primary Election results are now available."> 996 </div> 997 </div> --> 998 <!--End Left Column--> 999 <!--Right Column--> 1000 <!-- <div class="col-md-6 right-col"> 1001 <p class="category">ELECTIONS</p> 1002 <h2>Direct Primary Election</h2> 1003 June 02, 2026 1004 <h2>Congressional 14, Special Primary Election Results Available</h2> 1005 The June 16, 2026 Congressional 14, Special Primary Election results are now available.<br> 1006 <a href="https://alamedacountyca.gov/rovresults/261/">Click here for the results</a> 1007 </p> 1008 </div> 1009 End Right Column 1010 </div> 1011 </div> --> 1012 <!-- End June 02, 2026 Election Information --> 1013 1014 <!-- June 02, 2026 Election Information --> 1015 <!-- <div class="container mt-4">
1016 <div class="row content-container"> --> 1017 <!--Left Column--> 1018 <!-- <div class="col-md-6 left-col"> 1019 <div> 1020 <img src="/acvote/images/RESULTS-AVAILABLE-JuneElections.jpg" alt="The June 02, 2026 Direct Primary Election results are now available."> 1021 </div> 1022 </div> --> 1023 <!--End Left Column--> 1024 <!--Right Column--> 1025 <!-- <div class="col-md-6 right-col"> 1026 <p class="category">ELECTIONS</p> --> 1027 <!-- <h2>Direct Primary Election</h2> 1028 June 02, 2026 --> 1029 <!-- <h2>Direct Primary Election Results Available</h2> 1030 The June 02, 2026 Direct Primary Election results are now available.<br> 1031 <a href="https://alamedacountyca.gov/rovresults/259/">Click here for the results</a> --> 1032 <!-- <ul> 1033 <li><a href="https://acvote.alamedacountyca.gov/election-information/elections?id=259#">Election Information</a></li> 1034 <li><a href="https://alamedacountyca.gov/rovmvp_app/mvp.do">My Voter Profile</a></li> 1035 <li><a href="https://alamedacountyca.gov/rov_app/vcalist">Vote Centers</a></li> 1036 <li><a href="https://acvote.alamedacountyca.gov/voting/ways-of-voting">Ways of Voting</a></li> 1037 <li><a href="https://www.alamedacountyca.gov/rovapps/maps/ballotdropbox_map.htm">Vote By Mail Drop Box Locations</a></li> 1038 </ul> --> 1039 <!-- </p> 1040 </div> --> 1041 <!-- End Right Column 1042 </div> 1043 </div> --> 1044 <!-- End June 02, 2026 Election Information --> 1045 1046 <!-- June 16, 2026 Election Information --> 1047 <!-- <div class="container mt-4"> 1048 <div class="row content-container"> 1049 Left Column 1050 <div class="col-md-6 left-col"> 1051 <div> 1052 <img src="/acvote/images/june-election.png" alt="The June 16, 2026 Congressional 14, Special Primary Election results are now available."> 1053 </div> 1054 </div> 1055 End Left Column 1056 Right Column 1057 <div class="col-md-6 right-col"> 1058 <p class="category">ELECTIONS</p> 1059 <h2>Congressional 14, Special Primary Election</h2> 1060 June 16, 2026 1061 <ul> 1062 <li><a href="https://acvote.alamedacountyca.gov/election-information/elections?id=261#">Election Information</a></li> 1063 <li><a href="https://alamedacountyca.gov/rovmvp_app/mvp.do">My Voter Profile</a></li> 1064 <li><a href="https://alamedacountyca.gov/rov_app/vcalist">Vote Centers</a></li> 1065 <li><a href="https://acvote.alamedacountyca.gov/voting/ways-of-voting">Ways of Voting</a></li> 1066 <li><a href="https://www.alamedacountyca.gov/rovapps/maps/ballotdropbox_map.htm">Vote By Mail Drop Box Locations</a></li> 1067 </ul> 1068 </p> 1069 </div> 1070 End Right Column 1071 </div> 1072 </div> --> 1073 <!-- End June 16, 2026 Election Information 1074 1075 1076 Election Results --> 1077 <!-- <div class="container mt-4"> 1078 <div class="row content-container"> 1079 Left Column 1080 <div class="col-md-6 left-col"> 1081 <div> 1082 <img src="/img/2025electionresultsavailable.jpg" alt="The June 02, 2026 Direct Primary Election results are now available."> 1083 </div> 1084 </div> 1085 End Left Column 1086 Right Column 1087 <div class="col-md-6 right-col"> 1088 <p class="category">ELECTIONS</p> 1089 <h2>Direct Primary Election Results Available</h2> 1090 The June 02, 2026 Direct Primary Election results are now available.<br> 1091 <a href="https://alamedacountyca.gov/rovresults/259/">Click here for the results</a> 1092 </p> 1093 </div> 1094 End Right Column 1095 </div> 1096 </div> 1097 <div class="container mt-4"> 1098 <div class="row content-container"> 1099 Left Column 1100 <div class="col-md-6 left-col"> 1101 <div> 1102 <img src="/img/2025electionresultsavailable.jpg" alt="The June 16, 2026 Congressional 14, Special Primary Election results are now available."> 1103 </div> 1104 </div> 1105 End Left Column 1106 Right Column 1107 <div class="col-md-6 right-col"> 1108 <p class="category">ELECTIONS</p> 1109 <h2>Congressional 14, Special Primary Election Results Available</h2> 1110 The June 16, 2026 Congressional 14, Special Primary Election results are now available.<br> 1111 <a href="https://alamedacountyca.gov/rovresults/261/">Click here for the results</a> 1112 </p> 1113 </div> 1114 End Right Column 1115 </div> 1116 </div> --> 1117 <!-- END Election Results--> 1118 1119 1120 <!-- ITEM 8 --> 1121 <div class="container mt-4">
1122 <div class="row content-container"> 1123 <!-- Left Column --> 1124 <div class="col-md-6 left-col"> 1125 <div> 1126 <img src="/img/a11ysurveygraphic.png" alt="Accessibility Logo on multiple device screens"> 1127 </div> 1128 </div> 1129 <!-- End Left Column --> 1130 <!-- Right Column --> 1131 <div class="col-md-6 right-col"> 1132 <p class="category">SURVEY</p> 1133 <h2>We'd Love Your Feedback on Digital Accessibility</h2> 1134 <p>We're working to make our website more accessible for everyone. To help us better understand how people with disabilities access our site- including which browsers, devices, and assistive technologies you use - we invite you to take a short survey. <br> <br> 1135 <a href="https://forms.office.com/Pages/ResponsePage.aspx?id=LP_9Mm74o0ukfWpEp_RaZP9N71g2_F1IusUHXYL436pUNFFNUURaSzIyMThPWU5UNzBTTlRMTEgwTi4u">Take Our Accessibility Survey</a></p> 1136 </div> 1137 <!-- End Right Column --> 1138 </div> 1139 </div> 1140 <div class="container mt-4"> 1141 </div> 1142 <!-- END ITEM 8 --> 1143 <!-- ITEM 0 --> 1144 <!-- <div class="container mt-4"> 1145 <div class="row content-container"> 1146 Left Column 1147 <div class="col-md-6 left-col"> 1148 <div> 1149 <img src="/img/2025electionresultsavailable.jpg" alt="The November 4, 2025 Statewide Special Election results are now available"> 1150 </div> 1151 </div> 1152 End Left Column 1153 Right Column 1154 <div class="col-md-6 right-col"> 1155 <p class="category">ELECTIONS</p> 1156 <h2>Special Election Results Available</h2> 1157 The November 4, 2025 Statewide Special Election results are now available.<br> 1158 <a href="https://alamedacountyca.gov/rovresults/258/">Click here for the results</a> 1159 </p> 1160 </div> 1161 End Right Column 1162 </div> 1163 </div> --> 1164 <!-- <div class="container mt-4"> 1165 <div class="row content-container"> 1166 Left Column 1167 <div class="col-md-6 left-col"> 1168 <div> 1169 <img src="/img/2025electionrvotenow.jpg" alt="November 4, 2025 Statewide Special Election Information"> 1170 </div> 1171 </div> 1172 End Left Column 1173 Right Column 1174 <div class="col-md-6 right-col"> 1175 <div class="subscription-link"> 1176 <a data-toggle="modal" data-target="#modal-govd"> 1177 <img class="img-responsive" src="/img/get-email-updates.png" alt="Get Email Updates with GovDelivery"> 1178 </a> 1179 </div> 1180 <p class="category">ELECTIONS</p> 1181 <h2>November 4th Statewide Special Election</h2> 1182 <ul> 1183 <li><a href="https://acvote.alamedacountyca.gov/election-information/elections?id=258#">Election Information</a></li> 1184 <li><a href="https://alamedacountyca.gov/rovmvp_app/mvp.do">My Voter Profile</a></li> 1185 <li><a href="https://alamedacountyca.gov/rov_app/vcalist">Vote Centers</a></li> 1186 <li><a href="https://acvote.alamedacountyca.gov/voting/ways-of-voting">Ways of Voting</a></li> 1187 <li><a href="https://www.alamedacountyca.gov/rovapps/maps/ballotdropbox_map.htm">Vote By Mail Drop Box Locations</a></li> 1188 </ul> 1189 </p> 1190 </div> 1191 End Right Column 1192 </div> 1193 </div> --> 1194 <!-- END ITEM 0 --> 1195 1196 1197 1198 <!-- ITEM 1 --> 1199 <!-- <div class="container mt-4"> 1200 <div class="row content-container"> 1201 Left Column 1202 <div class="col-md-6 left-col"> 1203 <div> 1204 <img src="/images/homepage/ads/CDG24-DigCounties-Winner-Screen.jpg" alt="Digital Counties back to back winner, 2024 and 2025"> 1205 </div> 1206 </div> 1207 End Left Column 1208 Right Column 1209 <div class="col-md-6 right-col"> 1210 GOV DELIVERY SUBSCRIPTION LINK 1211 <div class="subscription-link"> 1212 <a data-toggle="modal" data-target="#modal-govd"> 1213 <img class="img-responsive" src="/img/get-email-updates.png" alt="Get Email Updates with GovDelivery"> 1214 </a> 1215 </div> 1216 <p class="category">RECOGNITION</p> 1217 <h2>2025 Digital Counties Survey Award</h2> 1218 <p>Alameda County is proud to be recognized again by the <strong>Center for Digital Government</strong> as the top digital county among counties with over 1 million residents. This is the 2nd year-in-a-row we have won.<br> 1219 The Digital Counties Survey identifies the best technology practices among U.S. counties, including initiatives that streamline delivery of government services; provide data analytics to allow decisions based on performance and outcomes; enhance cybersecurity; and apply innovative and emerging technologies to county priorities.<br> 1220 Read the CDG <a href="https://www.govtech.com/dc/digital-counties/digital-counties-survey-2025-winners-announced" class="external-link">announcement</a> and <a href="https://www.govtech.com/dc/digital-counties-survey-2025-overhauling-it-putting-ai-to-work?utm_content=338122671&utm_medium=social&utm_source=linkedin&hss_channel=lcp-46685" class="external-link">article</a>.</p> 1221 </div> 1222 End Right Column 1223 </div> 1224 </div> 1225 END ITEM 1 --> 1226 1227 1228 1229 <!-- ITEM 2 1230 <div class="container mt-4">
1231 <div class="row content-container"> 1232 Left Column 1233 <div class="col-md-6 left-col"> 1234 <div style="text-align: center;"> 1235 <img src="/images/homepage/ads/2025_AA_Seal-color.png" alt="NACo 2025 Achievement seal"> 1236 </div> 1237 </div> 1238 End Left Column 1239 Right Column 1240 <div class="col-md-6 right-col"> 1241 <p class="category">RECOGNITION</p> 1242 <h2>2025 NACo Achievement Awards</h2> 1243 <p>We are proud to have been awarded eight 2025 NACo Achievement Awards. Since 1970, the NACo Achievement Awards have recognized outstanding county government programs and services. Through a non-competitive application process, noteworthy programs receive awards in 18 categories that cover a vast range of county responsibilities. 1244 <ul> 1245 <li>Board Conversational AI Assistant</li> 1246 <li>CBS Maps Tracking Modernization</li> 1247 <li>E2Lite Application using Generative Coding Technology</li> 1248 <li>Election Communication for Military and Overseas Voters</li> 1249 <li>Election Worker W2 and Onboarding Process</li> 1250 <li>Healthy Schools and Communities</li> 1251 <li>Recipe for Health (R4H) Data Management & Optimization</li> 1252 <li>Youth Voting</li> 1253 </ul> 1254 </p> 1255 </div> 1256 End Right Column 1257 </div> 1258 </div> 1259 END ITEM 2 --> 1260 1261 1262 1263 <!-- ITEM 4 --> 1264 <div class="container mt-4"> 1265 <div class="row content-container"> 1266 <!-- Left Column --> 1267 <div class="col-md-6 left-col"> 1268 <div> 1269 <img src="/images/homepage/vision-2036.png" alt="Illustration of Sustainable City"> 1270 </div> 1271 </div> 1272 <!-- End Left Column --> 1273 <!-- Right Column --> 1274 <div class="col-md-6 right-col"> 1275 <p class="category">FUTURE</p> 1276 <h2>Vision 2036</h2> 1277 <p>ACGOV Vision 2036 is Alameda County's comprehensive effort to set a course for the next decade that embraces the rich culture and diversity of our County, anticipates community challenges, and maximizes our ability to meet residents' needs in a rapidly changing world. 1278 <a href="https://vision2036.alamedacountyca.gov/">
1278Here is how we see Alameda County in 2036</a>. 1279 </p> 1280 </div> 1281 <!-- End Right Column --> 1282 </div> 1283 </div> 1284 <!-- END ITEM 4 --> 1285 1286 <!-- ITEM 3 --> 1287 <div class="container mt-4"> 1288 <div class="row content-container"> 1289 <!-- Left Column --> 1290 <div class="col-md-6 left-col"> 1291 <div> 1292 <img src="/images/homepage/press-releases.png" alt="Illustration of bullhorns and speech bubbles"> 1293 </div> 1294 </div> 1295 <!-- End Left Column --> 1296 <!-- Right Column --> 1297 <div class="col-md-6 right-col"> 1298 <p class="category">PRESS</p> 1299 <h2>Press Releases</h2> 1300 <p>View list of official press releases issued by the County. 1301 <br> 1302 <a href="/government/pressreleases.htm">View Press Releases</a>. 1303 </p> 1304 </div> 1305 <!-- End Right Column --> 1306 </div> 1307 </div> 1308 <!-- END ITEM 3 --> 1309 1310 <!-- ITEM 5 --> 1311 <!-- <div class="container mt-4"> 1312 <div class="row content-container"> 1313 Left Column 1314 <div class="col-md-6 left-col"> 1315 <div> 1316 <img src="/images/homepage/digital-counties-logo-mark.png" alt="Digital Counties logo"> 1317 </div> 1318 </div> 1319 End Left Column 1320 Right Column 1321 <div class="col-md-6 right-col"> 1322 <p class="category">RECOGNITION</p> 1323 <h2>Digital Counties Survey 2024 Winner</h2> 1324 <p>Alameda County is proud to be recognized by the Center for Digital Government<a href="/government/recognition.htm"> 1325 Read more</a>.</p> 1326 </div> 1327 End Right Column 1328 </div> 1329</div> --> 1330 <!-- END ITEM 5 --> 1331 1332 <!-- ITEM 6 1333 <div class="container mt-4"> 1334 <div class="row content-container"> 1335 <div class="col-md-6 left-col"> 1336 <div> 1337 <img src="/images/homepage/supervisor-carson.jpg" alt="Supervisor Keith Carson"> 1338 </div> 1339 </div> 1340 <div class="col-md-6 right-col"> 1341 <p class="category">RECOGNITION</p> 1342 <h2>A Tribute to Supervisor Keith Carson</h2> 1343 <p>We honor Supervisor Keith Carson, a remarkable leader, dedicated public servant, and steadfast advocate for the people of Alameda County.<a href="/government/news/carson.htm"> 1344 <br> 1345 Read more</a>.</p> 1346 </div> 1347 </div> 1348 </div> 1349 END ITEM 6--> 1350 1351 <!-- ITEM 7 --> 1352 <div class="container mt-4"> 1353 <div class="row content-container"> 1354 <!-- Left Column --> 1355 <div class="col-md-6 left-col"> 1356 <div> 1357 <img src="/images/homepage/acgov-cares-logo.png" alt="ACGOV Cares logo" style="border:2px solid #ddd;"> 1358 </div> 1359 </div> 1360 <!-- End Left Column --> 1361 <!-- Right Column --> 1362 <div class="col-md-6 right-col"> 1363 <p class="category">COMMUNITY</p> 1364 <h2>ACGOV Cares</h2> 1365 <p>Volunteer opportunities, employee stories, donation options and more. <a href="https://acgovcares.alamedacountyca.gov/"> 1366 <br> 1367 Read more</a>.</p> 1368 </div> 1369 <!-- End Right Column --> 1370 </div> 1371 </div> 1372 <!-- END ITEM 7--> 1373 1374 <!-- ITEM 7 --> 1375 <div class="container mt-4"> 1376 <div class="row content-container"> 1377 <!-- Left Column --> 1378 <div class="col-md-6 left-col"> 1379 <div> 1380 <img src="/images/homepage/language-access.png" alt="Illustration of speech bubbles alternating to convey a conversation by Vecteezy"> 1381 </div> 1382 </div> 1383 <!-- End Left Column --> 1384 <!-- Right Column --> 1385 <div class="col-md-6 right-col"> 1386 <p class="category">TOOLS</p> 1387 <h2>Language Access Solutions</h2> 1388 <p>Alameda County residents can communicate with and receive services from the County, regardless of the language they speak. 1389 <a href="/acspeaks/">View Language Access options</a>. 1390 </p> 1391 </div> 1392 <!-- End Right Column --> 1393 </div> 1394 </div> 1395 <!-- END ITEM 7--> 1396 1397 <!-- spacing under last item --> 1398 <div class="container mt-4" style="height:20px; background: #ffffff"> 1399 1400 </div> 1401 <!-- END spacing under last item --> 1402 1403</main> 1404 1405 <!-- BOS --> 1406 <div class="container mt-4 content-container" style="padding-top: 0; margin-top:15px;"> 1407 <h2 class="mb-4 bos-heading">Board of Supervisors</h2> 1408 <div class="row image-grid" style="margin:0;"> 1409 <div class="col-12 col-sm-6 col-md-4 col-lg-5ths"> 1410 <figure class="text-center mb-2"> 1411 <img src="/images/homepage/district-1.jpg" alt="David Haubert" class="img-fluid">
1412 <figcaption class="mt-2 bos-caption"> 1413 <span class="bos-caption2"><a href="https://district1.acgov.org/">District 1</a></span><br> 1414 David Haubert<br> 1415 <span class="bos-caption3">President</span> 1416 </figcaption> 1417 </figure> 1418 </div> 1419 <div class="col-12 col-sm-6 col-md-4 col-lg-5ths"> 1420 <figure class="text-center mb-2 bos-caption"> 1421 <img src="/images/homepage/district-2.jpg" alt="Elisa Márquez" class="img-fluid"> 1422 <figcaption class="mt-2 bos-caption"> 1423 <span class="bos-caption2"><a href="https://district2.acgov.org/">District 2</a></span><br> 1424 Elisa Márquez 1425 </figcaption> 1426 </figure> 1427 </div> 1428 <div class="col-12 col-sm-6 col-md-4 col-lg-5ths"> 1429 <figure class="text-center mb-2 bos-caption"> 1430 <img src="/images/homepage/district-3.jpg" alt="Lena Tam" class="img-fluid"> 1431 <figcaption class="mt-2 bos-caption"> 1432 <span class="bos-caption2"><a href="https://district3.acgov.org/">District 3</a></span><br> 1433 Lena Tam<br> 1434 <span class="bos-caption3">Vice President</span> 1435 </figcaption> 1436 </figure> 1437 </div> 1438 <div class="col-12 col-sm-6 col-md-4 col-lg-5ths"> 1439 <figure class="text-center mb-2 bos-caption"> 1440 <img src="/images/homepage/district-4.jpg" alt="Nate Miley" class="img-fluid"> 1441 <figcaption class="mt-2 bos-caption"> 1442 <span class="bos-caption2"><a href="https://district4.acgov.org/">District 4</a></span><br> 1443 Nate Miley 1444 </figcaption> 1445 </figure> 1446 </div> 1447 <div class="col-12 col-sm-6 col-md-4 col-lg-5ths"> 1448 <figure class="text-center mb-2 bos-caption"> 1449 <img src="/images/homepage/district-5.jpg" alt="Nikki Fortunato Bas" class="img-fluid"> 1450 <figcaption class="mt-2 bos-caption"> 1451 <span class="bos-caption2"><a href="https://district5.acgov.org/">District 5</a></span><br> 1452 Nikki Fortunato Bas 1453 </figcaption> 1454 </figure> 1455 </div> 1456 </div> 1457 </div> 1458 1459 <div class="container mt-4"> 1460 <div class="row content-container-quicklinks" style="margin-top:0"> 1461 <h2 class="mb-4 quick-links-heading">Quick Links</h2> 1462 <!-- Left Column --> 1463 <div class="col-md-6 gov-links"> 1464 <ul> 1465 <li> 1466 <a href="government/departments.htm">Agencies & Departments</a> 1467 </li> 1468 <li> 1469 <a href="https://bos.acgov.org/broadcast/">Board of Supervisors Meetings / Broadcasts / Current Meeting Agenda</a> 1470 </li> 1471 <li> 1472 <a href="/cda/planning/meetings/broadcast.htm">Planning Department Meeting Broadcasts</a> 1473 </li> 1474 1475 <li> 1476 <a href="#" data-toggle="modal" data-target="#modal-cao">County Administrator's Office</a> 1477 </li> 1478 </ul> 1479 </div> 1480 1481 <!-- Right Column --> 1482 <div class="col-md-6 gov-links"> 1483 <ul> 1484 <li> 1485 <a href="government/elected.htm">Elected Officials</a> 1486 </li> 1487 <li> 1488 <a href="government/programs.htm">Programs & Initiatives</a> 1489 </li> 1490 <li> 1491 <a href="http://budget.acgov.org/">Budget Portal</a> 1492 </li> 1493 <li> 1494 <a href="https://alamedacountyca.nextrequest.com/">Alameda County Public Records Portal</a> 1495 </li> 1496 </ul> 1497 </div> 1498 </div> 1499 </div> 1500 1501 <!-- email subscription signup --> 1502 <div class="modal fade" id="modal-govd" tabindex="-1" role="dialog" aria-label="Email subscription sign-up"> 1503 <div class="modal-dialog" role="document"> 1504 <div class="modal-content"> 1505 <div class="modal-header"> 1506 <button type="button" class="close" data-dismiss="modal" aria-label="Close email subscription sign-up dialog">
1507 <span aria-hidden="true">×</span> 1508 </button> 1509 <h3 class="modal-title"> 1510 <span class="material-icons md-36 md-vertical-middle"></span> Get Email Updates 1511 </h3> 1512 </div> 1513 <div class="modal-body deptinfo"> 1514 <form id="GD-snippet-form" action="https://public.govdelivery.com/accounts/CAALAME/subscribers/qualify" accept-charset="UTF-8" method="post"> 1515 <input name="utf8" type="hidden" value="â" /> 1516 <input type="hidden" name="authenticity_token" value="Og1izipZAapbmVioBvav08Yp6RF2enmpMVaUvFUWIgWjE8h632WdH4pZz4jP0NJoSB6RtqPGddhUnED3QpqZSQ==" /> 1517 <input type="hidden" name="topic_id" id="topic_id" value="CAALAME_1" /> 1518 <fieldset> 1519 <div> 1520 <p>Stay connected.</p> 1521 <p>Stay informed.</p> 1522 <p>Get an email whenever County news is updated. To sign up for updates or to access your subscriber 1523 preferences, please enter your contact information below.</p> 1524 </div> 1525 <br /> 1526 <ol class="form"> 1527 <li class="email_fields" style="display: block"> 1528 <label for="email">Email Address</label> 1529 <input type="text" name="email" id="email" class="long" /> 1530 </li> 1531 </ol> 1532 <div class="button_panel"> 1533 <input type="submit" name="commit" value="Subscribe" class="form_button" /> 1534 </div> 1535 </fieldset> 1536 </form> 1537 </div> 1538 </div> 1539 </div> 1540 </div> 1541 1542 <!-- County Administrator's Office ---------------------------------> 1543<div class="modal fade" id="modal-cao" tabindex="-1" role="dialog" aria-label="County Administrator's Office Info"> 1544 <div class="modal-dialog" role="document"> 1545 <div class="modal-content"> 1546 <div class="modal-header"> 1547 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1548 <h3 class="modal-title">County Administrator's Office</h3> 1549 </div> 1550 <div class="modal-body deptinfo"> 1551 <a class="dept-phone" href="tel:510-272-6984"><span class="material-icons md-48"></span></a> 1552 <a class="dept-map external-link" href="https://goo.gl/maps/qSGNz3QdGsJ2"><span class="material-icons md-48"></span></a> 1553 <p class="dept-address"> 1554 1221 Oak Street, Room 555<br /> 1555 Oakland, CA 94612<br /> 1556 510.272.6984 1557 </p> 1558 <h4 class="deptlinks"><span class="material-icons md-36 md-vertical-middle"></span> Links</h4> 1559 <ul><li><a class="dept-link" href="https://cao.alamedacountyca.gov/">Department Website</a></li></ul> 1560 <h4 class="deptlinks"><span class="material-icons md-36 md-vertical-middle"></span> Online Services</h4> 1561 <ul> 1562 <!-- <li><a class="dept-link" href="http://budget.acgov.org/">Budget Portal</a> --> 1563 <li><a class="dept-link" href="https://budget.acgov.org/Home/Documents">Budget Documents</a> 1564 </li> 1565 </ul> 1566 </div> 1567 </div> 1568 </div> 1569</div> 1570 1571 <div class="modal fade" id="modal-bos" tabindex="-1" role="dialog" aria-label="Board of Supervisors District 1 Info"> 1572 <div class="modal-dialog" role="document"> 1573 <div class="modal-content"> 1574 <div class="modal-header"> 1575 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> 1576 <h3 class="modal-title">Board of Supervisors</h3> 1577 </div> 1578 <div class="modal-body deptinfo"> 1579 <a class="dept-phone" href="tel:510-272-6984"><span class="material-icons md-48"></span></a> 1580 <a class="dept-map external-link" href="https://goo.gl/maps/ASWeNCXLefr"><span class="material-icons md-48"></span></a> 1581 <p class="dept-address"> 1582 County Office<br /> 1583 1221 Oak Street, Room 536<br /> 1584 Oakland, CA 94612<br /> 1585 510.272.6984 1586 </p> 1587 <h4 class="deptlinks"><span class="material-icons md-36 md-vertical-middle"></span> Links</h4> 1588 <ul> 1589 <!-- <li><a class="dept-link" href="/board/">Board of Supervisors Website</a></li> --> 1590 <li><a class="dept-link" href="https://bos.alamedacountyca.gov/">Board of Supervisors Website</a></li> 1591 <li><a class="dept-link" href="https://district1.alamedacountyca.gov/">District 1 Website</a></li> 1592 <li><a class="dept-link" href="https://district2.alamedacountyca.gov/">District 2 Website</a></li> 1593 <li><a class="dept-link" href="https://district3.alamedacountyca.gov/">District 3 Website</a></li> 1594 <li><a class="dept-link" href="https://district4.alamedacountyca.gov/">District 4 Website</a></li> 1595 <li><a class="dept-link" href="https://district5.alamedacountyca.gov/">District 5 Website</a></li> 1596 </ul> 1597 <h4 class="deptlinks"><span class="material-icons md-36 md-vertical-middle"></span> Online Services</h4> 1598 <ul><li>
1598<a class="dept-link" href="https://alamedacountyca.gov/rovapps/districtlookup/">Look Up Your District</a></li> 1599 <!-- <li><a class="dept-link" href="/board/broadcast.htm">Watch Board Meetings</a></li> --> 1600 <li><a class="dept-link" href="https://bos.alamedacountyca.gov/broadcast/">Watch Board Meetings</a></li> 1601 </ul> 1602 1603 </div> 1604 </div> 1605 </div> 1606</div> 1607 1608 <!-- ending of role="main" here--> 1609</div> 1610 1611<!-- footer starts here --> 1612<footer class="container-fluid footer"> 1613 <div class="row text-center"> 1614 <p> 1615 <a class="cu" href="/government/contactus.htm">Contact Us</a> | 1616 <a class="acc" href="/government/accessibility.htm">Accessibility</a> | 1617 <a class="la" href="/acspeaks/">Language Access</a> | 1618 <a class="em" href="/emergencysite/">Emergencies</a> | 1619 <a class="ld" href="/government/legal.htm">Legal/Disclaimers</a> | 1620 <a class="ps" href="/government/legal.htm">Privacy Statement</a> | 1621 <a class="gu" href="/government/guidelines.htm">Website Guidelines</a> | 1622 <a class="sb" href="/government/sb272.htm">SB 272 </a> | 1623 <a class="sm" href="/sitemap.htm">Site Map</a> 1624 <br /> 1625 <a href="https://www.facebook.com/AlamedaCounty" class="external-link"><img class="social-icon" src="/img/facebook200x200.png" alt="facbook icon" /></a> 1626 <a href="https://twitter.com/AlamedaCounty" class="external-link"><img class="social-icon" src="/img/twitter200x200.png" alt="Twitter icon" /></a> 1627 <a href="https://www.youtube.com/user/AlamedaCountyCA" class="external-link"><img class="social-icon" src="/img/youtube200x200.png" alt="YouTube icon" /></a> 1628 <a href="https://www.flickr.com/photos/alamedacounty" class="external-link"><img class="social-icon" src="/img/flickr200x200.png" alt="Flickr icon" /></a> 1629 <a href="/government/connected/rss.htm"><img class="social-icon" src="/img/rss200x200.png" alt="RSS icon" /></a> 1630 <a href="https://public.govdelivery.com/accounts/CAALAME/subscriber/new" class="external-link"><img class="social-icon" src="/img/govdelivery200x200.png" alt="GovDelivery icon" /></a> 1631 <br /> 1632 <a href="http://www.adobe.com/go/getreader" class="external-link"> 1633 <img alt="Get Adobe Reader" style="padding: 10px;" src="/img/get-reader.png" /></a> 1634 <br /> 1635 <span class="material-icons md-18" style="vertical-align:bottom"></span> 2025 Alameda County 1636 </p> 1637 </div> 1638</footer> 1639 1640<!-- Bootstrap core JavaScript 1641================================================== --> 1642<!-- Placed at the end of the document so the pages load faster --> 1643
1644<script type="text/javascript"> 1645function googleTranslateElementInit() { 1646 new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'af,am,ar,de,es,fa,fr,gu,hi,id,ja,km,ko,pt,ru,so,sw,tl,ur,vi,yo,zh-CN,zh-TW'}, 'google_translate_element'); 1647} 1648</script>
1648<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
1648 1649 1650
1651<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
vendor: 2 bytes, line 1651
1651
1652<script>window.jQuery || document.write('
1652<script src="/acgov-js/jquery.min.js"><\/script>')</script>
vendor: 2 bytes, line 1652
1652
1653<script src="/acgov-js/bootstrap.min.js"></script>
1653 1654<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
1655<script src="/acgov-js/ie10-viewport-bug-workaround.js"></script>
1655 1656<!-- Google Analytics code -->
1657<script>
vendor: 340 bytes, lines 1657-1663
1657 1658 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 1659 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1660 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1661 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 1662 1663 ga('create', '
1663UA-48660008-1
vendor: 44 bytes, lines 1663-1664
1663', 'acgov.org'); 1664 ga('send', 'pageview');
1665</script>
1665 1666 1667 1668 1669<!-- External Links--> 1670<!-- External Link Popup - HTML structure --> 1671<div id="external-popup" class="popup-overlay" role="dialog" aria-labelledby="popup-title" aria-hidden="true"> 1672 <div class="popup-content"> 1673 <button id="close-external-popup" class="popup-close" aria-label="Close">X</button> 1674 <p><img src="/img/external-site-icon.svg" width="50px" alt="External Link" class="popup-icon"></p> 1675 <h2 id="popup-title">External Link</h2> 1676 <p>You are about to leave an official Alameda County website. 1677 Alameda County bears no responsibility for the accuracy, legality, accessibility, or content of the external site or for that of subsequent links. 1678 Contact the external site for answers to questions regarding its content.</p> 1679 <div class="popup-button-container"> 1680 <button id="cancel-external" class="popup-button btn btn-default btn-lg">Cancel</button> 1681 <button id="continue-external" class="popup-button btn btn-success btn-lg">Continue</button> 1682 </div> 1683 </div> 1684</div> 1685 1686<!-- External Link Popup JavaScript -->
1687<script> 1688 document.addEventListener("DOMContentLoaded", function () { 1689 const modal = document.getElementById("external-popup"); 1690 const closeButton = document.getElementById("close-external-popup"); 1691 const cancelButton = document.getElementById("cancel-external"); 1692 const continueButton = document.getElementById("continue-external"); 1693 1694 // CHANGED: store the actual trigger element (the link), not document.activeElement 1695 let lastTriggerEl = null; 1696 1697 let popupShownInSession = sessionStorage.getItem('externalPopupShown') === 'true'; 1698 1699 // (Optional but recommended) Make sure dialog semantics are present 1700 if (!modal.hasAttribute('role')) modal.setAttribute('role', 'dialog'); 1701 if (!modal.hasAttribute('aria-modal')) modal.setAttribute('aria-modal', 'true'); 1702 1703 function getFocusableInModal() { 1704 const nodeList = modal.querySelectorAll( 1705 "button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])" 1706 ); 1707 return Array.from(nodeList).filter(el => !el.hasAttribute('disabled') && el.offsetParent !== null); 1708 } 1709 1710 // CHANGED: accept the trigger element; derive URL from it 1711 function openModal(triggerEl) { 1712 lastTriggerEl = triggerEl; // <-- save the invoker reliably 1713 const externalURL = triggerEl?.href; 1714 1715 modal.style.display = "block"; 1716 modal.setAttribute("aria-hidden", "false"); 1717 1718 // Move focus inside the dialog (prefer the close button; fallback to first focusable or modal) 1719 const focusables = getFocusableInModal(); 1720 (closeButton || focusables[0] || modal).focus(); 1721 1722 continueButton.onclick = () => { 1723 sessionStorage.setItem('externalPopupShown', 'true'); 1724 popupShownInSession = true; 1725 if (externalURL) window.location.href = externalURL; 1726 }; 1727 cancelButton.onclick = closeModal; 1728 closeButton.onclick = closeModal; 1729 1730 document.addEventListener("keydown", trapTabKey); 1731 document.addEventListener("keydown", closeOnEscape); 1732 1733 // If you want "once per session" behavior on open, keep this: 1734 sessionStorage.setItem('externalPopupShown', 'true'); 1735 popupShownInSession = true; 1736 } 1737 1738 function closeModal() { 1739 modal.style.display = "none"; 1740 modal.setAttribute("aria-hidden", "true"); 1741 1742 document.removeEventListener("keydown", trapTabKey); 1743 document.removeEventListener("keydown", closeOnEscape); 1744 1745 // CHANGED: restore focus to the invoker on the next frame for VO/Safari reliability 1746 if (lastTriggerEl && lastTriggerEl.isConnected) { 1747 requestAnimationFrame(() => { 1748 try { 1749 lastTriggerEl.focus({ preventScroll: false }); 1750 } catch (_) { 1751 // Silent fallback 1752 lastTriggerEl.focus(); 1753 } 1754 }); 1755 } 1756 } 1757 1758 function trapTabKey(e) { 1759 if (e.key !== "Tab") return; 1760 1761 const focusableElements = getFocusableInModal(); 1762 if (!focusableElements.length) return; 1763 1764 const firstElement = focusableElements[0]; 1765 const lastElement = focusableElements[focusableElements.length - 1]; 1766 1767 if (e.shiftKey && document.activeElement === firstElement) { 1768 lastElement.focus(); 1769 e.preventDefault(); 1770 } else if (!e.shiftKey && document.activeElement === lastElement) { 1771 firstElement.focus(); 1772 e.preventDefault(); 1773 } 1774 } 1775 1776 function closeOnEscape(e) { 1777 if (e.key === "Escape") { 1778 e.preventDefault(); 1779 closeModal(); 1780 } 1781 } 1782 1783 function setupExternalLinks() { 1784 document.querySelectorAll('a.external-link').forEach(link => { 1785 if (link.children.length === 1 && link.querySelector("button, img, span.material-icons, i.material-icons")) { 1786 link.classList.add("hide-icon"); 1787 } 1788 1789 // CHANGED: pass the actual link as the trigger 1790 link.addEventListener('click', function (e) { 1791 e.preventDefault(); 1792 openModal(link); // was openModal(link.href) 1793 }); 1794 1795 // CHANGED: nested clickable children also pass the link as trigger 1796 link.querySelectorAll("button, img").forEach(element => { 1797 element.addEventListener("click", function (e) { 1798 e.preventDefault(); 1799 openModal(link); // was openModal(link.href) 1800 }); 1801 }); 1802 1803 // ARIA hint that this opens a dialog 1804 if (!link.hasAttribute("aria-haspopup")) { 1805 link.setAttribute("aria-haspopup", "dialog"); 1806 } 1807 }); 1808 } 1809 1810 modal.style.display = "none"; 1811 modal.setAttribute("aria-hidden", "true"); 1812 1813 setupExternalLinks(); 1814 1815 window.addEventListener('pageshow', (event) => { 1816 if (event.persisted && popupShownInSession) { 1817 modal.style.display = "none"; 1818 modal.setAttribute("aria-hidden", "true"); 1819 } 1820 }); 1821 1822 window.addEventListener('beforeunload', () => { 1823 sessionStorage.removeItem('externalPopupShown'); 1824 }); 1825 }); 1826</script>
1826 1827 1828<!-- Automatically sets aria label for phone, email, directions icons -->
1829<script> 1830 const iconGlyphMap = { 1831 '\uE0CD': 'Phone', 1832 '\uE0BE': 'Email', 1833 '\uE52E': 'Get directions' 1834 }; 1835 1836 document.querySelectorAll('.material-icons').forEach(icon => { 1837 const glyph = icon.textContent.trim(); 1838 if (iconGlyphMap[glyph]) { 1839 icon.setAttribute('aria-label', iconGlyphMap[glyph]); 1840 icon.setAttribute('role', 'img'); 1841 } 1842 }); 1843</script>
1843 1844</body> 1845 1846 1847 1848<!-- Siteimprove Analytics Code -->
1849<script async src="https://siteimproveanalytics.com/js/siteanalyze_10984.js"></script>
1849 1850 1851 1852 1853 <survey-modal></survey-modal> 1854 1855</body> 1856 1857</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.