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-QQDBB62EZK';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= true; 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 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 117-118
117 118<script async src="https://www.googletagmanager.com/gtag/js?id=
118UA-124813328-1
vendor: 13 bytes, line 118
118"></script>
119<script> 120
vendor: 138 bytes, lines 120-124
120window.dataLayer = window.dataLayer || []; 121 function gtag(){dataLayer.push(arguments);} 122 gtag('js', new Date()); 123 124 gtag('config', '
124UA-124813328-1
vendor: 5 bytes, line 124
124');
125</script>
125 126<!--End Google Analytics Code --> 127 128 <meta name="category0" content="Home" /> 129 130 131 <meta name="theme-color" content="rgb(53, 25, 97)"> 132 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 133 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 134 <title>Lombard, IL | Official Website</title> 135 136 <meta name="description" content=""> 137 <meta name="keywords" content="Home"> 138
138<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
138 139
139<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
139 140 141 142 <!--[if IE 6]>
142<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
142<![endif]--> 143 <!--[if IE 7]>
143<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
143<![endif]--> 144 <!--[if IE 8]>
144<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
144<![endif]--> 145 <!--[if IE 9]>
145<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
145<![endif]--> 146
146<script type="text/javascript"><!-- 147 var intCountryCode = 840; 148 var order = ''; 149//--></script>
149 150 151<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-13817918.css" rel="stylesheet" type="text/css" /> 152 153 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 154
154<script type="text/javascript"> 155 window.Pages = window.Pages || {}; 156 // FrontEnd RWD initialization 157 window.Pages.rwdReady = $.Deferred(); 158 window.Pages.toolBarDeferred = $.Deferred(); 159 window.Pages.rwdSetupComplete = $.Deferred(); 160 window.Pages.megaMenuLoaded = $.Deferred(); 161 window.Pages.angularToolbarComplete = $.Deferred(); 162 window.Pages.frontEndToolbarComplete = $.Deferred(); 163 </script>
163 164 <!--CPHeadContent--> 165
165<script src="/739942322.js" type="text/javascript"></script>
165 166 167 168 169 170 171 172 173 174 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 175 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 176 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 177 <!--[if lt IE 9]>
177<script type="text/javascript" src="/Scripts/html5.js"></script>
177<![endif]--> 178 179
179<script type="text/javascript"> 180 setEditorVariables(false, 840); 181 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 182 </script>
182 183
183<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
183 184</head> 185<body class="wide " > 186 187
187<script>jQuery(document).click(function (event) { 188 var target = jQuery(event.target); 189 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 190 var text = target.attr('title'); 191 192 if (!text.length) { 193 text = "N/A"; 194 } 195 ga('send', 196 { 197 hitType: 'event', 198 eventCategory: 'Image', 199 eventAction: 'Image - ' + text, 200 eventLabel: window.location.href 201 }); 202 } 203 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 204 var text = ""; 205 if (target.parents('.button')[0]) { 206 text = target.parents('.button').first().text(); 207 } else if (target.text().length) { 208 text = target.text(); 209 } else if (target.attr('title').length) { 210 text = target.attr('title'); 211 } 212 if (!text.length) { 213 text = "N/A"; 214 } 215 ga('send', 216 { 217 hitType: 'event', 218 eventCategory: 'Button', 219 eventAction: 'Button - ' + text, 220 eventLabel: window.location.href 221 }); 222 } 223 if (target.parents('.widgetCustomHtml').length) { 224 ga('send', 225 { 226 hitType: 'event', 227 eventCategory: 'Custom Html',
228 eventAction: 'Custom Html Clicked', 229 eventLabel: window.location.href 230 }); 231 } 232 if (target.parents('.editor').length) { 233 ga('send', 234 { 235 hitType: 'event', 236 eventCategory: 'Editor', 237 eventAction: 'Editor Link Clicked', 238 eventLabel: window.location.href 239 }); 240 } 241 if (target.parents('.GraphicLinks').length) { 242 var text = ""; 243 var targetGraphicLink = target; 244 if (target.hasClass('widgetGraphicLinksLink')) { 245 targetGraphicLink = jQuery(target.children()[0]); 246 } 247 if (targetGraphicLink.hasClass('text')) { 248 text = targetGraphicLink.text(); 249 } else if (targetGraphicLink.attr('src').length) { 250 if (targetGraphicLink.attr('alt').length) { 251 text = targetGraphicLink.attr('alt'); 252 } else { 253 text = targetGraphicLink.attr('src'); 254 } 255 } else { 256 text = "N/A"; 257 } 258 ga('send', 259 { 260 hitType: 'event', 261 eventCategory: 'Graphic Links', 262 eventAction: 'Graphic Link - ' + text, 263 eventLabel: window.location.href 264 }); 265 } 266 if (target.parents('.InfoAdvanced').length) { 267 ga('send', 268 { 269 hitType: 'event', 270 eventCategory: 'Info Advanced', 271 eventAction: 'Info Advanced Clicked', 272 eventLabel: window.location.href 273 }); 274 } 275 if (target.parents('.list').length) { 276 ga('send', 277 { 278 hitType: 'event', 279 eventCategory: 'List', 280 eventAction: 'List Clicked', 281 eventLabel: window.location.href 282 }); 283 } 284 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 285 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 286 var breadCrumbs = []; 287 jQuery('.breadCrumbs > li').each(function () { 288 breadCrumbs.push(this.textContent); 289 }); 290 var pageTitle = breadCrumbs.join('>'); 291 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 292 var text = ""; 293 if (pageTitle) { 294 text += pageTitle + " | "; 295 } else { 296 text += document.title + ' - '; 297 } 298 if (target.text() == "" && megaMenuText == "") { 299 text += "N/A"; 300 } else if (target.text().length && megaMenuText.length) { 301 if (megaMenuText == target.text()) { 302 text += megaMenuText; 303 } else { 304 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 305 } 306 } else if (target.text() == "") { 307 text += megaMenuText; 308 } else { 309 text += target.text(); 310 } 311 if (!text.length) { 312 text = "N/A"; 313 } 314 ga('send', 315 { 316 hitType: 'event', 317 eventCategory: 'Mega Menu', 318 eventAction: 'Mega Menu : ' + text, 319 eventLabel: window.location.href 320 }); 321 } 322 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 323 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 324 if (!text.length) { 325 text = "N/A"; 326 } 327 ga('send', 328 { 329 hitType: 'event', 330 eventCategory: 'News Flash', 331 eventAction: 'News Flash - ' + text, 332 eventLabel: window.location.href 333 }); 334 } 335 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 336 var text = target.text(); 337 if (!text.length) { 338 text = "N/A"; 339 } 340 ga('send', 341 { 342 hitType: 'event', 343 eventCategory: 'Quick Links', 344 eventAction: 'Quick Links - ' + text, 345 eventLabel: window.location.href 346 }); 347 } 348 if (target.attr('src') && target.parents('.cpSlideshow').length) { 349 var text = target.attr('title'); 350 if (!text.length) { 351 text = "N/A"; 352 } 353 ga('send', 354 { 355 hitType: 'event', 356 eventCategory: 'Slideshow', 357 eventAction: 'Slideshow - ' + text, 358 eventLabel: window.location.href 359 }); 360 } 361 if (target.parents('.widgetText').length) { 362 ga('send', 363 { 364 hitType: 'event', 365 eventCategory: 'Text', 366 eventAction: 'Text Link Clicked', 367 eventLabel: window.location.href 368 }); 369 } 370});</script>
370 371 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 372 <div class="cp-PopOver-header"> 373 <h3 class="cp-PopOver-title"></h3> 374 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 375 <svg class="cp-Icon--close" alt="close" title="close"> 376 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 377 </svg> 378 </button> 379 </div> 380 <div id="cpPopOverBody" class="cp-PopOver-body"> 381 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 382 </div> 383 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 384 <div class="cp-BtnGroup" id="actionButtons"> 385 <!-- Action buttons will be dynamically added here --> 386 </div> 387 </div> 388</div> 389 <div id="fb-root"></div> 390<div id=skipToContentLinks> 391<a href="#cc3230d320-fdaf-493c-8f7a-243999d19c4e" target="_self" class="skipToContentLink">Skip to Main Content</a> 392</div> 393 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 394 395 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 396 397 398 399 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 400 <input type="hidden" id="hdnStructureID" value="13" /> 401 <input type="hidden" id="hdnContentCollectionID" value="1f50445e-f7a0-4036-b06c-96a133fe1094" /> 402 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 403 <input type="hidden" id="hdnThemeID" value="27" /> 404 <input type="hidden" id="pageIsFrontEnd" value="true" /> 405 <input type="hidden" id="pageModuleID" /> 406 <input type="hidden" id="pagePageID" value="1" /> 407 408 <div id="stickyPlaceholder"></div> 409 <div id="outer-wrap" class="outer-wrap"> 410 <div id="inner-wrap" class="inner-wrap"> 411 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 412 413 414 415 416 </div> 417 <div id="bodyWrapper"> 418 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 419 420<div data-cpRole="structuralContainer" id="bodyContainerTS"> 421<div data-cpRole="banner" id="banner2" class="fixedBannerTS"><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 422<div class="siteWrap8"><div data-cpRole="structuralContainer" id="flexHeaderTS"> 423<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 424 425 426 427 428 <a id="bannerLogoTS-78" style=" display: block; text-align: center; 429" class="bannerObject" href="/" target="_self"><img alt="Lombard Village Illinois Homepage" class="bannerObject" height="170" src="/ImageRepository/Document?documentID=10475" width="626" /></a> 430</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 431<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 432--><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 433 --><!-- 434 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem1 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 435 --><!-- 436 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 437 --><!-- 438 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavOurCommunity" class="navMainItem mainNavItem mainNavItem2 " href="/31/Our-Community" target = "_self" > Our Community </a> <!-- 439 --><!-- 440 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 441 --><!-- 442 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem3 " href="/101/Services" target = "_self" > Services </a> <!-- 443 --><!-- 444 --></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 445 --><!-- 446 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem4 " href="/27/Government" target = "_self" > Government </a> <!-- 447 --><!-- 448 --></li><!----> 449</ol> 450 451 452
452<script type="text/javascript"> 453 (function () { 454 function setupMenu() { 455 const menuID = 'mainNavMenu'; 456 const menuType = MAIN_MENU; 457 458 //setup menu manager properties for main menu 459 if (!menuManager.mobileMainNav && true) 460 menuManager.adjustMainItemsWidth('#' + menuID); 461 menuManager.isMainMenuEditable = false; 462 menuManager.mainMenuMaxSubMenuLevels = 4; 463 menuManager.setMOMMode(2, menuType); 464 465 //Init main menu 466 const setupDraggable = menuManager.isMainMenuEditable; 467 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=27&menuContainerID=mainNav'; 468 469 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 470 menuManager.mainMenuInit = true; 471 menuManager.mainMenuTextResizer = true; 472 if (1.00 > 0) 473 menuManager.mainMenuTextResizerRatio = 1.00; 474 if (window.isResponsiveEnabled) 475 menuManager.mainMenuReady.resolve(); 476 477 } 478 479 if (document.readyState === "complete" 480 || document.readyState === "loaded" 481 || document.readyState === "interactive") { 482 setupMenu(); 483 return; 484 } 485 486 document.addEventListener("DOMContentLoaded", setupMenu); 487 })(); 488 </script>
488 489 490 491<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="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc282c76c2-1bc5-43df-8659-3ab7e7b38587" data-containerid="282c76c2-1bc5-43df-8659-3ab7e7b38587" class="pageContent cpGrid cpGrid24"> 492 493 494 495 496 </div> 497</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc07dc959a-05b7-4b66-806f-756511b9c57e" data-containerid="07dc959a-05b7-4b66-806f-756511b9c57e" class="pageContent cpGrid cpGrid24"> 498 499 500 501 502 </div> 503</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cce3eccb33-81dc-44c9-bd67-a4504dfb7bc1" data-containerid="e3eccb33-81dc-44c9-bd67-a4504dfb7bc1" class="pageContent cpGrid cpGrid24"> 504 505 506 507 508 </div> 509</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="ccde5fa04b-7786-4e75-8a19-c72568b6efdf" data-containerid="de5fa04b-7786-4e75-8a19-c72568b6efdf" class="pageContent cpGrid cpGrid24"> 510 511 512 513 514 </div> 515</aside></aside></nav><div data-cpRole="contentContainer" id="searchTS"> <div id="cc14383ea9-8520-4145-8ce6-9d281ef52fe4" data-containerid="14383ea9-8520-4145-8ce6-9d281ef52fe4" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="28"> 516 517 518 <div class="row outer wide"><!-- 519--><div class="outer col col11 first" style="" data-widgetcontainerid="dfda529c-6fa3-450f-82dc-87e0a40a5129">� 520 <div class="row nest first last wide">� 521 522 <div class="inner col col11 first last id480489fe-8785-402f-8534-4523b3f0638c" style="" data-widgetcontainerid="480489fe-8785-402f-8534-4523b3f0638c">� 523<div data-widget-id="0c7a4b81-cf4b-49d6-87db-93787e8889eb" data-widget-controller-path="/GraphicLinks/Widget"> 524 525 526 527 528<div id="graphicLinkWidget0c7a4b81-cf4b-49d6-87db-93787e8889eb" class="widget widgetGraphicLinks skin71 widgetOptionSet27 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 529 <div class="widgetHeader"> 530 <div class=""> 531 </div> 532 </div> 533 <div class="widgetBody cpGrid cpGrid5 "> 534 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 535 <div class="row autoWidths center wide"> 536 <!-- 537--><div class="col col1 first "><ul class="semanticList"><!-- 538 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 539 540<img src="/ImageRepository/Document?documentID=9988" 541 class="graphicButtonLink" alt="Facebook" 542 onmouseover="this.src='/ImageRepository/Document?documentID=9988'" 543 onmouseout="this.src='/ImageRepository/Document?documentID=9988'" 544 onfocus="this.src='/ImageRepository/Document?documentID=9988'" 545 onblur="this.src='/ImageRepository/Document?documentID=9988'"> 546</a></li><!-- 547--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 548 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/x" target="_self"> 549 550<img src="/ImageRepository/Document?documentID=9991" 551 class="graphicButtonLink" alt="X-black" 552 onmouseover="this.src='/ImageRepository/Document?documentID=9991'" 553 onmouseout="this.src='/ImageRepository/Document?documentID=9991'" 554 onfocus="this.src='/ImageRepository/Document?documentID=9991'" 555 onblur="this.src='/ImageRepository/Document?documentID=9991'"> 556</a></li><!-- 557--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 558 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 559 560<img src="/ImageRepository/Document?documentID=9992" 561 class="graphicButtonLink" alt="YouTube" 562 onmouseover="this.src='/ImageRepository/Document?documentID=9992'" 563 onmouseout="this.src='/ImageRepository/Document?documentID=9992'" 564 onfocus="this.src='/ImageRepository/Document?documentID=9992'" 565 onblur="this.src='/ImageRepository/Document?documentID=9992'"> 566</a></li><!-- 567--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 568 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 569 570<img src="/ImageRepository/Document?documentID=9989" 571 class="graphicButtonLink" alt="Instagram" 572 onmouseover="this.src='/ImageRepository/Document?documentID=9989'" 573 onmouseout="this.src='/ImageRepository/Document?documentID=9989'" 574 onfocus="this.src='/ImageRepository/Document?documentID=9989'" 575 onblur="this.src='/ImageRepository/Document?documentID=9989'"> 576</a></li><!-- 577--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 578 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self"> 579 580<img src="/ImageRepository/Document?documentID=9990" 581 class="graphicButtonLink" alt="Linkedin" 582 onmouseover="this.src='/ImageRepository/Document?documentID=9990'" 583 onmouseout="this.src='/ImageRepository/Document?documentID=9990'" 584 onfocus="this.src='/ImageRepository/Document?documentID=9990'" 585 onblur="this.src='/ImageRepository/Document?documentID=9990'"> 586</a></li><!-- 587--></ul></div><!-- --> 588 </div> 589 </nav> 590 </div> 591 <div class="widgetFooter"> 592 </div> 593</div> 594</div> 595 596 </div> <!-- inner column --> 597 598 </div> <!-- inner row --> 599 600 </div><!-- outer column --><!----><div class="outer col col13 last" style="" data-widgetcontainerid="74c7e53e-5f5e-43af-9d7e-99fb58c26993">� 601 <div class="row nest first last wide">� 602 603 <div class="inner col col13 first last id38e1aee2-3529-4160-aebe-e3bff1c07d68" style="" data-widgetcontainerid="38e1aee2-3529-4160-aebe-e3bff1c07d68">� 604<div data-widget-id="f635a75b-4408-42a2-b559-4aa5de244e78" data-widget-controller-path="/Layout/WidgetSearch"> 605 606
606<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
606 607
607<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
607 608
608<script defer type="text/javascript"> 609 610 $(document).ready(function () { 611 try { 612 // Minimum characters required before performing a search/autocomplete 613 var minPrefixLength = 3; 614 var autoCompleteDebounceDelay = 500; 615 var searchFieldSelector = "#searchField" + 'f635a75b-4408-42a2-b559-4aa5de244e78'; 616 var checkboxSelector = "#ysnSearchOnlyDept" + 'f635a75b-4408-42a2-b559-4aa5de244e78'; 617 var buttonSelector = ".widgetSearchButton" + 'f635a75b-4408-42a2-b559-4aa5de244e78'; 618 var autoCompleteCache = {}; 619 var autoCompleteCacheKeys = []; 620 var autoCompleteCacheLimit = 25; 621 var currentAutoCompleteRequest = null; 622 var currentAutoCompleteRequestKey = null; 623 var autoCompleteDebounceTimer = null; 624 var autoCompleteDebounceKey = null; 625 var pendingAutoCompleteResponses = []; 626 627 function normalizeAutoCompleteTerm(term) { 628 return $.trim((term || "") + "").replace(/\s+/g, " "); 629 } 630 631 function shouldSearch(term) { 632 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 633 } 634 635 function getAutoCompleteUrl() { 636 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 637 } 638 639 function getAutoCompleteCacheKey(requestUrl, term) { 640 return requestUrl + "|" + term.toLowerCase(); 641 } 642 643 function cacheAutoCompleteResult(cacheKey, data) { 644 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 645 autoCompleteCacheKeys.push(cacheKey); 646 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 647 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 648 } 649 } 650 autoCompleteCache[cacheKey] = data; 651 } 652 653 function respondToPendingAutoComplete(data) { 654 var responses = pendingAutoCompleteResponses; 655 pendingAutoCompleteResponses = []; 656 for (var i = 0; i < responses.length; i++) { 657 responses[i](data); 658 } 659 } 660 661 function cancelPendingAutoComplete() { 662 clearTimeout(autoCompleteDebounceTimer); 663 autoCompleteDebounceKey = null; 664 if (currentAutoCompleteRequest != null) { 665 currentAutoCompleteRequest.abort(); 666 currentAutoCompleteRequest = null; 667 } 668 currentAutoCompleteRequestKey = null; 669 respondToPendingAutoComplete([]); 670 } 671 672 function createWidgetAutoCompleteSource(options) { 673 return function (request, response) { 674 var term = normalizeAutoCompleteTerm(request.term); 675 if (!options.shouldSearch(term)) { 676 response([]); 677 return; 678 } 679 680 var requestUrl = options.url(); 681 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 682 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 683 response(autoCompleteCache[cacheKey]); 684 if (options.success) { 685 options.success(autoCompleteCache[cacheKey]); 686 } 687 return; 688 } 689 690 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 691 pendingAutoCompleteResponses.push(response); 692 return; 693 } 694 695 cancelPendingAutoComplete(); 696 autoCompleteDebounceKey = cacheKey; 697 pendingAutoCompleteResponses.push(response); 698 autoCompleteDebounceTimer = setTimeout(function () { 699 autoCompleteDebounceKey = null; 700 currentAutoCompleteRequestKey = cacheKey; 701 currentAutoCompleteRequest = $.ajax({ 702 url: requestUrl, 703 dataType: "json", 704 timeout: options.timeout, 705 data: { 706 term: term, 707 }, 708 success: function (data) { 709 if (currentAutoCompleteRequestKey === cacheKey) { 710 cacheAutoCompleteResult(cacheKey, data); 711 respondToPendingAutoComplete(data); 712 if (options.success) { 713 options.success(data); 714 } 715 } 716 }, 717 error: function (xmlhttprequest, textstatus, message) { 718 if (textstatus === "abort") { 719 return; 720 } 721 722 if (options.error) { 723 options.error(xmlhttprequest, textstatus, message); 724 } 725 726 respondToPendingAutoComplete([]); 727 }, 728 complete: function (xmlhttprequest) { 729 if (currentAutoCompleteRequest === xmlhttprequest) { 730 currentAutoCompleteRequest = null;
731 currentAutoCompleteRequestKey = null; 732 } 733 } 734 }); 735 }, options.delay); 736 }; 737 } 738 739 // click handler for search buttons 740 $(buttonSelector).click(function (e) { 741 e.preventDefault(); 742 var $btn = $(this); 743 var $field = $btn.siblings(".widgetSearchBox"); 744 var term = $field.val() + ""; 745 if (!shouldSearch(term)) { 746 // do nothing until user types enough characters 747 $field.focus(); 748 return; 749 } 750 751 if ($(checkboxSelector).is(':checked') || false) 752 { 753 doWidgetSearch($.trim(term), Number(0)); 754 } 755 else { 756 doWidgetSearch($.trim(term), 0); 757 } 758 }); 759 760 // enter key handler for the search field 761 $(searchFieldSelector).keypress(function (e) { 762 var code = e.which || e.keyCode; 763 if (code === 13) { 764 e.preventDefault(); 765 var $this = $(this); 766 var term = $this.val() + ""; 767 if (!shouldSearch(term)) { 768 // do nothing until user types enough characters 769 $this.focus(); 770 return false; 771 } 772 773 if ($(checkboxSelector).is(':checked') || false) { 774 doWidgetSearch($.trim(term), Number(0)); 775 } else { 776 doWidgetSearch($.trim(term), 0); 777 } 778 return false; 779 } 780 return true; 781 }); 782 783 // autocomplete: set minLength and guard source 784 if (true) { 785 var $searchField = $(searchFieldSelector).autocomplete({ 786 minLength: minPrefixLength, 787 source: createWidgetAutoCompleteSource({ 788 delay: autoCompleteDebounceDelay, 789 timeout: 10000, 790 shouldSearch: shouldSearch, 791 url: getAutoCompleteUrl, 792 success: function () { 793 $('.autoCompleteError').remove(); 794 }, 795 error: function (xmlhttprequest, textstatus, message) { 796 if (textstatus === "timeout") { 797 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 798 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 799 } 800 } 801 }), 802 html: true, 803 delay: 0, 804 select: function (event, ui) { 805 $(this).val(ui.item.value); 806 $(this).next().click(); 807 } 808 }); 809 810 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 811 return $("<li class=\"itemList\"></li>") 812 .data("ui-autocomplete-item", item) 813 .append("<a>" + item.label + "</a>") 814 .appendTo(ul); 815 }; 816 } 817 818 // keep searchBtnApplyQuery consistent with prefix rule 819 window.searchBtnApplyQuery = function() { 820 var $field = $(searchFieldSelector); 821 var term = $field.val() + ""; 822 if (shouldSearch(term)) { 823 // update href for the icon/button (if present) 824 var btn = document.getElementById("btnSearchIcon"); 825 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 826 } else { 827 var btn = document.getElementById("btnSearchIcon"); 828 if (btn) btn.href = "#"; 829 } 830 }; 831 } 832 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. 833 }); 834 </script>
834 835 836 <section id="widgetPreviewSearch" class="widget widgetSearch skin66 widgetOptionSet48" style="display: block;" aria-label="Search"> 837 <!-- For the button right and inside --> 838 <div class="widgetBody buttonRightInside"> 839 <input class="widgetSearchBox widgetSearchBoxf635a75b-4408-42a2-b559-4aa5de244e78" cp5ph="true" id="searchFieldf635a75b-4408-42a2-b559-4aa5de244e78" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Iâm looking forâ¦" type="text" value="" /> 840 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonf635a75b-4408-42a2-b559-4aa5de244e78" role="button"><img alt="Search Icon Hover" class="imageHover" data-hover="/ImageRepository/Document?documentID=9985" data-image="/ImageRepository/Document?documentID=9987" src="/ImageRepository/Document?documentID=9987" /></a> 841 842 <label class="searchLabel" aria-hidden="true" for="searchFieldf635a75b-4408-42a2-b559-4aa5de244e78">Search</label> 843 </div> 844 845 </section> 846 847 848<style scoped> 849 850 .widgetSearch ::-webkit-input-placeholder { 851 color: #212324; 852 } 853 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 854 color: #212324; 855 } 856 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 857 color: #212324; 858 } 859 .widgetSearch :-ms-input-placeholder { 860 color: #212324; 861 } 862 863 864 .widgetSearch .widgetBody .widgetSearchBoxf635a75b-4408-42a2-b559-4aa5de244e78 865 { 866 color: #212324; 867 height:60px; 868background:#F5F7FF; 869padding:0 65px 0 25px; 870font-family:poppins; 871font-weight:600; 872border:none; 873box-shadow: inset 0px 3px 6px #00000029; 874border-radius: 10px; 875 } 876 .widgetSearch .widgetBody .widgetSearchButtonf635a75b-4408-42a2-b559-4aa5de244e78 877 { 878 879 } 880 .widgetSearch .widgetSearch-onlyDeptf635a75b-4408-42a2-b559-4aa5de244e78 881 { 882 display: inline-block; 883 color: #333; 884 885 886 padding-top: 10px; 887 } 888 #ysnSearchOnlyDeptf635a75b-4408-42a2-b559-4aa5de244e78 889 { 890 position: relative; 891 top: .125em; 892 } 893 894</style> 895 896<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 897<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 898 899 900
901<script type="text/javascript"> 902 //Updates search icons href to have the correct queryString 903 function searchBtnApplyQuery() { 904 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldf635a75b-4408-42a2-b559-4aa5de244e78").value; 905 } 906</script>
906 907 908</div> 909 910 </div> <!-- inner column --> 911 912 </div> <!-- inner row --> 913 914 </div><!-- outer column --><!-- --></div> <!-- outer row --> 915 916 917 </div> 918</div> 919</div></div> 920</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 921<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 922<div data-cpRole="structuralContainer" id="bannerSearchTS"> 923<div class="siteWrap8"></div> 924</div> 925</div> 926 927 928 929 930 <div id="bannerImagesJSON77" class="hidden"></div> 931 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 932 <a id="arrowPrev_banner1" 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> 933 <a id="arrowNext_banner1" 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> 934 </div> 935
935<script type="text/javascript"> 936 $(window).on("load", function () { 937 $.when(window.Pages.rwdSetupComplete) 938 .done(function () { 939 renderExternalBannerSlideshow('banner1', 940 {"BannerOptionID":77,"ThemeID":27,"SlotName":"banner1","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":162,"BannerOptionID":77,"FileName":"/ImageRepository/Document?documentID=10012","Height":500,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":168,"BannerOptionID":77,"FileName":"/ImageRepository/Document?documentID=10645","Height":550,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 941 '/App_Themes/Home/Images/', 942 'Rotating'); 943 }); 944 }); 945 </script>
945 946 947</div> 948</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 949<div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 950<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 951<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 952<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
952<script type='text/javascript'>$('#breadCrumbs').hide();</script>
952</div><div data-cpRole="mainContentContainer" id="moduleContent"> 953 954 <div id="page" class="moduleContentNew"> 955 956 957 <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> 958 <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> 959 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="10604" /> 960 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> 961 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> 962 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 963 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 964 965 966 <div id="cc3230d320-fdaf-493c-8f7a-243999d19c4e" data-containerid="3230d320-fdaf-493c-8f7a-243999d19c4e" class="pageContent cpGrid cpGrid24" > 967 968 969 970 971 </div> 972 973 </div> 974 975 976 <div class="newCP"> 977 978 </div> 979</div> 980</div> 981</div> 982</div></div> 983</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 984<div class="siteWrap4"><div data-cpRole="contentContainer" id="gbsTS"><div class="inner"> <div id="cc422639b6-7417-4330-8067-d4ed35f42d22" data-containerid="422639b6-7417-4330-8067-d4ed35f42d22" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 985 986 987 <div class="row outer wide"><!-- 988--><div class="outer col col8 first" style="" data-widgetcontainerid="8952cbdb-f48e-4a88-84ab-fdc933bda910">� 989 <div class="row nest first last wide">� 990 991 <div class="inner col col8 first last id40881dc0-1c69-49e5-b2ba-5f08a91aaa3a" style="" data-widgetcontainerid="40881dc0-1c69-49e5-b2ba-5f08a91aaa3a">� 992<div data-widget-id="63e3211c-49fe-44cd-9721-f617a12b9dc3" data-widget-controller-path="/GraphicLinks/Widget"> 993 994 995 996 997<div id="graphicLinkWidget63e3211c-49fe-44cd-9721-f617a12b9dc3" class="widget widgetGraphicLinks skin67 widgetOptionSet49 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 998 <div class="widgetHeader"> 999 <div class=""> 1000 </div> 1001 </div> 1002 <div class="widgetBody cpGrid cpGrid2 "> 1003 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1004 <div class="row wide"> 1005 <!-- 1006--><div class="col col1 first "><ul class="semanticList"><!-- 1007 --><li class="widgetItem GraphicLinks"> 1008 1009<div> 1010 <a href="/424/" target="_self" class="fancyButton fancyButton100 " > 1011 <span> 1012 <span><span class="text">Pay a Bill</span></span> 1013 </span> 1014 </a> 1015</div> 1016 <style scoped="scoped">.fancyButton100.fancyButton:link,.fancyButton100.fancyButton:visited, .fancyButton100div.fancyButton{ 1017 background-image: url('/ImageRepository/Document?documentID=9995'); 1018 background-repeat: no-repeat; 1019 background-position: center 2px ; 1020transition:all .3s ease-in-out;} 1021.fancyButton100.fancyButton:hover,.fancyButton100.fancyButton:focus,.fancyButton100.fancyButton:active,.fancyButton100.fancyButton.hover{ 1022 background-image: url('/ImageRepository/Document?documentID=9996'); 1023 background-repeat: no-repeat; 1024 background-position: center top; 1025} 1026.fancyButton100.fancyButton:link > span,.fancyButton100.fancyButton:visited > span, .fancyButton100div.fancyButton > span{ 1027} 1028.fancyButton100.fancyButton:hover > span,.fancyButton100.fancyButton:focus > span,.fancyButton100.fancyButton:active > span,.fancyButton100.fancyButton.hover > span{ 1029} 1030.fancyButton100.fancyButton .text{ 1031 color: rgb(33, 33, 33); 1032 font-size: 1.1em; 1033 font-family: "Poppins"; 1034 padding-top: 135px; 1035 padding-bottom: 12px; 1036 font-weight: 500; 1037 text-decoration: none; 1038 padding-top: 135px; 1039 padding-bottom: 12px; 1040 background-image: url('/ImageRepository/Document?documentID=10001'); 1041 background-repeat: no-repeat; 1042 background-position: center 35px ; 1043transition:all .3s ease-in-out; 1044line-height:1.1; 1045position:relative; 1046} 1047.fancyButton100 .text::after{ 1048position:absolute; 1049content:""; 1050left:50%; 1051bottom:0; 1052transform:translateX(-50%); 1053height:6px; 1054width:50px; 1055background:#D2BCEF; 1056border-radius:3px; 1057transition:all .3s ease-in-out; 1058} 1059.fancyButton100.fancyButton:hover .text,.fancyButton100.fancyButton:focus .text,.fancyButton100.fancyButton:active .text,.fancyButton100.fancyButton.hover .text{ 1060 text-decoration: none; 1061 background-repeat: no-repeat; 1062 background-position: center 33px ; 1063} 1064.fancyButton100 .text:is(:hover, :focus, :active)::after{ 1065width:4px; 1066height:4px; 1067} 1068</style> 1069 1070 </li><!-- 1071--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1072 --><li class="widgetItem GraphicLinks"> 1073 1074<div> 1075 <a href="/290" target="_self" class="fancyButton fancyButton101 " > 1076 <span> 1077 <span><span class="text">Report a Concern</span></span> 1078 </span> 1079 </a> 1080</div> 1081 <style scoped="scoped">.fancyButton101.fancyButton:link,.fancyButton101.fancyButton:visited, .fancyButton101div.fancyButton{ 1082 background-image: url('/ImageRepository/Document?documentID=9995'); 1083 background-repeat: no-repeat; 1084 background-position: center 2px ; 1085transition:all .3s ease-in-out;} 1086.fancyButton101.fancyButton:hover,.fancyButton101.fancyButton:focus,.fancyButton101.fancyButton:active,.fancyButton101.fancyButton.hover{ 1087 background-image: url('/ImageRepository/Document?documentID=9996'); 1088 background-repeat: no-repeat; 1089 background-position: center top; 1090} 1091.fancyButton101.fancyButton:link > span,.fancyButton101.fancyButton:visited > span, .fancyButton101div.fancyButton > span{ 1092} 1093.fancyButton101.fancyButton:hover > span,.fancyButton101.fancyButton:focus > span,.fancyButton101.fancyButton:active > span,.fancyButton101.fancyButton.hover > span{ 1094} 1095.fancyButton101.fancyButton .text{ 1096 color: rgb(33, 33, 33); 1097 font-size: 1.1em; 1098 font-family: "Poppins"; 1099 padding-top: 135px; 1100 padding-bottom: 12px; 1101 font-weight: 500; 1102 text-decoration: none; 1103 padding-top: 135px; 1104 padding-bottom: 12px; 1105 background-image: url('/ImageRepository/Document?documentID=10003'); 1106 background-repeat: no-repeat; 1107 background-position: center 35px ; 1108transition:all .3s ease-in-out; 1109line-height:1.1; 1110position:relative; 1111} 1112.fancyButton101 .text::after{ 1113position:absolute; 1114content:""; 1115left:50%; 1116bottom:0; 1117transform:translateX(-50%); 1118height:6px; 1119width:50px; 1120background:#D2BCEF; 1121border-radius:3px; 1122transition:all .3s ease-in-out; 1123} 1124.fancyButton101.fancyButton:hover .text,.fancyButton101.fancyButton:focus .text,.fancyButton101.fancyButton:active .text,.fancyButton101.fancyButton.hover .text{ 1125 text-decoration: none; 1126 background-repeat: no-repeat; 1127 background-position: center 33px ; 1128} 1129.fancyButton101 .text:is(:hover, :focus, :active)::after{ 1130width:4px; 1131height:4px; 1132} 1133</style> 1134 1135 </li><!-- 1136--></ul></div><!-- --> 1137 </div> 1138 </nav> 1139 </div> 1140 <div class="widgetFooter"> 1141 </div> 1142</div> 1143</div> 1144 1145 </div> <!-- inner column --> 1146 1147 </div> <!-- inner row --> 1148 1149 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="25c286ba-3abb-43bb-b01d-b32bef9d34ef">� 1150 <div class="row nest first last wide">� 1151 1152 <div class="inner col col8 first last idf1fc529a-c8f7-41d5-b448-cc2c36bcaef0" style="" data-widgetcontainerid="f1fc529a-c8f7-41d5-b448-cc2c36bcaef0">� 1153<div data-widget-id="4cfed6cf-1773-4eff-afe9-867d3bff34d8" data-widget-controller-path="/GraphicLinks/Widget"> 1154 1155 1156 1157 1158<div id="graphicLinkWidget4cfed6cf-1773-4eff-afe9-867d3bff34d8" class="widget widgetGraphicLinks skin67 widgetOptionSet49 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1159 <div class="widgetHeader"> 1160 <div class="">
1161 </div> 1162 </div> 1163 <div class="widgetBody cpGrid cpGrid2 "> 1164 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1165 <div class="row wide"> 1166 <!-- 1167--><div class="col col1 first "><ul class="semanticList"><!-- 1168 --><li class="widgetItem GraphicLinks"> 1169 1170<div> 1171 <a href="https://www.villageoflombard.org/143/Apply-For" target="_self" class="fancyButton fancyButton102 " > 1172 <span> 1173 <span><span class="text">Permits & Licenses</span></span> 1174 </span> 1175 </a> 1176</div> 1177 <style scoped="scoped">.fancyButton102.fancyButton:link,.fancyButton102.fancyButton:visited, .fancyButton102div.fancyButton{ 1178 background-image: url('/ImageRepository/Document?documentID=9995'); 1179 background-repeat: no-repeat; 1180 background-position: center 2px ; 1181transition:all .3s ease-in-out;} 1182.fancyButton102.fancyButton:hover,.fancyButton102.fancyButton:focus,.fancyButton102.fancyButton:active,.fancyButton102.fancyButton.hover{ 1183 background-image: url('/ImageRepository/Document?documentID=9996'); 1184 background-repeat: no-repeat; 1185 background-position: center top; 1186} 1187.fancyButton102.fancyButton:link > span,.fancyButton102.fancyButton:visited > span, .fancyButton102div.fancyButton > span{ 1188} 1189.fancyButton102.fancyButton:hover > span,.fancyButton102.fancyButton:focus > span,.fancyButton102.fancyButton:active > span,.fancyButton102.fancyButton.hover > span{ 1190} 1191.fancyButton102.fancyButton .text{ 1192 color: rgb(33, 33, 33); 1193 font-size: 1.1em; 1194 font-family: "Poppins"; 1195 padding-top: 135px; 1196 padding-bottom: 12px; 1197 font-weight: 500; 1198 text-decoration: none; 1199 padding-top: 135px; 1200 padding-bottom: 12px; 1201 background-image: url('/ImageRepository/Document?documentID=10002'); 1202 background-repeat: no-repeat; 1203 background-position: center 35px ; 1204transition:all .3s ease-in-out; 1205line-height:1.1; 1206position:relative; 1207} 1208.fancyButton102 .text::after{ 1209position:absolute; 1210content:""; 1211left:50%; 1212bottom:0; 1213transform:translateX(-50%); 1214height:6px; 1215width:50px; 1216background:#D2BCEF; 1217border-radius:3px; 1218transition:all .3s ease-in-out; 1219} 1220.fancyButton102.fancyButton:hover .text,.fancyButton102.fancyButton:focus .text,.fancyButton102.fancyButton:active .text,.fancyButton102.fancyButton.hover .text{ 1221 text-decoration: none; 1222 background-repeat: no-repeat; 1223 background-position: center 33px ; 1224} 1225.fancyButton102 .text:is(:hover, :focus, :active)::after{ 1226width:4px; 1227height:4px; 1228} 1229</style> 1230 1231 </li><!-- 1232--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1233 --><li class="widgetItem GraphicLinks"> 1234 1235<div> 1236 <a href="/209/Agendas-Minutes" target="_self" class="fancyButton fancyButton103 " > 1237 <span> 1238 <span><span class="text">Agendas & Minutes</span></span> 1239 </span> 1240 </a> 1241</div> 1242 <style scoped="scoped">.fancyButton103.fancyButton:link,.fancyButton103.fancyButton:visited, .fancyButton103div.fancyButton{ 1243 background-image: url('/ImageRepository/Document?documentID=9995'); 1244 background-repeat: no-repeat; 1245 background-position: center 2px ; 1246transition:all .3s ease-in-out;} 1247.fancyButton103.fancyButton:hover,.fancyButton103.fancyButton:focus,.fancyButton103.fancyButton:active,.fancyButton103.fancyButton.hover{ 1248 background-image: url('/ImageRepository/Document?documentID=9996'); 1249 background-repeat: no-repeat; 1250 background-position: center top; 1251} 1252.fancyButton103.fancyButton:link > span,.fancyButton103.fancyButton:visited > span, .fancyButton103div.fancyButton > span{ 1253} 1254.fancyButton103.fancyButton:hover > span,.fancyButton103.fancyButton:focus > span,.fancyButton103.fancyButton:active > span,.fancyButton103.fancyButton.hover > span{ 1255} 1256.fancyButton103.fancyButton .text{ 1257 color: rgb(33, 33, 33); 1258 font-size: 1.1em; 1259 font-family: "Poppins"; 1260 padding-top: 135px; 1261 padding-bottom: 12px; 1262 font-weight: 500; 1263 text-decoration: none; 1264 padding-top: 135px; 1265 padding-bottom: 12px; 1266 background-image: url('/ImageRepository/Document?documentID=9999'); 1267 background-repeat: no-repeat; 1268 background-position: center 35px ; 1269transition:all .3s ease-in-out; 1270line-height:1.1; 1271position:relative; 1272} 1273.fancyButton103 .text::after{ 1274position:absolute; 1275content:""; 1276left:50%; 1277bottom:0; 1278transform:translateX(-50%); 1279height:6px; 1280width:50px; 1281background:#D2BCEF; 1282border-radius:3px; 1283transition:all .3s ease-in-out; 1284} 1285.fancyButton103.fancyButton:hover .text,.fancyButton103.fancyButton:focus .text,.fancyButton103.fancyButton:active .text,.fancyButton103.fancyButton.hover .text{ 1286 text-decoration: none; 1287 background-repeat: no-repeat; 1288 background-position: center 33px ; 1289} 1290.fancyButton103 .text:is(:hover, :focus, :active)::after{ 1291width:4px; 1292height:4px; 1293} 1294</style> 1295 1296 </li><!-- 1297--></ul></div><!-- --> 1298 </div> 1299 </nav> 1300 </div> 1301 <div class="widgetFooter"> 1302 </div> 1303</div> 1304</div> 1305 1306 </div> <!-- inner column --> 1307 1308 </div> <!-- inner row --> 1309 1310 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="3f2c82a3-9a54-462c-af88-7ee904e0f06d">� 1311 <div class="row nest first last wide">� 1312 1313 <div class="inner col col8 first last id38eb969e-be1c-4ae3-a65f-8d5e139220e4" style="" data-widgetcontainerid="38eb969e-be1c-4ae3-a65f-8d5e139220e4">�
1314<div data-widget-id="48cd851b-3405-4ef4-94a7-b7ceb767b754" data-widget-controller-path="/GraphicLinks/Widget"> 1315 1316 1317 1318 1319<div id="graphicLinkWidget48cd851b-3405-4ef4-94a7-b7ceb767b754" class="widget widgetGraphicLinks skin67 widgetOptionSet49 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1320 <div class="widgetHeader"> 1321 <div class=""> 1322 </div> 1323 </div> 1324 <div class="widgetBody cpGrid cpGrid2 "> 1325 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1326 <div class="row wide"> 1327 <!-- 1328--><div class="col col1 first "><ul class="semanticList"><!-- 1329 --><li class="widgetItem GraphicLinks"> 1330 1331<div> 1332 <a href="/jobs" target="_self" class="fancyButton fancyButton104 " > 1333 <span> 1334 <span><span class="text">Employment</span></span> 1335 </span> 1336 </a> 1337</div> 1338 <style scoped="scoped">.fancyButton104.fancyButton:link,.fancyButton104.fancyButton:visited, .fancyButton104div.fancyButton{ 1339 background-image: url('/ImageRepository/Document?documentID=9995'); 1340 background-repeat: no-repeat; 1341 background-position: center 2px ; 1342transition:all .3s ease-in-out;} 1343.fancyButton104.fancyButton:hover,.fancyButton104.fancyButton:focus,.fancyButton104.fancyButton:active,.fancyButton104.fancyButton.hover{ 1344 background-image: url('/ImageRepository/Document?documentID=9996'); 1345 background-repeat: no-repeat; 1346 background-position: center top; 1347} 1348.fancyButton104.fancyButton:link > span,.fancyButton104.fancyButton:visited > span, .fancyButton104div.fancyButton > span{ 1349} 1350.fancyButton104.fancyButton:hover > span,.fancyButton104.fancyButton:focus > span,.fancyButton104.fancyButton:active > span,.fancyButton104.fancyButton.hover > span{ 1351} 1352.fancyButton104.fancyButton .text{ 1353 color: rgb(33, 33, 33); 1354 font-size: 1.1em; 1355 font-family: "Poppins"; 1356 padding-top: 135px; 1357 padding-bottom: 12px; 1358 font-weight: 500; 1359 text-decoration: none; 1360 padding-top: 135px; 1361 padding-bottom: 12px; 1362 background-image: url('/ImageRepository/Document?documentID=10000'); 1363 background-repeat: no-repeat; 1364 background-position: center 35px ; 1365transition:all .3s ease-in-out; 1366line-height:1.1; 1367position:relative; 1368} 1369.fancyButton104 .text::after{ 1370position:absolute; 1371content:""; 1372left:50%; 1373bottom:0; 1374transform:translateX(-50%); 1375height:6px; 1376width:50px; 1377background:#D2BCEF; 1378border-radius:3px; 1379transition:all .3s ease-in-out; 1380} 1381.fancyButton104.fancyButton:hover .text,.fancyButton104.fancyButton:focus .text,.fancyButton104.fancyButton:active .text,.fancyButton104.fancyButton.hover .text{ 1382 text-decoration: none; 1383 background-repeat: no-repeat; 1384 background-position: center 33px ; 1385} 1386.fancyButton104 .text:is(:hover, :focus, :active)::after{ 1387width:4px; 1388height:4px; 1389} 1390</style> 1391 1392 </li><!-- 1393--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1394 --><li class="widgetItem GraphicLinks"> 1395 1396<div> 1397 <a href="/491/E-Pride-Newsletter" target="_self" class="fancyButton fancyButton105 " > 1398 <span> 1399 <span><span class="text">Stay Informed</span></span> 1400 </span> 1401 </a> 1402</div> 1403 <style scoped="scoped">.fancyButton105.fancyButton:link,.fancyButton105.fancyButton:visited, .fancyButton105div.fancyButton{ 1404 background-image: url('/ImageRepository/Document?documentID=9995'); 1405 background-repeat: no-repeat; 1406 background-position: center 2px ; 1407transition:all .3s ease-in-out;} 1408.fancyButton105.fancyButton:hover,.fancyButton105.fancyButton:focus,.fancyButton105.fancyButton:active,.fancyButton105.fancyButton.hover{ 1409 background-image: url('/ImageRepository/Document?documentID=9996'); 1410 background-repeat: no-repeat; 1411 background-position: center top; 1412} 1413.fancyButton105.fancyButton:link > span,.fancyButton105.fancyButton:visited > span, .fancyButton105div.fancyButton > span{ 1414} 1415.fancyButton105.fancyButton:hover > span,.fancyButton105.fancyButton:focus > span,.fancyButton105.fancyButton:active > span,.fancyButton105.fancyButton.hover > span{ 1416} 1417.fancyButton105.fancyButton .text{ 1418 color: rgb(33, 33, 33); 1419 font-size: 1.1em; 1420 font-family: "Poppins"; 1421 padding-top: 135px; 1422 padding-bottom: 12px; 1423 font-weight: 500; 1424 text-decoration: none; 1425 padding-top: 135px; 1426 padding-bottom: 12px; 1427 background-image: url('/ImageRepository/Document?documentID=10004'); 1428 background-repeat: no-repeat; 1429 background-position: center 35px ; 1430transition:all .3s ease-in-out; 1431line-height:1.1; 1432position:relative; 1433} 1434.fancyButton105 .text::after{ 1435position:absolute; 1436content:""; 1437left:50%; 1438bottom:0; 1439transform:translateX(-50%); 1440height:6px; 1441width:50px; 1442background:#D2BCEF; 1443border-radius:3px; 1444transition:all .3s ease-in-out; 1445} 1446.fancyButton105.fancyButton:hover .text,.fancyButton105.fancyButton:focus .text,.fancyButton105.fancyButton:active .text,.fancyButton105.fancyButton.hover .text{ 1447 text-decoration: none; 1448 background-repeat: no-repeat; 1449 background-position: center 33px ; 1450} 1451.fancyButton105 .text:is(:hover, :focus, :active)::after{ 1452width:4px; 1453height:4px; 1454} 1455</style> 1456 1457 </li><!-- 1458--></ul></div><!-- --> 1459 </div> 1460 </nav> 1461 </div> 1462 <div class="widgetFooter"> 1463 </div> 1464</div> 1465</div> 1466 1467 </div> <!-- inner column --> 1468 1469 </div> <!-- inner row --> 1470 1471 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1472 1473 1474 </div> 1475</div></div></div> 1476</div><!-- News/Facebook --><div data-cpRole="structuralContainer" id="homeContainer1"> 1477<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="ccf2e1632c-e4a6-4741-a7fa-63bc8b7e4c33" data-containerid="f2e1632c-e4a6-4741-a7fa-63bc8b7e4c33" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="64"> 1478 1479 1480 <div class="row outer wide"><!-- 1481--><div class="outer col col24 first last" style="" data-widgetcontainerid="914a5968-6c15-4483-81eb-0edf9b31048a">� 1482 <div class="row nest first last wide">� 1483 1484 <div class="inner col col24 first last idc372d332-3f05-4ec1-a63e-dd4a40
1484d54d81" style="" data-widgetcontainerid="c372d332-3f05-4ec1-a63e-dd4a40d54d81">� 1485 <div data-widget-id="7d3fc925-3822-458c-9758-f6775ad811f6" data-widget-controller-path="/InfoAdvanced/Widget"> 1486 1487 1488 1489 1490 1491 <section id="divInfoAdv7d3fc925-3822-458c-9758-f6775ad811f6" class="widget widgetInfoAdvanced skin74 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1492 <header class="widgetHeader" id="header7d3fc925-3822-458c-9758-f6775ad811f6"> 1493 <div class=""> 1494 </div> 1495 </header> 1496 <div class="widgetBody cpGrid cpGrid1 "> 1497 <div class="row wide"> 1498 <div class="col col1 first last"> 1499 <ol class="pageStyles semanticList"> 1500 1501<li class="InfoAdvanced widgetItem fr-view"> 1502 <h1 class="headline">Latest News and Updates</h1><p>See what's happening in our community</p> 1503</li> </ol> 1504 </div> 1505 </div> 1506 </div> 1507 <div class="widgetFooter"> 1508 1509 </div> 1510 1511 </section> 1512 1513 1514
1515<script type="text/javascript"> 1516 //Render slideshow if info advacned items contain one. 1517 $(document).ready(function (e) { 1518 $('#divInfoAdv7d3fc925-3822-458c-9758-f6775ad811f6 .InfoAdvanced.widgetItem').each(function () { 1519 renderSlideshowIfApplicable($(this)); 1520 }); 1521 }); 1522</script>
1522</div> 1523 </div> <!-- inner column --> 1524 1525 </div> <!-- inner row --> 1526 1527 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1528 <div class="row outer wide"><!-- 1529--><div class="outer col col14 first" style="" data-widgetcontainerid="5ee92e90-9cd6-4961-8894-34c177703ee2">� 1530 <div class="row nest first last wide">� 1531 1532 <div class="inner col col14 first last ide48503b3-efd8-4281-bf2c-a7455e5b8ef1" style="" data-widgetcontainerid="e48503b3-efd8-4281-bf2c-a7455e5b8ef1">� 1533<div data-widget-id="43ee595c-425f-4924-b4df-5f63f9eb853c" data-widget-controller-path="/NewsFlash/Widget"> 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 <section class="widget widgetNewsFlash skin75 widgetOptionSet50 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash43ee595c-425f-4924-b4df-5f63f9eb853c" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 1550 <div class="widgetBody cpGrid cpGrid1 "> 1551 <div class="row wide" style=""> 1552 <div class="col col1 first last"> 1553 <ol class="semanticList"> 1554<li class="widgetItem mediaLeft" data-news-i-d="1123"> 1555 1556 <a href="/CivicAlerts.aspx?AID=1123" target="_self"><img class="media" src="/ImageRepository/Document?documentID=12365" alt="Firefighter helps a child dressed in firefighter gear use a toy fire hose during Open House. " style="width:125px;" /></a> 1557 <div class="text" style="margin-left:131px;"> 1558 <h2 id="newsFlashItemHeader1123" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1123" target="_self">Fire Department Hosts Community Open House on Oct 7th </a> 1559</h2><div class="widgetDesc"> 1560Residents and families are invited to attend and enjoy the Lombard Fire Department's Open House on Wednesday, October 7, from 6 to 8 p.m. <a href="/CivicAlerts.aspx?AID=1123" target="_self" id="newsFlashReadOn1123" aria-label="Read on...: Fire Department Hosts Community Open House on Oct 7th" class="readOn">Read on...</a> 1561</div> 1562 1563 </div> 1564</li> 1565<li class="widgetItem mediaLeft" data-news-i-d="1122"> 1566 1567 <a href="/CivicAlerts.aspx?AID=1122" target="_self"><img class="media" src="/ImageRepository/Document?documentID=12360" alt="Sewer inspection equipment being lowered into an open manhole with safety cones surrounding the work" style="width:125px;" /></a> 1568 <div class="text" style="margin-left:131px;"> 1569 <h2 id="newsFlashItemHeader1122" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1122" target="_self">Sewer Inspection Work Scheduled for Sept. 21-22 </a> 1570</h2><div class="widgetDesc"> 1571The Village will be conducting a sewer inspection between Westmore Woods and Lombard Common Park on Sept. 21-22 to assess its condition and identify future maintenance and repair needs. <a href="/CivicAlerts.aspx?AID=1122" target="_self" id="newsFlashReadOn1122" aria-label="Read on...: Sewer Inspection Work Scheduled for Sept. 21-22" class="readOn">Read on...</a> 1572</div> 1573 1574 </div> 1575</li> 1576<li class="widgetItem mediaLeft" data-news-i-d="1121"> 1577 1578 <a href="/CivicAlerts.aspx?AID=1121" target="_self"><img class="media" src="/ImageRepository/Document?documentID=11044" alt="photo of binder with Grants label on top of printed chart and pen with light purple color overlay" style="width:125px;" /></a> 1579 <div class="text" style="margin-left:131px;"> 1580 <h2 id="newsFlashItemHeader1121" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1121" target="_self">Village Accepting 2027 Local Tourism Grant Applications </a> 1581</h2><div class="widgetDesc"> 1582The Village is once again seeking grant applications for local programs and events that support tourism and promote Lombard as a prime destination for visitors. <a href="/CivicAlerts.aspx?AID=1121" target="_self" id="newsFlashReadOn1121" aria-label="Read on...: Village Accepting 2027 Local Tourism Grant Applications" class="readOn">Read on...</a> 1583</div> 1584 1585 </div> 1586</li> 1587 </ol> 1588 </div> 1589 </div> 1590 1591 <a id="newsFlashViewAll43ee595c-425f-4924-b4df-5f63f9eb853c" class="widgetViewAll alignRight" style="" href="/CivicAlerts.aspx?CID=1,5,6">View All News</a> 1592 </div> 1593 <div class="widgetFooter"> 1594 </div> 1595 <div class="addItemModal hidden"> 1596 <div class="url hidden">/CivicAlerts.aspx</div> 1597 </div> 1598 1599 </section> 1600 1601 1602 1603 1604 1605 1606 1607 1608</div> 1609 </div> <!-- inner column --> 1610 1611 </div> <!-- inner row --> 1612 1613 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="3da7f2e0-9dd3-4c7c-ab8e-32e65e6c203b">� 1614 <div class="row nest first last wide">� 1615 1616 <div class="inner col col1 first last id20718d09-31b4-49b0-b3f1-c2fb789db77f" style="" data-widgetcontainerid="20718d09-31b4-49b0-b3f1-c2fb789db77f">� 1617 1618<div class="widget widgetSpacer" id="1a4000a2-5ed2-482d-b0c4-34e185c762e7"></div> 1619 </div> <!-- inner column --> 1620 1621 </div> <!-- inner row --> 1622 1623 </div><!-- outer column --><!----><div class="outer col col9 last" style="" data-widgetcontainerid="bdf6163e-6fa9-4972-8d4d-0f6d6c2eaf9d">� 1624 <div class="row nest first last wide">� 1625 1626 <div class="inner col col9 first last ida3a12863-ba8f-4ce6-85f8-b36f56a56085" style="" data-widgetcontainerid="a3a12863-ba8f-4ce6-85f8-b36f56a56085">� 1627 1628 <div data-widget-id='237a0a3d-3473-4242-b316-16b3d0314bf0' data-moduleName="customHtml" id='widgetCustomHtml237a0a3d-3473-4242-b316-16b3d0314bf0' class="widget widgetCustomHtml skin76 narrow" > 1629 <div class="widgetBody pageStyles" id="widgetBody237a0a3d-3473-4242-b316-16b3d0314bf0"> 1630 <div id="customHtml237a0a3d-3473-4242-b316-16b3d0314bf0"><div><!-- Facebook adjust --> 1631<div class="facebook-container"> 1632 <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FVillageofLombard%2F&tabs=timeline&width=500&height=606&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="606" style="box-shadow: 0px 3px 6px #00000029; 1633border-radius: 5px;border:25px solid #F5F7FF;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> 1634</div> 1635 1636<style> 1637 .facebook-container { 1638 text-align: center; 1639 margin:0 auto; 1640 1641 } 1642 1643</style> 1644
1645<script> 1646 // If you do not want to maintain aspect ratio: set to zero 1647 const aspectRatio = 1.4; 1648 const selector = ".facebook-container"; 1649 const minWidth = 220; 1650 const maxWidth = 500; // Facebook widget will not expand past 500 1651 const minHeight = 606; 1652 const maxHeight = 606; 1653 const widthRegexp = /(width=)([0-9]+)/; 1654 const heightRegexp = /(height=)([0-9]+)/; 1655 1656 let width = 0; 1657 let height = 0; 1658 1659 function clamp(num, min, max) { 1660 return Math.min(Math.max(num, min), max); 1661 } 1662 1663 function adjust() { 1664 const container = $(selector); 1665 const frame = $(selector + " > iframe"); 1666 if (frame === undefined || frame.length === 0) { 1667 console.warn("No facebook widget found..."); 1668 } else { 1669 const rawSrc = frame.attr("src"); 1670 const containerWidth = container.width(); 1671 if (containerWidth === 0) { 1672 const parents = container.parents(); 1673 for (let i = 0; i < parents.length; i++) { 1674 const parent = $(parents[i]); 1675 if (parent.css("display") === "none") { 1676 let mobileTab = parent.siblings(); 1677 mobileTab = mobileTab[mobileTab.length - 1]; 1678 if (!mobileTab) return; 1679 // Get .cpTabPanels 1680 let desktopTab = parent.parent(); 1681 // Get .cpTabs 1682 desktopTab = desktopTab.siblings(); 1683 desktopTab = desktopTab[desktopTab.length - 1]; 1684 // Get the matching tab (from the mobile tab text) 1685 desktopTab = $(desktopTab).children(); 1686 desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0]; 1687 if (!desktopTab) return; 1688 1689 const desktopHandler = () => { adjust(); desktopTab.removeEventListener("click", desktopHandler); } 1690 const mobileHandler = () => { adjust(); mobileTab.removeEventListener("click", mobileHandler); } 1691 1692 desktopTab.addEventListener("click", desktopHandler); 1693 mobileTab.addEventListener("click", mobileHandler); 1694 break; 1695 } 1696 } 1697 return; 1698 } 1699 1700 width = clamp(containerWidth, minWidth, maxWidth); 1701 height = clamp(Math.floor(width * aspectRatio), minHeight, maxHeight); 1702 1703 // Replace src and style on iframe 1704 try { 1705 const oldWidth = rawSrc.match(widthRegexp); 1706 const oldHeight = rawSrc.match(heightRegexp); 1707 1708 if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) { 1709 return; 1710 } 1711 1712 const newSrc = rawSrc 1713 .replace(widthRegexp, "width=" + parseInt(width)) 1714 .replace(heightRegexp, "height=" + parseInt(height)); 1715 1716 // Set attributes on frame 1717 frame.attr("src", newSrc); 1718 frame.css("width", width); 1719 frame.css("height", height); 1720 } catch (e) { 1721 console.warn("Failed replacing width & height"); 1722 console.warn(e); 1723 } 1724 } 1725 } 1726 1727 let adjustTimeoutFn; 1728 $(window).load(function () { 1729 adjust(); 1730 1731 $(window).resize(function () { 1732 clearTimeout(adjustTimeoutFn); 1733 adjustTimeoutFn = setTimeout(function () { 1734 adjust(); 1735 }, 250); 1736 }); 1737 1738 $.when(window.Pages.angularToolbarComplete).done(function () { 1739 adjust(); 1740 }); 1741 }); 1742</script>
1742 1743 1744<!-- End Facebook adjust --></div></div> 1745 </div> 1746 1747 </div> 1748 1749 </div> <!-- inner column --> 1750 1751 </div> <!-- inner row --> 1752 1753 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1754 1755 1756 </div> 1757</div></div> 1758</div><!-- Popular Links --><div data-cpRole="structuralContainer" id="homeContainer2"> 1759<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cc34bbedb2-d129-4a1c-ad97-edbf01e16882" data-containerid="34bbedb2-d129-4a1c-ad97-edbf01e16882" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="70"> 1760 1761 1762 1763 1764 </div> 1765</div></div> 1766</div><!-- Calendar/Tabs --><div data-cpRole="structuralContainer" id="homeContainer3"> 1767<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent3a"> <div id="ccfe60de62-4789-4a92-a5cb-811c052adb6f" data-containerid="fe60de62-4789-4a92-a5cb-811c052adb6f" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="65"> 1768 1769 1770 <div class="row outer wide"><!-- 1771--><div class="outer col col24 first last" style="" data-widgetcontainerid="16c1dfe3-c763-4e8a-8a44-a9f2d42723ff">� 1772 <div class="row nest first last wide">� 1773 1774 <div class="inner col col24 first last idc346365d-ea2c-4ee1-9208-a20429e98fac" style="" data-widgetcontainerid="c346365d-ea2c-4ee1-9208-a20429e98fac">� 1775 <div data-widget-id="67e099d1-5fa8-4d3a-ba9b-b558bc1bbde6" data-widget-controller-path="/InfoAdvanced/Widget"> 1776 1777 1778 1779 1780 1781 <section id="divInfoAdv67e099d1-5fa8-4d3a-ba9b-b558bc1bbde6" class="widget widgetInfoAdvanced skin79 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1782 <header class="widgetHeader" id="header67e099d1-5fa8-4d3a-ba9b-b558bc1bbde6"> 1783 <div class=""> 1784 </div> 1785 </header> 1786 <div class="widgetBody cpGrid cpGrid1 "> 1787 <div class="row wide"> 1788 <div class="col col1 first last"> 1789 <ol class="pageStyles semanticList"> 1790 1791<li class="InfoAdvanced widgetItem fr-view"> 1792 <h1 class="headline">Village Meetings and Events</h1><p>Find upcoming village meetings and local events</p> 1793</li> </ol> 1794 </div> 1795 </div> 1796 </div> 1797 <div class="widgetFooter"> 1798 1799 </div> 1800 1801 </section> 1802 1803 1804
1805<script type="text/javascript"> 1806 //Render slideshow if info advacned items contain one. 1807 $(document).ready(function (e) { 1808 $('#divInfoAdv67e099d1-5fa8-4d3a-ba9b-b558bc1bbde6 .InfoAdvanced.widgetItem').each(function () { 1809 renderSlideshowIfApplicable($(this)); 1810 }); 1811 }); 1812</script>
1812</div> 1813 </div> <!-- inner column --> 1814 1815 </div> <!-- inner row --> 1816 1817 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1818 <div class="row outer wide"><!-- 1819--><div class="outer col col24 first last" style="" data-widgetcontainerid="ed9aa9e6-736a-432b-ac94-c7f3d09ef840">� 1820 <div class="row nest first last wide">� 1821 1822 <div class="inner col col24 first last id14729873-12ec-473a-9d8d-db46ab2aa21b" style="" data-widgetcontainerid="14729873-12ec-473a-9d8d-db46ab2aa21b">� 1823 1824 <div id="divTabbed059e2647-1747-4e03-8d95-ccc1373dedd8" class="widget widgetTabbed wide skin80" data-widgetid="059e2647-1747-4e03-8d95-ccc1373dedd8"> 1825 <ol class="tabbedWidget cpTabs " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" "> 1826 <!-- 1827 --><li style="width: 48%;" class="active" role="presentation"> <a href="#tab059e2647-1747-4e03-8d95-ccc1373dedd8_0" class="tabButton" id="tabBtn059e2647-1747-4e03-8d95-ccc1373dedd8_0" role="tab" aria-controls="tab059e2647-1747-4e03-8d95-ccc1373dedd8_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meeting" contenteditable="false">Meeting</span></a> 1828</li><!-- 1829 --><li style="width: 48%;" class="" role="presentation"> <a href="#tab059e2647-1747-4e03-8d95-ccc1373dedd8_1" class="tabButton" id="tabBtn059e2647-1747-4e03-8d95-ccc1373dedd8_1" role="tab" aria-controls="tab059e2647-1747-4e03-8d95-ccc1373dedd8_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> 1830</li><!-- 1831 --> 1832 </ol> 1833 1834 <div class="cpTabPanels"> 1835 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 1836 <li class="active" role="presentation"> <a href="#tab059e2647-1747-4e03-8d95-ccc1373dedd8_0" class="tabButton" id="tabBtnNarrow059e2647-1747-4e03-8d95-ccc1373dedd8_0" role="tab" aria-controls="tab059e2647-1747-4e03-8d95-ccc1373dedd8_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meeting" contenteditable="false">Meeting</span></a> 1837</li> 1838 </ol> 1839 <div class="tabbedWidget cpTabPanel showing" style="" id="tab059e2647-1747-4e03-8d95-ccc1373dedd8_0" role="tabpanel" aria-labelledby="tabBtn059e2647-1747-4e03-8d95-ccc1373dedd8_0" tabindex="-1"> 1840 1841<div data-widget-id="729b1613-9e13-41be-bb82-b4babbb61349" data-widget-controller-path="/Calendar/Widget"> 1842
1842<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872<div id="widgetCalendar729b1613-9e13-41be-bb82-b4babbb61349" class="widget widgetCalendar skin80 widgetOptionSet51 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 1873 <div class="widgetBody cpGrid cpGrid2 mediaLeft"> 1874 <div class="calendarInnerWrapper"> 1875 1876 1877<div data-minicalendar="true" class="miniCalendar media" style="width: 40%; "> 1878<div id="miniCalendarAnnouncement729b1613-9e13-41be-bb82-b4babbb61349" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div> 1879<input type="hidden" name="monthToRender" data-year="2026" data-month="09" /> 1880<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month September 2026, go to August 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeader729b1613-9e13-41be-bb82-b4babbb61349" role="heading" aria-level="3">September 2026</span><button aria-label="Next Month, current month September 2026, go to October 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> 1881 <table role="grid" aria-labelledby="miniCalendarHeader729b1613-9e13-41be-bb82-b4babbb61349" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> 1882 <thead> 1883 <tr> 1884<th scope="col"><abbr title=" 1885Sunday 1886"> 1887S 1888</abbr></th> 1889<th scope="col"><abbr title=" 1890Monday 1891"> 1892M 1893</abbr></th> 1894<th scope="col"><abbr title=" 1895Tuesday 1896"> 1897T 1898</abbr></th> 1899<th scope="col"><abbr title=" 1900Wednesday 1901"> 1902W 1903</abbr></th> 1904<th scope="col"><abbr title=" 1905Thursday 1906"> 1907T 1908</abbr></th> 1909<th scope="col"><abbr title=" 1910Friday 1911"> 1912F 1913</abbr></th> 1914<th scope="col"><abbr title=" 1915Saturday 1916"> 1917S 1918</abbr></th> 1919 1920 </tr> 1921 </thead> 1922 <tbody> 1923<tr><td class="not"><span> </span></td> 1924 1925<td class="not"><span> </span></td> 1926 1927<td><span><time datetime="2026-09-01"> 1</time></span></td> 1928 1929<td><span><time datetime="2026-09-02"> 2</time></span></td> 1930 1931<td><span><time datetime="2026-09-03"> 3</time></span></td> 1932 1933<td><span><time datetime="2026-09-04"> 4</time></span></td> 1934 1935<td><span><time datetime="2026-09-05"> 5</time></span></td> 1936 1937</tr> 1938<tr><td><span><time datetime="2026-09-06"> 6</time></span></td> 1939 1940<td><span><time datetime="2026-09-07"> 7</time></span></td> 1941 1942<td><span><time datetime="2026-09-08">
1942 8</time></span></td> 1943 1944<td><span><time datetime="2026-09-09"> 9</time></span></td> 1945 1946<td><span><time datetime="2026-09-10">10</time></span></td> 1947 1948<td><span><time datetime="2026-09-11">11</time></span></td> 1949 1950<td><span><time datetime="2026-09-12">12</time></span></td> 1951 1952</tr> 1953<tr><td><span><time datetime="2026-09-13">13</time></span></td> 1954 1955<td><span><time datetime="2026-09-14">14</time></span></td> 1956 1957<td><span><time datetime="2026-09-15">15</time></span></td> 1958 1959<td><span><time datetime="2026-09-16">16</time></span></td> 1960 1961<td><span><time datetime="2026-09-17">17</time></span></td> 1962 1963<td><span><time datetime="2026-09-18">18</time></span></td> 1964 1965<td><span><time datetime="2026-09-19">19</time></span></td> 1966 1967</tr> 1968<tr><td><span><time datetime="2026-09-20">20</time></span></td> 1969 1970<td><span><time datetime="2026-09-21">21</time></span></td> 1971 1972<td><span><time datetime="2026-09-22">22</time></span></td> 1973 1974<td><span><time datetime="2026-09-23">23</time></span></td> 1975 1976<td class="today"><span><time datetime="2026-09-24">24</time></span></td> 1977 1978<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=9&day=25&CID=14'><time datetime="2026-09-25">25</time></a></td> 1979 1980<td><span><time datetime="2026-09-26">26</time></span></td> 1981 1982</tr> 1983<tr><td><span><time datetime="2026-09-27">27</time></span></td> 1984 1985<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=9&day=28&CID=14'><time datetime="2026-09-28">28</time></a></td> 1986 1987<td><span><time datetime="2026-09-29">29</time></span></td> 1988 1989<td><span><time datetime="2026-09-30">30</time></span></td> 1990 1991<td class="not"><span> </span></td> 1992 1993<td class="not"><span> </span></td> 1994 1995<td class="not"><span> </span></td> 1996 1997</tr> 1998 1999 </tbody> 2000 </table> 2001</div> 2002 2003 2004 2005
2005<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
2005 2006
2006<script> 2007 $(function () { 2008 var miniCalendar = new MiniCalendar(); 2009 miniCalendar.init({ 2010 widgetId: "729b1613-9e13-41be-bb82-b4babbb61349", 2011 preventNavigationOnArrows: false, 2012 displayDatesOutsideOfCurrentMonth: false 2013 }); 2014 }); 2015 </script>
2015 2016 2017 2018 2019 2020 2021 2022 2023 2024<div class="row text narrow" data-event-list-row="true" style="margin-left: 45%;"> 2025 2026
2027<script src="/Scripts/jquery.urlToLink.min.js"></script>
2027 2028<input type="hidden" value="["2026-09-25","2026-09-28"]" name="day-list" /> 2029 2030 <div class="col col1 first "> 2031 <ol class="semanticList"> 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043<li class="widgetItem " data-event-i-d="2403" > 2044 2045 2046 <h4 class="widgetTitle">Fri, Sep. 25 </h4> 2047 <div style="" class="widgetDesc"> 2048 <strong><a href="/Calendar.aspx?EID=2403">Board of Fire & Police Commissioners Meeting</a></strong> 2049 2050 </div> 2051 </li> 2052 </ol> 2053 </div> 2054 <div class="col col1 last"> 2055 <ol class="semanticList"> 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067<li class="widgetItem " data-event-i-d="2342" > 2068 2069 2070 <h4 class="widgetTitle">Mon, Sep. 28 </h4> 2071 <div style="" class="widgetDesc"> 2072 <strong><a href="/Calendar.aspx?EID=2342">Finance & Administration Committee Meeting (CANCELLED)</a></strong> 2073 2074 </div> 2075 </li> 2076 </ol> 2077 </div> 2078 2079</div> 2080 </div> 2081 <a id="calendarViewAll729b1613-9e13-41be-bb82-b4babbb61349" class="widgetViewAll alignRight" style="" href="/calendar.aspx?CID=14">View All Meetings</a> 2082 </div> 2083 <div class="widgetFooter"> 2084 2085 </div> 2086 <div class="addItemModal hidden"> 2087 <div class="url hidden">/Calendar.aspx</div> 2088 </div> 2089</div> 2090</div> 2091 2092 </div> 2093 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2094 <li class="" role="presentation"> <a href="#tab059e2647-1747-4e03-8d95-ccc1373dedd8_1" class="tabButton" id="tabBtnNarrow059e2647-1747-4e03-8d95-ccc1373dedd8_1" role="tab" aria-controls="tab059e2647-1747-4e03-8d95-ccc1373dedd8_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> 2095</li> 2096 </ol> 2097 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tab059e2647-1747-4e03-8d95-ccc1373dedd8_1" role="tabpanel" aria-labelledby="tabBtn059e2647-1747-4e03-8d95-ccc1373dedd8_1" tabindex="-1"> 2098 2099<div data-widget-id="6e761240-35ff-4fef-88fc-db2ced06a44a" data-widget-controller-path="/Calendar/Widget"> 2100
2100<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130<div id="widgetCalendar6e761240-35ff-4fef-88fc-db2ced06a44a" class="widget widgetCalendar skin80 widgetOptionSet51 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 2131 <div class="widgetBody cpGrid cpGrid2 mediaLeft"> 2132 <div class="calendarInnerWrapper"> 2133 2134 2135<div data-minicalendar="true" class="miniCalendar media" style="width: 40%; "> 2136<div id="miniCalendarAnnouncement6e761240-35ff-4fef-88fc-db2ced06a44a" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div> 2137<input type="hidden" name="monthToRender" data-year="2026" data-month="09" /> 2138<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month September 2026, go to August 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeader6e761240-35ff-4fef-88fc-db2ced06a44a" role="heading" aria-level="3">September 2026</span><button aria-label="Next Month, current month September 2026, go to October 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> 2139 <table role="grid" aria-labelledby="miniCalendarHeader6e761240-35ff-4fef-88fc-db2ced06a44a" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> 2140 <thead> 2141 <tr> 2142<th scope="col"><abbr title=" 2143Sunday 2144"> 2145S 2146</abbr></th> 2147<th scope="col"><abbr title=" 2148Monday 2149"> 2150M 2151</abbr></th> 2152<th scope="col"><abbr title=" 2153Tuesday 2154"> 2155T 2156</abbr></th> 2157<th scope="col"><abbr title=" 2158Wednesday 2159"> 2160W 2161</abbr></th> 2162<th scope="col"><abbr title=" 2163Thursday 2164"> 2165T 2166</abbr></th> 2167<th scope="col"><abbr title=" 2168Friday 2169"> 2170F 2171</abbr></th> 2172<th scope="col"><abbr title=" 2173Saturday 2174"> 2175S 2176</abbr></th> 2177 2178 </tr> 2179 </thead> 2180 <tbody> 2181<tr><td class="not"><span> </span></td> 2182 2183<td class="not"><span> </span></td> 2184 2185<td><span><time datetime="2026-09-01"> 1</time></span></td> 2186 2187<td><span><time datetime="2026-09-02"> 2</time></span></td> 2188 2189<td><span><time datetime="2026-09-03"> 3</time></span></td> 2190 2191<td><span><time datetime="2026-09-04"> 4</time></span></td> 2192 2193<td><span><time datetime="2026-09-05"> 5</time></span></td> 2194 2195</tr> 2196<tr><td><span><time datetime="2026-09-06"> 6</time></span></td> 2197 2198<td><span><time datetime="2026-09-07"> 7</time></span></td> 2199 2200<td><span><time datetime="2026-09-08">
2200 8</time></span></td> 2201 2202<td><span><time datetime="2026-09-09"> 9</time></span></td> 2203 2204<td><span><time datetime="2026-09-10">10</time></span></td> 2205 2206<td><span><time datetime="2026-09-11">11</time></span></td> 2207 2208<td><span><time datetime="2026-09-12">12</time></span></td> 2209 2210</tr> 2211<tr><td><span><time datetime="2026-09-13">13</time></span></td> 2212 2213<td><span><time datetime="2026-09-14">14</time></span></td> 2214 2215<td><span><time datetime="2026-09-15">15</time></span></td> 2216 2217<td><span><time datetime="2026-09-16">16</time></span></td> 2218 2219<td><span><time datetime="2026-09-17">17</time></span></td> 2220 2221<td><span><time datetime="2026-09-18">18</time></span></td> 2222 2223<td><span><time datetime="2026-09-19">19</time></span></td> 2224 2225</tr> 2226<tr><td><span><time datetime="2026-09-20">20</time></span></td> 2227 2228<td><span><time datetime="2026-09-21">21</time></span></td> 2229 2230<td><span><time datetime="2026-09-22">22</time></span></td> 2231 2232<td><span><time datetime="2026-09-23">23</time></span></td> 2233 2234<td class="today"><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=9&day=24&CID=22'><time datetime="2026-09-24">24</time></a></td> 2235 2236<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=9&day=25&CID=22'><time datetime="2026-09-25">25</time></a></td> 2237 2238<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=9&day=26&CID=22'><time datetime="2026-09-26">26</time></a></td> 2239 2240</tr> 2241<tr><td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=9&day=27&CID=22'><time datetime="2026-09-27">27</time></a></td> 2242 2243<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=9&day=28&CID=22'><time datetime="2026-09-28">28</time></a></td> 2244 2245<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=9&day=29&CID=22'><time datetime="2026-09-29">29</time></a></td> 2246 2247<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=9&day=30&CID=22'><time datetime="2026-09-30">30</time></a></td> 2248 2249<td class="not"><span> </span></td> 2250 2251<td class="not"><span> </span></td> 2252 2253<td class="not"><span> </span></td> 2254 2255</tr> 2256 2257 </tbody> 2258 </table> 2259</div> 2260 2261 2262 2263
2263<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
2263 2264
2264<script> 2265 $(function () { 2266 var miniCalendar = new MiniCalendar(); 2267 miniCalendar.init({ 2268 widgetId: "6e761240-35ff-4fef-88fc-db2ced06a44a", 2269 preventNavigationOnArrows: false, 2270 displayDatesOutsideOfCurrentMonth: false 2271 }); 2272 }); 2273 </script>
2273 2274 2275 2276 2277 2278 2279 2280 2281 2282<div class="row text narrow" data-event-list-row="true" style="margin-left: 45%;"> 2283 2284
2285<script src="/Scripts/jquery.urlToLink.min.js"></script>
2285 2286<input type="hidden" value="["2026-09-24","2026-09-26","2026-09-29"]" name="day-list" /> 2287 2288 <div class="col col1 first "> 2289 <ol class="semanticList"> 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 2300 2301<li class="widgetItem " data-event-i-d="2551" > 2302 2303 2304 <h4 class="widgetTitle">Thu, Sep. 24 - Sat, Oct. 24 2305 </h4> 2306 <div style="" class="widgetDesc"> 2307 <strong><a href="/Calendar.aspx?EID=2551">Craft Fair hosted by Glenbard East Athletic Booster Club</a></strong> 2308 2309 </div> 2310 </li> 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322<li class="widgetItem " data-event-i-d="2247" > 2323 2324 2325 <h4 class="widgetTitle">Sat, Sep. 26 </h4> 2326 <div style="" class="widgetDesc"> 2327 <strong><a href="/Calendar.aspx?EID=2247">Yom Kippur</a></strong> 2328 2329 </div> 2330 </li> 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342<li class="widgetItem " data-event-i-d="2549" > 2343 2344 2345 <h4 class="widgetTitle">Sat, Sep. 26 </h4> 2346 <div style="" class="widgetDesc"> 2347 <strong><a href="/Calendar.aspx?EID=2549">Community Shred Event</a></strong> 2348 2349 </div> 2350 </li> 2351 </ol> 2352 </div> 2353 <div class="col col1 last"> 2354 <ol class="semanticList"> 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 2366<li class="widgetItem " data-event-i-d="2553" > 2367 2368 2369 <h4 class="widgetTitle">Sat, Sep. 26 </h4> 2370 <div style="" class="widgetDesc"> 2371 <strong><a href="/Calendar.aspx?EID=2553"> Lombard Fire Department Annual Pink T-Shirt Fundraiser. </a></strong> 2372 2373 </div> 2374 </li> 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386<li class="widgetItem " data-event-i-d="2511" > 2387 2388 2389 <h4 class="widgetTitle">Tue, Sep. 29 </h4> 2390 <div style="" class="widgetDesc"> 2391 <strong><a href="/Calendar.aspx?EID=2511" target="_self">Lombard Farmers Market</a></strong> 2392 2393 </div> 2394 </li> 2395 </ol> 2396 </div> 2397 2398</div> 2399 </div> 2400 <a id="calendarViewAll6e761240-35ff-4fef-88fc-db2ced06a44a" class="widgetViewAll alignRight" style="" href="/calendar.aspx?CID=22">View All Events</a> 2401 </div> 2402 <div class="widgetFooter"> 2403 2404 </div> 2405 <div class="addItemModal hidden"> 2406 <div class="url hidden">/Calendar.aspx</div> 2407 </div> 2408</div> 2409</div> 2410 2411 </div> 2412 </div> 2413 </div> 2414
2414<script type="text/javascript"> 2415 2416 $.when(window.Pages.rwdReady).done(function () { 2417 var tabbedWidgetID = 'divTabbed059e2647-1747-4e03-8d95-ccc1373dedd8'; 2418 var mediaQuerySize = 65; 2419 if (mediaQuerySize > 0) { 2420 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2421 var $tabbedWidget = $('#' + tabbedWidgetID); 2422 2423 // Update child widget classes based on parent state 2424 var updateChildWidgetClasses = function (isParentWide) { 2425 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 2426 if (liveEditEnabled) 2427 return; 2428 2429 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 2430 2431 if (isParentWide) { 2432 $childWidgets.addClass('wide').removeClass('narrow'); 2433 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 2434 } else { 2435 $childWidgets.addClass('narrow').removeClass('wide'); 2436 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 2437 } 2438 }; 2439 2440 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2441 deferSetup: false, 2442 setup: function () { 2443 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2444 if (!liveEditEnabled) { 2445 $tabbedWidget.addClass('narrow').removeClass('wide'); 2446 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2447 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2448 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2449 $tabbedWidget.data("tabHeightSet", false); 2450 2451 // Update child widget classes - parent is narrow 2452 updateChildWidgetClasses(false); 2453 } 2454 }, 2455 match: function () { 2456 $tabbedWidget.addClass('wide').removeClass('narrow'); 2457 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2458 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 2459 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 2460 2461 if($tabbedWidget.data("tabHeightSet") == false) 2462 { 2463 $tabbedWidget.data("tabHeightSet", true); 2464 2465 var tabbedWidgetID = 'divTabbed059e2647-1747-4e03-8d95-ccc1373dedd8'; 2466 setTabbedWidgetsTabHeight(tabbedWidgetID); 2467 } 2468 $('.cpTabPanels').unbind('click'); 2469 2470 // Update child widget classes - parent is wide 2471 updateChildWidgetClasses(true); 2472 }, 2473 unmatch: function () { 2474 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2475 if (!liveEditEnabled) { 2476 $tabbedWidget.addClass('narrow').removeClass('wide'); 2477 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2478 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2479 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2480 2481 // Update child widget classes - parent is narrow 2482 updateChildWidgetClasses(false); 2483 } 2484 $('.cpTabPanels').click(function() { 2485 this.scrollIntoView(); 2486 }); 2487 } 2488 }); 2489 } 2490 }); 2491 2492 //Used for when page is initially loaded 2493 if($('#divTabbed059e2647-1747-4e03-8d95-ccc1373dedd8').hasClass('narrow')) 2494 { 2495 $('.cpTabPanels').click(function() { 2496 this.scrollIntoView(); 2497 }); 2498 } 2499 2500 2501 //If responsive not enabled, execute this after a timeout 2502 if(!isResponsiveEnabled) 2503 { 2504 window.setTimeout(function(){ 2505 var tabbedWidgetID = 'divTabbed059e2647-1747-4e03-8d95-ccc1373dedd8'; 2506 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 2507 }, 1500); 2508 } 2509 2510 function reinitCarousels() { 2511 if (window.carouselsToInit) { 2512 for (var i = 0; i < window.carouselsToInit.length; i++) { 2513 carouselsToInit[i](); 2514 } 2515 } 2516 } 2517 function sizeTabbedContent(element){ 2518 if(window.Pages){ 2519 if(window.Pages.onResizeHandlers){ 2520 var setTabbedInterval = setInterval(function () {
2521 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2522 }, 25) 2523 2524 2525 setTimeout(function () { 2526 clearInterval(setTabbedInterval); 2527 if ($.cookie("enableLiveEdit") === "true") { 2528 setInterval(function () { 2529 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2530 }, 2000); 2531 } 2532 }, 2500); 2533 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 2534 } 2535 } 2536 } 2537 2538 function adjustTab(e) { 2539 e.preventDefault(); 2540 window.setTimeout(function(){ 2541 reinitCarousels(); 2542 }, 2); 2543 sizeTabbedContent(this); 2544 } 2545 2546 var tabButtons = document.querySelectorAll("#divTabbed059e2647-1747-4e03-8d95-ccc1373dedd8 .tabButton"); 2547 2548 tabButtons.forEach(function (tabButton) { 2549 tabButton.addEventListener("click", adjustTab); 2550 }); 2551 2552 </script>
2552 2553 2554 2555 2556 </div> <!-- inner column --> 2557 2558 </div> <!-- inner row --> 2559 2560 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2561 <div class="row outer wide"><!-- 2562--><div class="outer col col5 first" style="" data-widgetcontainerid="b10ab2a6-2126-4017-be8a-ca1dffe3d05d">� 2563 <div class="row nest first last wide">� 2564 2565 <div class="inner col col5 first last idf60b1bc0-1322-4b2f-aca8-4e6e21671af0" style="" data-widgetcontainerid="f60b1bc0-1322-4b2f-aca8-4e6e21671af0">� 2566 <div data-widget-id="d69191f8-325e-4537-8a70-ec14907ef874" data-widget-controller-path="/InfoAdvanced/Widget"> 2567 2568 2569 2570 2571 2572 <section id="divInfoAdvd69191f8-325e-4537-8a70-ec14907ef874" class="widget widgetInfoAdvanced skin78 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2573 <header class="widgetHeader" id="headerd69191f8-325e-4537-8a70-ec14907ef874"> 2574 <div class=""> 2575 </div> 2576 </header> 2577 <div class="widgetBody cpGrid cpGrid1 "> 2578 <div class="row wide"> 2579 <div class="col col1 first last"> 2580 <ol class="pageStyles semanticList"> 2581 2582<li class="InfoAdvanced widgetItem fr-view"> 2583 <h1 class="headline">Popular Links</h1><p>Quickly access popular services and resources</p> 2584</li> </ol> 2585 </div> 2586 </div> 2587 </div> 2588 <div class="widgetFooter"> 2589 2590 </div> 2591 2592 </section> 2593 2594 2595
2596<script type="text/javascript"> 2597 //Render slideshow if info advacned items contain one. 2598 $(document).ready(function (e) { 2599 $('#divInfoAdvd69191f8-325e-4537-8a70-ec14907ef874 .InfoAdvanced.widgetItem').each(function () { 2600 renderSlideshowIfApplicable($(this)); 2601 }); 2602 }); 2603</script>
2603</div> 2604 </div> <!-- inner column --> 2605 2606 </div> <!-- inner row --> 2607 2608 </div><!-- outer column --><!----><div class="outer col col19 last" style="" data-widgetcontainerid="aecf0fc1-accb-4b0d-beaf-87f732ee3fc4">� 2609 <div class="row nest first last wide">� 2610 2611 <div class="inner col col19 first last id0fa05d95-1a07-4c24-b98d-cf29f2c15c28" style="" data-widgetcontainerid="0fa05d95-1a07-4c24-b98d-cf29f2c15c28">� 2612 <div data-widget-id="7e93ef34-82cb-4761-901c-a0b0a5f66e8d" data-widget-controller-path="/QuickLinks/Widget"> 2613 2614 2615 2616 2617 2618 2619 2620 2621 <section id="widgetQuicklink7e93ef34-82cb-4761-901c-a0b0a5f66e8d" class="widget widgetQuickLinks skin77 widgetOptionSet39 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:35em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 2622 <header class="widgetHeader" id="quickLinksHeader7e93ef34-82cb-4761-901c-a0b0a5f66e8d"> 2623 <div class=""> 2624 </div> 2625 </header> 2626 <div class="widgetBody cpGrid cpGrid3 "> 2627 <div class="row narrow"> 2628 <div class="col col1 first "> 2629 <ol class="semanticList"> 2630 2631 <li style="position:relative" class="widgetItem QuickLinks"> 2632 <a class="widgetDesc widgetQuickLinksLink" href="/177/Village-Code-of-Ordinances" target="_self" >Code of Ordinances</a> 2633 <div class="widgetMeta"></div> 2634 </li> 2635 2636 <li style="position:relative" class="widgetItem QuickLinks"> 2637 <a class="widgetDesc widgetQuickLinksLink" href="/186/Construction-News" target="_self" >Construction Projects</a> 2638 <div class="widgetMeta"></div> 2639 </li> 2640 2641 <li style="position:relative" class="widgetItem QuickLinks"> 2642 <a class="widgetDesc widgetQuickLinksLink" href="/202/Daily-Police-Log" target="_self" >Daily Police Log</a> 2643 <div class="widgetMeta"></div> 2644 </li> 2645 </ol> 2646 </div> 2647 <div class="col col1 "> 2648 <ol class="semanticList"> 2649 2650 <li style="position:relative" class="widgetItem QuickLinks"> 2651 <a class="widgetDesc widgetQuickLinksLink" href="/531/Found-Property" target="_self" >Found Property</a> 2652 <div class="widgetMeta"></div> 2653 </li> 2654 2655 <li style="position:relative" class="widgetItem QuickLinks"> 2656 <a class="widgetDesc widgetQuickLinksLink" href="https://www.frontlinepss.com/lombard" target="_self" >Overnight Parking Request</a> 2657 <div class="widgetMeta"></div> 2658 </li> 2659 2660 <li style="position:relative" class="widgetItem QuickLinks"> 2661 <a class="widgetDesc widgetQuickLinksLink" href="https://villageoflombard.govqa.us/WEBAPP/_rs/(S(dfrrat154s4airjxat4rqung))/supporthome.aspx" target="_self" >Public Records (FOIA) Request</a> 2662 <div class="widgetMeta"></div> 2663 </li> 2664 </ol> 2665 </div> 2666 <div class="col col1 last"> 2667 <ol class="semanticList"> 2668 2669 <li style="position:relative" class="widgetItem QuickLinks"> 2670 <a class="widgetDesc widgetQuickLinksLink" href="/568/Public-Safety-Buildings-Capital-Project" target="_self" >Public Safety Buildings Project</a> 2671 <div class="widgetMeta"></div> 2672 </li> 2673 2674 <li style="position:relative" class="widgetItem QuickLinks"> 2675 <a class="widgetDesc widgetQuickLinksLink" href="/156/Events" target="_self" >Village Events</a> 2676 <div class="widgetMeta"></div> 2677 </li> 2678 2679 <li style="position:relative" class="widgetItem QuickLinks"> 2680 <a class="widgetDesc widgetQuickLinksLink" href="/251/Maps" target="_self" >Village Maps</a> 2681 <div class="widgetMeta"></div> 2682 </li> 2683 </ol> 2684 </div> 2685 </div> 2686 2687 </div> 2688 <div class="widgetFooter"> 2689 </div> 2690 <div class="addItemModal hidden"> 2691 <div class="url hidden">/QuickLinks.aspx</div> 2692 </div> 2693 2694 </section> 2695</div> 2696 2697 </div> <!-- inner column --> 2698 2699 </div> <!-- inner row --> 2700 2701 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2702 2703 2704 </div> 2705</div></div> 2706</div><!-- Stay Informed --><div data-cpRole="structuralContainer" id="homeContainer4"> 2707<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent4a"> <div id="cc7e5eb0e9-3bcb-46e9-927a-fcf0372a52a6" data-containerid="7e5eb0e9-3bcb-46e9-927a-fcf0372a52a6" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="62"> 2708 2709 2710 <div class="row outer wide"><!-- 2711--><div class="outer col col9 first" style="" data-widgetcontainerid="eea085ff-dab3-41d5-92e6-5f6f9a13b79e">� 2712 <div class="row nest first last wide">� 2713 2714 <div class="inner col col9 first last id8ef04ec3-ecf0-4d26-a757-e84dbfd34e27" style="" data-widgetcontainerid="8ef04ec3-ecf0-4d26-a757-e84dbfd34e27">� 2715 <div data-widget-id="707067bc-42f7-42b5-a4f5-1956d41fcdf5" data-widget-controller-path="/InfoAdvanced/Widget"> 2716 2717 2718 2719 2720 2721 <section id="divInfoAdv707067bc-42f7-42b5-a4f5-1956d41fcdf5" class="widget widgetInfoAdvanced skin74 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2722 <header class="widgetHeader" id="header707067bc-42f7-42b5-a4f5-1956d41fcdf5"> 2723 <div class=""> 2724 </div> 2725 </header> 2726 <div class="widgetBody cpGrid cpGrid1 "> 2727 <div class="row wide"> 2728 <div class="col col1 first last"> 2729 <ol class="pageStyles semanticList"> 2730 2731<li class="InfoAdvanced widgetItem fr-view"> 2732 <h1 class="headline">Stay Connected</h1><p>Sign up for updates and alerts from the village</p> 2733</li> </ol> 2734 </div> 2735 </div> 2736 </div> 2737 <div class="widgetFooter"> 2738 2739 </div> 2740 2741 </section> 2742 2743 2744
2745<script type="text/javascript"> 2746 //Render slideshow if info advacned items contain one. 2747 $(document).ready(function (e) { 2748 $('#divInfoAdv707067bc-42f7-42b5-a4f5-1956d41fcdf5 .InfoAdvanced.widgetItem').each(function () { 2749 renderSlideshowIfApplicable($(this)); 2750 }); 2751 }); 2752</script>
2752</div> 2753 </div> <!-- inner column --> 2754 2755 </div> <!-- inner row --> 2756 2757 </div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="79941c5e-3f95-4602-8111-32a0806312e7">� 2758 <div class="row nest first last wide">� 2759 2760 <div class="inner col col3 first last id0ed5be98-4150-4e5c-abec-faf73436ac5b" style="" data-widgetcontainerid="0ed5be98-4150-4e5c-abec-faf73436ac5b">� 2761 2762<div class="widget widgetSpacer" id="76cbded7-b69a-420a-bb34-8320337fc8d8"></div> 2763 </div> <!-- inner column --> 2764 2765 </div> <!-- inner row --> 2766 2767 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="51f79a70-75c7-4889-87cc-503eddec6bd2">� 2768 <div class="row nest first last wide">� 2769 2770 <div class="inner col col12 first last id0fa41254-f57c-4018-a6e9-3503429ac2d8" style="" data-widgetcontainerid="0fa41254-f57c-4018-a6e9-3503429ac2d8">� 2771<div data-widget-id="0e079d48-a209-4ecb-b280-a021cb90cc97" data-widget-controller-path="/GraphicLinks/Widget"> 2772 2773 2774 2775 2776<div id="graphicLinkWidget0e079d48-a209-4ecb-b280-a021cb90cc97" class="widget widgetGraphicLinks skin81 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2777 <div class="widgetHeader"> 2778 <div class=""> 2779 </div> 2780 </div> 2781 <div class="widgetBody cpGrid cpGrid2 "> 2782 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2783 <div class="row wide"> 2784 <!-- 2785--><div class="col col1 first "><ul class="semanticList"><!-- 2786 --><li class="widgetItem GraphicLinks"> 2787 2788<div> 2789 <a href="/list.aspx" target="_self" class="fancyButton fancyButton123 " > 2790 <span> 2791 <span><span class="text">Notify Me®</span></span> 2792 </span> 2793 </a> 2794</div> 2795 <style scoped="scoped">.fancyButton123.fancyButton:link,.fancyButton123.fancyButton:visited, .fancyButton123div.fancyButton{ 2796 background-repeat: no-repeat; 2797 background-position: left top; 2798} 2799.fancyButton123.fancyButton:hover,.fancyButton123.fancyButton:focus,.fancyButton123.fancyButton:active,.fancyButton123.fancyButton.hover{ 2800 background-repeat: no-repeat; 2801 background-position: left top; 2802} 2803.fancyButton123.fancyButton:link > span,.fancyButton123.fancyButton:visited > span, .fancyButton123div.fancyButton > span{ 2804} 2805.fancyButton123.fancyButton:hover > span,.fancyButton123.fancyButton:focus > span,.fancyButton123.fancyButton:active > span,.fancyButton123.fancyButton.hover > span{ 2806} 2807.fancyButton123.fancyButton .text{ 2808 color: rgb(245, 247, 255); 2809 font-size: 1.2em; 2810 font-family: "Lato"; 2811 padding-top: .5em; 2812 padding-bottom: .5em; 2813 padding-right: .5em; 2814 padding-left: .5em; 2815 font-weight: 700; 2816 text-decoration: none; 2817 background-color: rgb(53, 25, 97); 2818 padding-top: .5em; 2819 padding-bottom: .5em; 2820 padding-right: .5em; 2821 padding-left: .5em; 2822 background-repeat: no-repeat; 2823 background-position: left top; 2824box-shadow: 0px 3px 6px #00000029; 2825border-radius: 5px; 2826min-height:75px; 2827display:flex; 2828flex-direction:column; 2829justify-content:center; 2830line-height:1.2; 2831transition:all .3s ease-in-out; 2832} 2833.fancyButton123.fancyButton:hover .text,.fancyButton123.fancyButton:focus .text,.fancyButton123.fancyButton:active .text,.fancyButton123.fancyButton.hover .text{ 2834 text-decoration: underline; 2835 background-color: rgb(22, 83, 55); 2836 background-repeat: no-repeat; 2837 background-position: left top; 2838 2839 2840} 2841</style> 2842 2843 </li><!-- 2844--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2845 --><li class="widgetItem GraphicLinks"> 2846 2847<div> 2848 <a href="/list.aspx?ListID=224" target="_self" class="fancyButton fancyButton124 " > 2849 <span> 2850 <span><span class="text">Weekly E-Newsletter</span></span> 2851 </span> 2852 </a> 2853</div> 2854 <style scoped="scoped">.fancyButton124.fancyButton:link,.fancyButton124.fancyButton:visited, .fancyButton124div.fancyButton{ 2855 background-repeat: no-repeat; 2856 background-position: left top; 2857} 2858.fancyButton124.fancyButton:hover,.fancyButton124.fancyButton:focus,.fancyButton124.fancyButton:active,.fancyButton124.fancyButton.hover{ 2859 background-repeat: no-repeat; 2860 background-position: left top; 2861} 2862.fancyButton124.fancyButton:link > span,.fancyButton124.fancyButton:visited > span, .fancyButton124div.fancyButton > span{ 2863} 2864.fancyButton124.fancyButton:hover > span,.fancyButton124.fancyButton:focus > span,.fancyButton124.fancyButton:active > span,.fancyButton124.fancyButton.hover > span{ 2865} 2866.fancyButton124.fancyButton .text{ 2867 color: rgb(245, 247, 255); 2868 font-size: 1.2em; 2869 font-family: "Lato"; 2870 padding-top: .5em; 2871 padding-bottom: .5em; 2872 padding-right: .5em; 2873 padding-left: .5em; 2874 font-weight: 700; 2875 text-decoration: none; 2876 background-color: rgb(53, 25, 97); 2877 padding-top: .5em; 2878 padding-bottom: .5em; 2879 padding-right: .5em; 2880 padding-left: .5em; 2881 background-repeat: no-repeat; 2882 background-position: left top; 2883box-shadow: 0px 3px 6px #00000029; 2884border-radius: 5px; 2885min-height:75px; 2886display:flex; 2887flex-direction:column; 2888justify-content:center; 2889line-height:1.2; 2890transition:all .3s ease-in-out; 2891} 2892.fancyButton124.fancyButton:hover .text,.fancyButton124.fancyButton:focus .text,.fancyButton124.fancyButton:active .text,.fancyButton124.fancyButton.hover .text{ 2893 text-decoration: underline; 2894 background-color: rgb(22, 83, 55); 2895 background-repeat: no-repeat; 2896 background-position: left top; 2897 2898 2899} 2900</style> 2901 2902 </li><!-- 2903--></ul></div><!-- --> 2904 </div> 2905 </nav> 2906 </div> 2907 <div class="widgetFooter"> 2908 </div> 2909</div> 2910</div> 2911 2912 </div> <!-- inner column --> 2913 2914 </div> <!-- inner row --> 2915 2916 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2917 2918 2919 </div> 2920</div></div> 2921</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 2922<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc01cd82b3-72ac-4d35-9a3f-1630df05eb62" data-containerid="01cd82b3-72ac-4d35-9a3f-1630df05eb62" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="64"> 2923 2924 2925 <div class="row outer wide"><!-- 2926--><div class="outer col col5 first" style="" data-widgetcontainerid="cf2ef21a-10bd-4afd-b5c6-c4acdca6d418">� 2927 <div class="row nest first wide">� 2928 2929 <div class="inner col col5 first last ida661e657-e72d-4621-bd33-f34fde771333" style="" data-widgetcontainerid="a661e657-e72d-4621-bd33-f34fde771333">� 2930 <div data-widget-id="27014fb4-442c-43e2-9cdc-415e7de6af77" data-widget-controller-path="/InfoAdvanced/Widget"> 2931 2932 2933 2934 2935 2936 <section id="divInfoAdv27014fb4-442c-43e2-9cdc-415e7de6af77" class="widget widgetInfoAdvanced skin66 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2937 <header class="widgetHeader" id="header27014fb4-442c-43e2-9cdc-415e7de6af77"> 2938 <div class=""> 2939 </div> 2940 </header> 2941 <div class="widgetBody cpGrid cpGrid1 "> 2942 <div class="row wide"> 2943 <div class="col col1 first last"> 2944 <ol class="pageStyles semanticList"> 2945 2946<li class="InfoAdvanced widgetItem fr-view"> 2947 <p><img src="/ImageRepository/Document?documentId=10508" class="fr-dib" alt="Footer Homepage Lombard Village, Illinois"></p> 2948</li> </ol> 2949 </div> 2950 </div> 2951 </div> 2952 <div class="widgetFooter"> 2953 2954 </div> 2955 2956 </section> 2957 2958 2959
2960<script type="text/javascript"> 2961 //Render slideshow if info advacned items contain one. 2962 $(document).ready(function (e) { 2963 $('#divInfoAdv27014fb4-442c-43e2-9cdc-415e7de6af77 .InfoAdvanced.widgetItem').each(function () { 2964 renderSlideshowIfApplicable($(this)); 2965 }); 2966 }); 2967</script>
2967</div> 2968 </div> <!-- inner column --> 2969 2970 </div> <!-- inner row --> 2971 <div class="row nest last wide">� 2972 2973 <div class="inner col col5 first last id72a00d9c-5ef8-44dd-9bb5-bcc7b39d0688" style="" data-widgetcontainerid="72a00d9c-5ef8-44dd-9bb5-bcc7b39d0688">� 2974<div data-widget-id="74813056-5778-4292-9945-b00ab52b4f3e" data-widget-controller-path="/GraphicLinks/Widget"> 2975 2976 2977 2978 2979<div id="graphicLinkWidget74813056-5778-4292-9945-b00ab52b4f3e" class="widget widgetGraphicLinks skin73 widgetOptionSet27 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2980 <div class="widgetHeader"> 2981 <div class=""> 2982 </div> 2983 </div> 2984 <div class="widgetBody cpGrid cpGrid5 "> 2985 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2986 <div class="row autoWidths center wide"> 2987 <!-- 2988--><div class="col col1 first "><ul class="semanticList"><!-- 2989 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 2990 2991<img src="/ImageRepository/Document?documentID=9988" 2992 class="graphicButtonLink" alt="Facebook" 2993 onmouseover="this.src='/ImageRepository/Document?documentID=9988'" 2994 onmouseout="this.src='/ImageRepository/Document?documentID=9988'" 2995 onfocus="this.src='/ImageRepository/Document?documentID=9988'" 2996 onblur="this.src='/ImageRepository/Document?documentID=9988'"> 2997</a></li><!-- 2998--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2999 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/x" target="_self"> 3000 3001<img src="/ImageRepository/Document?documentID=9991" 3002 class="graphicButtonLink" alt="X-black" 3003 onmouseover="this.src='/ImageRepository/Document?documentID=9991'" 3004 onmouseout="this.src='/ImageRepository/Document?documentID=9991'" 3005 onfocus="this.src='/ImageRepository/Document?documentID=9991'" 3006 onblur="this.src='/ImageRepository/Document?documentID=9991'"> 3007</a></li><!-- 3008--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 3009 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 3010 3011<img src="/ImageRepository/Document?documentID=9992" 3012 class="graphicButtonLink" alt="YouTube" 3013 onmouseover="this.src='/ImageRepository/Document?documentID=9992'" 3014 onmouseout="this.src='/ImageRepository/Document?documentID=9992'" 3015 onfocus="this.src='/ImageRepository/Document?documentID=9992'" 3016 onblur="this.src='/ImageRepository/Document?documentID=9992'"> 3017</a></li><!-- 3018--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 3019 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 3020 3021<img src="/ImageRepository/Document?documentID=9989" 3022 class="graphicButtonLink" alt="Instagram" 3023 onmouseover="this.src='/ImageRepository/Document?documentID=9989'" 3024 onmouseout="this.src='/ImageRepository/Document?documentID=9989'" 3025 onfocus="this.src='/ImageRepository/Document?documentID=9989'" 3026 onblur="this.src='/ImageRepository/Document?documentID=9989'"> 3027</a></li><!-- 3028--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 3029 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self"> 3030 3031<img src="/ImageRepository/Document?documentID=9990" 3032 class="graphicButtonLink" alt="Linkedin" 3033 onmouseover="this.src='/ImageRepository/Document?documentID=9990'" 3034 onmouseout="this.src='/ImageRepository/Document?documentID=9990'" 3035 onfocus="this.src='/ImageRepository/Document?documentID=9990'" 3036 onblur="this.src='/ImageRepository/Document?documentID=9990'"> 3037</a></li><!-- 3038--></ul></div><!-- --> 3039 </div> 3040 </nav> 3041 </div> 3042 <div class="widgetFooter"> 3043 </div> 3044</div> 3045</div> 3046 3047 </div> <!-- inner column --> 3048 3049 </div> <!-- inner row --> 3050 3051 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="ab1e1483-04bb-4b98-82a2-9bf36ed5891b">� 3052 <div class="row nest first last wide">� 3053 3054 <div class="inner col col1 first last id919811fa-9028-4589-97c2-d6df4e19a300" style="" data-widgetcontainerid="919811fa-9028-4589-97c2-d6df4e19a300">� 3055 3056<div class="widget widgetSpacer" id="6a0c111f-8ba4-43c1-a57c-a5f241dda914"></div> 3057 </div> <!-- inner column --> 3058 3059 </div> <!-- inner row --> 3060 3061 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="d4780be7-ddcd-4307-b054-9672516f8131">� 3062 <div class="row nest first last wide">� 3063 3064 <div class="inner col col6 first last id598e3157-d949-49f1-a635-2b093f0e1dd3" style="" data-widgetcontainerid="598e3157-d949-49f1-a635-2b093f0e1dd3">� 3065 <div data-widget-id="cbf964a5-4e5a-4ec2-b149-203286b48bd5" data-widget-controller-path="/InfoAdvanced/Widget"> 3066 3067 3068 3069 3070 3071 <section id="divInfoAdvcbf964a5-4e5a-4ec2-b149-203286b48bd5" class="widget widgetInfoAdvanced skin69 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headercbf964a5-4e5a-4ec2-b149-203286b48bd5"> 3072 <header class="widgetHeader" id="headercbf964a5-4e5a-4ec2-b149-203286b48bd5"> 3073 <div class=""> 3074 <h3 >Contact Us</h3> 3075 </div> 3076 </header> 3077 <div class="widgetBody cpGrid cpGrid1 "> 3078 <div class="row wide"> 3079 <div class="col col1 first last"> 3080 <ol class="pageStyles semanticList"> 3081 3082<li class="InfoAdvanced widgetItem fr-view"> 3083 <p>Village of Lombard</p> 3084</li> 3085<li class="InfoAdvanced widgetItem fr-view"> 3086 <p>
3086255 E Wilson Avenue</p> 3087</li> 3088<li class="InfoAdvanced widgetItem fr-view"> 3089 <p>Lombard, IL 60148-3926</p> 3090</li> 3091<li class="InfoAdvanced widgetItem fr-view"> 3092 <p>Phone: <a href="tel:6306205700">630-620-5700</a></p><p><br></p> 3093</li> 3094<li class="InfoAdvanced widgetItem fr-view"> 3095 <p><strong>Village Hall Hours</strong></p> 3096</li> 3097<li class="InfoAdvanced widgetItem fr-view"> 3098 <p>Village Hall Walk-In Hours</p> 3099</li> 3100<li class="InfoAdvanced widgetItem fr-view"> 3101 <p>Monday through Thursday, 8:30 am to 4 pm</p><p><br></p> 3102</li> 3103<li class="InfoAdvanced widgetItem fr-view"> 3104 <p>Call (630) 620-5700 for assistance</p> 3105</li> 3106<li class="InfoAdvanced widgetItem fr-view"> 3107 <p>Monday – Friday, 8:00 am to 4:30 pm</p> 3108</li> 3109<li class="InfoAdvanced widgetItem fr-view"> 3110 3111</li> 3112<li class="InfoAdvanced widgetItem fr-view"> 3113 <p>Saturday & Sunday: Closed</p> 3114</li> 3115<li class="InfoAdvanced widgetItem fr-view"> 3116 <p><a href="/directory.aspx">Staff Directory</a></p> 3117</li> </ol> 3118 </div> 3119 </div> 3120 </div> 3121 <div class="widgetFooter"> 3122 3123 </div> 3124 3125 </section> 3126 3127 3128
3129<script type="text/javascript"> 3130 //Render slideshow if info advacned items contain one. 3131 $(document).ready(function (e) { 3132 $('#divInfoAdvcbf964a5-4e5a-4ec2-b149-203286b48bd5 .InfoAdvanced.widgetItem').each(function () { 3133 renderSlideshowIfApplicable($(this)); 3134 }); 3135 }); 3136</script>
3136</div> 3137 </div> <!-- inner column --> 3138 3139 </div> <!-- inner row --> 3140 3141 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="5f6c8994-ac3d-4eb3-a14a-842234c5015c">� 3142 <div class="row nest first last wide">� 3143 3144 <div class="inner col col1 first last id83a360af-2979-4209-9bbf-b31d1d38e093" style="" data-widgetcontainerid="83a360af-2979-4209-9bbf-b31d1d38e093">� 3145 3146<div class="widget widgetSpacer" id="428e423a-dc1e-4502-8210-9f37e3834d5b"></div> 3147 </div> <!-- inner column --> 3148 3149 </div> <!-- inner row --> 3150 3151 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="fa149870-b553-480a-a03b-4b9ac52ffc15">� 3152 <div class="row nest first last wide">� 3153 3154 <div class="inner col col6 first last id9a48ffdc-98cb-449a-a269-502fff19b71d" style="" data-widgetcontainerid="9a48ffdc-98cb-449a-a269-502fff19b71d">� 3155 <div data-widget-id="4c7e4bd7-6b36-4540-b487-e55776f962e0" data-widget-controller-path="/QuickLinks/Widget"> 3156 3157 3158 3159 3160 3161 3162 3163 3164 <section id="widgetQuicklink4c7e4bd7-6b36-4540-b487-e55776f962e0" class="widget widgetQuickLinks skin69 widgetOptionSet39 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader4c7e4bd7-6b36-4540-b487-e55776f962e0"> 3165 <header class="widgetHeader" id="quickLinksHeader4c7e4bd7-6b36-4540-b487-e55776f962e0"> 3166 <div class=""> 3167 <h3><a style="" href="/QuickLinks.aspx?CID=15" >Quick Links</a></h3> 3168 </div> 3169 </header> 3170 <div class="widgetBody cpGrid cpGrid1 "> 3171 <div class="row narrow"> 3172 <div class="col col1 first last"> 3173 <ol class="semanticList"> 3174 3175 <li style="position:relative" class="widgetItem QuickLinks"> 3176 <a class="widgetDesc widgetQuickLinksLink" href="//www.citizenserve.com/lombardil" target="_blank" aria-label="Online Permits, Elevator Invoices, and Contractor Registration opens in new window">Online Permits, Elevator Invoices, and Contractor Registration </a> 3177 <div class="widgetMeta"></div> 3178 </li> 3179 3180 <li style="position:relative" class="widgetItem QuickLinks"> 3181 <a class="widgetDesc widgetQuickLinksLink" href="/160/Building-Permits" target="_self" >Permit Requirements </a> 3182 <div class="widgetMeta"></div> 3183 </li> 3184 3185 <li style="position:relative" class="widgetItem QuickLinks"> 3186 <a class="widgetDesc widgetQuickLinksLink" href="/181/Business-Licenses" target="_self" >Business Licenses</a> 3187 <div class="widgetMeta"></div> 3188 </li> 3189 3190 <li style="position:relative" class="widgetItem QuickLinks"> 3191 <a class="widgetDesc widgetQuickLinksLink" href="/187/Refuse-Recycling-Yard-Waste" target="_self" >Refuse, Recycling & Yard Waste</a> 3192 <div class="widgetMeta"></div> 3193 </li> 3194 3195 <li style="position:relative" class="widgetItem QuickLinks"> 3196 <a class="widgetDesc widgetQuickLinksLink" href="http://intranet.villageoflombard.org/IdentityServer/SignIn?sso=true&redirectUrl=https%3A%2F%2Fintranet.villageoflombard.org" target="_blank" aria-label="Employee Intranet opens in new window">Employee Intranet</a> 3197 <div class="widgetMeta"></div> 3198 </li> 3199 3200 <li style="position:relative" class="widgetItem QuickLinks"> 3201 <a class="widgetDesc widgetQuickLinksLink" href="https://library.municode.com/il/lombard/codes/code_of_ordinances" target="_self" >Village Code of Ordinances</a> 3202 <div class="widgetMeta"></div> 3203 </li> 3204 3205 <li style="position:relative" class="widgetItem QuickLinks"> 3206 <a class="widgetDesc widgetQuickLinksLink" href="https://www.villageoflombard.org/274" target="_blank" aria-label="Connect With Us opens in new window">Connect With Us</a> 3207 <div class="widgetMeta"></div> 3208 </li> 3209 </ol> 3210 </div> 3211 </div> 3212 3213 </div> 3214 <div class="widgetFooter"> 3215 </div> 3216 <div class="addItemModal hidden"> 3217 <div class="url hidden">/QuickLinks.aspx</div> 3218 </div> 3219 3220 </section> 3221</div> 3222 3223 </div> <!-- inner column --> 3224 3225 </div> <!-- inner row --> 3226 3227 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="5cd31263-6271-4b21-a3d5-2690a4c7db0c">� 3228 <div class="row nest first last wide">� 3229 3230 <div class="inner col col1 first last id80644d0a-d838-4073-ab98-ea6f10c0b539" style="" data-widgetcontainerid="80644d0a-d838-4073-ab98-ea6f10c0b539">� 3231 3232<div class="widget widgetSpacer" id="3a122648-e9a2-4c9d-93f0-877a7d0fca01"></div> 3233 </div> <!-- inner column --> 3234 3235 </div> <!-- inner row --> 3236 3237 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="04b5ec21-b5c0-4b0f-a9f9-360800052e25">� 3238 <div class="row nest first last wide">� 3239 3240 <div class="inner col col4 first last ided386d0c-47d1-4bb5-9346-8b593f2d67ab" style="" data-widgetcontainerid="ed386d0c-47d1-4bb5-9346-8b593f2d67ab">� 3241 <div data-widget-id="79ad1f94-05c3-4acb-8c55-4f56cb9d5c86" data-widget-controller-path="/QuickLinks/Widget"> 3242 3243 3244 3245 3246 3247 3248 3249 3250 <section id="widgetQuicklink79ad1f94-05c3-4acb-8c55-4f56cb9d5c86" class="widget widgetQuickLinks skin69 widgetOptionSet39 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader79ad1f94-05c3-4acb-8c55-4f56cb9d5c86"> 3251 <header class="widgetHeader" id="quickLinksHeader79ad1f94-05c3-4acb-8c55-4f56cb9d5c86"> 3252 <div class=""> 3253 <h3><a style="" href="/QuickLinks.aspx?CID=16" >Site Links</a></h3> 3254 </div> 3255 </header> 3256 <div class="widgetBody cpGrid cpGrid1 "> 3257 <div class="row narrow"> 3258 <div class="col col1 first last"> 3259 <ol class="semanticList"> 3260 3261 <li style="position:relative" class="widgetItem QuickLinks"> 3262 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 3263 <div class="widgetMeta"></div> 3264 </li> 3265 3266 <li style="position:relative" class="widgetItem QuickLinks"> 3267 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 3268 <div class="widgetMeta"></div> 3269 </li> 3270 3271 <li style="position:relative" class="widgetItem QuickLinks"> 3272 <a class="widgetDesc widgetQuickLinksLink" href="/websiteaccessibility" target="_blank" aria-label="Website Accessibility opens in new window">Website Accessibility</a> 3273 <div class="widgetMeta"></div> 3274 </li> 3275 3276 <li style="position:relative" class="widgetItem QuickLinks"> 3277 <a class="widgetDesc widgetQuickLinksLink" href="http://www.villageoflombard.org/305/ADA-accessibility" target="_self" >ADA Accessibility</a> 3278 <div class="widgetMeta"></div> 3279 </li> 3280 3281 <li style="position:relative" class="widgetItem QuickLinks"> 3282 <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy</a> 3283 <div class="widgetMeta"></div> 3284 </li> 3285 3286 <li style="position:relative" class="widgetItem QuickLinks"> 3287 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 3288 <div class="widgetMeta"></div> 3289 </li> 3290 </ol> 3291 </div> 3292 </div> 3293 3294 </div> 3295 <div class="widgetFooter"> 3296 </div> 3297 <div class="addItemModal hidden"> 3298 <div class="url hidden">/QuickLinks.aspx</div> 3299 </div> 3300 3301 </section> 3302</div> 3303 3304 </div> <!-- inner column --> 3305 3306 </div> <!-- inner row --> 3307 3308 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3309 3310 3311 </div> 3312</div></div> 3313</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 3314<div class="siteWrap4"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="ccc894de6a-80b8-4f8d-a9c7-de8c07a3c0ef" data-containerid="c894de6a-80b8-4f8d-a9c7-de8c07a3c0ef" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 3315 3316 3317 <div class="row outer wide"><!-- 3318--><div class="outer col col24 first last" style="" data-widgetcontainerid="0c6b7c85-4d4f-41c8-9d3e-9964818581f0">� 3319 <div class="row nest first last wide">� 3320 3321 <div class="inner col col24 first last idea63816b-b296-4ecd-a368-b55579576f42" style="" data-widgetcontainerid="ea63816b-b296-4ecd-a368-b55579576f42">� 3322 3323 <div data-widget-id='3b44ad21-683b-440f-b1e7-15e17d5fd4fd' data-moduleName="customHtml" id='widgetCustomHtml3b44ad21-683b-440f-b1e7-15e17d5fd4fd' class="widget widgetCustomHtml skin72 narrow" > 3324 <div class="widgetBody pageStyles" id="widgetBody3b44ad21-683b-440f-b1e7-15e17d5fd4fd"> 3325 <div id="customHtml3b44ad21-683b-440f-b1e7-15e17d5fd4fd"><div><style> 3326 /* CP icon */ 3327 .cpBylineIconTS { 3328 color: #fff; 3329 } 3330 /* CP Text */ 3331 .cpBylineTextTS, 3332 .cpBylineTextTS a:link { 3333 color: #fff; 3334 } 3335 3336 .cpBylineTS { 3337 text-align: center; 3338 } 3339 3340 .cpBylineIconTS { 3341 fill: currentColor; 3342 width: 39px;
3343 height: 26px; 3344 display: inline; 3345 vertical-align: middle; 3346 } 3347</style> 3348 3349<div class="widgetItem cpBylineTS"> 3350 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 3351 <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> 3352 <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> 3353 </svg> 3354 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 3355</div> 3356</div></div> 3357 </div> 3358 3359 </div> 3360 3361 </div> <!-- inner column --> 3362 3363 </div> <!-- inner row --> 3364 3365 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3366 3367 3368 </div> 3369</div></div> 3370</div> 3371 3372 3373 3374 3375 <div id="banner2-79" style="display: none"></div> 3376
3376<script type="text/javascript"> 3377 $(window).on("load", function () { 3378 $.when(window.Pages.rwdSetupComplete) 3379 .done(function () { 3380 renderBanner('banner2-79', 3381 'banner2', 3382 {"BannerOptionID":79,"ThemeID":27,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"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":163,"BannerOptionID":79,"FileName":"/ImageRepository/Document?documentID=10013","Height":1150,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":19,"BannerOptionID":79,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202503010007264063.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)\/"}, 3383 {"BannerImageID":163,"BannerOptionID":79,"FileName":"/ImageRepository/Document?documentID=10013","Height":1150,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 3384 '/App_Themes/Home/Images/', 3385 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=10013" />'); 3386 }); 3387 }); 3388 </script>
3388 3389 3390</div> 3391</div> 3392 3393 </div> 3394 </div> 3395 </div> 3396 3397<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3398 3399<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3400 <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"> 3401 <div class="cp-Splash-header"> 3402 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3403 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3404 <svg id="iconClose" viewBox="0 0 25 25"> 3405 <polygon style="fill:currentcolor" 3406 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,18.084 13.277,12.508"></polygon> 3407 </svg> 3408 </button> 3409 </div> 3410 <div class="cp-Splash-body"> 3411 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3412 <!-- Content from the Froala Editor will go here. --> 3413 Loading 3414 </div> 3415 </div> 3416 <div class="cp-Splash-footer"> 3417 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3418 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
3419 </div> 3420 </div> 3421</div> 3422
3423<script src="/Assets/Scripts/APIClient.js"></script>
3423
3424<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
3424
3425<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
3425
3426<script> 3427 3428 $(document).ready(function () { 3429 var filter = { 3430 targetId: '1', 3431 targetType: 1 3432 } 3433 3434 new SplashModalRender().triggerRender(filter); 3435 }); 3436</script>
3436 3437 3438 3439 3440 3441 3442 3443 3444 3445 3446 3447 3448 3449 3450 3451 3452 3453
3453<script src="/-1442400649.js" type="text/javascript"></script>
3453 3454 <!-- Fixed Footer -->
3455<script> 3456 var fixedFooter = $('.fixedFooter_ts'); 3457 var footerHeight = fixedFooter.outerHeight(); 3458 var structuralContainer11 = $('#structuralContainer11'); 3459 3460 function fixedFooterSpacing() { 3461 if (fixedFooter.css("position") == "fixed") { 3462 structuralContainer11 .css("paddingBottom", footerHeight + "px"); 3463 } else { 3464 structuralContainer11 .css("paddingBottom", "0"); 3465 } 3466 } 3467 3468 fixedFooterSpacing(); 3469 $(window).resize(function() { 3470 fixedFooterSpacing(); 3471 }); 3472</script>
3472 3473<!-- End Fixed Footer --> 3474 3475 3476<!-- Fixed Nav Adjustment -->
3477<script> 3478 function getValueTS(elem, attr) { 3479 const val = elem.css(attr); 3480 if (val === undefined) return undefined; 3481 const num = parseInt(val, 10); 3482 if (num === NaN) return undefined; 3483 return num; 3484 } 3485 3486 function clampTS(number, min, max) { 3487 return Math.min(Math.max(number, min), max); 3488 } 3489 3490 function isPageEditingTS() { 3491 return ( 3492 $("#doneEditing").length > 0 || // In live edit 3493 typeof DesignCenter !== "undefined" // In theme manager 3494 ); 3495 } 3496 3497 const bgColorRegexTS = /rgba((d+), (d+), (d+), (d*.?d*))/; 3498 function isTransparentTS(elem) { 3499 const bg = elem.css('background-color'); 3500 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3501 const matchState = bg.match(bgColorRegexTS); 3502 if (!matchState || matchState.length !== 5) return false; 3503 const alpha = parseFloat(matchState[4], 10); 3504 if (!(alpha >= 0 && alpha < 1)) return false; 3505 return true; 3506 } 3507 3508 function iterateLeftpads(cb) { 3509 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3510 for (let i = 0; i < containersTS.length; i++) { 3511 const containerTS = containersTS[i]; 3512 // Skip the body container and anything with data-skip-leftpad 3513 if ( 3514 containerTS.id !== "bodyContainerTS" && 3515 containerTS.getAttribute('data-skip-leftpad') === null 3516 ) { 3517 cb(containerTS); 3518 } 3519 } 3520 } 3521 3522 const anchor = $("#divToolbars");
3523 const anchor2 = $("#headerContainerTS") 3524 3525 // Outer banner padding (push banner down) 3526 const outerSizingTS = $("#bannerContainerTS"); 3527 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3528 const innerSizingTS = $("#bannerSizingTS"); 3529 const bodyContainerTS = $("#bodyContainerTS"); 3530 3531 const forceUnfixClassTS = "forceUnfixTS"; 3532 3533 const fixedTopTS = $(".fixedTopTS"); 3534 const fixedBottomTS = $(".fixedBottomTS"); 3535 const fixedLeftTS = $(".fixedLeftTS"); 3536 3537 var initialTopTS; 3538 var topAttachTS; 3539 if (fixedTopTS && fixedTopTS.length === 1) { 3540 initialTopTS = getValueTS(fixedTopTS, 'top'); 3541 const attachment = fixedTopTS.attr('data-attach'); 3542 if (attachment) topAttachTS = $("#" + attachment); 3543 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3544 } 3545 3546 function resizeAdjustmentTS() { 3547 const editing = isPageEditingTS(); 3548 3549 // Fixed top script 3550 (function () { 3551 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3552 3553 if (editing) { 3554 fixedTopTS[0].classList.add(forceUnfixClassTS); 3555 } else { 3556 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3557 } 3558 3559 const topPosition = fixedTopTS.css('position'); 3560 if (topPosition === 'fixed') { 3561 if (topAttachTS) { 3562 scrollAdjustmentTS(); 3563 } else { 3564 const anchorHeight = anchor.outerHeight() - 1; 3565 fixedTopTS.css('top', anchorHeight + initialTopTS); 3566 } 3567 } else { 3568 fixedTopTS.css('top', initialTopTS); 3569 } 3570 3571 if (topPosition === 'fixed' || topPosition === 'absolute') { 3572 // Bump the banner content down 3573 if (isTransparentTS(fixedTopTS)) { 3574 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 3575 outerSizingTS.css('padding-top', ''); 3576 3577 try { 3578 window.Pages.onResizeHandlersExecute(); 3579 } catch (e) { } 3580 } else { 3581 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 3582 innerSizingTS.css('padding-top', ''); 3583 } 3584 } else { 3585 innerSizingTS.css('padding-top', ''); 3586 outerSizingTS.css('padding-top', ''); 3587 } 3588 })(); 3589 3590 // Fixed bottom script 3591 (function () { 3592 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3593 3594 // If the widget has gone narrow, force unfix 3595 if (editing || fixedBottomTS.outerHeight() > 200) { 3596 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3597 } else { 3598 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3599 } 3600 3601 if (fixedBottomTS.css('position') === 'fixed') { 3602 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3603 } else { 3604 bodyContainerTS.css('padding-bottom', ''); 3605 } 3606 })(); 3607 3608 // Fixed left script 3609 (function () { 3610 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3611 3612 if (editing) { 3613 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3614 } else { 3615 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3616 } 3617 3618 if (fixedLeftTS.css('position') === 'fixed') { 3619 const anchorHeight = anchor.outerHeight() - 1; 3620 fixedLeftTS.css('top', anchorHeight); 3621 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3622 iterateLeftpads(function (containerTS) { 3623 const containerBoundingTS = containerTS.getBoundingClientRect(); 3624 if (containerBoundingTS.left <= leftBoundingTS.right) { 3625 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3626 } 3627 }); 3628 } else { 3629 fixedLeftTS.css('top', ''); 3630 iterateLeftpads(function (containerTS) { 3631 $(containerTS).css('padding-left', ''); 3632 }); 3633 } 3634 })(); 3635 } 3636 3637 function scrollAdjustmentTS() { 3638 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3639 const topPosition = fixedTopTS.css('position'); 3640 if (topPosition === 'fixed' || topPosition === 'absolute') { 3641 const anchorBounding = anchor[0].getBoundingClientRect();
3642 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3643 const scrollTop = $(window).scrollTop(); 3644 3645 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3646 } else { 3647 fixedTopTS.css('top', initialTopTS); 3648 } 3649 } 3650 3651 $(window).load(function () { 3652 setTimeout(function () { 3653 resizeAdjustmentTS(); 3654 }, 350); 3655 3656 $(window).scroll(function () { 3657 scrollAdjustmentTS(); 3658 }); 3659 3660 var adjustTimeoutTS; 3661 $(window).resize(function () { 3662 clearTimeout(adjustTimeoutTS); 3663 adjustTimeoutTS = setTimeout(function () { 3664 resizeAdjustmentTS(); 3665 }, 350); 3666 }); 3667 3668 $.when(window.Pages.angularToolbarComplete).done(function () { 3669 resizeAdjustmentTS(); 3670 }); 3671 }); 3672</script>
3672 3673<!-- End Fixed Nav Adjustment --> 3674 3675<!-- Move banner to outer wrap -->
3676<script> 3677 function moveBannerToOuterWrap() { 3678 if ($(".fixedBannerTS #bannerDivbanner2").length) { 3679 $(".fixedBannerTS #bannerDivbanner2").appendTo("#outer-wrap"); 3680 } else { 3681 setTimeout(function () { 3682 moveBannerToOuterWrap(); 3683 }, 500); 3684 } 3685 } 3686 3687 moveBannerToOuterWrap(); 3688</script>
3688 3689 3690 3691
3691<script type="text/javascript"> 3692 $(function () { 3693 document.cookie = "responsiveGhost=0; path=/"; 3694 }); 3695 $(window).on("load", function () { 3696 $('body').addClass('doneLoading').removeClass('hideContent'); 3697 3698 if ($('#404Content').length > 0) 3699 $('div#bodyWrapper').css('padding', '0px'); 3700 }); 3701 </script>
3701 3702 3703 <noscript> 3704 <style> 3705 body.hideContent { 3706 opacity: 1 !important; 3707 } 3708 </style> 3709 </noscript> 3710 3711 3712<div style="display: none;"> 3713 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3714 3715 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3716 <title>Arrow Left</title> 3717 <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> 3718 </symbol> 3719 3720 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3721 <title>Arrow Right</title> 3722 <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> 3723 </symbol> 3724 3725 </svg> 3726</div> 3727
3727<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,700,700italic,900,900italic,italic,regular|Libre+Baskerville:700|Montserrat:500,600,700,regular|Open+Sans:300,600,700,regular|Poppins:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Source+Sans+Pro:700|');</script>
3727 3728 3729 3730 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3731 <div style="display: none;"> 3732 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3733 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3734 <title>Slideshow Left Arrow</title> 3735 <g> 3736 <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> 3737 </g> 3738 </symbol> 3739 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3740 <title>Slideshow Right Arrow</title> 3741 <g> 3742 <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> 3743 </g> 3744 </symbol> 3745 </svg> 3746 </div> 3747 3748 3749 3750 3751 <div id="root-picker-outlet"></div> 3752</body> 3753</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.