1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 7<!-- Google Tag Manager for GA4 --> 8
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-1VYC4EL650';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= false; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 <meta name="google-site-verification" content="NknxHlWnNvtstYMnIxN2a56aFsx-h_Rl0-W-ZqvjQPg" /> 118 119 <meta name="category0" content="Home" /> 120 121 122 <meta name="theme-color" content="rgb(99, 85, 79)"> 123 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 125 <title>Beaumont, CA - Official Website | Official Website</title> 126 127 <meta name="description" content=""> 128 <meta name="keywords" content="Home"> 129
129<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
129 130
130<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
130 131 132 133 <!--[if IE 6]>
133<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
133<![endif]--> 134 <!--[if IE 7]>
134<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
134<![endif]--> 135 <!--[if IE 8]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]--> 136 <!--[if IE 9]>
136<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
136<![endif]--> 137
137<script type="text/javascript"><!-- 138 var intCountryCode = 840; 139 var order = ''; 140//--></script>
140 141 142 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-309686784.css" rel="stylesheet" type="text/css" /> 143 144 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 145
145<script type="text/javascript"> 146 window.Pages = window.Pages || {}; 147 // FrontEnd RWD initialization 148 window.Pages.rwdReady = $.Deferred(); 149 window.Pages.toolBarDeferred = $.Deferred(); 150 window.Pages.rwdSetupComplete = $.Deferred(); 151 window.Pages.megaMenuLoaded = $.Deferred(); 152 window.Pages.angularToolbarComplete = $.Deferred(); 153 window.Pages.frontEndToolbarComplete = $.Deferred(); 154 </script>
154 155 <!--CPHeadContent--> 156
156<script src="/739942322.js" type="text/javascript"></script>
156 157 158 159 160 161 162 163 164 165 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 166 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 167 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 168 <!--[if lt IE 9]>
168<script type="text/javascript" src="/Scripts/html5.js"></script>
168<![endif]--> 169 170
170<script type="text/javascript"> 171 setEditorVariables(false, 840); 172 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 173 </script>
173 174
174<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
174 175</head> 176<body class="wide " > 177 178
178<script>jQuery(document).click(function (event) { 179 var target = jQuery(event.target); 180 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 181 var text = target.attr('title'); 182 183 if (!text.length) { 184 text = "N/A"; 185 } 186 ga('send', 187 { 188 hitType: 'event', 189 eventCategory: 'Image', 190 eventAction: 'Image - ' + text, 191 eventLabel: window.location.href 192 }); 193 } 194 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 195 var text = ""; 196 if (target.parents('.button')[0]) { 197 text = target.parents('.button').first().text(); 198 } else if (target.text().length) { 199 text = target.text(); 200 } else if (target.attr('title').length) { 201 text = target.attr('title'); 202 } 203 if (!text.length) { 204 text = "N/A"; 205 } 206 ga('send', 207 { 208 hitType: 'event', 209 eventCategory: 'Button', 210 eventAction: 'Button - ' + text, 211 eventLabel: window.location.href 212 }); 213 } 214 if (target.parents('.widgetCustomHtml').length) { 215 ga('send', 216 { 217 hitType: 'event', 218 eventCategory: 'Custom Html',
219 eventAction: 'Custom Html Clicked', 220 eventLabel: window.location.href 221 }); 222 } 223 if (target.parents('.editor').length) { 224 ga('send', 225 { 226 hitType: 'event', 227 eventCategory: 'Editor', 228 eventAction: 'Editor Link Clicked', 229 eventLabel: window.location.href 230 }); 231 } 232 if (target.parents('.GraphicLinks').length) { 233 var text = ""; 234 var targetGraphicLink = target; 235 if (target.hasClass('widgetGraphicLinksLink')) { 236 targetGraphicLink = jQuery(target.children()[0]); 237 } 238 if (targetGraphicLink.hasClass('text')) { 239 text = targetGraphicLink.text(); 240 } else if (targetGraphicLink.attr('src').length) { 241 if (targetGraphicLink.attr('alt').length) { 242 text = targetGraphicLink.attr('alt'); 243 } else { 244 text = targetGraphicLink.attr('src'); 245 } 246 } else { 247 text = "N/A"; 248 } 249 ga('send', 250 { 251 hitType: 'event', 252 eventCategory: 'Graphic Links', 253 eventAction: 'Graphic Link - ' + text, 254 eventLabel: window.location.href 255 }); 256 } 257 if (target.parents('.InfoAdvanced').length) { 258 ga('send', 259 { 260 hitType: 'event', 261 eventCategory: 'Info Advanced', 262 eventAction: 'Info Advanced Clicked', 263 eventLabel: window.location.href 264 }); 265 } 266 if (target.parents('.list').length) { 267 ga('send', 268 { 269 hitType: 'event', 270 eventCategory: 'List', 271 eventAction: 'List Clicked', 272 eventLabel: window.location.href 273 }); 274 } 275 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 276 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 277 var breadCrumbs = []; 278 jQuery('.breadCrumbs > li').each(function () { 279 breadCrumbs.push(this.textContent); 280 }); 281 var pageTitle = breadCrumbs.join('>'); 282 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 283 var text = ""; 284 if (pageTitle) { 285 text += pageTitle + " | "; 286 } else { 287 text += document.title + ' - '; 288 } 289 if (target.text() == "" && megaMenuText == "") { 290 text += "N/A"; 291 } else if (target.text().length && megaMenuText.length) { 292 if (megaMenuText == target.text()) { 293 text += megaMenuText; 294 } else { 295 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 296 } 297 } else if (target.text() == "") { 298 text += megaMenuText; 299 } else { 300 text += target.text(); 301 } 302 if (!text.length) { 303 text = "N/A"; 304 } 305 ga('send', 306 { 307 hitType: 'event', 308 eventCategory: 'Mega Menu', 309 eventAction: 'Mega Menu : ' + text, 310 eventLabel: window.location.href 311 }); 312 } 313 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 314 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 315 if (!text.length) { 316 text = "N/A"; 317 } 318 ga('send', 319 { 320 hitType: 'event', 321 eventCategory: 'News Flash', 322 eventAction: 'News Flash - ' + text, 323 eventLabel: window.location.href 324 }); 325 } 326 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 327 var text = target.text(); 328 if (!text.length) { 329 text = "N/A"; 330 } 331 ga('send', 332 { 333 hitType: 'event', 334 eventCategory: 'Quick Links', 335 eventAction: 'Quick Links - ' + text, 336 eventLabel: window.location.href 337 }); 338 } 339 if (target.attr('src') && target.parents('.cpSlideshow').length) { 340 var text = target.attr('title'); 341 if (!text.length) { 342 text = "N/A"; 343 } 344 ga('send', 345 { 346 hitType: 'event', 347 eventCategory: 'Slideshow', 348 eventAction: 'Slideshow - ' + text, 349 eventLabel: window.location.href 350 }); 351 } 352 if (target.parents('.widgetText').length) { 353 ga('send', 354 { 355 hitType: 'event', 356 eventCategory: 'Text', 357 eventAction: 'Text Link Clicked', 358 eventLabel: window.location.href 359 }); 360 } 361});</script>
361 362 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 363 <div class="cp-PopOver-header"> 364 <h3 class="cp-PopOver-title"></h3> 365 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 366 <svg class="cp-Icon--close" alt="close" title="close"> 367 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 368 </svg> 369 </button> 370 </div> 371 <div id="cpPopOverBody" class="cp-PopOver-body"> 372 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 373 </div> 374 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 375 <div class="cp-BtnGroup" id="actionButtons"> 376 <!-- Action buttons will be dynamically added here --> 377 </div> 378 </div> 379</div> 380 <div id="fb-root"></div> 381<div id=skipToContentLinks> 382<a href="#ccddd09718-a12d-44aa-8b47-6e20116d1fd8" target="_self" class="skipToContentLink">Skip to Main Content</a> 383</div> 384 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 385 386 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 387 388 389 390 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 391 <input type="hidden" id="hdnStructureID" value="8" /> 392 <input type="hidden" id="hdnContentCollectionID" value="311d3fbd-b4bf-46d3-84df-9cc0e55d1087" /> 393 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 394 <input type="hidden" id="hdnThemeID" value="16" /> 395 <input type="hidden" id="pageIsFrontEnd" value="true" /> 396 <input type="hidden" id="pageModuleID" /> 397 <input type="hidden" id="pagePageID" value="1" /> 398 399 <div id="stickyPlaceholder"></div> 400 <div id="outer-wrap" class="outer-wrap"> 401 <div id="inner-wrap" class="inner-wrap"> 402 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 403 404 405 406 407 </div> 408 <div id="bodyWrapper"> 409 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 410 411<div data-cpRole="structuralContainer" id="bodyContainerTS"> 412<!-- <div data-cpRole="banner" id="banner2" class="fixedBannerTS"></div> --><!-- Header Container --><div data-cpRole="structuralContainer" id="upperheaderContainerTS"> 413<div class="siteWrap10"><div data-cpRole="banner" id="bannerLogo2TS" class="bannerLogo2TS empty"> 414 415 416 417 418 <a id="bannerLogo2TS-39" style=" display: block; text-align: center; 419" class="bannerObject" href="/" target="_self"><img alt="Beaumont CA Homepage" class="bannerObject" height="430" src="/ImageRepository/Document?documentID=39399" width="576" /></a> 420</div><div data-cpRole="contentContainer" id="quickLinksTS"> <div id="cc1a80aeb8-09c9-4bf4-9291-1a4dc3587085" data-containerid="1a80aeb8-09c9-4bf4-9291-1a4dc3587085" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50"> 421 422 423 <div class="row outer wide"><!-- 424--><div class="outer col col17 first" style="" data-widgetcontainerid="7fd82972-a132-45b5-94c4-eb1c996440fd">� 425 <div class="row nest first last wide">� 426 427 <div class="inner col col17 first last id2ef66bae-f8c4-4895-b503-5740b9f8f9b2" style="" data-widgetcontainerid="2ef66bae-f8c4-4895-b503-5740b9f8f9b2">� 428 <div data-widget-id="cbce36b7-10ce-45e5-981e-39901d01d4ee" data-widget-controller-path="/QuickLinks/Widget"> 429 430 431 432 433 434 435 436 437 <section id="widgetQuicklinkcbce36b7-10ce-45e5-981e-39901d01d4ee" class="widget widgetQuickLinks skin32 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 438 <header class="widgetHeader" id="quickLinksHeadercbce36b7-10ce-45e5-981e-39901d01d4ee"> 439 <div class=""> 440 </div> 441 </header> 442 <div class="widgetBody cpGrid cpGrid3 "> 443 <div class="row autoWidths right narrow"> 444 <div class="col col1 first "> 445 <ol class="semanticList"> 446 447 448 449 450 <li style="position:relative" class="widgetItem QuickLinks"> 451 <a class="widgetDesc widgetQuickLinksLink" href="/949" target="_self" aria-label="Bids/RFPs - 2025 - Home Header Links" rel="">Bids/RFPs</a> 452 <div class="widgetMeta"></div> 453 </li> 454 </ol> 455 </div> 456 <div class="col col1 "> 457 <ol class="semanticList"> 458 459 460 461 462 <li style="position:relative" class="widgetItem QuickLinks"> 463 <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1504/Public-Notices" target="_self" aria-label="Public Notices - 2025 - Home Header Links" rel="">Public Notices </a> 464 <div class="widgetMeta"></div> 465 </li> 466 </ol> 467 </div> 468 <div class="col col1 last"> 469 <ol class="semanticList"> 470 471 472 473 474 <li style="position:relative" class="widgetItem QuickLinks"> 475 <a class="widgetDesc widgetQuickLinksLink" href="https://www.governmentjobs.com/careers/beaumontca" target="_self" aria-label="Jobs - 2025 - Home Header Links" rel="">Jobs</a> 476 <div class="widgetMeta"></div> 477 </li> 478 </ol> 479 </div> 480 </div> 481 482 </div> 483 <div class="widgetFooter"> 484 </div> 485 <div class="addItemModal hidden"> 486 <div class="url hidden">/QuickLinks.aspx</div> 487 </div> 488 489 </section> 490</div> 491 492 </div> <!-- inner column --> 493 494 </div> <!-- inner row --> 495 496 </div><!-- outer column --><!----><div class="outer col col7 last" style="" data-widgetcontainerid="29209cf5-75b9-4e20-9f52-93a6fc520b06">� 497 <div class="row nest first last wide">� 498 499 <div class="inner col col7 first last id79839908-bfe4-41de-ad41-2b0c39bef0fa" style="" data-widgetcontainerid="79839908-bfe4-41de-ad41-2b0c39bef0fa">� 500<div data-widget-id="ba75a56c-27ca-4fbc-a022-ae02c7129cd6" data-widget-controller-path="/GraphicLinks/Widget"> 501 502 503 504 505<div id="graphicLinkWidgetba75a56c-27ca-4fbc-a022-ae02c7129cd6" class="widget widgetGraphicLinks skin31 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 506 <div class="widgetHeader"> 507 <div class="">
508 </div> 509 </div> 510 <div class="widgetBody cpGrid cpGrid6 "> 511 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 512 <div class="row autoWidths center wide"> 513 <!-- 514--><div class="col col1 first "><ul class="semanticList"><!-- 515 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 516 517<img src="/ImageRepository/Document?documentID=39523" 518 class="graphicButtonLink" alt="Facebook Color" 519 onmouseover="this.src='/ImageRepository/Document?documentID=39523'" 520 onmouseout="this.src='/ImageRepository/Document?documentID=39523'" 521 onfocus="this.src='/ImageRepository/Document?documentID=39523'" 522 onblur="this.src='/ImageRepository/Document?documentID=39523'"> 523</a></li><!-- 524--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 525 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/X" target="_self"> 526 527<img src="/ImageRepository/Document?documentID=39525" 528 class="graphicButtonLink" alt="X Color" 529 onmouseover="this.src='/ImageRepository/Document?documentID=39525'" 530 onmouseout="this.src='/ImageRepository/Document?documentID=39525'" 531 onfocus="this.src='/ImageRepository/Document?documentID=39525'" 532 onblur="this.src='/ImageRepository/Document?documentID=39525'"> 533</a></li><!-- 534--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 535 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 536 537<img src="/ImageRepository/Document?documentID=39521" 538 class="graphicButtonLink" alt="Youtube Color" 539 onmouseover="this.src='/ImageRepository/Document?documentID=39521'" 540 onmouseout="this.src='/ImageRepository/Document?documentID=39521'" 541 onfocus="this.src='/ImageRepository/Document?documentID=39521'" 542 onblur="this.src='/ImageRepository/Document?documentID=39521'"> 543</a></li><!-- 544--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 545 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 546 547<img src="/ImageRepository/Document?documentID=39524" 548 class="graphicButtonLink" alt="Instagram Color" 549 onmouseover="this.src='/ImageRepository/Document?documentID=39524'" 550 onmouseout="this.src='/ImageRepository/Document?documentID=39524'" 551 onfocus="this.src='/ImageRepository/Document?documentID=39524'" 552 onblur="this.src='/ImageRepository/Document?documentID=39524'"> 553</a></li><!-- 554--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 555 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/nextdoor" target="_self"> 556 557<img src="/ImageRepository/Document?documentID=39527" 558 class="graphicButtonLink" alt="NextDoor Color" 559 onmouseover="this.src='/ImageRepository/Document?documentID=39527'" 560 onmouseout="this.src='/ImageRepository/Document?documentID=39527'" 561 onfocus="this.src='/ImageRepository/Document?documentID=39527'" 562 onblur="this.src='/ImageRepository/Document?documentID=39527'"> 563</a></li><!-- 564--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 565 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self"> 566 567<img src="/ImageRepository/Document?documentID=39526" 568 class="graphicButtonLink" alt="LinkedIn Color" 569 onmouseover="this.src='/ImageRepository/Document?documentID=39526'" 570 onmouseout="this.src='/ImageRepository/Document?documentID=39526'" 571 onfocus="this.src='/ImageRepository/Document?documentID=39526'" 572 onblur="this.src='/ImageRepository/Document?documentID=39526'"> 573</a></li><!-- 574--></ul></div><!-- --> 575 </div> 576 </nav> 577 </div> 578 <div class="widgetFooter"> 579 </div> 580</div> 581</div> 582 583 </div> <!-- inner column --> 584 585 </div> <!-- inner row --> 586 587 </div><!-- outer column --><!-- --></div> <!-- outer row --> 588 589 590 </div> 591</div></div> 592</div><header data-cpRole="structuralContainer" id="stickyHeaderTS"> 593<div class="siteWrap10" id="flexHeaderTS"><div data-cpRole="structuralContainer" id="bannerWrapperTS"> 594<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 595 596 597 598 599 <a id="bannerLogoTS-37" style=" display: block; text-align: center; 600" class="bannerObject" href="/" target="_self"><img alt="Beaumont CA Homepage" class="bannerObject" height="240" src="/ImageRepository/Document?documentID=39400" width="322" /></a> 601</div> 602</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 603<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 604--><li id="MainItem1383" class="topMenuItem" role="none" data-pageid="1383" data-displaymegamenu="True"><!-- 605 --><!-- 606 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu1383" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem1 " href="/1383/Community" target = "_self" > Community </a> <!-- 607 --><!-- 608 --></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 609 --><!-- 610 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem2 " href="/27/Government" target = "_self" > Government </a> <!-- 611 --><!-- 612 --></li><!----><li id="MainItem737" class="topMenuItem" role="none" data-pageid="737" data-displaymegamenu="True"><!-- 613 --><!-- 614 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu737" id = "mainNavProgramsServices" class="navMainItem mainNavItem mainNavItem3 " href="/737/Programs-Services" target = "_self" > Programs & Services </a> <!-- 615 --><!-- 616 --></li><!----><li id="MainItem1389" class="topMenuItem" role="none" data-pageid="1389" data-displaymegamenu="True"><!-- 617 --><!-- 618 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu1389" id = "mainNavEventsAttractions" class="navMainItem mainNavItem mainNavItem4 " href="/1389/Events-Attractions" target = "_self" > Events & Attractions </a> <!-- 619 --><!-- 620 --></li><!----><li id="MainItem8" class="topMenuItem" role="none" data-pageid="8" data-displaymegamenu="True"><!-- 621 --><!-- 622 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu8" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem5 " href="/8/Departments" target = "_self" > Departments </a> <!-- 623 --><!-- 624 --></li><!----> 625</ol> 626 627 628
628<script type="text/javascript"> 629 (function () { 630 function setupMenu() { 631 const menuID = 'mainNavMenu'; 632 const menuType = MAIN_MENU; 633 634 //setup menu manager properties for main menu 635 if (!menuManager.mobileMainNav && true) 636 menuManager.adjustMainItemsWidth('#' + menuID); 637 menuManager.isMainMenuEditable = false; 638 menuManager.mainMenuMaxSubMenuLevels = 4; 639 menuManager.setMOMMode(2, menuType); 640 641 //Init main menu 642 const setupDraggable = menuManager.isMainMenuEditable; 643 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=16&menuContainerID=mainNav'; 644 645 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 646 menuManager.mainMenuInit = true; 647 menuManager.mainMenuTextResizer = true; 648 if (1.00 > 0) 649 menuManager.mainMenuTextResizerRatio = 1.00; 650 if (window.isResponsiveEnabled) 651 menuManager.mainMenuReady.resolve(); 652 653 } 654 655 if (document.readyState === "complete" 656 || document.readyState === "loaded" 657 || document.readyState === "interactive") { 658 setupMenu(); 659 return; 660 } 661 662 document.addEventListener("DOMContentLoaded", setupMenu); 663 })(); 664 </script>
664 665 666 667<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1383" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1383 hidden" data-orientation="horizontal"> <div id="cc83b99c16-9338-4213-80c8-e277e1ca1918" data-containerid="83b99c16-9338-4213-80c8-e277e1ca1918" class="pageContent cpGrid cpGrid24"> 668 669 670 671 672 </div> 673</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc2981dcd5-671b-4863-99c8-21550ee2e81c" data-containerid="2981dcd5-671b-4863-99c8-21550ee2e81c" class="pageContent cpGrid cpGrid24"> 674 675 676 677 678 </div> 679</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu737" class="contentTop mainNavMegaMenu megaMenuContainer pageID_737 hidden" data-orientation="horizontal"> <div id="cc40a0816a-333a-4f75-b9a8-fc0e0cc727e6" data-containerid="40a0816a-333a-4f75-b9a8-fc0e0cc727e6" class="pageContent cpGrid cpGrid24"> 680 681 682 683 684 </div> 685</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1389" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1389 hidden" data-orientation="horizontal"> <div id="cc0776b6ce-800a-4294-9144-bac6d32eae90" data-containerid="0776b6ce-800a-4294-9144-bac6d32eae90" class="pageContent cpGrid cpGrid24"> 686 687 688 689 690 </div> 691</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu8" class="contentTop mainNavMegaMenu megaMenuContainer pageID_8 hidden" data-orientation="horizontal"> <div id="cc381f9f46-152a-4001-8cdd-41e39cf32765" data-containerid="381f9f46-152a-4001-8cdd-41e39cf32765" class="pageContent cpGrid cpGrid24"> 692 693 694 695 696 </div> 697</aside></aside></nav><div data-cpRole="contentContainer" id="searchTS"> <div id="cc6797cddb-7fe4-4f46-8041-8f41209e1246" data-containerid="6797cddb-7fe4-4f46-8041-8f41209e1246" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 698 699 700 <div class="row outer wide"><!-- 701--><div class="outer col col24 first last" style="" data-widgetcontainerid="cb98146c-1332-42c7-a584-5b2e98655188">� 702 <div class="row nest first last wide">� 703 704 <div class="inner col col24 first last id7bdc1fa3-f0a2-4e63-b342-9ab2013187cd" style="" data-widgetcontainerid="7bdc1fa3-f0a2-4e63-b342-9ab2013187cd">� 705<div data-widget-id="98a6cf2a-3ce1-40c8-9a46-477c6e62078a" data-widget-controller-path="/Layout/WidgetSearch"> 706 707
707<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
707 708
708<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
708 709
709<script defer type="text/javascript"> 710 711 $(document).ready(function () { 712 try { 713 // Minimum characters required before performing a search/autocomplete 714 var minPrefixLength = 3; 715 var autoCompleteDebounceDelay = 500; 716 var searchFieldSelector = "#searchField" + '98a6cf2a-3ce1-40c8-9a46-477c6e62078a'; 717 var checkboxSelector = "#ysnSearchOnlyDept" + '98a6cf2a-3ce1-40c8-9a46-477c6e62078a'; 718 var buttonSelector = ".widgetSearchButton" + '98a6cf2a-3ce1-40c8-9a46-477c6e62078a'; 719 var autoCompleteCache = {}; 720 var autoCompleteCacheKeys = []; 721 var autoCompleteCacheLimit = 25; 722 var currentAutoCompleteRequest = null; 723 var currentAutoCompleteRequestKey = null; 724 var autoCompleteDebounceTimer = null; 725 var autoCompleteDebounceKey = null; 726 var pendingAutoCompleteResponses = []; 727 728 function normalizeAutoCompleteTerm(term) { 729 return $.trim((term || "") + "").replace(/\s+/g, " "); 730 } 731 732 function shouldSearch(term) { 733 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 734 } 735 736 function getAutoCompleteUrl() { 737 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 738 } 739 740 function getAutoCompleteCacheKey(requestUrl, term) { 741 return requestUrl + "|" + term.toLowerCase(); 742 } 743 744 function cacheAutoCompleteResult(cacheKey, data) { 745 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 746 autoCompleteCacheKeys.push(cacheKey); 747 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 748 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 749 } 750 } 751 autoCompleteCache[cacheKey] = data; 752 } 753 754 function respondToPendingAutoComplete(data) { 755 var responses = pendingAutoCompleteResponses; 756 pendingAutoCompleteResponses = []; 757 for (var i = 0; i < responses.length; i++) { 758 responses[i](data); 759 } 760 } 761 762 function cancelPendingAutoComplete() { 763 clearTimeout(autoCompleteDebounceTimer); 764 autoCompleteDebounceKey = null; 765 if (currentAutoCompleteRequest != null) { 766 currentAutoCompleteRequest.abort(); 767 currentAutoCompleteRequest = null; 768 } 769 currentAutoCompleteRequestKey = null; 770 respondToPendingAutoComplete([]); 771 } 772 773 function createWidgetAutoCompleteSource(options) { 774 return function (request, response) { 775 var term = normalizeAutoCompleteTerm(request.term); 776 if (!options.shouldSearch(term)) { 777 response([]); 778 return; 779 } 780 781 var requestUrl = options.url(); 782 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 783 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 784 response(autoCompleteCache[cacheKey]); 785 if (options.success) { 786 options.success(autoCompleteCache[cacheKey]); 787 } 788 return; 789 } 790 791 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 792 pendingAutoCompleteResponses.push(response); 793 return; 794 } 795 796 cancelPendingAutoComplete(); 797 autoCompleteDebounceKey = cacheKey; 798 pendingAutoCompleteResponses.push(response); 799 autoCompleteDebounceTimer = setTimeout(function () { 800 autoCompleteDebounceKey = null; 801 currentAutoCompleteRequestKey = cacheKey; 802 currentAutoCompleteRequest = $.ajax({ 803 url: requestUrl, 804 dataType: "json", 805 timeout: options.timeout, 806 data: { 807 term: term, 808 }, 809 success: function (data) { 810 if (currentAutoCompleteRequestKey === cacheKey) { 811 cacheAutoCompleteResult(cacheKey, data); 812 respondToPendingAutoComplete(data); 813 if (options.success) { 814 options.success(data); 815 } 816 } 817 }, 818 error: function (xmlhttprequest, textstatus, message) { 819 if (textstatus === "abort") { 820 return; 821 } 822 823 if (options.error) { 824 options.error(xmlhttprequest, textstatus, message); 825 } 826 827 respondToPendingAutoComplete([]); 828 }, 829 complete: function (xmlhttprequest) { 830 if (currentAutoCompleteRequest === xmlhttprequest) { 831 currentAutoCompleteRequest = null;
832 currentAutoCompleteRequestKey = null; 833 } 834 } 835 }); 836 }, options.delay); 837 }; 838 } 839 840 // click handler for search buttons 841 $(buttonSelector).click(function (e) { 842 e.preventDefault(); 843 var $btn = $(this); 844 var $field = $btn.siblings(".widgetSearchBox"); 845 var term = $field.val() + ""; 846 if (!shouldSearch(term)) { 847 // do nothing until user types enough characters 848 $field.focus(); 849 return; 850 } 851 852 if ($(checkboxSelector).is(':checked') || false) 853 { 854 doWidgetSearch($.trim(term), Number(0)); 855 } 856 else { 857 doWidgetSearch($.trim(term), 0); 858 } 859 }); 860 861 // enter key handler for the search field 862 $(searchFieldSelector).keypress(function (e) { 863 var code = e.which || e.keyCode; 864 if (code === 13) { 865 e.preventDefault(); 866 var $this = $(this); 867 var term = $this.val() + ""; 868 if (!shouldSearch(term)) { 869 // do nothing until user types enough characters 870 $this.focus(); 871 return false; 872 } 873 874 if ($(checkboxSelector).is(':checked') || false) { 875 doWidgetSearch($.trim(term), Number(0)); 876 } else { 877 doWidgetSearch($.trim(term), 0); 878 } 879 return false; 880 } 881 return true; 882 }); 883 884 // autocomplete: set minLength and guard source 885 if (true) { 886 var $searchField = $(searchFieldSelector).autocomplete({ 887 minLength: minPrefixLength, 888 source: createWidgetAutoCompleteSource({ 889 delay: autoCompleteDebounceDelay, 890 timeout: 10000, 891 shouldSearch: shouldSearch, 892 url: getAutoCompleteUrl, 893 success: function () { 894 $('.autoCompleteError').remove(); 895 }, 896 error: function (xmlhttprequest, textstatus, message) { 897 if (textstatus === "timeout") { 898 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 899 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 900 } 901 } 902 }), 903 html: true, 904 delay: 0, 905 select: function (event, ui) { 906 $(this).val(ui.item.value); 907 $(this).next().click(); 908 } 909 }); 910 911 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 912 return $("<li class=\"itemList\"></li>") 913 .data("ui-autocomplete-item", item) 914 .append("<a>" + item.label + "</a>") 915 .appendTo(ul); 916 }; 917 } 918 919 // keep searchBtnApplyQuery consistent with prefix rule 920 window.searchBtnApplyQuery = function() { 921 var $field = $(searchFieldSelector); 922 var term = $field.val() + ""; 923 if (shouldSearch(term)) { 924 // update href for the icon/button (if present) 925 var btn = document.getElementById("btnSearchIcon"); 926 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 927 } else { 928 var btn = document.getElementById("btnSearchIcon"); 929 if (btn) btn.href = "#"; 930 } 931 }; 932 } 933 catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page. 934 }); 935 </script>
935 936 937 <section id="widgetPreviewSearch" class="widget widgetSearch skin26 widgetOptionSet28" style="display: block;" aria-label="Search"> 938 <!-- For the button right and inside --> 939 <div class="widgetBody buttonRightInside"> 940 <input class="widgetSearchBox widgetSearchBox98a6cf2a-3ce1-40c8-9a46-477c6e62078a" cp5ph="true" id="searchField98a6cf2a-3ce1-40c8-9a46-477c6e62078a" name="searchField" onchange="searchBtnApplyQuery();" placeholder="SEARCH..." type="text" value="" /> 941 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton98a6cf2a-3ce1-40c8-9a46-477c6e62078a" role="button"><img alt="Search-1" class="imageHover" data-hover="/ImageRepository/Document?documentID=39401" data-image="/ImageRepository/Document?documentID=39402" src="/ImageRepository/Document?documentID=39402" /></a> 942 943 <label class="searchLabel" aria-hidden="true" for="searchField98a6cf2a-3ce1-40c8-9a46-477c6e62078a">Search</label> 944 </div> 945 946 </section> 947 948 949<style scoped> 950 951 .widgetSearch ::-webkit-input-placeholder { 952 color: #63554F; 953 } 954 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 955 color: #63554F; 956 } 957 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 958 color: #63554F; 959 } 960 .widgetSearch :-ms-input-placeholder { 961 color: #63554F; 962 } 963 964 965 .widgetSearch .widgetBody .widgetSearchBox98a6cf2a-3ce1-40c8-9a46-477c6e62078a 966 { 967 color: #63554F; 968 height:66px; 969background:#FFFFFF; 970padding:0 65px 0 0; 971font-family:PT Sans; 972font-weight:800; 973border:none; 974border-bottom:2px solid #95D4E9; 975 } 976 .widgetSearch .widgetBody .widgetSearchButton98a6cf2a-3ce1-40c8-9a46-477c6e62078a 977 { 978 margin:8px 0 8px 0; 979 } 980 .widgetSearch .widgetSearch-onlyDept98a6cf2a-3ce1-40c8-9a46-477c6e62078a 981 { 982 display: inline-block; 983 color: #333; 984 985 986 padding-top: 10px; 987 } 988 #ysnSearchOnlyDept98a6cf2a-3ce1-40c8-9a46-477c6e62078a 989 { 990 position: relative; 991 top: .125em; 992 } 993 994</style> 995 996<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 997<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 998 999 1000
1001<script type="text/javascript"> 1002 //Updates search icons href to have the correct queryString 1003 function searchBtnApplyQuery() { 1004 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField98a6cf2a-3ce1-40c8-9a46-477c6e62078a").value; 1005 } 1006</script>
1006 1007 1008</div> 1009 1010 </div> <!-- inner column --> 1011 1012 </div> <!-- inner row --> 1013 1014 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1015 1016 1017 </div> 1018</div></div> 1019</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 1020<div data-cpRole="banner" id="banner4"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 1021<div data-cpRole="structuralContainer" id="bannerSearchTS"> 1022<div class="siteWrap8"></div> 1023</div> 1024</div> 1025 1026 1027 1028 1029 <div id="bannerImagesJSON42" class="hidden"></div> 1030 <div id="bannerSlideshowControls_banner4" class="bannerSlideshowControlsNew none " style="display:none"> 1031 <a id="arrowPrev_banner4" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 1032 <a id="arrowNext_banner4" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 1033 </div> 1034
1034<script type="text/javascript"> 1035 $(window).on("load", function () { 1036 $.when(window.Pages.rwdSetupComplete) 1037 .done(function () { 1038 renderExternalBannerSlideshow('banner4', 1039 {"BannerOptionID":42,"ThemeID":16,"SlotName":"banner4","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":116,"BannerOptionID":42,"FileName":"/ImageRepository/Document?documentID=39410","Height":455,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":24,"BannerOptionID":42,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202501312303055182.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 1040 '/App_Themes/2025 - Home/Images/', 1041 'Rotating'); 1042 }); 1043 }); 1044 </script>
1044 1045 1046</div> 1047</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 1048<div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 1049<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 1050<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1051<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
1051<script type='text/javascript'>$('#breadCrumbs').hide();</script>
1051</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1052 1053 <div id="page" class="moduleContentNew"> 1054 1055 1056 <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> 1057 <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> 1058 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="14448" /> 1059 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> 1060 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> 1061 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1062 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1063 1064 1065 <div id="ccddd09718-a12d-44aa-8b47-6e20116d1fd8" data-containerid="ddd09718-a12d-44aa-8b47-6e20116d1fd8" class="pageContent cpGrid cpGrid24" > 1066 1067 1068 1069 1070 </div> 1071 1072 </div> 1073 1074 1075 <div class="newCP"> 1076 1077 </div> 1078</div> 1079</div> 1080</div> 1081</div></div> 1082</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1083<div class="siteWrap4"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccb69b991c-7e0a-4ad7-b0d6-0d76a0fb1bdf" data-containerid="b69b991c-7e0a-4ad7-b0d6-0d76a0fb1bdf" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 1084 1085 1086 <div class="row outer wide"><!-- 1087--><div class="outer col col8 first" style="" data-widgetcontainerid="8ca22e2b-6dd5-411e-910e-4ba71cf58433">� 1088 <div class="row nest first last wide">� 1089 1090 <div class="inner col col8 first last id57b647ca-3ea9-4728-ac09-088a7d1089bb" style="" data-widgetcontainerid="57b647ca-3ea9-4728-ac09-088a7d1089bb">� 1091<div data-widget-id="e6dbbaa6-5a9a-4b1b-8b12-ef264186c68a" data-widget-controller-path="/GraphicLinks/Widget"> 1092 1093 1094 1095 1096<div id="graphicLinkWidgete6dbbaa6-5a9a-4b1b-8b12-ef264186c68a" class="widget widgetGraphicLinks skin28 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1097 <div class="widgetHeader"> 1098 <div class=""> 1099 </div> 1100 </div> 1101 <div class="widgetBody cpGrid cpGrid2 "> 1102 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1103 <div class="row wide"> 1104 <!-- 1105--><div class="col col1 first "><ul class="semanticList"><!-- 1106 --><li class="widgetItem GraphicLinks"> 1107 1108<div> 1109 <a href="/16/Building-Safety" target="_self" class="fancyButton fancyButton174 " > 1110 <span> 1111 <span><span class="text">Permits & Licensing</span></span> 1112 </span> 1113 </a> 1114</div> 1115 <style scoped="scoped">.fancyButton174.fancyButton:link,.fancyButton174.fancyButton:visited, .fancyButton174div.fancyButton{ 1116 background-repeat: no-repeat; 1117 background-position: left top; 1118} 1119.fancyButton174.fancyButton:hover,.fancyButton174.fancyButton:focus,.fancyButton174.fancyButton:active,.fancyButton174.fancyButton.hover{ 1120 background-repeat: no-repeat; 1121 background-position: left top; 1122} 1123.fancyButton174.fancyButton:link > span,.fancyButton174.fancyButton:visited > span, .fancyButton174div.fancyButton > span{ 1124} 1125.fancyButton174.fancyButton:hover > span,.fancyButton174.fancyButton:focus > span,.fancyButton174.fancyButton:active > span,.fancyButton174.fancyButton.hover > span{ 1126} 1127.fancyButton174.fancyButton .text{ 1128 color: rgb(255, 255, 255); 1129 font-family: "PT Sans"; 1130 padding-top: 100px; 1131 font-style: normal; 1132 text-decoration: none; 1133 padding-top: 100px; 1134 background-image: url('/ImageRepository/Document?documentID=39413'); 1135 background-repeat: no-repeat; 1136 background-position: center top; 1137position:relative; 1138} 1139.fancyButton174 .text::after{ 1140position:absolute; 1141content:""; 1142left:50%; 1143transform:translateX(-50%); 1144top:90px; 1145width:30px; 1146height:2px; 1147transition:all .3s ease-in-out; 1148background:#FFFFFF; 1149border-radius:2px; 1150} 1151.fancyButton174 .text:is(:hover, :focus, :active)::after{ 1152width:100px; 1153} 1154.fancyButton174.fancyButton:hover .text,.fancyButton174.fancyButton:focus .text,.fancyButton174.fancyButton:active .text,.fancyButton174.fancyButton.hover .text{ 1155 text-decoration: underline; 1156 background-repeat: no-repeat; 1157 background-position: center top; 1158 1159 1160} 1161</style> 1162 1163 </li><!-- 1164--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1165 --><li class="widgetItem GraphicLinks"> 1166 1167<div> 1168 <a href="https://www.municipalonlinepayments.com/beaumontca" target="_self" class="fancyButton fancyButton175 " > 1169 <span> 1170 <span><span class="text">Pay Your Sewer Bill</span></span> 1171 </span> 1172 </a> 1173</div> 1174 <style scoped="scoped">.fancyButton175.fancyButton:link,.fancyButton175.fancyButton:visited, .fancyButton175div.fancyButton{ 1175 background-repeat: no-repeat; 1176 background-position: left top; 1177} 1178.fancyButton175.fancyButton:hover,.fancyButton175.fancyButton:focus,.fancyButton175.fancyButton:active,.fancyButton175.fancyButton.hover{ 1179 background-repeat: no-repeat; 1180 background-position: left top; 1181} 1182.fancyButton175.fancyButton:link > span,.fancyButton175.fancyButton:visited > span, .fancyButton175div.fancyButton > span{ 1183} 1184.fancyButton175.fancyButton:hover > span,.fancyButton175.fancyButton:focus > span,.fancyButton175.fancyButton:active > span,.fancyButton175.fancyButton.hover > span{ 1185} 1186.fancyButton175.fancyButton .text{ 1187 color: rgb(255, 255, 255); 1188 font-family: "PT Sans"; 1189 padding-top: 100px; 1190 font-style: normal; 1191 text-decoration: none; 1192 padding-top: 100px; 1193 background-image: url('/ImageRepository/Document?documentID=39412'); 1194 background-repeat: no-repeat; 1195 background-position: center top; 1196position:relative; 1197} 1198.fancyButton175 .text::after{ 1199position:absolute; 1200content:""; 1201left:50%; 1202transform:translateX(-50%); 1203top:90px; 1204width:30px; 1205height:2px; 1206transition:all .3s ease-in-out; 1207background:#FFFFFF; 1208border-radius:2px; 1209} 1210.fancyButton175 .text:is(:hover, :focus, :active)::after{ 1211width:100px; 1212} 1213.fancyButton175.fancyButton:hover .text,.fancyButton175.fancyButton:focus .text,.fancyButton175.fancyButton:active .text,.fancyButton175.fancyButton.hover .text{ 1214 text-decoration: underline; 1215 background-repeat: no-repeat; 1216 background-position: center top; 1217 1218 1219} 1220</style> 1221 1222 </li><!-- 1223--></ul></div><!-- --> 1224 </div> 1225 </nav> 1226 </div> 1227 <div class="widgetFooter"> 1228 </div> 1229</div> 1230</div> 1231 1232 </div> <!-- inner column --> 1233 1234 </div> <!-- inner row --> 1235 1236 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="7cbe85f3-a754-4637-bf92-1a9384fdaad6">� 1237 <div class="row nest first last wide">� 1238 1239 <div class="inner col col8 first last id0fb45da8-1050-4bb0-aa93-524d6f0ebc94" style="" data-widgetcontainerid="0fb45da8-1050-4bb0-aa93-524d6f0ebc94">� 1240<div data-widget-id="f4d3297d-d85d-49db-ac73-0d8425e91fc0" data-widget-controller-path="/GraphicLinks/Widget"> 1241 1242 1243 1244 1245<div id="graphicLinkWidgetf4d3297d-d85d-49db-ac73-0d8425e91fc0" class="widget widgetGraphicLinks skin28 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1246 <div class="widgetHeader"> 1247 <div class="">
1248 </div> 1249 </div> 1250 <div class="widgetBody cpGrid cpGrid2 "> 1251 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1252 <div class="row wide"> 1253 <!-- 1254--><div class="col col1 first "><ul class="semanticList"><!-- 1255 --><li class="widgetItem GraphicLinks"> 1256 1257<div> 1258 <a href="https://citizenportal.dudesolutions.com/CityOfBeaumontCA" target="_self" class="fancyButton fancyButton176 " > 1259 <span> 1260 <span><span class="text">Report a Concern</span></span> 1261 </span> 1262 </a> 1263</div> 1264 <style scoped="scoped">.fancyButton176.fancyButton:link,.fancyButton176.fancyButton:visited, .fancyButton176div.fancyButton{ 1265 background-repeat: no-repeat; 1266 background-position: left top; 1267} 1268.fancyButton176.fancyButton:hover,.fancyButton176.fancyButton:focus,.fancyButton176.fancyButton:active,.fancyButton176.fancyButton.hover{ 1269 background-repeat: no-repeat; 1270 background-position: left top; 1271} 1272.fancyButton176.fancyButton:link > span,.fancyButton176.fancyButton:visited > span, .fancyButton176div.fancyButton > span{ 1273} 1274.fancyButton176.fancyButton:hover > span,.fancyButton176.fancyButton:focus > span,.fancyButton176.fancyButton:active > span,.fancyButton176.fancyButton.hover > span{ 1275} 1276.fancyButton176.fancyButton .text{ 1277 color: rgb(255, 255, 255); 1278 font-family: "PT Sans"; 1279 padding-top: 100px; 1280 font-style: normal; 1281 text-decoration: none; 1282 padding-top: 100px; 1283 background-image: url('/ImageRepository/Document?documentID=39414'); 1284 background-repeat: no-repeat; 1285 background-position: center top; 1286position:relative; 1287} 1288.fancyButton176 .text::after{ 1289position:absolute; 1290content:""; 1291left:50%; 1292transform:translateX(-50%); 1293top:90px; 1294width:30px; 1295height:2px; 1296transition:all .3s ease-in-out; 1297background:#FFFFFF; 1298border-radius:2px; 1299} 1300.fancyButton176 .text:is(:hover, :focus, :active)::after{ 1301width:100px; 1302} 1303.fancyButton176.fancyButton:hover .text,.fancyButton176.fancyButton:focus .text,.fancyButton176.fancyButton:active .text,.fancyButton176.fancyButton.hover .text{ 1304 text-decoration: underline; 1305 background-repeat: no-repeat; 1306 background-position: center top; 1307 1308 1309} 1310</style> 1311 1312 </li><!-- 1313--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1314 --><li class="widgetItem GraphicLinks"> 1315 1316<div> 1317 <a href="https://www.governmentjobs.com/careers/beaumontca" target="_self" class="fancyButton fancyButton177 " > 1318 <span> 1319 <span><span class="text">Jobs</span></span> 1320 </span> 1321 </a> 1322</div> 1323 <style scoped="scoped">.fancyButton177.fancyButton:link,.fancyButton177.fancyButton:visited, .fancyButton177div.fancyButton{ 1324 background-repeat: no-repeat; 1325 background-position: left top; 1326} 1327.fancyButton177.fancyButton:hover,.fancyButton177.fancyButton:focus,.fancyButton177.fancyButton:active,.fancyButton177.fancyButton.hover{ 1328 background-repeat: no-repeat; 1329 background-position: left top; 1330} 1331.fancyButton177.fancyButton:link > span,.fancyButton177.fancyButton:visited > span, .fancyButton177div.fancyButton > span{ 1332} 1333.fancyButton177.fancyButton:hover > span,.fancyButton177.fancyButton:focus > span,.fancyButton177.fancyButton:active > span,.fancyButton177.fancyButton.hover > span{ 1334} 1335.fancyButton177.fancyButton .text{ 1336 color: rgb(255, 255, 255); 1337 font-family: "PT Sans"; 1338 padding-top: 100px; 1339 font-style: normal; 1340 text-decoration: none; 1341 padding-top: 100px; 1342 background-image: url('/ImageRepository/Document?documentID=39411'); 1343 background-repeat: no-repeat; 1344 background-position: center top; 1345position:relative; 1346} 1347.fancyButton177 .text::after{ 1348position:absolute; 1349content:""; 1350left:50%; 1351transform:translateX(-50%); 1352top:90px; 1353width:30px; 1354height:2px; 1355transition:all .3s ease-in-out; 1356background:#FFFFFF; 1357border-radius:2px; 1358} 1359.fancyButton177 .text:is(:hover, :focus, :active)::after{ 1360width:100px; 1361} 1362.fancyButton177.fancyButton:hover .text,.fancyButton177.fancyButton:focus .text,.fancyButton177.fancyButton:active .text,.fancyButton177.fancyButton.hover .text{ 1363 text-decoration: underline; 1364 background-repeat: no-repeat; 1365 background-position: center top; 1366 1367 1368} 1369</style> 1370 1371 </li><!-- 1372--></ul></div><!-- --> 1373 </div> 1374 </nav> 1375 </div> 1376 <div class="widgetFooter"> 1377 </div> 1378</div> 1379</div> 1380 1381 </div> <!-- inner column --> 1382 1383 </div> <!-- inner row --> 1384 1385 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="0ca0fc57-311a-4136-a59a-4074589a9811">� 1386 <div class="row nest first last wide">� 1387 1388 <div class="inner col col8 first last ida237c89f-6e1c-4adb-bf74-f36193ac13f2" style="" data-widgetcontainerid="a237c89f-6e1c-4adb-bf74-f36193ac13f2">� 1389<div data-widget-id="7c219477-f696-42d1-95a4-4f3f66db3ecf" data-widget-controller-path="/GraphicLinks/Widget"> 1390 1391 1392 1393 1394<div id="graphicLinkWidget7c219477-f696-42d1-95a4-4f3f66db3ecf" class="widget widgetGraphicLinks skin28 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1395 <div class="widgetHeader"> 1396 <div class="">
1397 </div> 1398 </div> 1399 <div class="widgetBody cpGrid cpGrid2 "> 1400 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1401 <div class="row wide"> 1402 <!-- 1403--><div class="col col1 first "><ul class="semanticList"><!-- 1404 --><li class="widgetItem GraphicLinks"> 1405 1406<div> 1407 <a href="https://propertyfinder.spicercg.com/Index" target="_self" class="fancyButton fancyButton178 " > 1408 <span> 1409 <span><span class="text">Property Tax</span></span> 1410 </span> 1411 </a> 1412</div> 1413 <style scoped="scoped">.fancyButton178.fancyButton:link,.fancyButton178.fancyButton:visited, .fancyButton178div.fancyButton{ 1414 background-repeat: no-repeat; 1415 background-position: left top; 1416} 1417.fancyButton178.fancyButton:hover,.fancyButton178.fancyButton:focus,.fancyButton178.fancyButton:active,.fancyButton178.fancyButton.hover{ 1418 background-repeat: no-repeat; 1419 background-position: left top; 1420} 1421.fancyButton178.fancyButton:link > span,.fancyButton178.fancyButton:visited > span, .fancyButton178div.fancyButton > span{ 1422} 1423.fancyButton178.fancyButton:hover > span,.fancyButton178.fancyButton:focus > span,.fancyButton178.fancyButton:active > span,.fancyButton178.fancyButton.hover > span{ 1424} 1425.fancyButton178.fancyButton .text{ 1426 color: rgb(255, 255, 255); 1427 font-family: "PT Sans"; 1428 padding-top: 100px; 1429 font-style: normal; 1430 text-decoration: none; 1431 padding-top: 100px; 1432 background-image: url('/ImageRepository/Document?documentID=39421'); 1433 background-repeat: no-repeat; 1434 background-position: center top; 1435position:relative; 1436} 1437.fancyButton178 .text::after{ 1438position:absolute; 1439content:""; 1440left:50%; 1441transform:translateX(-50%); 1442top:90px; 1443width:30px; 1444height:2px; 1445transition:all .3s ease-in-out; 1446background:#FFFFFF; 1447border-radius:2px; 1448} 1449.fancyButton178 .text:is(:hover, :focus, :active)::after{ 1450width:100px; 1451} 1452.fancyButton178.fancyButton:hover .text,.fancyButton178.fancyButton:focus .text,.fancyButton178.fancyButton:active .text,.fancyButton178.fancyButton.hover .text{ 1453 text-decoration: underline; 1454 background-repeat: no-repeat; 1455 background-position: center top; 1456 1457 1458} 1459</style> 1460 1461 </li><!-- 1462--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1463 --><li class="widgetItem GraphicLinks"> 1464 1465<div> 1466 <a href="/984/Wheres-the-Bus" target="_self" class="fancyButton fancyButton179 " > 1467 <span> 1468 <span><span class="text">Whereâs the Bus</span></span> 1469 </span> 1470 </a> 1471</div> 1472 <style scoped="scoped">.fancyButton179.fancyButton:link,.fancyButton179.fancyButton:visited, .fancyButton179div.fancyButton{ 1473 background-repeat: no-repeat; 1474 background-position: left top; 1475} 1476.fancyButton179.fancyButton:hover,.fancyButton179.fancyButton:focus,.fancyButton179.fancyButton:active,.fancyButton179.fancyButton.hover{ 1477 background-repeat: no-repeat; 1478 background-position: left top; 1479} 1480.fancyButton179.fancyButton:link > span,.fancyButton179.fancyButton:visited > span, .fancyButton179div.fancyButton > span{ 1481} 1482.fancyButton179.fancyButton:hover > span,.fancyButton179.fancyButton:focus > span,.fancyButton179.fancyButton:active > span,.fancyButton179.fancyButton.hover > span{ 1483} 1484.fancyButton179.fancyButton .text{ 1485 color: rgb(255, 255, 255); 1486 font-family: "PT Sans"; 1487 padding-top: 100px; 1488 font-style: normal; 1489 text-decoration: none; 1490 padding-top: 100px; 1491 background-image: url('/ImageRepository/Document?documentID=39415'); 1492 background-repeat: no-repeat; 1493 background-position: center top; 1494position:relative; 1495} 1496.fancyButton179 .text::after{ 1497position:absolute; 1498content:""; 1499left:50%; 1500transform:translateX(-50%); 1501top:90px; 1502width:30px; 1503height:2px; 1504transition:all .3s ease-in-out; 1505background:#FFFFFF; 1506border-radius:2px; 1507} 1508.fancyButton179 .text:is(:hover, :focus, :active)::after{ 1509width:100px; 1510} 1511.fancyButton179.fancyButton:hover .text,.fancyButton179.fancyButton:focus .text,.fancyButton179.fancyButton:active .text,.fancyButton179.fancyButton.hover .text{ 1512 text-decoration: underline; 1513 background-repeat: no-repeat; 1514 background-position: center top; 1515 1516 1517} 1518</style> 1519 1520 </li><!-- 1521--></ul></div><!-- --> 1522 </div> 1523 </nav> 1524 </div> 1525 <div class="widgetFooter"> 1526 </div> 1527</div> 1528</div> 1529 1530 </div> <!-- inner column --> 1531 1532 </div> <!-- inner row --> 1533 1534 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1535 1536 1537 </div> 1538</div></div> 1539</div><!-- Image Buttons --><div data-cpRole="structuralContainer" id="homeContainer1" class="noOverflowTS"> 1540<div data-cpRole="banner" id="banner2"><div data-cpRole="structuralContainer" id="bannerSizing2TS"> 1541<div class="siteWrap11"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="cc87580fe1-53f4-4493-abff-69024343770c" data-containerid="87580fe1-53f4-4493-abff-69024343770c" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="45"> 1542 1543 1544 <div class="row outer wide"><!-- 1545--><div class="outer col col8 first" style="" data-widgetcontainerid="51c23885-4140-4212-85e2-126039690b88">� 1546 <div class="row nest first last wide">� 1547 1548 <div class="inner col col8 first last id74df0dea-88d8-4bf5-a466-378c5993615f" style="" data-widgetcontainerid="74df0dea-88d8-4bf5-a466-378c5993615f">� 1549<div data-widget-id="8ca25e30-eed5-4e1e-b80c-3116aef14ce0" data-widget-controller-path="/GraphicLinks/Widget"> 1550 1551 1552 1553 1554<div id="graphicLinkWidget8ca25e30-eed5-4e1e-b80c-3116aef14ce0" class="widget widgetGraphicLinks skin34 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1555 <div class="widgetHeader"> 1556 <div class="">
1557 </div> 1558 </div> 1559 <div class="widgetBody cpGrid cpGrid2 "> 1560 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1561 <div class="row wide"> 1562 <!-- 1563--><div class="col col1 first "><ul class="semanticList"><!-- 1564 --><li class="widgetItem GraphicLinks"> 1565 1566<div> 1567 <a href="/986/Current-Upcoming-Projects" target="_self" class="fancyButton fancyButton226 " > 1568 <span> 1569 <span><span class="text">CITY PROJECTS<br></span></span> 1570 </span> 1571 </a> 1572</div> 1573 <style scoped="scoped">.fancyButton226.fancyButton:link,.fancyButton226.fancyButton:visited, .fancyButton226div.fancyButton{ 1574 background-image: url('/ImageRepository/Document?documentID=39428'); 1575 background-repeat: no-repeat; 1576 background-position: center center; 1577min-height:400px; 1578background-size:cover; 1579transition:all .3s ease-in-out; 1580position:relative; 1581z-index:0; 1582} 1583.fancyButton226::after{ 1584position:absolute; 1585content:""; 1586left:0; 1587bottom:0; 1588transition:all .3s ease-in-out; 1589width:100%; 1590opacity:0; 1591height:100%; 1592z-index:-1; 1593background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0% no-repeat padding-box; 1594} 1595.fancyButton226:is(:hover, :focus, :active)::after{ 1596opacity:1; 1597 1598} 1599.fancyButton226.fancyButton:hover,.fancyButton226.fancyButton:focus,.fancyButton226.fancyButton:active,.fancyButton226.fancyButton.hover{ 1600 background-image: url('/ImageRepository/Document?documentID=39423'); 1601 background-repeat: no-repeat; 1602 background-position: center center; 1603} 1604.fancyButton226.fancyButton:link > span,.fancyButton226.fancyButton:visited > span, .fancyButton226div.fancyButton > span{ 1605} 1606.fancyButton226.fancyButton:hover > span,.fancyButton226.fancyButton:focus > span,.fancyButton226.fancyButton:active > span,.fancyButton226.fancyButton.hover > span{ 1607} 1608.fancyButton226.fancyButton .text{ 1609 color: rgba(255, 255, 255, 1); 1610 font-size: 1.5em; 1611 font-family: "PT Sans"; 1612 text-align: center; 1613 padding-top: 30px; 1614 padding-bottom: 30px; 1615 padding-right: 10px; 1616 padding-left: 10px; 1617 font-weight: 700; 1618 text-decoration: none; 1619 padding-top: 30px; 1620 padding-bottom: 30px; 1621 padding-right: 10px; 1622 padding-left: 10px; 1623 background-repeat: no-repeat; 1624 background-position: left top; 1625width:100%; 1626position:absolute; 1627left:0; 1628bottom:50%; 1629transition:all .3s ease-in-out; 1630transform:translateY(50%); 1631} 1632.fancyButton226 .text::after{ 1633position:absolute; 1634content:""; 1635left:50%; 1636bottom:5px; 1637width:60px; 1638height:2px; 1639border-radius:2px; 1640background:#FFFFFF; 1641transform:translateX(-50%); 1642transition:all .3s ease-in-out; 1643} 1644.fancyButton226:is(:hover, :focus, :active) .text::after{ 1645width:100px;display:block;} 1646.fancyButton226.fancyButton:hover .text,.fancyButton226.fancyButton:focus .text,.fancyButton226.fancyButton:active .text,.fancyButton226.fancyButton.hover .text{ 1647 text-decoration: none; 1648 background-repeat: no-repeat; 1649 background-position: left top; 1650bottom:37px; 1651transform:translateY(0%); 1652} 1653.fancyButton226.fancyButton .textStyle1{ 1654 color: rgb(255, 255, 255); 1655 font-size: 1.5em; 1656 font-family: PT Sans; 1657 font-weight: 700; 1658 text-decoration: none; 1659display:block;} 1660.fancyButton226.fancyButton:hover .textStyle1, .fancyButton226.fancyButton.hover .textStyle1{ 1661 text-decoration: underline; 1662 1663} 1664.fancyButton226.fancyButton .textStyle2{ 1665 color: rgb(255, 255, 255); 1666 font-size: 1.5em; 1667 font-family: PT Sans; 1668 font-style: normal; 1669 text-decoration: none; 1670display:block;} 1671.fancyButton226.fancyButton:hover .textStyle2, .fancyButton226.fancyButton.hover .textStyle2{ 1672 text-decoration: none; 1673 1674} 1675</style> 1676 1677 </li><!-- 1678--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1679 --><li class="widgetItem GraphicLinks"> 1680 1681<div> 1682 <a href="https://www.beaumontca.gov/1163/Stewart-Park-Renovation" target="_self" class="fancyButton fancyButton266 " > 1683 <span> 1684 <span><span class="text">STEWART PARK<br></span></span> 1685 </span> 1686 </a> 1687</div> 1688 <style scoped="scoped">.fancyButton266.fancyButton:link,.fancyButton266.fancyButton:visited, .fancyButton266div.fancyButton{ 1689 background-image: url('/ImageRepository/Document?documentID=39428'); 1690 background-repeat: no-repeat; 1691 background-position: center center; 1692min-height:400px; 1693background-size:cover; 1694transition:all .3s ease-in-out; 1695position:relative; 1696z-index:0; 1697} 1698.fancyButton266::after{ 1699position:absolute; 1700content:""; 1701left:0; 1702bottom:0; 1703transition:all .3s ease-in-out; 1704width:100%; 1705opacity:0; 1706height:100%; 1707z-index:-1; 1708background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0%
1708no-repeat padding-box; 1709} 1710.fancyButton266:is(:hover, :focus, :active)::after{ 1711opacity:1; 1712 1713} 1714.fancyButton266.fancyButton:hover,.fancyButton266.fancyButton:focus,.fancyButton266.fancyButton:active,.fancyButton266.fancyButton.hover{ 1715 background-image: url('/ImageRepository/Document?documentID=40692'); 1716 background-repeat: no-repeat; 1717 background-position: center center; 1718} 1719.fancyButton266.fancyButton:link > span,.fancyButton266.fancyButton:visited > span, .fancyButton266div.fancyButton > span{ 1720} 1721.fancyButton266.fancyButton:hover > span,.fancyButton266.fancyButton:focus > span,.fancyButton266.fancyButton:active > span,.fancyButton266.fancyButton.hover > span{ 1722} 1723.fancyButton266.fancyButton .text{ 1724 color: rgba(255, 255, 255, 1); 1725 font-size: 1.5em; 1726 font-family: "PT Sans"; 1727 text-align: center; 1728 padding-top: 30px; 1729 padding-bottom: 30px; 1730 padding-right: 10px; 1731 padding-left: 10px; 1732 font-weight: 700; 1733 text-decoration: none; 1734 padding-top: 30px; 1735 padding-bottom: 30px; 1736 padding-right: 10px; 1737 padding-left: 10px; 1738 background-repeat: no-repeat; 1739 background-position: left top; 1740width:100%; 1741position:absolute; 1742left:0; 1743bottom:50%; 1744transition:all .3s ease-in-out; 1745transform:translateY(50%); 1746} 1747.fancyButton266 .text::after{ 1748position:absolute; 1749content:""; 1750left:50%; 1751bottom:5px; 1752width:60px; 1753height:2px; 1754border-radius:2px; 1755background:#FFFFFF; 1756transform:translateX(-50%); 1757transition:all .3s ease-in-out; 1758} 1759.fancyButton266:is(:hover, :focus, :active) .text::after{ 1760width:100px;display:block;} 1761.fancyButton266.fancyButton:hover .text,.fancyButton266.fancyButton:focus .text,.fancyButton266.fancyButton:active .text,.fancyButton266.fancyButton.hover .text{ 1762 text-decoration: none; 1763 background-repeat: no-repeat; 1764 background-position: left top; 1765bottom:37px; 1766transform:translateY(0%); 1767} 1768.fancyButton266.fancyButton .textStyle1{ 1769 color: rgb(255, 255, 255); 1770 font-size: 1.5em; 1771 font-family: PT Sans; 1772 font-weight: 700; 1773 text-decoration: none; 1774display:block;} 1775.fancyButton266.fancyButton:hover .textStyle1, .fancyButton266.fancyButton.hover .textStyle1{ 1776 text-decoration: underline; 1777 1778} 1779.fancyButton266.fancyButton .textStyle2{ 1780 color: rgb(255, 255, 255); 1781 font-size: 1.5em; 1782 font-family: PT Sans; 1783 font-style: normal; 1784 text-decoration: none; 1785display:block;} 1786.fancyButton266.fancyButton:hover .textStyle2, .fancyButton266.fancyButton.hover .textStyle2{ 1787 text-decoration: none; 1788 1789} 1790</style> 1791 1792 </li><!-- 1793--></ul></div><!-- --> 1794 </div> 1795 </nav> 1796 </div> 1797 <div class="widgetFooter"> 1798 </div> 1799</div> 1800</div> 1801 1802 </div> <!-- inner column --> 1803 1804 </div> <!-- inner row --> 1805 1806 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="16248d18-25cf-41cd-8af1-8ec7f05e7728">� 1807 <div class="row nest first last wide">� 1808 1809 <div class="inner col col8 first last id89c19912-8ab5-4619-bf18-0b307238967a" style="" data-widgetcontainerid="89c19912-8ab5-4619-bf18-0b307238967a">� 1810<div data-widget-id="c14d0828-5d7f-45dc-8baa-4916cf59f361" data-widget-controller-path="/GraphicLinks/Widget"> 1811 1812 1813 1814 1815<div id="graphicLinkWidgetc14d0828-5d7f-45dc-8baa-4916cf59f361" class="widget widgetGraphicLinks skin34 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1816 <div class="widgetHeader"> 1817 <div class=""> 1818 </div> 1819 </div> 1820 <div class="widgetBody cpGrid cpGrid2 "> 1821 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1822 <div class="row wide"> 1823 <!-- 1824--><div class="col col1 first "><ul class="semanticList"><!-- 1825 --><li class="widgetItem GraphicLinks"> 1826 1827<div> 1828 <a href="https://beaumontcabusiness.gov/" target="_self" class="fancyButton fancyButton264 " > 1829 <span> 1830 <span><span class="text">START A BUSINESS<br></span></span> 1831 </span> 1832 </a> 1833</div> 1834 <style scoped="scoped">.fancyButton264.fancyButton:link,.fancyButton264.fancyButton:visited, .fancyButton264div.fancyButton{ 1835 background-image: url(/ImageRepository/Document?documentID=39428); 1836 background-repeat: no-repeat; 1837 background-position: center center; 1838min-height:400px; 1839background-size:cover; 1840transition:all .3s ease-in-out; 1841position:relative; 1842z-index:0; 1843} 1844.fancyButton264::after{ 1845position:absolute; 1846content:""; 1847left:0; 1848bottom:0; 1849transition:all .3s ease-in-out; 1850width:100%; 1851opacity:0; 1852height:100%; 1853z-index:-1; 1854background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0%
1854no-repeat padding-box; 1855} 1856.fancyButton264:is(:hover, :focus, :active)::after{ 1857opacity:1; 1858 1859} 1860.fancyButton264.fancyButton:hover,.fancyButton264.fancyButton:focus,.fancyButton264.fancyButton:active,.fancyButton264.fancyButton.hover{ 1861 background-image: url(/ImageRepository/Document?documentID=39426); 1862 background-repeat: no-repeat; 1863 background-position: center center; 1864} 1865.fancyButton264.fancyButton:link > span,.fancyButton264.fancyButton:visited > span, .fancyButton264div.fancyButton > span{ 1866} 1867.fancyButton264.fancyButton:hover > span,.fancyButton264.fancyButton:focus > span,.fancyButton264.fancyButton:active > span,.fancyButton264.fancyButton.hover > span{ 1868} 1869.fancyButton264.fancyButton .text{ 1870 color: rgba(255, 255, 255, 1); 1871 font-size: 1.5em; 1872 font-family: "PT Sans"; 1873 text-align: center; 1874 padding-top: 30px; 1875 padding-bottom: 30px; 1876 padding-right: 10px; 1877 padding-left: 10px; 1878 font-weight: 700; 1879 text-decoration: none; 1880 padding-top: 30px; 1881 padding-bottom: 30px; 1882 padding-right: 10px; 1883 padding-left: 10px; 1884 background-repeat: no-repeat; 1885 background-position: left top; 1886width:100%; 1887position:absolute; 1888left:0; 1889bottom:50%; 1890transition:all .3s ease-in-out; 1891transform:translateY(50%); 1892} 1893.fancyButton264 .text::after{ 1894position:absolute; 1895content:""; 1896left:50%; 1897bottom:5px; 1898width:60px; 1899height:2px; 1900border-radius:2px; 1901background:#FFFFFF; 1902transform:translateX(-50%); 1903transition:all .3s ease-in-out; 1904} 1905.fancyButton264:is(:hover, :focus, :active) .text::after{ 1906width:100px;display:block;} 1907.fancyButton264.fancyButton:hover .text,.fancyButton264.fancyButton:focus .text,.fancyButton264.fancyButton:active .text,.fancyButton264.fancyButton.hover .text{ 1908 text-decoration: none; 1909 background-repeat: no-repeat; 1910 background-position: left top; 1911bottom:37px; 1912transform:translateY(0%); 1913} 1914.fancyButton264.fancyButton .textStyle1{ 1915 color: rgb(255, 255, 255); 1916 font-size: 1.5em; 1917 font-family: PT Sans; 1918 font-weight: 700; 1919 text-decoration: none; 1920display:block;} 1921.fancyButton264.fancyButton:hover .textStyle1, .fancyButton264.fancyButton.hover .textStyle1{ 1922 text-decoration: underline; 1923 1924} 1925.fancyButton264.fancyButton .textStyle2{ 1926 color: rgb(255, 255, 255); 1927 font-size: 1.5em; 1928 font-family: PT Sans; 1929 font-style: normal; 1930 text-decoration: none; 1931display:block;} 1932.fancyButton264.fancyButton:hover .textStyle2, .fancyButton264.fancyButton.hover .textStyle2{ 1933 text-decoration: none; 1934 1935} 1936</style> 1937 1938 </li><!-- 1939--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1940 --><li class="widgetItem GraphicLinks"> 1941 1942<div> 1943 <a href="/1165/Police-Department" target="_self" class="fancyButton fancyButton210 " > 1944 <span> 1945 <span><span class="text">POLICE<br></span></span> 1946 </span> 1947 </a> 1948</div> 1949 <style scoped="scoped">.fancyButton210.fancyButton:link,.fancyButton210.fancyButton:visited, .fancyButton210div.fancyButton{ 1950 background-repeat: no-repeat; 1951 background-position: center center; 1952min-height:400px; 1953background-size:cover; 1954transition:all .3s ease-in-out; 1955position:relative; 1956z-index:0; 1957} 1958.fancyButton210::after{ 1959position:absolute; 1960content:""; 1961left:0; 1962bottom:0; 1963transition:all .3s ease-in-out; 1964width:100%; 1965opacity:0; 1966height:100%; 1967z-index:-1; 1968background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0% no-repeat padding-box; 1969} 1970.fancyButton210:is(:hover, :focus, :active)::after{ 1971opacity:1; 1972 1973} 1974.fancyButton210.fancyButton:hover,.fancyButton210.fancyButton:focus,.fancyButton210.fancyButton:active,.fancyButton210.fancyButton.hover{ 1975 background-image: url('/ImageRepository/Document?documentID=39966'); 1976 background-repeat: no-repeat; 1977 background-position: center center; 1978justify-content:start;} 1979.fancyButton210.fancyButton:link > span,.fancyButton210.fancyButton:visited > span, .fancyButton210div.fancyButton > span{ 1980} 1981.fancyButton210.fancyButton:hover > span,.fancyButton210.fancyButton:focus > span,.fancyButton210.fancyButton:active > span,.fancyButton210.fancyButton.hover > span{ 1982} 1983.fancyButton210.fancyButton .text{ 1984 color: rgba(255, 255, 255, 1); 1985 font-size: 1.5em; 1986 font-family: "PT Sans"; 1987 text-align: center; 1988 padding-top: 30px; 1989 padding-bottom: 30px; 1990 padding-right: 10px; 1991 padding-left: 10px; 1992 font-weight: 700; 1993 text-decoration: none; 1994 padding-top: 30px; 1995 padding-bottom: 30px; 1996 padding-right: 10px; 1997 padding-left: 10px; 1998 background-repeat: no-repeat; 1999 background-position: left top; 2000width:100%; 2001position:absolute; 2002left:0; 2003bottom:50%; 2004transition:all .3s ease-in-out; 2005transform:translateY(50%); 2006} 2007.fancyButton210 .text::after{ 2008position:absolute; 2009content:""; 2010left:50%; 2011bottom:5px; 2012width:60px; 2013height:2px; 2014border-radius:2px; 2015background:#FFFFFF; 2016transform:translateX(-50%); 2017transition:all .3s ease-in-out; 2018} 2019.fancyButton210:is(:hover, :focus, :active) .text::after{ 2020width:100px;display:block;} 2021.fancyButton210.fancyButton:hover .text,.fancyButton210.fancyButton:focus .text,.fancyButton210.fancyButton:active .text,.fancyButton210.fancyButton.hover .text{ 2022 text-decoration: none; 2023 background-repeat: no-repeat; 2024 background-position: left top; 2025bottom:37px; 2026transform:translateY(0%); 2027} 2028.fancyButton210.fancyButton .textStyle1{ 2029 color: rgb(255, 255, 255); 2030 font-size: 1.5em; 2031 font-family: PT Sans; 2032 font-weight: 700; 2033 text-decoration: none; 2034display:block;} 2035.fancyButton210.fancyButton:hover .textStyle1, .fancyButton210.fancyButton.hover .textStyle1{ 2036 text-decoration: none; 2037 2038} 2039.fancyButton210.fancyButton .textStyle2{ 2040 color: rgb(255, 255, 255); 2041 font-size: 1.5em; 2042 font-family: PT Sans; 2043 font-style: normal; 2044 text-decoration: none; 2045display:block;} 2046.fancyButton210.fancyButton:hover .textStyle2, .fancyButton210.fancyButton.hover .textStyle2{ 2047 text-decoration: none; 2048 2049} 2050</style> 2051 2052 </li><!-- 2053--></ul></div><!-- --> 2054 </div> 2055 </nav> 2056 </div> 2057 <div class="widgetFooter"> 2058 </div> 2059</div> 2060</div> 2061 2062 </div> <!-- inner column --> 2063 2064 </div> <!-- inner row --> 2065 2066 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="f5828c8a-2805-48c2-a481-c79e2bdf03d2">� 2067 <div class="row nest first last wide">� 2068 2069 <div class="inner col col8 first last idf8f92092-f5e8-4dc1-9e20-2ab470999b41" style="" data-widgetcontainerid="f8f92092-f5e8-4dc1-9e20-2ab470999b41">� 2070<div data-widget-id="f7a4edc1-4a83-4b9e-a46e-5eab121b37c0" data-widget-controller-path="/GraphicLinks/Widget"> 2071 2072 2073 2074 2075<div id="graphicLinkWidgetf7a4edc1-4a83-4b9e-a46e-5eab121b37c0" class="widget widgetGraphicLinks skin34 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2076 <div class="widgetHeader"> 2077 <div class="">
2078 </div> 2079 </div> 2080 <div class="widgetBody cpGrid cpGrid2 "> 2081 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2082 <div class="row wide"> 2083 <!-- 2084--><div class="col col1 first "><ul class="semanticList"><!-- 2085 --><li class="widgetItem GraphicLinks"> 2086 2087<div> 2088 <a href="/212/Agendas-Minutes" target="_self" class="fancyButton fancyButton180 " > 2089 <span> 2090 <span><span class="text">AGENDAS<br></span></span> 2091 </span> 2092 </a> 2093</div> 2094 <style scoped="scoped">.fancyButton180.fancyButton:link,.fancyButton180.fancyButton:visited, .fancyButton180div.fancyButton{ 2095 background-image: url('/ImageRepository/Document?documentID=39428'); 2096 background-repeat: no-repeat; 2097 background-position: center center; 2098min-height:400px; 2099background-size:cover; 2100transition:all .3s ease-in-out; 2101position:relative; 2102z-index:0; 2103} 2104.fancyButton180::after{ 2105position:absolute; 2106content:""; 2107left:0; 2108bottom:0; 2109transition:all .3s ease-in-out; 2110width:100%; 2111opacity:0; 2112height:100%; 2113z-index:-1; 2114background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0% no-repeat padding-box; 2115} 2116.fancyButton180:is(:hover, :focus, :active)::after{ 2117opacity:1; 2118 2119} 2120.fancyButton180.fancyButton:hover,.fancyButton180.fancyButton:focus,.fancyButton180.fancyButton:active,.fancyButton180.fancyButton.hover{ 2121 background-image: url('/ImageRepository/Document?documentID=39422'); 2122 background-repeat: no-repeat; 2123 background-position: center center; 2124} 2125.fancyButton180.fancyButton:link > span,.fancyButton180.fancyButton:visited > span, .fancyButton180div.fancyButton > span{ 2126} 2127.fancyButton180.fancyButton:hover > span,.fancyButton180.fancyButton:focus > span,.fancyButton180.fancyButton:active > span,.fancyButton180.fancyButton.hover > span{ 2128} 2129.fancyButton180.fancyButton .text{ 2130 color: rgba(255, 255, 255, 1); 2131 font-size: 1.5em; 2132 font-family: "PT Sans"; 2133 text-align: center; 2134 padding-top: 30px; 2135 padding-bottom: 30px; 2136 padding-right: 10px; 2137 padding-left: 10px; 2138 font-weight: 700; 2139 text-decoration: none; 2140 padding-top: 30px; 2141 padding-bottom: 30px; 2142 padding-right: 10px; 2143 padding-left: 10px; 2144 background-repeat: no-repeat; 2145 background-position: left top; 2146width:100%; 2147position:absolute; 2148left:0; 2149bottom:50%; 2150transition:all .3s ease-in-out; 2151transform:translateY(50%); 2152} 2153.fancyButton180 .text::after{ 2154position:absolute; 2155content:""; 2156left:50%; 2157bottom:5px; 2158width:60px; 2159height:2px; 2160border-radius:2px; 2161background:#FFFFFF; 2162transform:translateX(-50%); 2163transition:all .3s ease-in-out; 2164} 2165.fancyButton180:is(:hover, :focus, :active) .text::after{ 2166width:100px;display:block;} 2167.fancyButton180.fancyButton:hover .text,.fancyButton180.fancyButton:focus .text,.fancyButton180.fancyButton:active .text,.fancyButton180.fancyButton.hover .text{ 2168 text-decoration: none; 2169 background-repeat: no-repeat; 2170 background-position: left top; 2171bottom:37px; 2172transform:translateY(0%); 2173} 2174.fancyButton180.fancyButton .textStyle1{ 2175 color: rgb(255, 255, 255); 2176 font-size: 1.5em; 2177 font-family: PT Sans; 2178 font-weight: 700; 2179 text-decoration: none; 2180display:block;} 2181.fancyButton180.fancyButton:hover .textStyle1, .fancyButton180.fancyButton.hover .textStyle1{ 2182 text-decoration: underline; 2183 2184} 2185.fancyButton180.fancyButton .textStyle2{ 2186 color: rgb(255, 255, 255); 2187 font-size: 1.5em; 2188 font-family: PT Sans; 2189 font-style: normal; 2190 text-decoration: none; 2191display:block;} 2192.fancyButton180.fancyButton:hover .textStyle2, .fancyButton180.fancyButton.hover .textStyle2{ 2193 text-decoration: none; 2194 2195} 2196</style> 2197 2198 </li><!-- 2199--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2200 --><li class="widgetItem GraphicLinks"> 2201 2202<div> 2203 <a href="/791/Transparency-Portal" target="_self" class="fancyButton fancyButton209 " > 2204 <span> 2205 <span><span class="text">TRANSPARENCY<br></span></span> 2206 </span> 2207 </a> 2208</div> 2209 <style scoped="scoped">.fancyButton209.fancyButton:link,.fancyButton209.fancyButton:visited, .fancyButton209div.fancyButton{ 2210 background-image: url('/ImageRepository/Document?documentID=39428'); 2211 background-repeat: no-repeat; 2212 background-position: center center; 2213min-height:400px; 2214background-size:cover; 2215transition:all .3s ease-in-out; 2216position:relative; 2217z-index:0; 2218} 2219.fancyButton209::after{ 2220position:absolute; 2221content:""; 2222left:0; 2223bottom:0; 2224transition:all .3s ease-in-out; 2225width:100%; 2226opacity:0; 2227height:100%; 2228z-index:-1; 2229background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0%
2229no-repeat padding-box; 2230} 2231.fancyButton209:is(:hover, :focus, :active)::after{ 2232opacity:1; 2233 2234} 2235.fancyButton209.fancyButton:hover,.fancyButton209.fancyButton:focus,.fancyButton209.fancyButton:active,.fancyButton209.fancyButton.hover{ 2236 background-image: url('/ImageRepository/Document?documentID=39427'); 2237 background-repeat: no-repeat; 2238 background-position: center center; 2239} 2240.fancyButton209.fancyButton:link > span,.fancyButton209.fancyButton:visited > span, .fancyButton209div.fancyButton > span{ 2241} 2242.fancyButton209.fancyButton:hover > span,.fancyButton209.fancyButton:focus > span,.fancyButton209.fancyButton:active > span,.fancyButton209.fancyButton.hover > span{ 2243} 2244.fancyButton209.fancyButton .text{ 2245 color: rgba(255, 255, 255, 1); 2246 font-size: 1.5em; 2247 font-family: "PT Sans"; 2248 text-align: center; 2249 padding-top: 30px; 2250 padding-bottom: 30px; 2251 padding-right: 10px; 2252 padding-left: 10px; 2253 font-weight: 700; 2254 text-decoration: none; 2255 padding-top: 30px; 2256 padding-bottom: 30px; 2257 padding-right: 10px; 2258 padding-left: 10px; 2259 background-repeat: no-repeat; 2260 background-position: left top; 2261width:100%; 2262position:absolute; 2263left:0; 2264bottom:50%; 2265transition:all .3s ease-in-out; 2266transform:translateY(50%); 2267} 2268.fancyButton209 .text::after{ 2269position:absolute; 2270content:""; 2271left:50%; 2272bottom:5px; 2273width:60px; 2274height:2px; 2275border-radius:2px; 2276background:#FFFFFF; 2277transform:translateX(-50%); 2278transition:all .3s ease-in-out; 2279} 2280.fancyButton209:is(:hover, :focus, :active) .text::after{ 2281width:100px;display:block;} 2282.fancyButton209.fancyButton:hover .text,.fancyButton209.fancyButton:focus .text,.fancyButton209.fancyButton:active .text,.fancyButton209.fancyButton.hover .text{ 2283 text-decoration: none; 2284 background-repeat: no-repeat; 2285 background-position: left top; 2286bottom:37px; 2287transform:translateY(0%); 2288} 2289.fancyButton209.fancyButton .textStyle1{ 2290 color: rgb(255, 255, 255); 2291 font-size: 1.5em; 2292 font-family: PT Sans; 2293 font-weight: 700; 2294 text-decoration: none; 2295display:block;} 2296.fancyButton209.fancyButton:hover .textStyle1, .fancyButton209.fancyButton.hover .textStyle1{ 2297 text-decoration: underline; 2298 2299} 2300.fancyButton209.fancyButton .textStyle2{ 2301 color: rgb(255, 255, 255); 2302 font-size: 1.5em; 2303 font-family: PT Sans; 2304 font-style: normal; 2305 text-decoration: none; 2306display:block;} 2307.fancyButton209.fancyButton:hover .textStyle2, .fancyButton209.fancyButton.hover .textStyle2{ 2308 text-decoration: none; 2309 2310} 2311</style> 2312 2313 </li><!-- 2314--></ul></div><!-- --> 2315 </div> 2316 </nav> 2317 </div> 2318 <div class="widgetFooter"> 2319 </div> 2320</div> 2321</div> 2322 2323 </div> <!-- inner column --> 2324 2325 </div> <!-- inner row --> 2326 2327 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2328 2329 2330 </div> 2331</div></div> 2332</div> 2333 2334 2335 2336 2337 <div id="banner2-40" style="display: none"></div> 2338
2338<script type="text/javascript"> 2339 $(window).on("load", function () { 2340 $.when(window.Pages.rwdSetupComplete) 2341 .done(function () { 2342 renderBanner('banner2-40', 2343 'banner2', 2344 {"BannerOptionID":40,"ThemeID":16,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":113,"BannerOptionID":40,"FileName":"/ImageRepository/Document?documentID=39419","Height":904,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 2345 {"BannerImageID":113,"BannerOptionID":40,"FileName":"/ImageRepository/Document?documentID=39419","Height":904,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 2346 '/App_Themes/2025 - Home/Images/', 2347 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=39419" />'); 2348 }); 2349 }); 2350 </script>
2350 2351 2352</div> 2353</div><!-- Carousel --><div data-cpRole="structuralContainer" id="homeContainer2"> 2354<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cc47160a7f-caaa-4413-a9e4-76af69123170" data-containerid="47160a7f-caaa-4413-a9e4-76af69123170" class="pageContent cpGrid cpGrid24 showInMobile"> 2355 2356 2357 <div class="row outer wide"><!-- 2358--><div class="outer col col24 first last" style="" data-widgetcontainerid="8ac20415-df00-4fc6-b629-1112155ebb43">� 2359 <div class="row nest first last wide">� 2360 2361 <div class="inner col col24 first last idd02a1ac7-575e-4dae-b47f-60f34be2515a" style="" data-widgetcontainerid="d02a1ac7-575e-4dae-b47f-60f34be2515a">� 2362 <div data-widget-id="dad76b25-842b-4c17-8642-ae9db5ba64db" data-widget-controller-path="/InfoAdvanced/Widget"> 2363 2364 2365 2366 2367 2368 <section id="divInfoAdvdad76b25-842b-4c17-8642-ae9db5ba64db" class="widget widgetInfoAdvanced skin36 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2369 <header class="widgetHeader" id="headerdad76b25-842b-4c17-8642-ae9db5ba64db"> 2370 <div class=""> 2371 </div> 2372 </header> 2373 <div class="widgetBody cpGrid cpGrid1 "> 2374 <div class="row wide"> 2375 <div class="col col1 first last"> 2376 <ol class="pageStyles semanticList"> 2377 2378<li class="InfoAdvanced widgetItem fr-view"> 2379 <h1 class="headline" style="text-align: center;">NEWS FLASH</h1><p style="text-align: center;">Stay Up To Date</p> 2380</li> </ol> 2381 </div> 2382 </div> 2383 </div> 2384 <div class="widgetFooter"> 2385 2386 </div> 2387 2388 </section> 2389 2390 2391
2392<script type="text/javascript"> 2393 //Render slideshow if info advacned items contain one. 2394 $(document).ready(function (e) { 2395 $('#divInfoAdvdad76b25-842b-4c17-8642-ae9db5ba64db .InfoAdvanced.widgetItem').each(function () { 2396 renderSlideshowIfApplicable($(this)); 2397 }); 2398 }); 2399</script>
2399</div> 2400 </div> <!-- inner column --> 2401 2402 </div> <!-- inner row --> 2403 2404 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2405 <div class="row outer wide"><!-- 2406--><div class="outer col col24 first last" style="" data-widgetcontainerid="0dd8d0c1-a4ef-4d39-9025-2974f3395ba7">� 2407 <div class="row nest first last wide">� 2408 2409 <div class="inner col col24 first last id05629889-daed-45ca-a8c3-683299db7b7c" style="" data-widgetcontainerid="05629889-daed-45ca-a8c3-683299db7b7c">� 2410 2411 <div id="divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394" class="widget widgetTabbed wide skin35" data-widgetid="23735402-ba52-4d69-b4f3-1a96b1f96394"> 2412 <ol class="tabbedWidget cpTabs " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" "> 2413 <!-- 2414 --><li style="width: 48%;" class="active" role="presentation"> <a href="#tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" class="tabButton" id="tabBtn23735402-ba52-4d69-b4f3-1a96b1f96394_0" role="tab" aria-controls="tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="SPOTLIGHTS" contenteditable="false">SPOTLIGHTS</span></a> 2415</li><!-- 2416 --><li style="width: 48%;" class="" role="presentation"> <a href="#tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" class="tabButton" id="tabBtn23735402-ba52-4d69-b4f3-1a96b1f96394_1" role="tab" aria-controls="tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="City News" contenteditable="false">City News</span></a> 2417</li><!-- 2418 --> 2419 </ol> 2420 2421 <div class="cpTabPanels"> 2422 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2423 <li class="active" role="presentation"> <a href="#tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" class="tabButton" id="tabBtnNarrow23735402-ba52-4d69-b4f3-1a96b1f96394_0" role="tab" aria-controls="tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="SPOTLIGHTS" contenteditable="false">SPOTLIGHTS</span></a> 2424</li> 2425 </ol> 2426 <div class="tabbedWidget cpTabPanel showing" style="" id="tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" role="tabpanel" aria-labelledby="tabBtn23735402-ba52-4d69-b4f3-1a96b1f96394_0" tabindex="-1"> 2427 2428<div data-widget-id="449ec56b-9e16-44ad-9ed4-b2da1162bb3f" data-widget-controller-path="/NewsFlash/Widget"> 2429
2429<script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script>
2429 2430
2430<script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script>
2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446 <section class="widget widgetNewsFlash skin35 widgetOptionSet30 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 2447 <div class="widgetBody cpGrid cpGrid1 "> 2448 2449 2450 2451 2452<div class="cpCarousel cpCarousel449ec56b-9e16-44ad-9ed4-b2da1162bb3f"> 2453 <div class="cpWindow cpWindow449ec56b-9e16-44ad-9ed4-b2da1162bb3f"> 2454 <ol class="semanticList cpSlider"> 2455 <li class="widgetItem" data-index="0"> 2456 <a href="/CivicAlerts.aspx?AID=1201" target="_self"><img class="media cover" src="/ImageRepository/Document?documentID=40908" alt="Cover of Fall 2026 City Magazine, with a young girl participating in a cultural celebration." data-delayed-image="" style="height: 250px"/></a> 2457 <div class="text"> 2458 <h2 id="newsFlashItemHeader1201" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1201" target="_self">Fall 2026 City Magazine </a> 2459</h2> <div class="widgetDesc"> 2460Read the City News and Recreation Guide for Fall 2026! <a id="newsFlashReadOn1201" href="/CivicAlerts.aspx?AID=1201" target="_self" class="readOn" aria-label="Read on...: Fall 2026 City Magazine">Read on...</a> 2461 </div> 2462 2463 </div> 2464 </li> 2465 <li class="widgetItem" data-index="1"> 2466 <a href="/CivicAlerts.aspx?AID=1200" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=36062" alt="Photo of power lines at sunset" data-delayed-image="" style="height: 250px"/></a> 2467 <div class="text"> 2468 <h2 id="newsFlashItemHeader1200" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1200" target="_self">Public Safety Power Shutoffs (PSPS) </a> 2469</h2> <div class="widgetDesc"> 2470Be prepared for possible power shutoff on October 2-3. <a id="newsFlashReadOn1200" href="/CivicAlerts.aspx?AID=1200" target="_self" class="readOn" aria-label="Read on...: Public Safety Power Shutoffs (PSPS)">Read on...</a> 2471 </div> 2472 2473 </div> 2474 </li> 2475 <li class="widgetItem" data-index="2"> 2476 <a href="/CivicAlerts.aspx?AID=1199" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40053" alt="" data-delayed-image="" style="height: 250px"/></a> 2477 <div class="text"> 2478 <h2 id="newsFlashItemHeader1199" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1199" target="_self">Fall 2026 Community Clean Up </a> 2479</h2> <div class="widgetDesc"> 2480Join us for the Bi-Annual Community Clean-up Event on October 24 @ 8 AM! <a id="newsFlashReadOn1199" href="/CivicAlerts.aspx?AID=1199" target="_self" class="readOn" aria-label="Read on...: Fall 2026 Community Clean Up">Read on...</a> 2481 </div> 2482 2483 </div> 2484 </li> 2485 <li class="widgetItem" data-index="3"> 2486 <a href="/CivicAlerts.aspx?AID=1198" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40872" alt="" data-delayed-image="" style="height: 250px"/></a> 2487 <div class="text"> 2488 <h2 id="newsFlashItemHeader1198" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1198" target="_self">Statement Regarding Charges Against City Treasurer AJ Patel </a> 2489</h2> <div class="widgetDesc"> 2490Read the full news releases from the City of Beaumont and Riverside County District Attorney's Office. <a id="newsFlashReadOn1198" href="/CivicAlerts.aspx?AID=1198" target="_self" class="readOn" aria-label="Read on...: Statement Regarding Charges Against City Treasurer AJ Patel">Read on...</a> 2491 </div> 2492 2493 </div> 2494 </li> 2495 <li class="widgetItem" data-index="4"> 2496 <a href="/CivicAlerts.aspx?AID=1195" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40849" alt="Street construction" data-delayed-image="" style="height: 250px"/></a> 2497 <div class="text"> 2498 <h2 id="newsFlashItemHeader1195" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1195" target="_self">Citywide Street Rehabilitation and Maintenance </a> 2499</h2> <div class="widgetDesc"> 2500Crews for street improvements are fully mobilizing on September 4! <a id="newsFlashReadOn1195" href="/CivicAlerts.aspx?AID=1195" target="_self" class="readOn" aria-label="Read on...: Citywide Street Rehabilitation and Maintenance">Read on...</a> 2501 </div> 2502 2503 </div> 2504 </li> 2505 <li class="widgetItem" data-index="5"> 2506 <a href="/CivicAlerts.aspx?AID=1192" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40777" alt="" data-delayed-image="" style="height: 250px"/></a> 2507 <div class="text"> 2508 <h2 id="newsFlashItemHeader1192" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1192" target="_self">Join us for the Regional Vendor Fair! </a> 2509</h2> <div class="widgetDesc"> 2510Learn how your business can partner with local public agencies and utilities! <a id="newsFlashReadOn1192" href="/CivicAlerts.aspx?AID=1192" target="_self" class="readOn" aria-label="Read on...: Join us for the Regional Vendor Fair!">Read on...</a> 2511 </div> 2512 2513 </div> 2514 </li> 2515 <li class="widgetItem" data-index="6"> 2516 <a href="/CivicAlerts.aspx?AID=1184" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40728" alt="State of the City 2026" data-delayed-image="" style="height: 250px"/></a> 2517 <div class="text"> 2518 <h2 id="newsFlashItemHeader1184" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1184" target="_self">2026 State of the City </a> 2519</h2> <div class="widgetDesc"> 2520Join the City of Beaumont and Beaumont Chamber of Commerce for the State of the City on October 7! <a id="newsFlashReadOn1184" href="/CivicAlerts.aspx?AID=1184" target="_self" class="readOn" aria-label="Read on...: 2026 State of the City">Read on...</a> 2521 </div> 2522 2523 </div> 2524 </li> 2525 <li class="widgetItem" data-index="7"> 2526 <a href="/CivicAlerts.aspx?AID=1188" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40640" alt="" data-delayed-image="" style="height: 250px"/></a> 2527 <div class="text"> 2528 <h2 id="newsFlashItemHeader1188" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1188" target="_self">Beaumont Designated on FRRCL </a> 2529</h2> <div class="widgetDesc"> 2530Inclusion on Fire Risk Reduction Community List (FRRCL) brings potential benefits to Beaumont residents! <a id="newsFlashReadOn1188" href="/CivicAlerts.aspx?AID=1188" target="_self" class="readOn" aria-label="Read on...: Beaumont Designated on FRRCL">Read on...</a> 2531 </div> 2532 2533 </div> 2534 </li> 2535 2536 </ol> 2537 </div> 2538</div>
2539<script type="text/javascript"> 2540 // <!-- 2541 window.$ = window.$ || window.parent.$; 2542 2543 $(window).on('load', function () { 2544 //Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal 2545 if(!window.carouselsToInit){ 2546 window.carouselsToInit = new Array(); 2547 } 2548 var widgetNewsFlash449ec56b9e1644ad9ed4b2da1162bb3f = function() 2549 { 2550 var widgetWindow = $('#widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f').find('.cpWindow')[0]; 2551 if(widgetWindow){ 2552 if(widgetWindow.clientWidth != 0){ 2553 window.setTimeout(function(){ 2554 $('#widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f').adaptiveCarousel({ 2555 minSlideWidth: 230, 2556 maxSlideWidth: 350, 2557 gutterWidth: 40, 2558 circular: true, 2559 teaser: false, 2560 transitionTiming: 500, 2561 noImageRequired: false 2562 }); 2563 }, 250); 2564 var index = window.carouselsToInit.indexOf(widgetNewsFlash449ec56b9e1644ad9ed4b2da1162bb3f); 2565 if (index > -1) { 2566 window.carouselsToInit.splice(index, 1); 2567 } 2568 } 2569 } 2570 } 2571 var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlash449ec56b9e1644ad9ed4b2da1162bb3f); 2572 if (indexCarouselsToInit === -1) { 2573 window.carouselsToInit.push(widgetNewsFlash449ec56b9e1644ad9ed4b2da1162bb3f); 2574 } 2575 2576 if (window.carouselsToInit) { 2577 window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); }); 2578 } 2579 2580 if (window.Pages.onResizeHandlers){ 2581 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2582 } 2583 }); 2584 2585 if (Modernizr.touch) { 2586 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 2587 $.when($pages.rwdReady).done(function () { 2588 //only for responsive sites 2589 if (typeof($$) !== 'undefined') { 2590 $$('#widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f').on('swipeRight', function (e, a) { 2591 $(this).adaptiveCarousel("moveBack"); 2592 }); 2593 $$('#widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f').on('swipeLeft', function (e) { 2594 $(this).adaptiveCarousel("moveForward"); 2595 }); 2596 } 2597 }); 2598 } 2599 // --> 2600</script>
2600 2601 2602 <a id="newsFlashViewAll449ec56b-9e16-44ad-9ed4-b2da1162bb3f" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=13">VIEW ALL NEWS</a> 2603 </div> 2604 <div class="widgetFooter"> 2605 </div> 2606 <div class="addItemModal hidden"> 2607 <div class="url hidden">/CivicAlerts.aspx</div> 2608 </div> 2609 2610 </section> 2611 2612 2613 2614 2615 2616 2617 2618 2619</div> 2620 </div> 2621 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2622 <li class="" role="presentation"> <a href="#tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" class="tabButton" id="tabBtnNarrow23735402-ba52-4d69-b4f3-1a96b1f96394_1" role="tab" aria-controls="tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="City News" contenteditable="false">City News</span></a> 2623</li> 2624 </ol> 2625 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" role="tabpanel" aria-labelledby="tabBtn23735402-ba52-4d69-b4f3-1a96b1f96394_1" tabindex="-1"> 2626 2627<div data-widget-id="3e293fa2-910d-449e-b2bb-994984863ce8" data-widget-controller-path="/NewsFlash/Widget"> 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 <section class="widget widgetNewsFlash skin35 widgetOptionSet31 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash3e293fa2-910d-449e-b2bb-994984863ce8" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 2644 <div class="widgetBody cpGrid cpGrid4 "> 2645 <div class="row wide" style=""> 2646 <div class="col col1 first "> 2647 <ol class="semanticList"> 2648 <li class="widgetItem" data-news-i-d="1194"> 2649 2650 <h2 id="newsFlashItemHeader1194" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1194" target="_self">1-Year Partnership with Haven Pet Center </a> 2651</h2><div class="widgetDesc"> 2652City Council has approved a one-year partnership with Haven Pet Center while Beaumont's temporary animal shelter is in design. <a href="/CivicAlerts.aspx?AID=1194" target="_self" id="newsFlashReadOn1194" aria-label="Read on...: 1-Year Partnership with Haven Pet Center" class="readOn">Read on...</a> 2653</div> 2654 2655 </li> 2656 </ol> 2657 </div> 2658 <div class="col col1 last"> 2659 <ol class="semanticList"> 2660 <li class="widgetItem" data-news-i-d="1176"> 2661 2662 <h2 id="newsFlashItemHeader1176" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1176" target="_self">Pennsylvania Avenue Grade Separation Receives Federal Funding </a> 2663</h2><div class="widgetDesc"> 2664Congressman Raul Ruiz Presents $2 Million for Pennsylvania Avenue Grade Separation Project <a href="/CivicAlerts.aspx?AID=1176" target="_self" id="newsFlashReadOn1176" aria-label="Read on...: Pennsylvania Avenue Grade Separation Receives Federal Funding" class="readOn">Read on...</a> 2665</div> 2666 2667 </li> 2668 </ol> 2669 </div> 2670 <div class="col col1 "> 2671 <ol class="semanticList"> 2672 </ol> 2673 </div> 2674 <div class="col col1 "> 2675 <ol class="semanticList"> 2676 </ol> 2677 </div> 2678 </div> 2679 2680 <a id="newsFlashViewAll3e293fa2-910d-449e-b2bb-994984863ce8" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1">VIEW ALL NEWS</a> 2681 </div> 2682 <div class="widgetFooter"> 2683 </div> 2684 <div class="addItemModal hidden"> 2685 <div class="url hidden">/CivicAlerts.aspx</div> 2686 </div> 2687 2688 </section> 2689 2690 2691 2692 2693 2694 2695 2696 2697</div> 2698 </div> 2699 </div> 2700 </div> 2701
2701<script type="text/javascript"> 2702 2703 $.when(window.Pages.rwdReady).done(function () { 2704 var tabbedWidgetID = 'divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394'; 2705 var mediaQuerySize = 25; 2706 if (mediaQuerySize > 0) { 2707 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2708 var $tabbedWidget = $('#' + tabbedWidgetID); 2709 2710 // Update child widget classes based on parent state 2711 var updateChildWidgetClasses = function (isParentWide) { 2712 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 2713 if (liveEditEnabled) 2714 return; 2715 2716 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 2717 2718 if (isParentWide) { 2719 $childWidgets.addClass('wide').removeClass('narrow'); 2720 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 2721 } else { 2722 $childWidgets.addClass('narrow').removeClass('wide'); 2723 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 2724 } 2725 }; 2726 2727 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2728 deferSetup: false, 2729 setup: function () { 2730 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2731 if (!liveEditEnabled) { 2732 $tabbedWidget.addClass('narrow').removeClass('wide'); 2733 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2734 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2735 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2736 $tabbedWidget.data("tabHeightSet", false); 2737 2738 // Update child widget classes - parent is narrow 2739 updateChildWidgetClasses(false); 2740 } 2741 }, 2742 match: function () { 2743 $tabbedWidget.addClass('wide').removeClass('narrow'); 2744 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2745 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 2746 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 2747 2748 if($tabbedWidget.data("tabHeightSet") == false) 2749 { 2750 $tabbedWidget.data("tabHeightSet", true); 2751 2752 var tabbedWidgetID = 'divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394'; 2753 setTabbedWidgetsTabHeight(tabbedWidgetID); 2754 } 2755 $('.cpTabPanels').unbind('click'); 2756 2757 // Update child widget classes - parent is wide 2758 updateChildWidgetClasses(true); 2759 }, 2760 unmatch: function () { 2761 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2762 if (!liveEditEnabled) { 2763 $tabbedWidget.addClass('narrow').removeClass('wide'); 2764 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2765 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2766 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2767 2768 // Update child widget classes - parent is narrow 2769 updateChildWidgetClasses(false); 2770 } 2771 $('.cpTabPanels').click(function() { 2772 this.scrollIntoView(); 2773 }); 2774 } 2775 }); 2776 } 2777 }); 2778 2779 //Used for when page is initially loaded 2780 if($('#divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394').hasClass('narrow')) 2781 { 2782 $('.cpTabPanels').click(function() { 2783 this.scrollIntoView(); 2784 }); 2785 } 2786 2787 2788 //If responsive not enabled, execute this after a timeout 2789 if(!isResponsiveEnabled) 2790 { 2791 window.setTimeout(function(){ 2792 var tabbedWidgetID = 'divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394'; 2793 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 2794 }, 1500); 2795 } 2796 2797 function reinitCarousels() { 2798 if (window.carouselsToInit) { 2799 for (var i = 0; i < window.carouselsToInit.length; i++) { 2800 carouselsToInit[i](); 2801 } 2802 } 2803 } 2804 function sizeTabbedContent(element){ 2805 if(window.Pages){ 2806 if(window.Pages.onResizeHandlers){ 2807 var setTabbedInterval = setInterval(function () {
2808 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2809 }, 25) 2810 2811 2812 setTimeout(function () { 2813 clearInterval(setTabbedInterval); 2814 if ($.cookie("enableLiveEdit") === "true") { 2815 setInterval(function () { 2816 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2817 }, 2000); 2818 } 2819 }, 2500); 2820 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 2821 } 2822 } 2823 } 2824 2825 function adjustTab(e) { 2826 e.preventDefault(); 2827 window.setTimeout(function(){ 2828 reinitCarousels(); 2829 }, 2); 2830 sizeTabbedContent(this); 2831 } 2832 2833 var tabButtons = document.querySelectorAll("#divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394 .tabButton"); 2834 2835 tabButtons.forEach(function (tabButton) { 2836 tabButton.addEventListener("click", adjustTab); 2837 }); 2838 2839 </script>
2839 2840 2841 2842 2843 </div> <!-- inner column --> 2844 2845 </div> <!-- inner row --> 2846 2847 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2848 2849 2850 </div> 2851</div></div> 2852</div><!-- Calendar --><div data-cpRole="structuralContainer" id="homeContainer3" class="noOverflowTS"> 2853<div data-cpRole="banner" id="banner3"><div data-cpRole="structuralContainer" id="bannerSizing3TS"> 2854<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent3a"> <div id="cc81fc46e8-81b1-42ce-a7dc-9618e70b61e8" data-containerid="81fc46e8-81b1-42ce-a7dc-9618e70b61e8" class="pageContent cpGrid cpGrid24 showInMobile"> 2855 2856 2857 <div class="row outer wide"><!-- 2858--><div class="outer col col24 first last" style="" data-widgetcontainerid="23423ea9-ccfd-42ae-88e4-9fc47c0d43c4">� 2859 <div class="row nest first wide">� 2860 2861 <div class="inner col col24 first last idd98c7ef4-f692-4f52-a814-66d5fdce498e" style="" data-widgetcontainerid="d98c7ef4-f692-4f52-a814-66d5fdce498e">� 2862 <div data-widget-id="51086f3c-c28c-4705-bce9-76f02718805e" data-widget-controller-path="/InfoAdvanced/Widget"> 2863 2864 2865 2866 2867 2868 <section id="divInfoAdv51086f3c-c28c-4705-bce9-76f02718805e" class="widget widgetInfoAdvanced skin36 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2869 <header class="widgetHeader" id="header51086f3c-c28c-4705-bce9-76f02718805e"> 2870 <div class=""> 2871 </div> 2872 </header> 2873 <div class="widgetBody cpGrid cpGrid1 "> 2874 <div class="row wide"> 2875 <div class="col col1 first last"> 2876 <ol class="pageStyles semanticList"> 2877 2878<li class="InfoAdvanced widgetItem fr-view"> 2879 <h1 class="headline" style="text-align: center;">CALENDAR</h1><p style="text-align: center;">Mark Your Calendar</p> 2880</li> </ol> 2881 </div> 2882 </div> 2883 </div> 2884 <div class="widgetFooter"> 2885 2886 </div> 2887 2888 </section> 2889 2890 2891
2892<script type="text/javascript"> 2893 //Render slideshow if info advacned items contain one. 2894 $(document).ready(function (e) { 2895 $('#divInfoAdv51086f3c-c28c-4705-bce9-76f02718805e .InfoAdvanced.widgetItem').each(function () { 2896 renderSlideshowIfApplicable($(this)); 2897 }); 2898 }); 2899</script>
2899</div> 2900 </div> <!-- inner column --> 2901 2902 </div> <!-- inner row --> 2903 <div class="row nest last wide">� 2904 2905 <div class="inner col col24 first last id2444cb96-e2bf-4357-b7e7-78d8b7d7750f" style="" data-widgetcontainerid="2444cb96-e2bf-4357-b7e7-78d8b7d7750f">� 2906 2907 <div data-widget-id='02fb5b24-1b55-4d23-9782-be7ca62a48b4' data-moduleName="customHtml" id='widgetCustomHtml02fb5b24-1b55-4d23-9782-be7ca62a48b4' class="widget widgetCustomHtml skin41 narrow" > 2908 <div class="widgetBody pageStyles" id="widgetBody02fb5b24-1b55-4d23-9782-be7ca62a48b4"> 2909 <div id="customHtml02fb5b24-1b55-4d23-9782-be7ca62a48b4"><div><div class="iframe-container"> 2910 2911<iframe src="https://main.withapps.io/calendar?organizationId=23&id=68372ba2c60218a63831da76" class="responsive-iframe" scrolling="no"> 2912 2913</iframe> 2914 2915</div> 2916 2917<style> 2918 2919.iframe-container { 2920 2921display: flex; 2922 2923justify-content: center; 2924 2925align-items: flex-start; 2926 2927width: 100%; 2928 2929height: 100%; 2930 2931} 2932 2933 2934 2935.responsive-iframe { 2936 2937min-width: 400px; 2938 2939max-width: 900px; 2940 2941width: 100%; 2942 2943height: 650px; /* change height to fit container */ 2944 2945transform: scale(1.0); /* upscale or downscale to adjust to container size for the chosen height*/ 2946 2947transform-origin: top center; 2948 2949border: none; 2950 2951overflow: hidden; 2952 2953} 2954 2955 2956 2957@media (max-width: 768px) { 2958 2959.responsive-iframe { 2960 2961height: 900px; 2962 2963max-height: 900px; 2964 2965transform: scale(0.8); /* use this value to adjust the size of the calendar for the chosen height above */ 2966 2967transform-origin: top center; 2968 2969/*margin: 0 0 -175px 0;*/ /* if you have a big margin at the bottom use this example to adjust while changing the number -175px */ 2970 2971 2972 2973} 2974 2975} 2976 2977 2978 2979/* media query for tablet size adjustments. Be aware that this configuration can affect desktop configuration with smaller screens.*/ 2980 2981@media (min-width: 768px) and (max-width: 1024px) { 2982 2983.responsive-iframe { 2984 2985height: 900px; /* use this value to adjust the height */ 2986 2987max-height: 900px; 2988 2989transform: scale(1.4); /* use this value to adjust the size of the calendar for the chosen height above */ 2990 2991transform-origin: top center; 2992 2993/* if you have a big margin on top and / or bottom use this, or adjust the values with margin: top, right, bottom, left */ 2994 2995/* margin: -100px 0 -100px 0; */ 2996 2997} 2998 2999} 3000 3001</style></div></div> 3002 </div> 3003 3004 </div> 3005 3006 </div> <!-- inner column --> 3007 3008 </div> <!-- inner row --> 3009 3010 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3011 3012 3013 </div> 3014</div></div> 3015</div> 3016 3017 3018 3019 3020 <div id="banner3-41" style="display: none"></div> 3021
3021<script type="text/javascript"> 3022 $(window).on("load", function () { 3023 $.when(window.Pages.rwdSetupComplete) 3024 .done(function () { 3025 renderBanner('banner3-41', 3026 'banner3', 3027 {"BannerOptionID":41,"ThemeID":16,"SlotName":"banner3","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":112,"BannerOptionID":41,"FileName":"/ImageRepository/Document?documentID=39419","Height":904,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 3028 {"BannerImageID":112,"BannerOptionID":41,"FileName":"/ImageRepository/Document?documentID=39419","Height":904,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 3029 '/App_Themes/2025 - Home/Images/', 3030 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=39419" />'); 3031 }); 3032 }); 3033 </script>
3033 3034 3035</div> 3036</div><!-- COUNCIL RESOURCES --><div data-cpRole="structuralContainer" id="homeContainer4"> 3037<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent4a"> <div id="cc7af70caf-1b18-474e-9fa0-e2c16498d6aa" data-containerid="7af70caf-1b18-474e-9fa0-e2c16498d6aa" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="75"> 3038 3039 3040 <div class="row outer wide"><!-- 3041--><div class="outer col col24 first last" style="" data-widgetcontainerid="af2092eb-8dee-45e4-92a5-887df3a5a90e">� 3042 <div class="row nest first last wide">� 3043 3044 <div class="inner col col24 first last id618cdb6b-5f0d-49c3-bfe1-5ec3683f4478" style="" data-widgetcontainerid="618cdb6b-5f0d-49c3-bfe1-5ec3683f4478">� 3045 <div data-widget-id="2c7913e8-7d72-4ff5-b4e9-a94c5b3fd67a" data-widget-controller-path="/InfoAdvanced/Widget"> 3046 3047 3048 3049 3050 3051 <section id="divInfoAdv2c7913e8-7d72-4ff5-b4e9-a94c5b3fd67a" class="widget widgetInfoAdvanced skin38 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3052 <header class="widgetHeader" id="header2c7913e8-7d72-4ff5-b4e9-a94c5b3fd67a"> 3053 <div class=""> 3054 </div> 3055 </header> 3056 <div class="widgetBody cpGrid cpGrid1 "> 3057 <div class="row wide"> 3058 <div class="col col1 first last"> 3059 <ol class="pageStyles semanticList"> 3060 3061<li class="InfoAdvanced widgetItem fr-view"> 3062 <h1 class="headline" style="text-align: center;">COUNCIL RESOURCES</h1><p style="text-align: center;">Find What You’re Looking For</p> 3063</li> </ol> 3064 </div> 3065 </div> 3066 </div> 3067 <div class="widgetFooter"> 3068 3069 </div> 3070 3071 </section> 3072 3073 3074
3075<script type="text/javascript"> 3076 //Render slideshow if info advacned items contain one. 3077 $(document).ready(function (e) { 3078 $('#divInfoAdv2c7913e8-7d72-4ff5-b4e9-a94c5b3fd67a .InfoAdvanced.widgetItem').each(function () { 3079 renderSlideshowIfApplicable($(this)); 3080 }); 3081 }); 3082</script>
3082</div> 3083 </div> <!-- inner column --> 3084 3085 </div> <!-- inner row --> 3086 3087 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3088 <div class="row outer wide"><!-- 3089--><div class="outer col col12 first" style="" data-widgetcontainerid="3a46f36a-4ad8-4233-95ae-c3d6f64307c7">� 3090 <div class="row nest first last wide">� 3091 3092 <div class="inner col col12 first last id6331e341-889b-4085-85fa-693743a8e599" style="" data-widgetcontainerid="6331e341-889b-4085-85fa-693743a8e599">� 3093 3094 <div data-widget-id='3c824515-a421-4aa9-a124-409d5c8335c1' data-moduleName="customHtml" id='widgetCustomHtml3c824515-a421-4aa9-a124-409d5c8335c1' class="widget widgetCustomHtml skin40 narrow" > 3095 <div class="widgetBody pageStyles" id="widgetBody3c824515-a421-4aa9-a124-409d5c8335c1"> 3096 <div id="customHtml3c824515-a421-4aa9-a124-409d5c8335c1"><div><iframe width="560" height="315" src="https://www.youtube.com/embed/K2WA7tW-RZI?si=mM-4-1WPFmp1DOdq" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div> 3097 </div> 3098 3099 </div> 3100 3101 </div> <!-- inner column --> 3102 3103 </div> <!-- inner row --> 3104 3105 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="52d435b7-c5b4-46a0-9a41-e9c5a63f13b5">� 3106 <div class="row nest first last wide">� 3107 3108 <div class="inner col col1 first last id6b1bbe3e-c99e-48cc-810a-ea3c5f8e0b55" style="" data-widgetcontainerid="6b1bbe3e-c99e-48cc-810a-ea3c5f8e0b55">� 3109 3110<div class="widget widgetSpacer" id="8fb2aa52-4afb-42f9-80bb-5a3f865e673f"></div> 3111 </div> <!-- inner column --> 3112 3113 </div> <!-- inner row --> 3114 3115 </div><!-- outer column --><!----><div class="outer col col11 last" style="" data-widgetcontainerid="b24f5a64-6601-4920-a172-884f583e338d">� 3116 <div class="row nest first last wide">� 3117 3118 <div class="inner col col11 first last id4342e537-233d-4f1b-9848-0a38a8d37570" style="" data-widgetcontainerid="4342e537-233d-4f1b-9848-0a38a8d37570">� 3119 <div data-widget-id="063f6673-8bb6-4a6f-a70f-6af168d77e81" data-widget-controller-path="/QuickLinks/Widget"> 3120 3121 3122 3123 3124 3125 3126 3127 3128 <section id="widgetQuicklink063f6673-8bb6-4a6f-a70f-6af168d77e81" class="widget widgetQuickLinks skin37 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 3129 <header class="widgetHeader" id="quickLinksHeader063f6673-8bb6-4a6f-a70f-6af168d77e81"> 3130 <div class=""> 3131 </div> 3132 </header> 3133 <div class="widgetBody cpGrid cpGrid2 "> 3134 <div class="row autoWidths right narrow"> 3135 <div class="col col1 first "> 3136 <ol class="semanticList"> 3137 3138 3139 3140 3141 <li style="position:relative" class="widgetItem QuickLinks"> 3142 <a class="widgetDesc widgetQuickLinksLink" href="/212" target="_self" aria-label="Agendas - 2025 - Home Council Links" rel="">Agendas</a> 3143 <div class="widgetMeta"></div> 3144 </li> 3145 3146 3147 3148 3149 <li style="position:relative" class="widgetItem QuickLinks"> 3150 <a class="widgetDesc widgetQuickLinksLink" href="https://library.municode.com/ca/beaumont/codes/code_of_ordinances?nodeId=COORBECA" target="_self" aria-label="Ordinances - 2025 - Home Council Links" rel="">Ordinances</a> 3151 <div class="widgetMeta"></div> 3152 </li> 3153 3154 3155 3156 3157 <li style="position:relative" class="widgetItem QuickLinks"> 3158 <a class="widgetDesc widgetQuickLinksLink" href="/list.aspx" target="_self" aria-label="Notify me® - 2025 - Home Council Links" rel="">Notify me®</a> 3159 <div class="widgetMeta"></div> 3160 </li> 3161 </ol> 3162 </div> 3163 <div class="col col1 last"> 3164 <ol class="semanticList"> 3165 3166 3167 3168 3169 <li style="position:relative" class="widgetItem QuickLinks"> 3170 <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1264/City-Magazine" target="_self" aria-label="City Magazine - 2025 - Home Council Links" rel="">City Magazine</a> 3171 <div class="widgetMeta"></div> 3172 </li> 3173 3174 3175 3176 3177 <li style="position:relative" class="widgetItem QuickLinks"> 3178 <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1458/Strategic-Plan" target="_self" aria-label="Strategic Plan - 2025 - Home Council Links" rel="">Strategic Plan</a> 3179 <div class="widgetMeta"></div> 3180 </li> 3181 3182 3183 3184 3185 <li style="position:relative" class="widgetItem QuickLinks"> 3186 <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/791/Transparency-Portal" target="_self" aria-label="Trans
3186parency - 2025 - Home Council Links" rel="">Transparency</a> 3187 <div class="widgetMeta"></div> 3188 </li> 3189 </ol> 3190 </div> 3191 </div> 3192 3193 </div> 3194 <div class="widgetFooter"> 3195 </div> 3196 <div class="addItemModal hidden"> 3197 <div class="url hidden">/QuickLinks.aspx</div> 3198 </div> 3199 3200 </section> 3201</div> 3202 3203 </div> <!-- inner column --> 3204 3205 </div> <!-- inner row --> 3206 3207 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3208 <div class="row outer wide"><!-- 3209--><div class="outer col col24 first last" style="" data-widgetcontainerid="b0eae38c-c121-46ec-ae01-ca1ad9e66d0c">� 3210 <div class="row nest first last wide">� 3211 3212 <div class="inner col col24 first last idb19b9d61-5b4b-439d-b4b3-1efc2983e855" style="" data-widgetcontainerid="b19b9d61-5b4b-439d-b4b3-1efc2983e855">� 3213 3214<div class="widget widgetSpacer" id="7cee4ab0-5b1a-4af2-8771-6fd360f5a672"></div> 3215 </div> <!-- inner column --> 3216 3217 </div> <!-- inner row --> 3218 3219 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3220 <div class="row outer wide"><!-- 3221--><div class="outer col col24 first last" style="" data-widgetcontainerid="686a4ad9-aeb9-493c-8f50-3b1b491fe42f">� 3222 <div class="row nest first last wide">� 3223 3224 <div class="inner col col24 first last id6c1d04de-e57b-42e6-b8de-fb0b9090dfcb" style="" data-widgetcontainerid="6c1d04de-e57b-42e6-b8de-fb0b9090dfcb">� 3225 <div data-widget-id="32e19487-e0e7-494f-a628-e055386685a9" data-widget-controller-path="/InfoAdvanced/Widget"> 3226 3227 3228 3229 3230 3231 <section id="divInfoAdv32e19487-e0e7-494f-a628-e055386685a9" class="widget widgetInfoAdvanced skin39 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:60em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3232 <header class="widgetHeader" id="header32e19487-e0e7-494f-a628-e055386685a9"> 3233 <div class=""> 3234 </div> 3235 </header> 3236 <div class="widgetBody cpGrid cpGrid5 "> 3237 <div class="row wide"> 3238 <div class="col col1 first "> 3239 <ol class="pageStyles semanticList"> 3240 3241<li class="InfoAdvanced widgetItem fr-view"> 3242 <p><a href="/930/Mayor-Pro-Tem-Jessica-Voigt"><img src="/ImageRepository/Document?documentId=40373" class="fr-dib" alt="Mayor Voigt " style="width: 265px;"></a></p><h1 class="headline" style="text-align: center;"><a href="/930/Mayor-Pro-Tem-Jessica-Voigt">Jessica Voigt</a></h1><p style="text-align: center;"><span><a href="/930/Mayor-Pro-Tem-Jessica-Voigt">Mayor</a></span></p> 3243</li> </ol> 3244 </div> 3245 <div class="col col1 "> 3246 <ol class="pageStyles semanticList"> 3247 3248<li class="InfoAdvanced widgetItem fr-view"> 3249 <p><a href="/928/Councilmember-Lloyd-White"><img src="/ImageRepository/Document?documentId=40372" class="fr-dib" alt="Mayor Pro Tem White "></a></p><h1 class="headline" style="text-align: center;"><a href="/928/Councilmember-Lloyd-White">Lloyd White</a></h1><p style="text-align: center;"><span><a href="/928/Councilmember-Lloyd-White">Mayor Pro Tem</a></span></p> 3250</li> </ol> 3251 </div> 3252 <div class="col col1 "> 3253 <ol class="pageStyles semanticList"> 3254 3255<li class="InfoAdvanced widgetItem fr-view"> 3256 <p><a href="/768/Councilmember-Julio-Martinez-III"><img src="/ImageRepository/Document?documentId=40371" class="fr-dib" alt="Councilmember Martinez"></a></p><h1 class="headline" style="text-align: center;"><a href="/768/Councilmember-Julio-Martinez-III">Julio Martinez III</a></h1><p style="text-align: center;"><span><a href="/768/Councilmember-Julio-Martinez-III">Council Member</a></span></p> 3257</li> </ol> 3258 </div> 3259 <div class="col col1 "> 3260 <ol class="pageStyles semanticList"> 3261 3262<li class="InfoAdvanced widgetItem fr-view"> 3263 <p><a href="/959/Councilmember-David-Fenn"><img src="/ImageRepository/Document?documentId=40369" class="fr-dib" alt="Councilmember Fenn" style="width: 341px;"></a></p><h1 class="headline" style="text-align: center;"><a href="/959/Councilmember-David-Fenn">David Fenn</a></h1><p style="text-align: center;"><span><a href="/959/Councilmember-David-Fenn">Council Member</a></span></p> 3264</li> </ol> 3265 </div> 3266 <div class="col col1 last"> 3267 <ol class="pageStyles semanticList"> 3268 3269<li class="InfoAdvanced widgetItem fr-view"> 3270 <p><a href="/929/Mayor-Mike-Lara"><img src="/ImageRepository/Document?documentId=40370" class="fr-dib" alt="Councilmember Lara"></a></p><h1 class="headline" style="text-align: center;"><a href="/929/Mayor-Mike-Lara">Mike Lara</a></h1><p style="text-align: center;"><span><a href="/929/Mayor-Mike-Lara">Council Member</a></span></p> 3271</li> </ol> 3272 </div> 3273 </div> 3274 </div> 3275 <div class="widgetFooter"> 3276 3277 </div> 3278 3279 </section> 3280 3281 3282
3283<script type="text/javascript"> 3284 //Render slideshow if info advacned items contain one. 3285 $(document).ready(function (e) { 3286 $('#divInfoAdv32e19487-e0e7-494f-a628-e055386685a9 .InfoAdvanced.widgetItem').each(function () { 3287 renderSlideshowIfApplicable($(this)); 3288 }); 3289 }); 3290</script>
3290</div> 3291 </div> <!-- inner column --> 3292 3293 </div> <!-- inner row --> 3294 3295 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3296 3297 3298 </div> 3299</div></div> 3300</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 3301<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccd3d0b627-5663-409a-bf4d-227a045da7f5" data-containerid="d3d0b627-5663-409a-bf4d-227a045da7f5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="67"> 3302 3303 3304 <div class="row outer wide"><!-- 3305--><div class="outer col col7 first" style="" data-widgetcontainerid="1a096d4b-a1c5-4bc8-88ec-3b43f32105e4">� 3306 <div class="row nest first wide">� 3307 3308 <div class="inner col col7 first last idc51e4911-3e90-4e49-83a7-38372ea7a135" style="" data-widgetcontainerid="c51e4911-3e90-4e49-83a7-38372ea7a135">� 3309 <div data-widget-id="18ee6d83-d3a8-4179-b286-cf93379e3f87" data-widget-controller-path="/InfoAdvanced/Widget"> 3310 3311 3312 3313 3314 3315 <section id="divInfoAdv18ee6d83-d3a8-4179-b286-cf93379e3f87" class="widget widgetInfoAdvanced skin26 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3316 <header class="widgetHeader" id="header18ee6d83-d3a8-4179-b286-cf93379e3f87"> 3317 <div class=""> 3318 </div> 3319 </header> 3320 <div class="widgetBody cpGrid cpGrid1 "> 3321 <div class="row wide"> 3322 <div class="col col1 first last"> 3323 <ol class="pageStyles semanticList"> 3324 3325<li class="InfoAdvanced widgetItem fr-view"> 3326 <p><a href="/"><img src="/ImageRepository/Document?documentId=39546" class="fr-dib" alt="Beaumont California" style="width: 283px;"></a></p> 3327</li> </ol> 3328 </div> 3329 </div> 3330 </div> 3331 <div class="widgetFooter"> 3332 3333 </div> 3334 3335 </section> 3336 3337 3338
3339<script type="text/javascript"> 3340 //Render slideshow if info advacned items contain one. 3341 $(document).ready(function (e) { 3342 $('#divInfoAdv18ee6d83-d3a8-4179-b286-cf93379e3f87 .InfoAdvanced.widgetItem').each(function () { 3343 renderSlideshowIfApplicable($(this)); 3344 }); 3345 }); 3346</script>
3346</div> 3347 </div> <!-- inner column --> 3348 3349 </div> <!-- inner row --> 3350 <div class="row nest last wide">� 3351 3352 <div class="inner col col7 first last id8ff20112-1c1a-44be-80c3-9f692b80cf79" style="" data-widgetcontainerid="8ff20112-1c1a-44be-80c3-9f692b80cf79">� 3353<div data-widget-id="92744edc-e0b0-4c18-90e7-230f9ae64ba4" data-widget-controller-path="/GraphicLinks/Widget"> 3354 3355 3356 3357 3358<div id="graphicLinkWidget92744edc-e0b0-4c18-90e7-230f9ae64ba4" class="widget widgetGraphicLinks skin31 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 3359 <div class="widgetHeader"> 3360 <div class=""> 3361 </div> 3362 </div> 3363 <div class="widgetBody cpGrid cpGrid6 "> 3364 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 3365 <div class="row autoWidths center wide"> 3366 <!-- 3367--><div class="col col1 first "><ul class="semanticList"><!-- 3368 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 3369 3370<img src="/ImageRepository/Document?documentID=39404" 3371 class="graphicButtonLink" alt="Facebook" 3372 onmouseover="this.src='/ImageRepository/Document?documentID=39404'" 3373 onmouseout="this.src='/ImageRepository/Document?documentID=39404'" 3374 onfocus="this.src='/ImageRepository/Document?documentID=39404'" 3375 onblur="this.src='/ImageRepository/Document?documentID=39404'"> 3376</a></li><!-- 3377--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 3378 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/X" target="_self"> 3379 3380<img src="/ImageRepository/Document?documentID=39408" 3381 class="graphicButtonLink" alt="X" 3382 onmouseover="this.src='/ImageRepository/Document?documentID=39408'" 3383 onmouseout="this.src='/ImageRepository/Document?documentID=39408'" 3384 onfocus="this.src='/ImageRepository/Document?documentID=39408'" 3385 onblur="this.src='/ImageRepository/Document?documentID=39408'"> 3386</a></li><!-- 3387--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 3388 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 3389 3390<img src="/ImageRepository/Document?documentID=39409" 3391 class="graphicButtonLink" alt="YouTube" 3392 onmouseover="this.src='/ImageRepository/Document?documentID=39409'" 3393 onmouseout="this.src='/ImageRepository/Document?documentID=39409'" 3394 onfocus="this.src='/ImageRepository/Document?documentID=39409'" 3395 onblur="this.src='/ImageRepository/Document?documentID=39409'"> 3396</a></li><!-- 3397--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 3398 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 3399 3400<img src="/ImageRepository/Document?documentID=39405" 3401 class="graphicButtonLink" alt="Instagram" 3402 onmouseover="this.src='/ImageRepository/Document?documentID=39405'" 3403 onmouseout="this.src='/ImageRepository/Document?documentID=39405'" 3404 onfocus="this.src='/ImageRepository/Document?documentID=39405'" 3405 onblur="this.src='/ImageRepository/Document?documentID=39405'"> 3406</a></li><!-- 3407--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 3408 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/nextdoor" target="_self"> 3409 3410<img src="/ImageRepository/Document?documentID=39407" 3411 class="graphicButtonLink" alt="Nextdoor" 3412 onmouseover="this.src='/ImageRepository/Document?documentID=39407'" 3413 onmouseout="this.src='/ImageRepository/Document?documentID=39407'" 3414 onfocus="this.src='/ImageRepository/Document?documentID=39407'" 3415 onblur="this.src='/ImageRepository/Document?documentID=39407'"> 3416</a></li><!-- 3417--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 3418 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self"> 3419 3420<img src="/ImageRepository/Document?documentID=39406" 3421 class="graphicButtonLink" alt="Linkedin" 3422 onmouseover="this.src='/ImageRepository/Document?documentID=39406'" 3423 onmouseout="this.src='/ImageRepository/Document?documentID=39406'" 3424 onfocus="this.src='/ImageRepository/Document?documentID=39406'" 3425 onblur="this.src='/ImageRepository/Document?documentID=39406'"> 3426</a></li><!-- 3427--></ul></div><!-- --> 3428 </div> 3429 </nav> 3430 </div> 3431 <div class="widgetFooter"> 3432 </div> 3433</div> 3434</div> 3435 3436 </div> <!-- inner column --> 3437 3438 </div> <!-- inner row --> 3439 3440 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="eb82d608-08ea-441a-b8ff-258e73ee190b">� 3441 <div class="row nest first last wide">� 3442 3443 <div class="inner col col1 first last idaf3fbe7d-50c7-4ab8-af9c-b4192d2a50a7" style="" data-widgetcontainerid="af3fbe7d-50c7-4ab8-af9c-b4192d2a50a7">� 3444 3445<div class="widget widgetSpacer" id="c177df84-bf14-454e-8903-254ec6125d3f"></div> 3446 </div> <!-- inner column --> 3447 3448 </div> <!-- inner row --> 3449 3450 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="1bb53065-7867-4ff7-bfc9-af4d1ac81e3c">� 3451 <div class="row nest first last wide">� 3452 3453 <div class="inner col col5 first last id9b2165ed-933e-4dde-a5a5-13be110c944f" style="" data-widgetcontainerid="9b2165ed-933e-4dde-a5a5-13be110c944f">�
3454 <div data-widget-id="bd96c05e-17aa-49c2-8db0-194b369daa45" data-widget-controller-path="/InfoAdvanced/Widget"> 3455 3456 3457 3458 3459 3460 <section id="divInfoAdvbd96c05e-17aa-49c2-8db0-194b369daa45" class="widget widgetInfoAdvanced skin27 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerbd96c05e-17aa-49c2-8db0-194b369daa45"> 3461 <header class="widgetHeader" id="headerbd96c05e-17aa-49c2-8db0-194b369daa45"> 3462 <div class=""> 3463 <h3 >Contact Us</h3> 3464 </div> 3465 </header> 3466 <div class="widgetBody cpGrid cpGrid1 "> 3467 <div class="row wide"> 3468 <div class="col col1 first last"> 3469 <ol class="pageStyles semanticList"> 3470 3471<li class="InfoAdvanced widgetItem fr-view"> 3472 <p>Beaumont Civic Center</p> 3473</li> 3474<li class="InfoAdvanced widgetItem fr-view"> 3475 <p>550 E. 6th Street</p> 3476</li> 3477<li class="InfoAdvanced widgetItem fr-view"> 3478 <p>Beaumont, CA 92223</p><p><br></p> 3479</li> 3480<li class="InfoAdvanced widgetItem fr-view"> 3481 <p>Phone: <a href="tel:9517698520">951-769-8520</a></p><p><br></p> 3482</li> 3483<li class="InfoAdvanced widgetItem fr-view"> 3484 <p>Monday-Thursday 8:00 am to 5:00 pm</p> 3485</li> 3486<li class="InfoAdvanced widgetItem fr-view"> 3487 <p>Friday: 8 am to noon</p> 3488</li> </ol> 3489 </div> 3490 </div> 3491 </div> 3492 <div class="widgetFooter"> 3493 3494 </div> 3495 3496 </section> 3497 3498 3499
3500<script type="text/javascript"> 3501 //Render slideshow if info advacned items contain one. 3502 $(document).ready(function (e) { 3503 $('#divInfoAdvbd96c05e-17aa-49c2-8db0-194b369daa45 .InfoAdvanced.widgetItem').each(function () { 3504 renderSlideshowIfApplicable($(this)); 3505 }); 3506 }); 3507</script>
3507</div> 3508 </div> <!-- inner column --> 3509 3510 </div> <!-- inner row --> 3511 3512 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="1a353a8e-bf40-4706-83f0-5d9d871b0605">� 3513 <div class="row nest first last wide">� 3514 3515 <div class="inner col col1 first last idca0ebc53-7ee4-4b8b-9e6a-c63c40d1c4c1" style="" data-widgetcontainerid="ca0ebc53-7ee4-4b8b-9e6a-c63c40d1c4c1">� 3516 3517<div class="widget widgetSpacer" id="d8a66c45-58c2-4b6d-94fd-f65e910f7bac"></div> 3518 </div> <!-- inner column --> 3519 3520 </div> <!-- inner row --> 3521 3522 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="cf68956f-3074-46a2-84b3-753d0307e655">� 3523 <div class="row nest first last wide">� 3524 3525 <div class="inner col col5 first last idcaab6628-977d-4b06-9c03-c8d7053367ab" style="" data-widgetcontainerid="caab6628-977d-4b06-9c03-c8d7053367ab">� 3526 <div data-widget-id="9fa8cc2e-983f-4a74-83eb-07a7d83518fc" data-widget-controller-path="/QuickLinks/Widget"> 3527 3528 3529 3530 3531 3532 3533 3534 3535 <section id="widgetQuicklink9fa8cc2e-983f-4a74-83eb-07a7d83518fc" class="widget widgetQuickLinks skin27 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader9fa8cc2e-983f-4a74-83eb-07a7d83518fc"> 3536 <header class="widgetHeader" id="quickLinksHeader9fa8cc2e-983f-4a74-83eb-07a7d83518fc"> 3537 <div class=""> 3538 <h3><a style="" href="/QuickLinks.aspx?CID=46" >Quick Links</a></h3> 3539 </div> 3540 </header> 3541 <div class="widgetBody cpGrid cpGrid1 "> 3542 <div class="row autoWidths right narrow"> 3543 <div class="col col1 first last"> 3544 <ol class="semanticList"> 3545 3546 3547 3548 3549 <li style="position:relative" class="widgetItem QuickLinks"> 3550 <a class="widgetDesc widgetQuickLinksLink" href="/986/Current-Upcoming-Projects" target="_self" aria-label="Construction Projects - General" rel="">Construction Projects</a> 3551 <div class="widgetMeta"></div> 3552 </li> 3553 3554 3555 3556 3557 <li style="position:relative" class="widgetItem QuickLinks"> 3558 <a class="widgetDesc widgetQuickLinksLink" href="http://beaumontpd.org/" target="_self" aria-label="Police Department - General" rel="">Police Department</a> 3559 <div class="widgetMeta"></div> 3560 </li> 3561 3562 3563 3564 3565 <li style="position:relative" class="widgetItem QuickLinks"> 3566 <a class="widgetDesc widgetQuickLinksLink" href="/90/Transit" target="_self" aria-label="Transit - General" rel="">Transit</a> 3567 <div class="widgetMeta"></div> 3568 </li> 3569 3570 3571 3572 3573 <li style="position:relative" class="widgetItem QuickLinks"> 3574 <a class="widgetDesc widgetQuickLinksLink" href="https://beaumontca.recdesk.com/Community/Home" target="_self" aria-label="Facility Rentals - General" rel="">Facility Rentals</a> 3575 <div class="widgetMeta"></div> 3576 </li> 3577 3578 3579 3580 3581 <li style="position:relative" class="widgetItem QuickLinks"> 3582 <a class="widgetDesc widgetQuickLinksLink" href="https://ca-beaumont3.civicplus.com/Directory.aspx?DID=8" target="_self" aria-label="Email City Council - General" rel="">Email City Council</a> 3583 <div class="widgetMeta"></div> 3584 </li> 3585 3586 3587 3588 3589 <li style="position:relative" class="widgetItem QuickLinks"> 3590 <a class="widgetDesc widgetQuickLinksLink" href="/949/Bids-and-RFPs" target="_self" aria-label="Bids & RFPs - General" rel="">Bids & RFPs</a> 3591 <div class="widgetMeta"></div> 3592 </li> 3593 3594 3595 3596 3597 <li style="position:relative" class="widgetItem QuickLinks"> 3598 <a class="widgetDesc widgetQuickLinksLink" href="https://beaumontgis.com/arcgis/apps/experiencebuilder/experience/?id=966c9dc407a14497a0e9a29993dc719a" target="_self" aria-label="GIS - General" rel="">GIS</a> 3599 <div class="widgetMeta"></div> 3600 </li> 3601 3602 3603 3604 3605 <li style="position:relative" class="widgetItem QuickLinks"> 3606 <a class="widgetDesc widgetQuickLinksLink" href="https://portal.laserfiche.com/Portal/Welcome.aspx?repo=r-d75cb0c2" target="_self" aria-label="Search Public Documents - General" rel="">Search Public Documents</a> 3607 <div class="widgetMeta"></div> 3608 </li> 3609 </ol> 3610 </div> 3611 </div> 3612 3613 </div> 3614 <div class="widgetFooter"> 3615 </div> 3616 <div class="addItemModal hidden"> 3617 <div class="url hidden">/QuickLinks.aspx</div> 3618 </div> 3619 3620 </section> 3621</div> 3622 3623 </div> <!-- inner column --> 3624 3625 </div> <!-- inner row --> 3626 3627 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="478c2667-42af-46f6-a2f8-dfb8312f03d7">� 3628 <div class="row nest first last wide">� 3629 3630 <div class="inner col col1 first last iddb59a254-fbaa-4e6f-87d7-6da9d450244e" style="" data-widgetcontainerid="db59a254-fbaa-4e6f-87d7-6da9d450244e">� 3631 3632<div class="widget widgetSpacer" id="2060094b-4c94-49b9-bb74-892ebfce4c3b"></div> 3633 </div> <!-- inner column --> 3634 3635 </div> <!-- inner row --> 3636 3637 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="7f28fed1-53ff-49a3-a270-2988b1b941bb">� 3638 <div class="row nest first wide">� 3639 3640 <div class="inner col col4 first last id75cd5619-0bbf-46c5-b157-140525236e16" style="" data-widgetcontainerid="75cd5619-0bbf-46c5-b157-140525236e16">� 3641 <div data-widget-id="3cc92b35-252d-4aae-ae1d-26f240b7f5c5" data-widget-controller-path="/QuickLinks/Widget"> 3642 3643 3644 3645 3646 3647 3648 3649 3650 <section id="widgetQuicklink3cc92b35-252d-4aae-ae1d-26f240b7f5c5" class="widget widgetQuickLinks skin27 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader3cc92b35-252d-4aae-ae1d-26f240b7f5c5"> 3651 <header class="widgetHeader" id="quickLinksHeader3cc92b35-252d-4aae-ae1d-26f240b7f5c5"> 3652 <div class=""> 3653 <h3><a style="" href="/QuickLinks.aspx?CID=84" >Explore More</a></h3> 3654 </div> 3655 </header> 3656 <div class="widgetBody cpGrid cpGrid1 "> 3657 <div class="row autoWidths right narrow"> 3658 <div class="col col1 first last"> 3659 <ol class="semanticList"> 3660 3661 3662 3663 3664 <li style="position:relative" class="widgetItem QuickLinks"> 3665 <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1255/City-Mobile-App" target="_self" aria-label="City App - 2025 Footer - Explore More" rel="">City App</a> 3666 <div class="widgetMeta"></div> 3667 </li> 3668 3669 3670 3671 3672 <li style="position:relative" class="widgetItem QuickLinks"> 3673 <a class="widgetDesc widgetQuickLinksLink" href="/DocumentCenter/View/40421/Tax-Revenue-Sharing-Agreement-Reporting-Form" target="_self" aria-label="Tax Sharing Agreement - 2025 Footer - Explore More" rel="">Tax Sharing Agreement </a> 3674 <div class="widgetMeta"></div> 3675 </li> 3676 3677 3678 3679 3680 <li style="position:relative" class="widgetItem QuickLinks"> 3681 <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1454/Awards" target="_self" aria-label="Our Awards - 2025 Footer - Explore More" rel="">Our Awards</a> 3682 <div class="widgetMeta"></div> 3683 </li> 3684 3685 3686 3687 3688 <li style="position:relative" class="widgetItem QuickLinks"> 3689 <a class="widgetDesc widgetQuickLinksLink" href="https://beaumontcabusiness.gov/" target="_blank" aria-label="Economic Development - 2025 Footer - Explore More opens in new window" rel="noopener">Economic Development</a> 3690 <div class="widgetMeta"></div> 3691 </li> 3692 3693 3694 3695 3696 <li style="position:relative" class="widgetItem QuickLinks"> 3697 <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/list.aspx" target="_self" aria-label="Notify Me - 2025 Footer - Explore More" rel="">Notify Me</a> 3698 <div class="widgetMeta"></div> 3699 </li> 3700 3701 3702 3703 3704 <li style="position:relative" class="widgetItem QuickLinks"> 3705 <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/791/Transparency-Portal" target="_self" aria-label="Trans
3705parency - 2025 Footer - Explore More" rel="">Transparency</a> 3706 <div class="widgetMeta"></div> 3707 </li> 3708 </ol> 3709 </div> 3710 </div> 3711 3712 </div> 3713 <div class="widgetFooter"> 3714 </div> 3715 <div class="addItemModal hidden"> 3716 <div class="url hidden">/QuickLinks.aspx</div> 3717 </div> 3718 3719 </section> 3720</div> 3721 3722 </div> <!-- inner column --> 3723 3724 </div> <!-- inner row --> 3725 <div class="row nest last wide">� 3726 3727 <div class="inner col col4 first last id9baafeb5-57b0-44e0-87e6-661ab46d8b68" style="" data-widgetcontainerid="9baafeb5-57b0-44e0-87e6-661ab46d8b68">� 3728 <div data-widget-id="92ed1f6c-1062-4281-933b-1a3785a56948" data-widget-controller-path="/QuickLinks/Widget"> 3729 3730 3731 3732 3733 3734 3735 3736 3737 <section id="widgetQuicklink92ed1f6c-1062-4281-933b-1a3785a56948" class="widget widgetQuickLinks skin27 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 3738 <header class="widgetHeader" id="quickLinksHeader92ed1f6c-1062-4281-933b-1a3785a56948"> 3739 <div class=""> 3740 </div> 3741 </header> 3742 <div class="widgetBody cpGrid cpGrid1 "> 3743 <div class="row autoWidths right narrow"> 3744 <div class="col col1 first last"> 3745 <ol class="semanticList"> 3746 3747 3748 3749 3750 <li style="position:relative" class="widgetItem QuickLinks"> 3751 <a class="widgetDesc widgetQuickLinksLink" href="/admin" target="_self" aria-label="My Account - 2025 Footer - My Account" rel="">My Account</a> 3752 <div class="widgetMeta"></div> 3753 </li> 3754 </ol> 3755 </div> 3756 </div> 3757 3758 </div> 3759 <div class="widgetFooter"> 3760 </div> 3761 <div class="addItemModal hidden"> 3762 <div class="url hidden">/QuickLinks.aspx</div> 3763 </div> 3764 3765 </section> 3766</div> 3767 3768 </div> <!-- inner column --> 3769 3770 </div> <!-- inner row --> 3771 3772 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3773 3774 3775 </div> 3776</div></div> 3777</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 3778<div class="siteWrap4"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc5644ebbe-1b40-4ba0-8af0-567965dfdcb3" data-containerid="5644ebbe-1b40-4ba0-8af0-567965dfdcb3" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 3779 3780 3781 <div class="row outer wide"><!-- 3782--><div class="outer col col24 first last" style="" data-widgetcontainerid="6c252460-891e-43a9-bb27-30ab440db58d">� 3783 <div class="row nest first last wide">� 3784 3785 <div class="inner col col24 first last id2aae36b4-0dfc-494d-8c1a-f8b358479827" style="" data-widgetcontainerid="2aae36b4-0dfc-494d-8c1a-f8b358479827">� 3786 3787 <div data-widget-id='9711035b-485d-4409-a2da-4cb2a6598021' data-moduleName="customHtml" id='widgetCustomHtml9711035b-485d-4409-a2da-4cb2a6598021' class="widget widgetCustomHtml skin33 narrow" > 3788 <div class="widgetBody pageStyles" id="widgetBody9711035b-485d-4409-a2da-4cb2a6598021"> 3789 <div id="customHtml9711035b-485d-4409-a2da-4cb2a6598021"><div><style> 3790 /* CP icon */ 3791 .cpBylineIconTS { 3792 color: #fff; 3793 } 3794 /* CP Text */ 3795 .cpBylineTextTS, 3796 .cpBylineTextTS a:link { 3797 color: #fff; 3798 } 3799 3800 .cpBylineTS { 3801 text-align: center; 3802 } 3803 3804 .cpBylineIconTS { 3805 fill: currentColor; 3806 width: 39px; 3807 height: 26px; 3808 display: inline; 3809 vertical-align: middle; 3810 } 3811</style> 3812 3813<div class="widgetItem cpBylineTS"> 3814 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 3815 <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> 3816 <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> 3817 </svg> 3818 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 3819</div> 3820</div></div> 3821 </div> 3822 3823 </div> 3824 3825 </div> <!-- inner column --> 3826 3827 </div> <!-- inner row --> 3828 3829 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3830 3831 3832 </div> 3833</div></div> 3834</div> 3835</div> 3836 3837 </div> 3838 </div> 3839 </div> 3840 3841<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3842 3843<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3844 <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> 3845 <div class="cp-Splash-header"> 3846 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3847 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3848 <svg id="iconClose" viewBox="0 0 25 25"> 3849 <polygon style="fill:currentcolor" 3850 points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,
385018.084 13.277,12.508"></polygon> 3851 </svg> 3852 </button> 3853 </div> 3854 <div class="cp-Splash-body"> 3855 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3856 <!-- Content from the Froala Editor will go here. --> 3857 Loading 3858 </div> 3859 </div> 3860 <div class="cp-Splash-footer"> 3861 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3862 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 3863 </div> 3864 </div> 3865</div> 3866
3867<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3867
3867
3868<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3868
3868
3869<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3869
3869
3870<script> 3871 3872 $(document).ready(function () { 3873 var filter = { 3874 targetId: '1', 3875 targetType: 1 3876 } 3877 3878 new SplashModalRender().triggerRender(filter); 3879 }); 3880</script>
3880 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 3895 3896 3897
3897<script src="/-1442400649.js" type="text/javascript"></script>
3897 3898 <!----------Google Translate (Mobile Friendly)---------> 3899<style> 3900 #google-translate-container { 3901 position: fixed; 3902 bottom: 16px; 3903 right: 20px; 3904 z-index: 5; 3905 } 3906 3907 /* Select element */ 3908 .goog-te-combo { 3909 -webkit-appearance: none; 3910 -moz-appearance: none; 3911 appearance: none; 3912 3913 width: 165px; 3914 height: 32px; 3915 border-radius: 50px; 3916 background-color: white; 3917 3918 background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png"); 3919 background-position: 5px 5px; 3920 background-size: 22px; 3921 background-repeat: no-repeat; 3922 padding-left: 30px; 3923 margin: 0 !important; 3924 } 3925 3926 .google-translate-dropdown-arrow { 3927 position: absolute; 3928 top: 10px; 3929 right: 14px; 3930 border: solid black; 3931 border-width: 0 3px 3px 0; 3932 display: inline-block; 3933 padding: 3px; 3934 pointer-events: none; 3935 3936 transform: rotate(45deg); 3937 -webkit-transform: rotate(45deg); 3938 } 3939 3940 /* Google.com practice - hidden element */ 3941 .goog-te-gadget { 3942 position: absolute; 3943 width: 1px; 3944 height: 1px; 3945 padding: 0; 3946 margin: 0; 3947 3948 overflow: hidden; 3949 white-space: nowrap; 3950 clip: rect(1px, 1px, 1px, 1px); 3951 3952 z-index: -1000; 3953 } 3954</style> 3955 3956<div id="google-translate-container"> 3957 <i class="google-translate-dropdown-arrow"></i> 3958</div>
3959<script> 3960 function googleTranslateInit() { 3961 new google.translate.TranslateElement({ pageLanguage: "en" }, "google-translate-container"); 3962 3963 // Move select to parent container, so "Powered by Google Translate" can be made invisible 3964 const select = $(".goog-te-combo").detach(); 3965 $("#google-translate-container").append(select); 3966 } 3967 3968 $(function() { 3969 $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateInit"); 3970 }); 3971</script>
3971 3972<!--------------End Google Translate-----------------> 3973 3974 3975 3976
3977<script type="text/javascript"> 3978 window._monsido = window._monsido || { 3979 token: "iqp_2xX-WTEVnZGfRNa5IQ", 3980 statistics: { 3981 enabled: true, 3982 cookieLessTracking: true, 3983 documentTracking: { 3984 enabled: true, 3985 documentCls: "monsido_download", 3986 documentIgnoreCls: "monsido_ignore_download", 3987 documentExt: ["pdf","doc","ppt","docx","pptx"], 3988 }, 3989 }, 3990 heatmap: { 3991 enabled: true, 3992 }, 3993 pageAssistV2: { 3994 enabled: true, 3995 theme: "light", 3996 mainColor: "#783CE2", 3997 textColor: "#ffffff", 3998 linkColor: "#783CE2", 3999 buttonHoverColor: "#783CE2", 4000 mainDarkColor: "#052942", 4001 textDarkColor: "#ffffff", 4002 linkColorDark: "#FFCF4B", 4003 buttonHoverDarkColor: "#FFCF4B", 4004 greeting: "Discover your personalization options", 4005 direction: "leftbottom", 4006 coordinates: "undefined undefined undefined undefined", 4007 iconShape: "circle", 4008 title: "Personalization Options", 4009 titleText: "Welcome to PageAssist™ toolbar! Adjust the options below to cater the website to your accessibility needs.", 4010 iconPictureUrl: "logo", 4011 logoPictureUrl: "", 4012 logoPictureBase64: "", 4013 languages: [""], 4014 defaultLanguage: "", 4015 skipTo: false, 4016 alwaysOnTop: false, 4017 }, 4018 }; 4019</script>
vendor: 2 bytes, line 4019
4019
4020<script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script>
4020 4021 4022 4023<!-- Sticky Header Script -->
4024<script> 4025 window.onscroll = function stickyHeader(e) { 4026 let toolbar = document.querySelector("#divToolbars"); 4027 let toolbarHeight = toolbar.offsetHeight; 4028 let YoffSet = toolbarHeight - 1; 4029 let width = window.innerWidth; 4030 let stickyHeader = $("#stickyHeaderTS"); 4031 4032 if (scrollY > 10 && width >= 1200) { 4033 stickyHeader.addClass('fixedTopTS'); 4034 stickyHeader.css({"top": YoffSet + "px"}); 4035 } else { 4036 stickyHeader.removeClass('fixedTopTS'); 4037 stickyHeader.css({"top": "0px"}); 4038 } 4039 }; 4040</script>
4040 4041<!-- End Of Sticky Header Script --> 4042 4043 4044 4045 4046<!-- Support Ticket 997780 --> 4047<style> 4048div.bannerObject { 4049 position: absolute; 4050 left: 0 !important; 4051 top: 0; 4052 width: 100%; 4053} 4054</style> 4055
4056<script src="https://cdn-residentagent.civicplus.com/loader.js"></script>
vendor: 2 bytes, line 4056
4056
4057<script> 4058 window.ResidentAgentWidget.load({ 4059 agentId: '008b368f-d45c-49dd-8bbd-07752368ccfc', 4060 apiUrl: 'https://residentagent-api-production.azurewebsites.net' 4061 }); 4062</script>
4062 4063 4064 4065
4065<script type="text/javascript"> 4066 $(function () { 4067 document.cookie = "responsiveGhost=0; path=/"; 4068 }); 4069 $(window).on("load", function () { 4070 $('body').addClass('doneLoading').removeClass('hideContent'); 4071 4072 if ($('#404Content').length > 0) 4073 $('div#bodyWrapper').css('padding', '0px'); 4074 }); 4075 </script>
4075 4076 4077 <noscript> 4078 <style> 4079 body.hideContent { 4080 opacity: 1 !important; 4081 } 4082 </style> 4083 </noscript> 4084 4085 4086<div style="display: none;"> 4087 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 4088 4089 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 4090 <title>Arrow Left</title> 4091 <polygon style="fill:currentcolor" points="18.044,25 19.498,23.545 8.409,12.454 19.408,1.455 17.954,0 5.502,12.452"></polygon> 4092 </symbol> 4093 4094 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 4095 <title>Arrow Right</title> 4096 <polygon style="fill:currentcolor" points="6.957,0 5.502,1.455 16.591,12.546 5.592,23.545 7.047,25 19.498,12.548"></polygon> 4097 </symbol> 4098 4099 </svg> 4100</div> 4101
4101<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Figtree:300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Lato:700,700italic,italic,regular|PT+Sans:700,700italic,italic,regular|');</script>
4101 4102 4103 4104 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 4105 <div style="display: none;"> 4106 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 4107 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 4108 <title>Slideshow Left Arrow</title> 4109 <g> 4110 <path style="fill:currentcolor;" d="M20,40a2.67,2.67,0,0,1-1.9-.79L.79,21.9a2.68,2.68,0,0,1,0-3.79L18.1.79a2.68,2.68,0,1,1,3.79,3.79L6.47,20,21.89,35.42A2.68,2.68,0,0,1,20,40Z"></path> 4111 </g> 4112 </symbol> 4113 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 4114 <title>Slideshow Right Arrow</title> 4115 <g> 4116 <path style="fill:currentcolor;" d="M2.68,0a2.67,2.67,0,0,1,1.9.79L21.89,18.1a2.68,2.68,0,0,1,0,3.79L4.58,39.21A2.68,2.68,0,0,1,.79,35.42L16.21,20,.79,4.58A2.68,2.68,0,0,1,2.68,0Z"></path> 4117 </g> 4118 </symbol> 4119 </svg> 4120 </div> 4121 4122 4123 4124 4125 <div id="root-picker-outlet"></div> 4126</body> 4127</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.