PageSourceSearch

https://alamedacountyca.gov/

html alamedacountyca.gov collected 2026-09-24 17:58:37 UTC 70,153 bytes, 1,857 lines download raw bytes

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">&#xE927;</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">&#xE927;</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">&#xE000;</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">&times;</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">&#xE8B8;</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">&#xEB3F;</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">&#xE0BF;</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">&#xE8DD;</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>&nbsp;&nbsp;&nbsp;&nbsp;<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 &amp; 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 &amp; 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">&times;</span>
1508                        </button>
1509                        <h3 class="modal-title">
1510                            <span class="material-icons md-36 md-vertical-middle">&#xE0be;</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">&times;</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">&#xE0cd;</span></a>
1552                <a class="dept-map external-link" href="https://goo.gl/maps/qSGNz3QdGsJ2"><span class="material-icons md-48">&#xE52E;</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">&#xE157;</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">&#xE323;</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">&times;</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">&#xE0cd;</span></a>
1580                <a class="dept-map external-link" href="https://goo.gl/maps/ASWeNCXLefr"><span class="material-icons md-48">&#xE52E;</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">&#xE157;</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">&#xE323;</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">&#xE90C;</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.