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-2K0PT6R9TR';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 = {"DepartmentHeaderId":4064,"DepartmentHeaderName":"Utility Customer Service"}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= false; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 <!-- Google Tag Manager -->
118<script>
vendor: 333 bytes, lines 118-123
118 119(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 120new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 121j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 122'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 123})(window,document,'script','dataLayer','
123GTM-5L23GZX
vendor: 5 bytes, line 123
123');
124</script>
124 125<!-- End Google Tag Manager --> 126 127<meta name="google-site-verification" content="cUu3FRvtjL1opvC6bQgsdst-IXb7sA9kwyOBSzer6r8" /> 128 129<!-- Favicon MetaTags --> 130<link rel="icon" type="image/png" sizes="192x192" href="/DocumentCenter/View/5278"> 131<link rel="icon" type="image/png" sizes="256x256" href="/DocumentCenter/View/5279"> 132<link rel="apple-touch-icon" sizes="120x120" href="/DocumentCenter/View/5280"> 133<link rel="icon" type="image/png" sizes="16x16" href="/DocumentCenter/View/5281"> 134<link rel="icon" type="image/png" sizes="32x32" href="/DocumentCenter/View/5282"> 135<meta name="msapplication-config" content="/DocumentCenter/View/5283"> 136<link rel="icon" type="image/png" sizes="150x150" href="/DocumentCenter/View/5283"> 137<link rel="mask-icon" href="/DocumentCenter/View/5285"> 138<link rel="shortcut icon" href="/DocumentCenter/View/5286"> 139<link rel="manifest" href="/DocumentCenter/View/5287"> 140<meta name="msapplication-TileColor" content="#da532c"> 141<meta name="theme-color" content="#ffffff"> 142<!-- End Favicon MetaTags --> 143 144<!-- Meta Pixel Code -->
145<script>
vendor: 408 bytes, lines 145-154
145 146!function(f,b,e,v,n,t,s) 147{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 148n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 149if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 150n.queue=[];t=b.createElement(e);t.async=!0; 151t.src=v;s=b.getElementsByTagName(e)[0]; 152s.parentNode.insertBefore(t,s)}(window, document,'script', 153'https://connect.facebook.net/en_US/fbevents.js'); 154fbq('init', '
1541701130857800427
vendor: 32 bytes, lines 154-155
154'); 155fbq('track', 'PageView');
156</script>
156 157<noscript> 158 <img height="1" width="1" style="display:none" 159 src="https://www.facebook.com/tr?id=1701130857800427&ev=PageView&noscript=1" /> 160</noscript> 161<!-- End Meta Pixel Code --> 162 <meta name="category0" content="Home" /> 163<meta name="category1" content="City Services" /> 164<meta name="category2" content="Departments R - Z" /> 165<meta name="category3" content="Utility Customer Service" /> 166<meta name="category4" content="Contact Us" /> 167 168 169 <meta name="theme-color" content="rgb(42, 79, 126)"> 170 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 171 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 172 <title>Contact Us | Garland, TX</title> 173 174 <meta name="description" content="Access contact information for the Utility Customer Service Department."> 175
175<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
175 176
176<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
176 177 178 179 <!--[if IE 6]>
179<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
179<![endif]--> 180 <!--[if IE 7]>
180<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
180<![endif]--> 181 <!--[if IE 8]>
181<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
181<![endif]--> 182 <!--[if IE 9]>
182<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
182<![endif]--> 183
183<script type="text/javascript"><!-- 184 var intCountryCode = 840; 185 var order = ''; 186//--></script>
186 187 188 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-1096344974.css" rel="stylesheet" type="text/css" /> 189 190 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 191
191<script type="text/javascript"> 192 window.Pages = window.Pages || {}; 193 // FrontEnd RWD initialization 194 window.Pages.rwdReady = $.Deferred(); 195 window.Pages.toolBarDeferred = $.Deferred(); 196 window.Pages.rwdSetupComplete = $.Deferred(); 197 window.Pages.megaMenuLoaded = $.Deferred(); 198 window.Pages.angularToolbarComplete = $.Deferred(); 199 window.Pages.frontEndToolbarComplete = $.Deferred(); 200 </script>
200 201 <!--CPHeadContent--> 202
202<script src="/739942322.js" type="text/javascript"></script>
202 203 204 205 206 207 208 209 210 211 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 212 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 213 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 214 <!--[if lt IE 9]>
214<script type="text/javascript" src="/Scripts/html5.js"></script>
214<![endif]--> 215 216
216<script type="text/javascript"> 217 setEditorVariables(false, 840); 218 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 219 </script>
219 220
220<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
220 221</head> 222<body class="wide " > 223 224
224<script>jQuery(document).click(function (event) { 225 var target = jQuery(event.target); 226 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 227 var text = target.attr('title'); 228 229 if (!text.length) { 230 text = "N/A"; 231 } 232 ga('send', 233 { 234 hitType: 'event', 235 eventCategory: 'Image', 236 eventAction: 'Image - ' + text, 237 eventLabel: window.location.href 238 }); 239 } 240 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 241 var text = ""; 242 if (target.parents('.button')[0]) { 243 text = target.parents('.button').first().text(); 244 } else if (target.text().length) { 245 text = target.text(); 246 } else if (target.attr('title').length) { 247 text = target.attr('title'); 248 } 249 if (!text.length) { 250 text = "N/A"; 251 } 252 ga('send', 253 { 254 hitType: 'event', 255 eventCategory: 'Button', 256 eventAction: 'Button - ' + text, 257 eventLabel: window.location.href 258 }); 259 } 260 if (target.parents('.widgetCustomHtml').length) { 261 ga('send', 262 { 263 hitType: 'event', 264 eventCategory: 'Custom Html',
265 eventAction: 'Custom Html Clicked', 266 eventLabel: window.location.href 267 }); 268 } 269 if (target.parents('.editor').length) { 270 ga('send', 271 { 272 hitType: 'event', 273 eventCategory: 'Editor', 274 eventAction: 'Editor Link Clicked', 275 eventLabel: window.location.href 276 }); 277 } 278 if (target.parents('.GraphicLinks').length) { 279 var text = ""; 280 var targetGraphicLink = target; 281 if (target.hasClass('widgetGraphicLinksLink')) { 282 targetGraphicLink = jQuery(target.children()[0]); 283 } 284 if (targetGraphicLink.hasClass('text')) { 285 text = targetGraphicLink.text(); 286 } else if (targetGraphicLink.attr('src').length) { 287 if (targetGraphicLink.attr('alt').length) { 288 text = targetGraphicLink.attr('alt'); 289 } else { 290 text = targetGraphicLink.attr('src'); 291 } 292 } else { 293 text = "N/A"; 294 } 295 ga('send', 296 { 297 hitType: 'event', 298 eventCategory: 'Graphic Links', 299 eventAction: 'Graphic Link - ' + text, 300 eventLabel: window.location.href 301 }); 302 } 303 if (target.parents('.InfoAdvanced').length) { 304 ga('send', 305 { 306 hitType: 'event', 307 eventCategory: 'Info Advanced', 308 eventAction: 'Info Advanced Clicked', 309 eventLabel: window.location.href 310 }); 311 } 312 if (target.parents('.list').length) { 313 ga('send', 314 { 315 hitType: 'event', 316 eventCategory: 'List', 317 eventAction: 'List Clicked', 318 eventLabel: window.location.href 319 }); 320 } 321 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 322 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 323 var breadCrumbs = []; 324 jQuery('.breadCrumbs > li').each(function () { 325 breadCrumbs.push(this.textContent); 326 }); 327 var pageTitle = breadCrumbs.join('>'); 328 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 329 var text = ""; 330 if (pageTitle) { 331 text += pageTitle + " | "; 332 } else { 333 text += document.title + ' - '; 334 } 335 if (target.text() == "" && megaMenuText == "") { 336 text += "N/A"; 337 } else if (target.text().length && megaMenuText.length) { 338 if (megaMenuText == target.text()) { 339 text += megaMenuText; 340 } else { 341 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 342 } 343 } else if (target.text() == "") { 344 text += megaMenuText; 345 } else { 346 text += target.text(); 347 } 348 if (!text.length) { 349 text = "N/A"; 350 } 351 ga('send', 352 { 353 hitType: 'event', 354 eventCategory: 'Mega Menu', 355 eventAction: 'Mega Menu : ' + text, 356 eventLabel: window.location.href 357 }); 358 } 359 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 360 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 361 if (!text.length) { 362 text = "N/A"; 363 } 364 ga('send', 365 { 366 hitType: 'event', 367 eventCategory: 'News Flash', 368 eventAction: 'News Flash - ' + text, 369 eventLabel: window.location.href 370 }); 371 } 372 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 373 var text = target.text(); 374 if (!text.length) { 375 text = "N/A"; 376 } 377 ga('send', 378 { 379 hitType: 'event', 380 eventCategory: 'Quick Links', 381 eventAction: 'Quick Links - ' + text, 382 eventLabel: window.location.href 383 }); 384 } 385 if (target.attr('src') && target.parents('.cpSlideshow').length) { 386 var text = target.attr('title'); 387 if (!text.length) { 388 text = "N/A"; 389 } 390 ga('send', 391 { 392 hitType: 'event', 393 eventCategory: 'Slideshow', 394 eventAction: 'Slideshow - ' + text, 395 eventLabel: window.location.href 396 }); 397 } 398 if (target.parents('.widgetText').length) { 399 ga('send', 400 { 401 hitType: 'event', 402 eventCategory: 'Text', 403 eventAction: 'Text Link Clicked', 404 eventLabel: window.location.href 405 }); 406 } 407});</script>
407 408 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 409 <div class="cp-PopOver-header"> 410 <h3 class="cp-PopOver-title"></h3> 411 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 412 <svg class="cp-Icon--close" alt="close" title="close"> 413 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 414 </svg> 415 </button> 416 </div> 417 <div id="cpPopOverBody" class="cp-PopOver-body"> 418 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 419 </div> 420 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 421 <div class="cp-BtnGroup" id="actionButtons"> 422 <!-- Action buttons will be dynamically added here --> 423 </div> 424 </div> 425</div> 426 <div id="fb-root"></div> 427<div id=skipToContentLinks> 428<a href="#cc32cab4b9-4313-4804-88a8-ec825d1c3cc2" target="_self" class="skipToContentLink">Skip to Main Content</a> 429</div> 430 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 431 432 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 433 434 435 436 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 437 <input type="hidden" id="hdnStructureID" value="7" /> 438 <input type="hidden" id="hdnContentCollectionID" value="2ebf7c4f-66d5-48a9-9bff-9b4e4816bd3a" /> 439 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 440 <input type="hidden" id="hdnThemeID" value="100" /> 441 <input type="hidden" id="pageIsFrontEnd" value="true" /> 442 <input type="hidden" id="pageModuleID" /> 443 <input type="hidden" id="pagePageID" value="212" /> 444 445 <div id="stickyPlaceholder"></div> 446 <div id="outer-wrap" class="outer-wrap"> 447 <div id="inner-wrap" class="inner-wrap"> 448 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 449 450 451 452 453<!-- Begin Signed Out Bar --> 454<div class="cpToolbar user public"> 455 <div class="inner selfClear"> 456 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 457 <ul class="nav secondary"> 458 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 459 </ul> 460 </div> 461</div>
462<script> 463 $(document).ready(function () { 464 $('#signedOutToolbarCreateProfileButton').click(function (event) { 465 event.preventDefault(); 466 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 467 }); 468 469 470 $('#loggedOutToolbarSignInButton').click(function (event) { 471 event.preventDefault(); 472 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 473 }); 474 475 476 if ('False' == 'True') { 477 $('#loggedOutToolbarSignInButton').hide(); 478 } 479 }) 480</script>
480 481<!-- End Signed Out Bar --> 482 483 </div> 484 <div id="bodyWrapper"> 485 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 486 487<div data-cpRole="structuralContainer" id="bodyContainerTS"> 488<div data-cpRole="banner" id="banner2" class="fixedBannerTS"><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS"> 489<div class="siteWrap" data-skip-leftpad=""><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 490 491 492 493 494 <a id="bannerLogoTS-333" style=" display: block; text-align: center; 495" class="bannerObject" href="/4064" target="_self"><img alt="Garland TX Utility Homepage" class="bannerObject" height="177" src="/ImageRepository/Document?documentID=16353" width="811" /></a> 496</div><div data-cpRole="contentContainer" id="topLinksTS"> <div id="cc496248cd-0ba6-4c4d-8370-ae9f6c100685" data-containerid="496248cd-0ba6-4c4d-8370-ae9f6c100685" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 497 498 499 <div class="row outer wide"><!-- 500--><div class="outer col col24 first last" style="" data-widgetcontainerid="90428215-65e3-452a-be29-1d1039c1ab01">� 501 <div class="row nest first last wide">� 502 503 <div class="inner col col24 first last id55358c21-9ac2-4ced-88c2-f08c157337fb" style="" data-widgetcontainerid="55358c21-9ac2-4ced-88c2-f08c157337fb">� 504 <div data-widget-id="b6175406-2d1a-4a5a-9f56-a6c099534431" data-widget-controller-path="/QuickLinks/Widget"> 505 506 507 508 509 510 511 512 513 <section id="widgetQuicklinkb6175406-2d1a-4a5a-9f56-a6c099534431" class="widget widgetQuickLinks skin155 widgetOptionSet75 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 514 <header class="widgetHeader" id="quickLinksHeaderb6175406-2d1a-4a5a-9f56-a6c099534431"> 515 <div class=""> 516 </div> 517 </header> 518 <div class="widgetBody cpGrid cpGrid3 "> 519 <div class="row autoWidths center narrow"> 520 <div class="col col1 first "> 521 <ol class="semanticList"> 522 523 524 525 526 <li style="position:relative" class="widgetItem QuickLinks"> 527 <a class="widgetDesc widgetQuickLinksLink" href="/4218" target="_self" aria-label="Department Directory - 2024 Top Links" rel="">Department Directory</a> 528 <div class="widgetMeta"></div> 529 </li> 530 </ol> 531 </div> 532 <div class="col col1 "> 533 <ol class="semanticList"> 534 535 536 537 538 <li style="position:relative" class="widgetItem QuickLinks"> 539 <a class="widgetDesc widgetQuickLinksLink" href="https://garlandtx.gov/4343/E-ASSIST-Redirect" target="_self" aria-label="E-Assist - 2024 Top Links" rel="">E-Assist</a> 540 <div class="widgetMeta"></div> 541 </li> 542 </ol> 543 </div> 544 <div class="col col1 last"> 545 <ol class="semanticList"> 546 547 548 549 550 <li style="position:relative" class="widgetItem QuickLinks"> 551 <a class="widgetDesc widgetQuickLinksLink" href="/4064/Utility-Customer-Service" target="_self" aria-label="Utility Customer Service - 2024 Top Links" rel="">Utility Customer Service</a> 552 <div class="widgetMeta"></div> 553 </li> 554 </ol> 555 </div> 556 </div> 557 558 </div> 559 <div class="widgetFooter"> 560 </div> 561 <div class="addItemModal hidden"> 562 <div class="url hidden">/QuickLinks.aspx</div> 563 </div> 564 565 </section> 566</div> 567 568 </div> <!-- inner column --> 569 570 </div> <!-- inner row --> 571 572 </div><!-- outer column --><!-- --></div> <!-- outer row --> 573 574 575 </div> 576</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 577<ol id="mainNavMenu" data-parent="4064" class="rootNavMenu" role="menu"><!-- 578--><li id="MainItem217" class="topMenuItem" role="none" data-pageid="217" data-displaymegamenu="True"><!-- 579 --><!-- 580 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu217" id = "mainNavAboutUs" class="navMainItem mainNavItem mainNavItem1 " href="/217/About-Us" target = "_self" > About Us </a> <!-- 581 --><!-- 582 --></li><!----><li id="MainItem216" class="topMenuItem" role="none" data-pageid="216" data-displaymegamenu="True"><!-- 583 --><!-- 584 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu216" id = "mainNavPaymentOptions" class="navMainItem mainNavItem mainNavItem2 " href="/216/Payment-Options" target = "_self" > Payment Options </a> <!-- 585 --><!-- 586 --></li><!----><li id="MainItem214" class="topMenuItem" role="none" data-pageid="214" data-displaymegamenu="True"><!-- 587 --><!-- 588 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu214" id = "mainNavBillingInformation" class="navMainItem mainNavItem mainNavItem3 " href="/214/Billing-Information" target = "_self" > Billing Information </a> <!-- 589 --><!-- 590 --></li><!----><li id="MainItem213" class="topMenuItem" role="none" data-pageid="213" data-displaymegamenu="True"><!-- 591 --><!-- 592 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu213" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/213/How-Do-I" target = "_self" > How Do I... </a> <!-- 593 --><!-- 594 --></li><!----><li id="MainItem212" class="topMenuItem" role="none" data-pageid="212" data-displaymegamenu="True"><!-- 595 --><!-- 596 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu212" id = "mainNavContactUs" class="navMainItem mainNavItem mainNavItem5 " href="/212/Contact-Us" target = "_self" > Contact Us </a> <!-- 597 --><!-- 598 --></li><!----> 599</ol> 600 601 602
602<script type="text/javascript"> 603 (function () { 604 function setupMenu() { 605 const menuID = 'mainNavMenu'; 606 const menuType = MAIN_MENU; 607 608 //setup menu manager properties for main menu 609 if (!menuManager.mobileMainNav && true) 610 menuManager.adjustMainItemsWidth('#' + menuID); 611 menuManager.isMainMenuEditable = false; 612 menuManager.mainMenuMaxSubMenuLevels = 4; 613 menuManager.setMOMMode(2, menuType); 614 615 //Init main menu 616 const setupDraggable = menuManager.isMainMenuEditable; 617 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=4064&moduleID=&themeID=100&menuContainerID=mainNav'; 618 619 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 620 menuManager.mainMenuInit = true; 621 menuManager.mainMenuTextResizer = true; 622 if (1.00 > 0) 623 menuManager.mainMenuTextResizerRatio = 1.00; 624 if (window.isResponsiveEnabled) 625 menuManager.mainMenuReady.resolve(); 626 627 } 628 629 if (document.readyState === "complete" 630 || document.readyState === "loaded" 631 || document.readyState === "interactive") { 632 setupMenu(); 633 return; 634 } 635 636 document.addEventListener("DOMContentLoaded", setupMenu); 637 })(); 638 </script>
638 639 640 641<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="mainNavMegaMenu217" class="contentTop mainNavMegaMenu megaMenuContainer pageID_217 hidden" data-orientation="horizontal"> <div id="cc68069f8c-6cb4-4e8c-9ca4-4056fc58ce72" data-containerid="68069f8c-6cb4-4e8c-9ca4-4056fc58ce72" class="pageContent cpGrid cpGrid24"> 642 643 644 645 646 </div> 647</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu216" class="contentTop mainNavMegaMenu megaMenuContainer pageID_216 hidden" data-orientation="horizontal"> <div id="cc88b8231e-dd5d-4445-91e5-82f877eba603" data-containerid="88b8231e-dd5d-4445-91e5-82f877eba603" class="pageContent cpGrid cpGrid24"> 648 649 650 651 652 </div> 653</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu214" class="contentTop mainNavMegaMenu megaMenuContainer pageID_214 hidden" data-orientation="horizontal"> <div id="cccd08ceaa-64dd-4e4f-b110-8894c3e97671" data-containerid="cd08ceaa-64dd-4e4f-b110-8894c3e97671" class="pageContent cpGrid cpGrid24"> 654 655 656 657 658 </div> 659</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu213" class="contentTop mainNavMegaMenu megaMenuContainer pageID_213 hidden" data-orientation="horizontal"> <div id="cca10f0cf2-78af-4b7e-b491-7275b1b90cd0" data-containerid="a10f0cf2-78af-4b7e-b491-7275b1b90cd0" class="pageContent cpGrid cpGrid24"> 660 661 662 663 664 </div> 665</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu212" class="contentTop mainNavMegaMenu megaMenuContainer pageID_212 hidden" data-orientation="horizontal"> <div id="cc4f1e2bc1-b367-4b7a-8e78-ebac64c6392d" data-containerid="4f1e2bc1-b367-4b7a-8e78-ebac64c6392d" class="pageContent cpGrid cpGrid24"> 666 667 668 669 670 </div> 671</aside></aside></nav></div> 672</header><div data-cpRole="structuralContainer" id="mainContainerWrapTS"> 673<!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 674<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 675<div data-cpRole="structuralContainer" id="bannerSearchTS"> 676<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS"> <div id="cc333f3af3-099b-4d59-aef7-02b938d55b4f" data-containerid="333f3af3-099b-4d59-aef7-02b938d55b4f" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 677 678 679 <div class="row outer wide"><!-- 680--><div class="outer col col24 first last" style="" data-widgetcontainerid="ba949c6d-6053-4d30-b37c-652a16f27c7b">� 681 <div class="row nest first last wide">� 682 683 <div class="inner col col24 first last id3a1f56c4-6ad0-4980-bcad-5c715beb4c04" style="" data-widgetcontainerid="3a1f56c4-6ad0-4980-bcad-5c715beb4c04">� 684 685 <div class="widget slideShow skin152" role="region" aria-label="Slideshow" id="slideshow244cbda6-4a06-4f58-8a5b-a8154551046a" aria-haspopup="false" data-widgetID="244cbda6-4a06-4f58-8a5b-a8154551046a"> 686 <input type="hidden" class="slideTiming" value="6"/> 687 <input type="hidden" class="transitionTiming" value="1"/> 688 <input type="hidden" class="hdnSlideshowUniqueID" value="10342" /> 689 <div id="divSlideshow10342" class="cpSlideshow widgetBody cpSlideshowJS10342 narrow"> 690 <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" />
691<script src="/-823076099.js" type="text/javascript"></script>
691 692 <div class="cpWindow cpWindowJS10342 "> 693 <ol class="semanticList cpSlider fade cpSliderJS10342"> 694 <li class="hidden" id="10342_51921" data-index="0" aria-hidden="true"> 695 696 697 <img src="/ImageRepository/Document?documentID=17319" class="" alt="Cowboy Hat Mural" title="Cowboy Hat Mural" data-delayed-image="" style="height: 1px" /> 698 699 </li> 700 <li class="hidden" id="10342_51922" data-index="1" aria-hidden="true"> 701 702 703 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17320" class="" alt="Concert on the Square" title="Concert on the Square" data-delayed-image="" style="height: 1px" /> 704 705 </li> 706 <li class="hidden" id="10342_51923" data-index="2" aria-hidden="true"> 707 708 709 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17317" class="" alt="Firewheel Golf Park" title="Firewheel Golf Park" data-delayed-image="" style="height: 1px" /> 710 711 </li> 712 <li class="hidden" id="10342_51924" data-index="3" aria-hidden="true"> 713 714 715 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17316" class="" alt="Kids playing in the Splash Pad at Watson Park" title="Kids playing in the Splash Pad at Watson Park" data-delayed-image="" style="height: 1px" /> 716 717 </li> 718 <li class="hidden" id="10342_51925" data-index="4" aria-hidden="true"> 719 720 721 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17318" class="" alt="Downtown Square" title="Downtown Square" data-delayed-image="" style="height: 1px" /> 722 723 </li> 724 <li class="hidden" id="10342_51926" data-index="5" aria-hidden="true"> 725 726 727 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17321" class="" alt="Garland Power and Light 100 Years display" title="Garland Power and Light 100 Years display" data-delayed-image="" style="height: 1px" /> 728 729 </li> 730 <li class="hidden" id="10342_51927" data-index="6" aria-hidden="true"> 731 732 733 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17326" class="" alt="Two workers installing a new traffic signal sign" title="Two workers installing a new traffic signal sign" data-delayed-image="" style="height: 1px" /> 734 735 </li> 736 </ol> 737 <div class="contentSlideshowControls"> 738 <button class="arrowNew next nextJS10342 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> 739 <svg style="color:#fff; background:#000;
739" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> 740 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> 741 </svg> 742 </button> 743 <button class="arrowNew prev prevJS10342 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> 744 <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> 745 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> 746 </svg> 747 </button> 748 </div> 749 750 751 </div> 752 <div aria-live="polite" aria-atomic="true" class="liveRegionJS10342 visuallyhidden"></div> 753
753<script type="text/javascript"> 754 // <!-- 755 var $1 = typeof $ == 'undefined' ? window.parent.$ : $; 756 $1(document).ready(function () { 757 new Slideshow().generate('10342','1','6',false,false,0); 758 $('#ssPlay-btn-10342').addClass('isHidden'); 759 }); 760 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 761 $1.when($pages.rwdReady).done(function () { 762 var divSlideshowID = 'divSlideshow10342'; 763 var mediaQuerySize = 25; 764 if (mediaQuerySize == 0) 765 mediaQuerySize = 25; //default for not widget slide show 766 var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 767 var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia; 768 var $divSlideShow = $('#' + divSlideshowID); 769 var $arrows = $divSlideShow.find('a.arrow'); 770 var $arrowsNew = $divSlideShow.find('a.arrowNew'); 771 var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last(); 772 var $overlays = $(document.getElementsByName('captionOverlay_10342')); 773 774 if(window.isMobileBrowserIncludingTablets){ 775 $overlays.each(function (overlay) { 776 $(overlay).removeClass('overlay') 777 }); 778 } 779 780 $cpMedia.unregister(mediaElementQuery) 781 .register(mediaElementQuery, 782 { 783 deferSetup: false, 784 setup: function () { 785 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 786 $divSlideShow.removeClass('wide').addClass('narrow'); 787 if ($divExternalSlideshow.length > 0) { 788 $divExternalSlideshow.hide(); 789 } 790 if ($arrows.length > 0) { 791 $arrows.hide(); 792 if (typeof ($$) !== 'undefined') { 793 $$('#' + divSlideshowID) 794 .on('swipeRight', 795 function (e, a) { 796 $arrows.filter('.prev').click(); 797 }); 798 $$('#' + divSlideshowID) 799 .on('swipeLeft', 800 function (e) { 801 $arrows.filter('.next').click(); 802 }); 803 } 804 } 805 if ($arrowsNew.length > 0) { 806 807 if (!(true && !window.isMobileBrowserIncludingTablets)) { 808 $arrowsNew.hide(); 809 } 810 if (typeof ($$) !== 'undefined') { 811 $$('#' + divSlideshowID) 812 .on('swipeRight', 813 function (e, a) { 814 $arrowsNew.filter('.prev').click(); 815 }); 816 $$('#' + divSlideshowID) 817 .on('swipeLeft', 818 function (e) { 819 $arrowsNew.filter('.next').click(); 820 }); 821 } 822 } 823 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 824 if (2 == 1) { 825 $overlays.hide(); 826 } else if (2 == 2) { 827 $overlays.removeClass('overlay'); 828 } 829 } 830 }, 831 match: function () { 832 cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery); 833 $divSlideShow.addClass('wide').removeClass('narrow'); 834 if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) { 835 $divExternalSlideshow.show(); 836 } 837 if ($arrows.length > 0) { 838 $arrows.show(); 839 if (typeof ($$) !== 'undefined') { 840 $$('#' + divSlideshowID).off('swipeRight'); 841 $$('#' + divSlideshowID).off('swipeLeft'); 842 } 843 } 844 if ($arrowsNew.length > 0) { 845 $arrowsNew.show(); 846 if (typeof ($$) !== 'undefined') { 847 $$('#' + divSlideshowID).off('swipeRight'); 848 $$('#' + divSlideshowID).off('swipeLeft'); 849 } 850 } 851 if ($overlays.length > 0) { 852 if (2 == 1) { 853 $overlays.show(); 854 } else if (2 == 2 && !window.isMobileBrowserIncludingTablets) { 855 $overlays.addClass('overlay'); 856 } 857 } 858 }, 859 unmatch: function () { 860 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 861 $divSlideShow.removeClass('wide').addClass('narrow'); 862 if ($divExternalSlideshow.length > 0) { 863 $divExternalSlideshow.hide(); 864 } 865 if ($arrows.length > 0) { 866 $arrows.hide(); 867 868 if (typeof ($$) !== 'undefined') { 869 $$('#' + divSlideshowID).on('swipeRight', function (e) { 870 $arrows.filter('.prev').click(); 871 });
872 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 873 $arrows.filter('.next').click(); 874 }); 875 } 876 } 877 if ($arrowsNew.length > 0) { 878 if (typeof ($$) !== 'undefined') { 879 $$('#' + divSlideshowID).on('swipeRight', function (e) { 880 $arrowsNew.filter('.prev').click(); 881 }); 882 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 883 $arrowsNew.filter('.next').click(); 884 }); 885 } 886 } 887 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 888 if (2 == 1) { 889 $overlays.hide(); 890 } else if (2 == 2) { 891 $overlays.removeClass('overlay'); 892 } 893 } 894 } 895 }); 896 }); 897 // --> 898 </script>
898 899 900 901 </div> 902
903<script type="text/javascript"> 904 (function () { 905 const widgetHandlers = function (e) { 906 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 907 var $this = $(this); 908 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 909 // This came about, because we needed to use slider images to trigger options. - JE 910 if ($this.parent().hasClass('cpSlider')) { 911 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 912 } 913 914 //Set values for global variables for slideshow. 915 if ($this.attr('data-widgetID').length !== 0) { 916 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 917 } 918 callbackfnSlideshowSave = null; 919 var pageID = ContentCollectionInstance.PageID; 920 var moduleID = ContentCollectionInstance.ModuleID; 921 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 922 //Set slideshow widgetID 923 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 924 $popUp_Slideshow = openCpModal({ 925 title: 'Slideshow', 926 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 927 isFrontEnd: false, 928 useIframe: false, 929 draggable: true, 930 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 931 }); 932 }); 933 934 $('.slideshowOptions.empty').unbind('click').click(function (e) { 935 var $this = $(this); 936 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 937 var pageID = ContentCollectionInstance.PageID; 938 var moduleID = ContentCollectionInstance.ModuleID; 939 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 940 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 941 $popUp_Slideshow = openCpModal({ 942 title: 'Slideshow', 943 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 944 isFrontEnd: false, 945 useIframe: false, 946 draggable: true, 947 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 948 }); 949 }); 950 }; 951 952 if (document.readyState === "complete" 953 || document.readyState === "loaded" 954 || document.readyState === "interactive") { 955 widgetHandlers(); 956 return; 957 } 958 959 document.addEventListener("DOMContentLoaded", widgetHandlers); 960 })(); 961</script>
961 962 </div> 963 964
965<script type="text/javascript"> 966 function SlideshowWidgetCallback(widgetID, response) { 967 if (window.ContentCollectionInstance.IsWorkingCopy) { 968 //Remove this field since the partial view adds it back. 969 $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); 970 if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) 971 $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); 972 else 973 $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); 974 975 contentUpdated(); 976 } 977 else { 978 ContentCollectionInstance.reloadContent(); 979 } 980 981 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 982 var $this = $(this); 983 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 984 // This came about, because we needed to use slider images to trigger options. - JE 985 if ($this.parent().hasClass('cpSlider')) { 986 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 987 } 988 989 //Set values for global variables for slideshow. 990 if ($this.attr('data-widgetID').length !== 0) { 991 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 992 } 993 callbackfnSlideshowSave = null; 994 var pageID = ContentCollectionInstance.PageID; 995 var moduleID = ContentCollectionInstance.ModuleID; 996 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 997 //Set slideshow widgetID 998 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 999 $popUp_Slideshow = openCpModal({ 1000 title: 'Slideshow', 1001 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 1002 isFrontEnd: false, 1003 useIframe: false, 1004 draggable: true, 1005 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 1006 }); 1007 }); 1008 1009 $('.slideshowOptions.empty').unbind('click').click(function (e) { 1010 var $this = $(this); 1011 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 1012 var pageID = ContentCollectionInstance.PageID; 1013 var moduleID = ContentCollectionInstance.ModuleID; 1014 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 1015 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 1016 $popUp_Slideshow = openCpModal({ 1017 title: 'Slideshow', 1018 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 1019 isFrontEnd: false, 1020 useIframe: false, 1021 draggable: true, 1022 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 1023 }); 1024 }); 1025 } 1026 1027 (function (){ 1028 const widgetHandlers = function () { 1029 var hasEditRights = false; 1030 if (window.File && window.FileList && window.FileReader && hasEditRights) { 1031 var SlideshowWidget = 3; 1032 makeWidgetAreaDroppable('244cbda6-4a06-4f58-8a5b-a8154551046a', $('#slideshow' + '244cbda6-4a06-4f58-8a5b-a8154551046a'), SlideshowWidget, true, SlideshowWidgetCallback); 1033 } 1034 1035 if(hasEditRights) 1036 browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '244cbda6-4a06-4f58-8a5b-a8154551046a'), 'Click to start adding images.'); 1037 }; 1038 1039 if (document.readyState === "complete" 1040 || document.readyState === "loaded" 1041 || document.readyState === "interactive") { 1042 widgetHandlers(); 1043 return; 1044 } 1045 1046 document.addEventListener("DOMContentLoaded", widgetHandlers); 1047 })(); 1048</script>
1048 1049 </div> <!-- inner column --> 1050 1051 </div> <!-- inner row --> 1052 1053 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1054 1055 1056 </div> 1057</div></div> 1058</div> 1059</div> 1060 1061 1062 1063 1064 <div id="banner1-335" style="display: none"></div> 1065
1065<script type="text/javascript"> 1066 $(window).on("load", function () { 1067 $.when(window.Pages.rwdSetupComplete) 1068 .done(function () { 1069 renderBanner('banner1-335', 1070 'banner1', 1071 {"BannerOptionID":335,"ThemeID":100,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":false,"ImageAlignment":2,"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":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":718,"BannerOptionID":335,"FileName":"/ImageRepository/Document?documentID=16111","Height":1,"Width":1,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 1072 {"BannerImageID":718,"BannerOptionID":335,"FileName":"/ImageRepository/Document?documentID=16111","Height":1,"Width":1,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 1073 '/App_Themes/2024 - Interior/Images/', 1074 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=16111" />'); 1075 }); 1076 }); 1077 </script>
1077 1078 1079</div> 1080</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 1081<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 1082<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 1083<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc3be3ea0e-7121-43d6-86ed-92454262563d" data-containerid="3be3ea0e-7121-43d6-86ed-92454262563d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 1084 1085 1086 <div class="row outer wide"><!-- 1087--><div class="outer col col24 first last" style="" data-widgetcontainerid="d3c4c62d-8195-4477-9930-ebf834be7250">� 1088 <div class="row nest first last wide">� 1089 1090 <div class="inner col col24 first last idec2661b6-efe5-43b6-a387-cf8245b484f2" style="" data-widgetcontainerid="ec2661b6-efe5-43b6-a387-cf8245b484f2">� 1091<div data-widget-id="c06a0e8a-129d-4fdc-8df4-5a292efe0d5a" data-widget-controller-path="/Layout/WidgetSearch"> 1092 1093
1093<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
1093 1094
1094<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
1094 1095
1095<script defer type="text/javascript"> 1096 1097 $(document).ready(function () { 1098 try { 1099 // Minimum characters required before performing a search/autocomplete 1100 var minPrefixLength = 3; 1101 var autoCompleteDebounceDelay = 500; 1102 var searchFieldSelector = "#searchField" + 'c06a0e8a-129d-4fdc-8df4-5a292efe0d5a'; 1103 var checkboxSelector = "#ysnSearchOnlyDept" + 'c06a0e8a-129d-4fdc-8df4-5a292efe0d5a'; 1104 var buttonSelector = ".widgetSearchButton" + 'c06a0e8a-129d-4fdc-8df4-5a292efe0d5a'; 1105 var autoCompleteCache = {}; 1106 var autoCompleteCacheKeys = []; 1107 var autoCompleteCacheLimit = 25; 1108 var currentAutoCompleteRequest = null; 1109 var currentAutoCompleteRequestKey = null; 1110 var autoCompleteDebounceTimer = null; 1111 var autoCompleteDebounceKey = null; 1112 var pendingAutoCompleteResponses = []; 1113 1114 function normalizeAutoCompleteTerm(term) { 1115 return $.trim((term || "") + "").replace(/\s+/g, " "); 1116 } 1117 1118 function shouldSearch(term) { 1119 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 1120 } 1121 1122 function getAutoCompleteUrl() { 1123 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 1124 } 1125 1126 function getAutoCompleteCacheKey(requestUrl, term) { 1127 return requestUrl + "|" + term.toLowerCase(); 1128 } 1129 1130 function cacheAutoCompleteResult(cacheKey, data) { 1131 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 1132 autoCompleteCacheKeys.push(cacheKey); 1133 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 1134 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 1135 } 1136 } 1137 autoCompleteCache[cacheKey] = data; 1138 } 1139 1140 function respondToPendingAutoComplete(data) { 1141 var responses = pendingAutoCompleteResponses; 1142 pendingAutoCompleteResponses = []; 1143 for (var i = 0; i < responses.length; i++) { 1144 responses[i](data); 1145 } 1146 } 1147 1148 function cancelPendingAutoComplete() { 1149 clearTimeout(autoCompleteDebounceTimer); 1150 autoCompleteDebounceKey = null; 1151 if (currentAutoCompleteRequest != null) { 1152 currentAutoCompleteRequest.abort(); 1153 currentAutoCompleteRequest = null; 1154 } 1155 currentAutoCompleteRequestKey = null; 1156 respondToPendingAutoComplete([]); 1157 } 1158 1159 function createWidgetAutoCompleteSource(options) { 1160 return function (request, response) { 1161 var term = normalizeAutoCompleteTerm(request.term); 1162 if (!options.shouldSearch(term)) { 1163 response([]); 1164 return; 1165 } 1166 1167 var requestUrl = options.url(); 1168 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 1169 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 1170 response(autoCompleteCache[cacheKey]); 1171 if (options.success) { 1172 options.success(autoCompleteCache[cacheKey]); 1173 } 1174 return; 1175 } 1176 1177 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 1178 pendingAutoCompleteResponses.push(response); 1179 return; 1180 } 1181 1182 cancelPendingAutoComplete(); 1183 autoCompleteDebounceKey = cacheKey; 1184 pendingAutoCompleteResponses.push(response); 1185 autoCompleteDebounceTimer = setTimeout(function () { 1186 autoCompleteDebounceKey = null; 1187 currentAutoCompleteRequestKey = cacheKey; 1188 currentAutoCompleteRequest = $.ajax({ 1189 url: requestUrl, 1190 dataType: "json", 1191 timeout: options.timeout, 1192 data: { 1193 term: term, 1194 }, 1195 success: function (data) { 1196 if (currentAutoCompleteRequestKey === cacheKey) { 1197 cacheAutoCompleteResult(cacheKey, data); 1198 respondToPendingAutoComplete(data); 1199 if (options.success) { 1200 options.success(data); 1201 } 1202 } 1203 }, 1204 error: function (xmlhttprequest, textstatus, message) { 1205 if (textstatus === "abort") { 1206 return; 1207 } 1208 1209 if (options.error) { 1210 options.error(xmlhttprequest, textstatus, message); 1211 } 1212 1213 respondToPendingAutoComplete([]); 1214 }, 1215 complete: function (xmlhttprequest) { 1216 if (currentAutoCompleteRequest === xmlhttprequest) { 1217 currentAutoCompleteRequest = null;
1218 currentAutoCompleteRequestKey = null; 1219 } 1220 } 1221 }); 1222 }, options.delay); 1223 }; 1224 } 1225 1226 // click handler for search buttons 1227 $(buttonSelector).click(function (e) { 1228 e.preventDefault(); 1229 var $btn = $(this); 1230 var $field = $btn.siblings(".widgetSearchBox"); 1231 var term = $field.val() + ""; 1232 if (!shouldSearch(term)) { 1233 // do nothing until user types enough characters 1234 $field.focus(); 1235 return; 1236 } 1237 1238 if ($(checkboxSelector).is(':checked') || false) 1239 { 1240 doWidgetSearch($.trim(term), Number(0)); 1241 } 1242 else { 1243 doWidgetSearch($.trim(term), 0); 1244 } 1245 }); 1246 1247 // enter key handler for the search field 1248 $(searchFieldSelector).keypress(function (e) { 1249 var code = e.which || e.keyCode; 1250 if (code === 13) { 1251 e.preventDefault(); 1252 var $this = $(this); 1253 var term = $this.val() + ""; 1254 if (!shouldSearch(term)) { 1255 // do nothing until user types enough characters 1256 $this.focus(); 1257 return false; 1258 } 1259 1260 if ($(checkboxSelector).is(':checked') || false) { 1261 doWidgetSearch($.trim(term), Number(0)); 1262 } else { 1263 doWidgetSearch($.trim(term), 0); 1264 } 1265 return false; 1266 } 1267 return true; 1268 }); 1269 1270 // autocomplete: set minLength and guard source 1271 if (true) { 1272 var $searchField = $(searchFieldSelector).autocomplete({ 1273 minLength: minPrefixLength, 1274 source: createWidgetAutoCompleteSource({ 1275 delay: autoCompleteDebounceDelay, 1276 timeout: 10000, 1277 shouldSearch: shouldSearch, 1278 url: getAutoCompleteUrl, 1279 success: function () { 1280 $('.autoCompleteError').remove(); 1281 }, 1282 error: function (xmlhttprequest, textstatus, message) { 1283 if (textstatus === "timeout") { 1284 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 1285 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 1286 } 1287 } 1288 }), 1289 html: true, 1290 delay: 0, 1291 select: function (event, ui) { 1292 $(this).val(ui.item.value); 1293 $(this).next().click(); 1294 } 1295 }); 1296 1297 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 1298 return $("<li class=\"itemList\"></li>") 1299 .data("ui-autocomplete-item", item) 1300 .append("<a>" + item.label + "</a>") 1301 .appendTo(ul); 1302 }; 1303 } 1304 1305 // keep searchBtnApplyQuery consistent with prefix rule 1306 window.searchBtnApplyQuery = function() { 1307 var $field = $(searchFieldSelector); 1308 var term = $field.val() + ""; 1309 if (shouldSearch(term)) { 1310 // update href for the icon/button (if present) 1311 var btn = document.getElementById("btnSearchIcon"); 1312 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 1313 } else { 1314 var btn = document.getElementById("btnSearchIcon"); 1315 if (btn) btn.href = "#"; 1316 } 1317 }; 1318 } 1319 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. 1320 }); 1321 </script>
1321 1322 1323 <section id="widgetPreviewSearch" class="widget widgetSearch skin148 widgetOptionSet74" style="display: block;" aria-label="Search"> 1324 <!-- For the button right and inside --> 1325 <div class="widgetBody buttonRightInside"> 1326 <input class="widgetSearchBox widgetSearchBoxc06a0e8a-129d-4fdc-8df4-5a292efe0d5a" cp5ph="true" id="searchFieldc06a0e8a-129d-4fdc-8df4-5a292efe0d5a" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 1327 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonc06a0e8a-129d-4fdc-8df4-5a292efe0d5a" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=16120" data-image="/ImageRepository/Document?documentID=16121" src="/ImageRepository/Document?documentID=16121" /></a> 1328 1329 <label class="searchLabel" aria-hidden="true" for="searchFieldc06a0e8a-129d-4fdc-8df4-5a292efe0d5a">Search</label> 1330 </div> 1331 1332 </section> 1333 1334 1335<style scoped> 1336 1337 .widgetSearch ::-webkit-input-placeholder { 1338 color: #2A4F7E; 1339 } 1340 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 1341 color: #2A4F7E; 1342 } 1343 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 1344 color: #2A4F7E; 1345 } 1346 .widgetSearch :-ms-input-placeholder { 1347 color: #2A4F7E; 1348 } 1349 1350 1351 .widgetSearch .widgetBody .widgetSearchBoxc06a0e8a-129d-4fdc-8df4-5a292efe0d5a 1352 { 1353 color: #2A4F7E; 1354 background: #FFFFFF; 1355border: 0; 1356box-shadow: 0px 3px 15px #00000033; 1357border-radius: 10px; 1358font-family: Poppins; 1359font-size: 1em; 1360font-weight: 500; 1361padding: 0 115px 0 25px; 1362height: 90px; 1363 } 1364 .widgetSearch .widgetBody .widgetSearchButtonc06a0e8a-129d-4fdc-8df4-5a292efe0d5a 1365 { 1366 margin: 0; 1367 } 1368 .widgetSearch .widgetSearch-onlyDeptc06a0e8a-129d-4fdc-8df4-5a292efe0d5a 1369 { 1370 display: inline-block; 1371 color: #333; 1372 1373 1374 padding-top: 10px; 1375 } 1376 #ysnSearchOnlyDeptc06a0e8a-129d-4fdc-8df4-5a292efe0d5a 1377 { 1378 position: relative; 1379 top: .125em; 1380 } 1381 1382</style> 1383 1384<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 1385<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 1386 1387 1388
1389<script type="text/javascript"> 1390 //Updates search icons href to have the correct queryString 1391 function searchBtnApplyQuery() { 1392 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldc06a0e8a-129d-4fdc-8df4-5a292efe0d5a").value; 1393 } 1394</script>
1394 1395 1396</div> 1397 1398 </div> <!-- inner column --> 1399 1400 </div> <!-- inner row --> 1401 1402 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1403 1404 1405 </div> 1406</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1407 1408 1409 1410 1411 1412 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="212" class="rootNavMenu accordionNav"> 1413 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem631" data-pageid="631"> 1414 <div class="accordionNavItem"> 1415 <a href="/631/Online-Service-Requests" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Online Service Requests</a> 1416 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Online Service Requests Submenu" aria-expanded="false" aria-controls="submenu-lvl1-631"></a> 1417 </div> 1418 <ol aria-hidden="true" role="menu" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-631" style="display: none;" data-parent="631"> 1419 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem4109" data-pageid="4109"> 1420 <div class="accordionNavItem"> 1421 <a href="/4109/eAssist-Garland-Resident-Contact-Portal" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">eAssist Garland Resident Contact Portal</span></a> 1422 </div> 1423 </li> 1424 1425 </ol> 1426 </li> 1427 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem630" data-pageid="630"> 1428 <div class="accordionNavItem"> 1429 <a href="/FormCenter/Utility-Customer-Service-4/Website-Feedback-46" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Submit a Website Issue</a> 1430 </div> 1431 </li> 1432 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem629" data-pageid="629"> 1433 <div class="accordionNavItem"> 1434 <a href="/Directory.aspx?DID=63" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Water Service Inquiries</a> 1435 </div> 1436 </li> 1437 1438 </ol> 1439 1440 1441
1441<script type="text/javascript"> 1442 (function () { 1443 function setupSecondaryMenuProperties() { 1444 //setup menu manager properties for secondary menu 1445 menuManager.isSideMenuEditable = false; 1446 menuManager.sideMenuMaxSubMenuLevels = 4; 1447 menuManager.sideMenuHasCustomLinks = false; 1448 } 1449 1450 if (document.readyState === "loading") { 1451 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1452 return; 1453 } 1454 1455 setupSecondaryMenuProperties(); 1456 })(); 1457 </script>
1457 1458 1459
1459<script type="text/javascript"> 1460 (function () { 1461 function setupAccordionSecondaryNav() { 1462 var $menuContainer = $('#secondaryNav'); 1463 1464 $menuContainer.find('*[id^="SideItem"]').each(function () { 1465 var ids = $('[id="' + this.id + '"]'); 1466 if (ids.length > 1) 1467 $.each(ids, function (index, value) { 1468 value.id = value.id + '_' + index; 1469 }); 1470 }); 1471 1472 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1473 e.preventDefault(); 1474 showHideAccordionMenuForSecondaryNav($(this)); 1475 }); 1476 1477 $menuContainer.find(".grippy").each(function () { 1478 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1479 }); 1480 1481 $menuContainer.find("li").each(function () { 1482 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1483 }); 1484 } 1485 1486 if (document.readyState === "loading") { 1487 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1488 return; 1489 } 1490 1491 setupAccordionSecondaryNav(); 1492 })(); 1493 </script>
1493 1494 1495 1496 1497</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc8ecbdda4-935e-416f-b3cd-1cb64170ce5e" data-containerid="8ecbdda4-935e-416f-b3cd-1cb64170ce5e" class="pageContent cpGrid cpGrid24 showInMobile"> 1498 1499 1500 1501 1502 </div> 1503</aside> 1504</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 1505<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1506<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 1507 <li><a class="breadCrumb" href="/">Home</a></li><li><a class="breadCrumb" href="/27/City-Services">City Services</a></li><li><a class="breadCrumb" href="/3417/Departments-R---Z">Departments R - Z</a></li><li><a class="breadCrumb" href="/4064/Utility-Customer-Service">Utility Customer Service</a></li><li id="currentBCPage" data-pageid="212"><a href class="breadCrumb" aria-current="page">Contact Us</a></li> 1508 </ol> 1509 1510 1511 1512</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1513 1514 <div id="page" class="moduleContentNew"> 1515 1516 1517 <input id="hdnPageID" name="hdnPageID" type="hidden" value="212" /> 1518 <input id="hdnParentID" name="hdnParentID" type="hidden" value="4064" /> 1519 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="27901" /> 1520 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Contact Us" /> 1521 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" />
1522 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1523 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1524 1525 <h1 id="versionHeadLine" class="headline"> 1526 1527Contact Us </h1> 1528 1529 <div id="cc32cab4b9-4313-4804-88a8-ec825d1c3cc2" data-containerid="32cab4b9-4313-4804-88a8-ec825d1c3cc2" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="30" > 1530 1531 1532 <div class="row outer wide"><!-- 1533--><div class="outer col col24 first last" style="" data-widgetcontainerid="d6396c3f-0a0b-412e-a5da-3e1ff820f57c">� 1534 <div class="row nest first last wide">� 1535 1536 <div class="inner col col24 first last id0945252d-abce-4075-8314-a712a45eeebc" style="" data-widgetcontainerid="0945252d-abce-4075-8314-a712a45eeebc">� 1537<div class="widget editor pageStyles narrow" id="divEditor125f2290-6fc5-4cda-9fa4-a320a31723e2" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 1538 <div class="fr-view"> 1539 1540 1541 <h2 class="subhead1 ">Important Phone Numbers</h2><table class="fr-alternate-rows" style="width: 100%;" role="grid"><thead><tr><th style="width: 70.3912%;">Service</th><th style="width: 29.2836%;">Phone</th></tr></thead><tbody><tr><td style="width: 70.3912%;">24-Hour Emergency Power Outage</td><td style="width: 29.2836%;">972-205-3000 or <br>833-403-2106<br></td></tr><tr><td style="width: 70.3912%; background-color: rgb(244, 244, 243);">Report Power Outage by Text: Text the word <span style="color: rgb(184, 49, 47);"><strong><span style="font-size: 18px;">OUT</span></strong></span> to</td><td style="width: 29.2836%; background-color: rgb(244, 244, 243);">972-205-4000</td></tr><tr><td style="width: 70.3912%;"><a href="https://www.gpltexas.org/outage-center/update-or-confirm-your-account-phone-number" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message">Update or confirm your account phone number</a> for easy outage reporting.<br><br>Report Energy Theft</td><td style="width: 29.2836%;"><br><br><br>972-205-2635</td></tr><tr class="alt"><td style="width: 70.3912%;">Report Streetlight Outage</td><td style="width: 29.2836%;">972-205-3483</td></tr><tr><td style="width: 70.3912%;">24-Hour Emergency Water Shutoff</td><td style="width: 29.2836%;">972-205-3210</td></tr><tr><td style="width: 70.3912%;">Utility Reconnect Services After Hours (Monday through Thursday 5 to 7 p.m. and Friday 5 to 6:30 p.m.)</td><td style="width: 29.2836%;">972-205-2671</td></tr></tbody></table> 1542 </div> 1543
1544<script type="text/javascript"> 1545 $(document).ready(function (e) { 1546 renderSlideshowIfApplicable($('#divEditor' + '125f2290-6fc5-4cda-9fa4-a320a31723e2')); 1547 }); 1548</script>
1548 1549</div> 1550 1551 </div> <!-- inner column --> 1552 1553 </div> <!-- inner row --> 1554 1555 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1556 <div class="row outer wide"><!-- 1557--><div class="outer col col12 first" style="" data-widgetcontainerid="774c151f-5781-4be6-86f4-0499e4ae87ab">� 1558 <div class="row nest first last wide">� 1559 1560 <div class="inner col col12 first last id78ca6a0a-ca74-45e5-ac7e-d2cf3ab90eb2" style="" data-widgetcontainerid="78ca6a0a-ca74-45e5-ac7e-d2cf3ab90eb2">� 1561<div class="widget editor pageStyles narrow" id="divEditor353a8404-e578-4f24-a82f-ea340d351ef1" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 1562 <div class="fr-view"> 1563 1564 1565 <h2 class="subhead1 ">Payment Locations</h2><h3 class="subhead2 ">In-Person Bill Payment</h3><p>217 N Fifth Street<br>Garland, Texas 75040</p><p><strong>Hours</strong><br>Monday through Friday<br>8 a.m. to 5 p.m.</p> 1566 </div> 1567
1568<script type="text/javascript"> 1569 $(document).ready(function (e) { 1570 renderSlideshowIfApplicable($('#divEditor' + '353a8404-e578-4f24-a82f-ea340d351ef1')); 1571 }); 1572</script>
1572 1573</div> 1574 1575 </div> <!-- inner column --> 1576 1577 </div> <!-- inner row --> 1578 1579 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="6b0f0ef5-0537-467f-99b2-03c0b00bcee6">� 1580 <div class="row nest first last wide">� 1581 1582 <div class="inner col col12 first last id12b2b99b-ce75-43e0-a7e4-4ac8f047febc" style="" data-widgetcontainerid="12b2b99b-ce75-43e0-a7e4-4ac8f047febc">� 1583<div class="widget editor pageStyles narrow" id="divEditor289292f7-a4e9-4269-93db-35302c391fdf" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 1584 <div class="fr-view"> 1585 1586 1587 <h2 class="subhead1 "><br></h2><h3 class="subhead2 ">Drive-Thru Payment</h3><p>717 W State Street<br>Garland, Texas 75040</p><p><strong>Hours</strong><br>Monday through Friday<br>8 a.m. to 6 p.m.</p> 1588 </div> 1589
1590<script type="text/javascript"> 1591 $(document).ready(function (e) { 1592 renderSlideshowIfApplicable($('#divEditor' + '289292f7-a4e9-4269-93db-35302c391fdf')); 1593 }); 1594</script>
1594 1595</div> 1596 1597 </div> <!-- inner column --> 1598 1599 </div> <!-- inner row --> 1600 1601 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1602 <div class="row outer wide"><!-- 1603--><div class="outer col col24 first last" style="" data-widgetcontainerid="d809f0c9-1ff8-4201-a539-82acc2385c39">� 1604 <div class="row nest first last wide">� 1605 1606 <div class="inner col col24 first last id65a06815-eff7-4874-aa8e-460e6375ce21" style="" data-widgetcontainerid="65a06815-eff7-4874-aa8e-460e6375ce21">� 1607<div class="widget editor pageStyles narrow" id="divEditord439a1c7-d2a9-4af9-b95e-3d36705bd0f2" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 1608 <div class="fr-view"> 1609 1610 1611 <h2 class="subhead1 ">Services</h2><p>Customer Service can be reached at 972-205-2671 for the following services:</p><ul><li>Automatic Bank Draft Program</li><li>Billing Questions</li><li>Budget Billing Program</li><li>Conservation Questions</li><li>Credit Questions</li><li>Energy Audits</li><li>Letters of Credit</li><li>New, Transfer, Stop Service</li><li>Payments by Phone</li></ul> 1612 </div> 1613
1614<script type="text/javascript"> 1615 $(document).ready(function (e) { 1616 renderSlideshowIfApplicable($('#divEditor' + 'd439a1c7-d2a9-4af9-b95e-3d36705bd0f2')); 1617 }); 1618</script>
1618 1619</div> 1620 1621 </div> <!-- inner column --> 1622 1623 </div> <!-- inner row --> 1624 1625 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1626 1627 1628 </div> 1629 1630 </div> 1631 1632 1633 <div class="newCP"> 1634 1635 </div> 1636</div> 1637</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="cc98f9e26a-92a6-4c30-9f31-978aef8a5a21" data-containerid="98f9e26a-92a6-4c30-9f31-978aef8a5a21" class="pageContent cpGrid cpGrid24 showInMobile"> 1638 1639 1640 <div class="row outer wide"><!-- 1641--><div class="outer col col24 first last" style="" data-widgetcontainerid="9d95c9be-82dc-42dc-af87-43733fd38dce">� 1642 <div class="row nest first last wide">� 1643 1644 <div class="inner col col24 first last id30398793-7925-4683-a071-36e9f3ab33af" style="" data-widgetcontainerid="30398793-7925-4683-a071-36e9f3ab33af">� 1645 1646 1647 1648 1649 1650 1651 1652 1653<div data-widget-id="75dedc31-4b2d-4494-b5e8-26a7d6469146" data-moduleWidgetType="cityDirectory" data-widget-controller-path="/CityDirectory/Widget"> 1654 <div id="cityDirectoryWidget75dedc31-4b2d-4494-b5e8-26a7d6469146" class="widget widgetStaffDirectory skin149 wide" > 1655 <div class="widgetHeader"> 1656 <h3><a style="" href= /m/directory>Contact Us</a></h3> 1657 </div> 1658 <ol class="semanticList"> 1659 <li class="widgetItem h-card"> 1660 1661 <h4 class="widgetTitle field p-name">Utility Customer Service</h4> 1662 1663 <div class="field u-email"><a href="mailto:[email protected]">Email Utility Customer Service</a></div> 1664 <br /> 1665 1666 1667 <div class="field h-adr"> 1668 <strong>Physical Address</strong> 1669<button class="viewMap" data-moduleId="4" onclick="new CivicPlus.Maps().LoadMap(document.getElementById('googleMap76'), '100%', $(document.getElementById('googleMap76')).next('.infotext').children('.address').text());">View Map</button> <br /> 1670 <span class="p-street-address">217 N Fifth Street</span><br /> 1671 <span class="locality">Garland</span>, <span class="p-region">TX</span> <span class="p-postal-code">75040</span> 1672 1673 </div> 1674 <br /> 1675 1676
1676<script type="text/javascript"> 1677 $(document).ready(function () { 1678 var mode = 2; 1679 loadGoogleMapsScript(mode, 'loadMaps'); 1680 }); 1681 </script>
1681 1682 <div class="field"> 1683 <br> 1684 <div class="mapWrapLazyLoaded"> 1685 <div id="googleMap76" class="googleMap" style=""></div> 1686 <div style="display: none" class="infotext"> 1687 <div class="address">217 N Fifth Street Garland TX 75040</div> 1688 </div> 1689 </div> 1690 <a href="https://www.google.com/maps/place/217+N+Fifth+Street++Garland+TX+75040" class="mapLink" title="Open location on Google Maps">Directions</a> 1691 </div> 1692 <br /> 1693 1694 1695 <div class="field p-tel">Phone: <a href="tel:9722052671">972-205-2671</a></div> 1696 <br /> 1697 1698 <div class="field p-note"> 1699 1700 TDD Hearing Impaired: 972-205-2670<br> 1701<br> 1702<span class="subhead2">Hours</span><br> 1703Monday through Friday<br> 17048 a.m. to 5 p.m.<br> 1705 </div> 1706 <br /> 1707 1708 1709 </li> 1710 <li class="widgetItem h-card"> 1711 1712 <h4 class="widgetTitle field p-name">Electric Service Inquiries</h4> 1713 1714 <div class="field u-email"><a href="mailto:[email protected]">Email for Electric Service Inquiries</a></div> 1715 <br /> 1716 1717 1718 1719 1720 1721 <br /> 1722 1723 1724 <div class="field"><a href="/m/directory/department?did=79">Directory</a></div> 1725 <br /> 1726 1727 </li> 1728 </ol> 1729 </div> 1730</div> 1731 </div> <!-- inner column --> 1732 1733 </div> <!-- inner row --> 1734 1735 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1736 1737 1738 </div> 1739</aside> 1740</div> 1741</div></div> 1742</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1743<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc0683e8f9-cb5d-4d0c-b4bf-d6088f02107b" data-containerid="0683e8f9-cb5d-4d0c-b4bf-d6088f02107b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 1744 1745 1746 <div class="row outer wide"><!-- 1747--><div class="outer col col8 first" style="" data-widgetcontainerid="3e2f5eb9-bf10-43c6-93d5-cf323d0bae7e">� 1748 <div class="row nest first last wide">� 1749 1750 <div class="inner col col8 first last iddd5e5c16-3a9e-4554-8a75-ee1182d431ff" style="" data-widgetcontainerid="dd5e5c16-3a9e-4554-8a75-ee1182d431ff">� 1751<div data-widget-id="0faf584f-424d-4caf-9ec6-f80a538058f6" data-widget-controller-path="/GraphicLinks/Widget"> 1752 1753 1754 1755 1756<div id="graphicLinkWidget0faf584f-424d-4caf-9ec6-f80a538058f6" class="widget widgetGraphicLinks skin151 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:22em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1757 <div class="widgetHeader"> 1758 <div class=""> 1759 </div> 1760 </div> 1761 <div class="widgetBody cpGrid cpGrid2 "> 1762 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1763 <div class="row wide"> 1764 <!-- 1765--><div class="col col1 first "><ul class="semanticList"><!-- 1766 --><li class="widgetItem GraphicLinks"> 1767 1768<div> 1769 <a href="/484/Human-Resources" target="_self" class="fancyButton fancyButton2066 " > 1770 <span> 1771 <span><span class="text">Careers</span></span> 1772 </span> 1773 </a> 1774</div> 1775 <style scoped="scoped">.fancyButton2066.fancyButton:link,.fancyButton2066.fancyButton:visited, .fancyButton2066div.fancyButton{ 1776 background-color: rgb(42, 79, 126); 1777 -webkit-border-top-left-radius: 10px; 1778 -moz-border-top-left-radius: 10px; 1779 -khtml-border-top-left-radius: 10px; 1780 border-top-left-radius: 10px; 1781 -webkit-border-top-right-radius: 10px; 1782 -moz-border-top-right-radius: 10px; 1783 -khtml-border-top-right-radius: 10px; 1784 border-top-right-radius: 10px; 1785 -webkit-border-bottom-left-radius: 10px; 1786 -moz-border-bottom-left-radius: 10px; 1787 -khtml-border-bottom-left-radius: 10px; 1788 border-bottom-left-radius: 10px; 1789 -webkit-border-bottom-right-radius: 10px; 1790 -moz-border-bottom-right-radius: 10px; 1791 -khtml-border-bottom-right-radius: 10px; 1792 border-bottom-right-radius: 10px; 1793 background-repeat: no-repeat; 1794 background-position: left top; 1795max-width: 160px; 1796margin: 0 auto; 1797box-shadow: 0px 3px 10px #00000033; 1798} 1799.fancyButton2066.fancyButton:hover,.fancyButton2066.fancyButton:focus,.fancyButton2066.fancyButton:active,.fancyButton2066.fancyButton.hover{ 1800 background-color: rgb(65, 108, 154); 1801 background-repeat: no-repeat; 1802 background-position: left top; 1803} 1804.fancyButton2066.fancyButton:link > span,.fancyButton2066.fancyButton:visited > span, .fancyButton2066div.fancyButton > span{ 1805} 1806.fancyButton2066.fancyButton:hover > span,.fancyButton2066.fancyButton:focus > span,.fancyButton2066.fancyButton:active > span,.fancyButton2066.fancyButton.hover > span{ 1807} 1808.fancyButton2066.fancyButton .text{ 1809 color: rgb(255, 255, 255); 1810 font-family: "Poppins"; 1811 padding-top: 70px; 1812 padding-right: 5px; 1813 padding-left: 5px; 1814 font-weight: 500; 1815 text-decoration: none; 1816 padding-top: 70px; 1817 padding-right: 5px; 1818 padding-left: 5px; 1819 background-image: url('/ImageRepository/Document?documentID=16124'); 1820 background-repeat: no-repeat; 1821 background-position: center 18px ; 1822height: 140px; 1823line-height: 1.2; 1824} 1825.fancyButton2066.fancyButton:hover .text,.fancyButton2066.fancyButton:focus .text,.fancyButton2066.fancyButton:active .text,.fancyButton2066.fancyButton.hover .text{ 1826 text-decoration: underline; 1827 1828 1829} 1830</style> 1831 1832 </li><!-- 1833--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1834 --><li class="widgetItem GraphicLinks"> 1835 1836<div> 1837 <a href="https://maps2.garlandtx.gov/sites/mygarland" target="_self" class="fancyButton fancyButton2067 " > 1838 <span> 1839 <span><span class="text">My Garland</span></span> 1840 </span> 1841 </a> 1842</div> 1843 <style scoped="scoped">.fancyButton2067.fancyButton:link,.fancyButton2067.fancyButton:visited, .fancyButton2067div.fancyButton{ 1844 background-color: rgb(42, 79, 126);
1845 -webkit-border-top-left-radius: 10px; 1846 -moz-border-top-left-radius: 10px; 1847 -khtml-border-top-left-radius: 10px; 1848 border-top-left-radius: 10px; 1849 -webkit-border-top-right-radius: 10px; 1850 -moz-border-top-right-radius: 10px; 1851 -khtml-border-top-right-radius: 10px; 1852 border-top-right-radius: 10px; 1853 -webkit-border-bottom-left-radius: 10px; 1854 -moz-border-bottom-left-radius: 10px; 1855 -khtml-border-bottom-left-radius: 10px; 1856 border-bottom-left-radius: 10px; 1857 -webkit-border-bottom-right-radius: 10px; 1858 -moz-border-bottom-right-radius: 10px; 1859 -khtml-border-bottom-right-radius: 10px; 1860 border-bottom-right-radius: 10px; 1861 background-repeat: no-repeat; 1862 background-position: left top; 1863max-width: 160px; 1864margin: 0 auto; 1865box-shadow: 0px 3px 10px #00000033; 1866} 1867.fancyButton2067.fancyButton:hover,.fancyButton2067.fancyButton:focus,.fancyButton2067.fancyButton:active,.fancyButton2067.fancyButton.hover{ 1868 background-color: rgb(65, 108, 154); 1869 background-repeat: no-repeat; 1870 background-position: left top; 1871} 1872.fancyButton2067.fancyButton:link > span,.fancyButton2067.fancyButton:visited > span, .fancyButton2067div.fancyButton > span{ 1873} 1874.fancyButton2067.fancyButton:hover > span,.fancyButton2067.fancyButton:focus > span,.fancyButton2067.fancyButton:active > span,.fancyButton2067.fancyButton.hover > span{ 1875} 1876.fancyButton2067.fancyButton .text{ 1877 color: rgb(255, 255, 255); 1878 font-family: "Poppins"; 1879 padding-top: 70px; 1880 padding-right: 5px; 1881 padding-left: 5px; 1882 font-weight: 500; 1883 text-decoration: none; 1884 padding-top: 70px; 1885 padding-right: 5px; 1886 padding-left: 5px; 1887 background-image: url('/ImageRepository/Document?documentID=16127'); 1888 background-repeat: no-repeat; 1889 background-position: center 18px ; 1890height: 140px; 1891line-height: 1.2; 1892} 1893.fancyButton2067.fancyButton:hover .text,.fancyButton2067.fancyButton:focus .text,.fancyButton2067.fancyButton:active .text,.fancyButton2067.fancyButton.hover .text{ 1894 text-decoration: underline; 1895 1896 1897} 1898</style> 1899 1900 </li><!-- 1901--></ul></div><!-- --> 1902 </div> 1903 </nav> 1904 </div> 1905 <div class="widgetFooter"> 1906 </div> 1907</div> 1908</div> 1909 1910 </div> <!-- inner column --> 1911 1912 </div> <!-- inner row --> 1913 1914 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="34d92532-7374-4834-9ddb-741b847ae959">� 1915 <div class="row nest first last wide">� 1916 1917 <div class="inner col col8 first last idefbcb02f-1922-45b9-8d23-af6617670bc7" style="" data-widgetcontainerid="efbcb02f-1922-45b9-8d23-af6617670bc7">� 1918<div data-widget-id="d13d538a-5f8a-4f92-a5e1-2f6c4c3ea70b" data-widget-controller-path="/GraphicLinks/Widget"> 1919 1920 1921 1922 1923<div id="graphicLinkWidgetd13d538a-5f8a-4f92-a5e1-2f6c4c3ea70b" class="widget widgetGraphicLinks skin151 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:22em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1924 <div class="widgetHeader"> 1925 <div class=""> 1926 </div> 1927 </div> 1928 <div class="widgetBody cpGrid cpGrid2 "> 1929 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1930 <div class="row wide"> 1931 <!-- 1932--><div class="col col1 first "><ul class="semanticList"><!-- 1933 --><li class="widgetItem GraphicLinks"> 1934 1935<div> 1936 <a href="/758/City-Council" target="_self" class="fancyButton fancyButton2070 " > 1937 <span> 1938 <span><span class="text">City Council</span></span> 1939 </span> 1940 </a> 1941</div> 1942 <style scoped="scoped">.fancyButton2070.fancyButton:link,.fancyButton2070.fancyButton:visited, .fancyButton2070div.fancyButton{ 1943 background-color: rgb(42, 79, 126); 1944 -webkit-border-top-left-radius: 10px; 1945 -moz-border-top-left-radius: 10px; 1946 -khtml-border-top-left-radius: 10px; 1947 border-top-left-radius: 10px; 1948 -webkit-border-top-right-radius: 10px; 1949 -moz-border-top-right-radius: 10px; 1950 -khtml-border-top-right-radius: 10px; 1951 border-top-right-radius: 10px; 1952 -webkit-border-bottom-left-radius: 10px; 1953 -moz-border-bottom-left-radius: 10px; 1954 -khtml-border-bottom-left-radius: 10px; 1955 border-bottom-left-radius: 10px; 1956 -webkit-border-bottom-right-radius: 10px; 1957 -moz-border-bottom-right-radius: 10px; 1958 -khtml-border-bottom-right-radius: 10px; 1959 border-bottom-right-radius: 10px; 1960 background-repeat: no-repeat; 1961 background-position: left top; 1962max-width: 160px; 1963margin: 0 auto; 1964box-shadow: 0px 3px 10px #00000033; 1965} 1966.fancyButton2070.fancyButton:hover,.fancyButton2070.fancyButton:focus,.fancyButton2070.fancyButton:active,.fancyButton2070.fancyButton.hover{ 1967 background-color: rgb(65, 108, 154); 1968 background-repeat: no-repeat; 1969 background-position: left top; 1970} 1971.fancyButton2070.fancyButton:link > span,.fancyButton2070.fancyButton:visited > span, .fancyButton2070div.fancyButton > span{ 1972} 1973.fancyButton2070.fancyButton:hover > span,.fancyButton2070.fancyButton:focus > span,.fancyButton2070.fancyButton:active > span,.fancyButton2070.fancyButton.hover > span{ 1974} 1975.fancyButton2070.fancyButton .text{ 1976 color: rgb(255, 255, 255); 1977 font-family: "Poppins"; 1978 padding-top: 70px; 1979 padding-right: 5px; 1980 padding-left: 5px; 1981 font-weight: 500; 1982 text-decoration: none; 1983 padding-top: 70px; 1984 padding-right: 5px; 1985 padding-left: 5px; 1986 background-image: url('/ImageRepository/Document?documentID=16126'); 1987 background-repeat: no-repeat; 1988 background-position: center 18px ; 1989height: 140px; 1990line-height: 1.2; 1991} 1992.fancyButton2070.fancyButton:hover .text,.fancyButton2070.fancyButton:focus .text,.fancyButton2070.fancyButton:active .text,.fancyButton2070.fancyButton.hover .text{ 1993 text-decoration: underline; 1994 1995 1996} 1997</style> 1998 1999 </li><!-- 2000--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2001 --><li class="widgetItem GraphicLinks"> 2002 2003<div>
2004 <a href="/801/Meeting-Agendas-and-Minutes" target="_self" class="fancyButton fancyButton2349 " > 2005 <span> 2006 <span><span class="text">Meeting Agendas</span></span> 2007 </span> 2008 </a> 2009</div> 2010 <style scoped="scoped">.fancyButton2349.fancyButton:link,.fancyButton2349.fancyButton:visited, .fancyButton2349div.fancyButton{ 2011 background-color: rgb(42, 79, 126); 2012 -webkit-border-top-left-radius: 10px; 2013 -moz-border-top-left-radius: 10px; 2014 -khtml-border-top-left-radius: 10px; 2015 border-top-left-radius: 10px; 2016 -webkit-border-top-right-radius: 10px; 2017 -moz-border-top-right-radius: 10px; 2018 -khtml-border-top-right-radius: 10px; 2019 border-top-right-radius: 10px; 2020 -webkit-border-bottom-left-radius: 10px; 2021 -moz-border-bottom-left-radius: 10px; 2022 -khtml-border-bottom-left-radius: 10px; 2023 border-bottom-left-radius: 10px; 2024 -webkit-border-bottom-right-radius: 10px; 2025 -moz-border-bottom-right-radius: 10px; 2026 -khtml-border-bottom-right-radius: 10px; 2027 border-bottom-right-radius: 10px; 2028 background-repeat: no-repeat; 2029 background-position: left top; 2030max-width: 160px; 2031margin: 0 auto; 2032box-shadow: 0px 3px 10px #00000033; 2033} 2034.fancyButton2349.fancyButton:hover,.fancyButton2349.fancyButton:focus,.fancyButton2349.fancyButton:active,.fancyButton2349.fancyButton.hover{ 2035 background-color: rgb(65, 108, 154); 2036 background-repeat: no-repeat; 2037 background-position: left top; 2038} 2039.fancyButton2349.fancyButton:link > span,.fancyButton2349.fancyButton:visited > span, .fancyButton2349div.fancyButton > span{ 2040} 2041.fancyButton2349.fancyButton:hover > span,.fancyButton2349.fancyButton:focus > span,.fancyButton2349.fancyButton:active > span,.fancyButton2349.fancyButton.hover > span{ 2042} 2043.fancyButton2349.fancyButton .text{ 2044 color: rgb(255, 255, 255); 2045 font-family: "Poppins"; 2046 padding-top: 70px; 2047 padding-right: 5px; 2048 padding-left: 5px; 2049 font-weight: 500; 2050 text-decoration: none; 2051 padding-top: 70px; 2052 padding-right: 5px; 2053 padding-left: 5px; 2054 background-image: url('/ImageRepository/Document?documentID=16123'); 2055 background-repeat: no-repeat; 2056 background-position: center 18px ; 2057height: 140px; 2058line-height: 1.2; 2059} 2060.fancyButton2349.fancyButton:hover .text,.fancyButton2349.fancyButton:focus .text,.fancyButton2349.fancyButton:active .text,.fancyButton2349.fancyButton.hover .text{ 2061 text-decoration: underline; 2062 2063 2064} 2065</style> 2066 2067 </li><!-- 2068--></ul></div><!-- --> 2069 </div> 2070 </nav> 2071 </div> 2072 <div class="widgetFooter"> 2073 </div> 2074</div> 2075</div> 2076 2077 </div> <!-- inner column --> 2078 2079 </div> <!-- inner row --> 2080 2081 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="e26900fd-9f42-479f-a705-7e5a81cab1a2">� 2082 <div class="row nest first last wide">� 2083 2084 <div class="inner col col8 first last id1ee844be-1100-4e20-80e4-6b7fdc7a2e7b" style="" data-widgetcontainerid="1ee844be-1100-4e20-80e4-6b7fdc7a2e7b">� 2085<div data-widget-id="43a64f56-7aa0-4ea7-b75d-f962fe680275" data-widget-controller-path="/GraphicLinks/Widget"> 2086 2087 2088 2089 2090<div id="graphicLinkWidget43a64f56-7aa0-4ea7-b75d-f962fe680275" class="widget widgetGraphicLinks skin151 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:22em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2091 <div class="widgetHeader"> 2092 <div class=""> 2093 </div> 2094 </div> 2095 <div class="widgetBody cpGrid cpGrid2 "> 2096 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2097 <div class="row wide"> 2098 <!-- 2099--><div class="col col1 first "><ul class="semanticList"><!-- 2100 --><li class="widgetItem GraphicLinks"> 2101 2102<div> 2103 <a href="https://maps2.garlandtx.gov/GarlandPIPDashboard.html" target="_self" class="fancyButton fancyButton2073 " > 2104 <span> 2105 <span><span class="text">Public Works Projects</span></span> 2106 </span> 2107 </a> 2108</div> 2109 <style scoped="scoped">.fancyButton2073.fancyButton:link,.fancyButton2073.fancyButton:visited, .fancyButton2073div.fancyButton{ 2110 background-color: rgb(42, 79, 126); 2111 -webkit-border-top-left-radius: 10px; 2112 -moz-border-top-left-radius: 10px; 2113 -khtml-border-top-left-radius: 10px; 2114 border-top-left-radius: 10px; 2115 -webkit-border-top-right-radius: 10px; 2116 -moz-border-top-right-radius: 10px; 2117 -khtml-border-top-right-radius: 10px; 2118 border-top-right-radius: 10px; 2119 -webkit-border-bottom-left-radius: 10px; 2120 -moz-border-bottom-left-radius: 10px; 2121 -khtml-border-bottom-left-radius: 10px; 2122 border-bottom-left-radius: 10px; 2123 -webkit-border-bottom-right-radius: 10px; 2124 -moz-border-bottom-right-radius: 10px; 2125 -khtml-border-bottom-right-radius: 10px; 2126 border-bottom-right-radius: 10px; 2127 background-repeat: no-repeat; 2128 background-position: left top; 2129max-width: 160px; 2130margin: 0 auto; 2131box-shadow: 0px 3px 10px #00000033; 2132} 2133.fancyButton2073.fancyButton:hover,.fancyButton2073.fancyButton:focus,.fancyButton2073.fancyButton:active,.fancyButton2073.fancyButton.hover{ 2134 background-color: rgb(65, 108, 154); 2135 background-repeat: no-repeat; 2136 background-position: left top; 2137} 2138.fancyButton2073.fancyButton:link > span,.fancyButton2073.fancyButton:visited > span, .fancyButton2073div.fancyButton > span{ 2139} 2140.fancyButton2073.fancyButton:hover > span,.fancyButton2073.fancyButton:focus > span,.fancyButton2073.fancyButton:active > span,.fancyButton2073.fancyButton.hover > span{ 2141} 2142.fancyButton2073.fancyButton .text{ 2143 color: rgb(255, 255, 255); 2144 font-family: "Poppins"; 2145 padding-top: 70px; 2146 padding-right: 5px; 2147 padding-left: 5px; 2148 font-weight: 500; 2149 text-decoration: none; 2150 padding-top: 70px; 2151 padding-right: 5px; 2152 padding-left: 5px; 2153 background-image: url('/ImageRepository/Document?documentID=16128'); 2154 background-repeat: no-repeat; 2155 background-position: center 18px ; 2156height: 140px; 2157line-height: 1.2; 2158} 2159.fancyButton2073.fancyButton:hover .text,.fancyButton2073.fancyButton:focus .text,.fancyButton2073.fancyButton:active .text,.fancyButton2073.fancyButton.hover .text{ 2160 text-decoration: underline; 2161 2162 2163} 2164</style> 2165 2166 </li><!-- 2167--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2168 --><li class="widgetItem GraphicLinks"> 2169 2170<div> 2171 <a href="https://www.garlandtx.gov/4579/Garland-Cares-Network" target="_self" class="fancyButton fancyButton2512 " > 2172 <span> 2173 <span><span class="text">Garland Cares Network</span></span> 2174 </span> 2175 </a> 2176</div> 2177 <style scoped="scoped">.fancyButton2512.fancyButton:link,.fancyButton2512.fancyButton:visited, .fancyButton2512div.fancyButton{ 2178 background-color: rgb(42, 79, 126);
2179 -webkit-border-top-left-radius: 10px; 2180 -moz-border-top-left-radius: 10px; 2181 -khtml-border-top-left-radius: 10px; 2182 border-top-left-radius: 10px; 2183 -webkit-border-top-right-radius: 10px; 2184 -moz-border-top-right-radius: 10px; 2185 -khtml-border-top-right-radius: 10px; 2186 border-top-right-radius: 10px; 2187 -webkit-border-bottom-left-radius: 10px; 2188 -moz-border-bottom-left-radius: 10px; 2189 -khtml-border-bottom-left-radius: 10px; 2190 border-bottom-left-radius: 10px; 2191 -webkit-border-bottom-right-radius: 10px; 2192 -moz-border-bottom-right-radius: 10px; 2193 -khtml-border-bottom-right-radius: 10px; 2194 border-bottom-right-radius: 10px; 2195 background-image: url('/ImageRepository/Document?documentID=24682'); 2196 background-repeat: no-repeat; 2197 background-position: center center; 2198max-width: 160px; 2199margin: 0 auto; 2200box-shadow: 0px 3px 10px #00000033; 2201} 2202.fancyButton2512.fancyButton:hover,.fancyButton2512.fancyButton:focus,.fancyButton2512.fancyButton:active,.fancyButton2512.fancyButton.hover{ 2203 background-color: rgb(65, 108, 154); 2204 background-repeat: no-repeat; 2205 background-position: center center; 2206} 2207.fancyButton2512.fancyButton:link > span,.fancyButton2512.fancyButton:visited > span, .fancyButton2512div.fancyButton > span{ 2208} 2209.fancyButton2512.fancyButton:hover > span,.fancyButton2512.fancyButton:focus > span,.fancyButton2512.fancyButton:active > span,.fancyButton2512.fancyButton.hover > span{ 2210} 2211.fancyButton2512.fancyButton .text{ 2212 color: rgb(255, 255, 255); 2213 font-family: "Poppins"; 2214 padding-top: 70px; 2215 padding-right: 5px; 2216 padding-left: 5px; 2217 font-weight: 500; 2218 text-decoration: none; 2219 padding-top: 70px; 2220 padding-right: 5px; 2221 padding-left: 5px; 2222 background-image: url('/ImageRepository/Document?documentID=24682'); 2223 background-repeat: no-repeat; 2224 background-position: center center; 2225height: 140px; 2226line-height: 1.2; 2227} 2228.fancyButton2512.fancyButton:hover .text,.fancyButton2512.fancyButton:focus .text,.fancyButton2512.fancyButton:active .text,.fancyButton2512.fancyButton.hover .text{ 2229 text-decoration: underline; 2230 2231 2232} 2233</style> 2234 2235 </li><!-- 2236--></ul></div><!-- --> 2237 </div> 2238 </nav> 2239 </div> 2240 <div class="widgetFooter"> 2241 </div> 2242</div> 2243</div> 2244 2245 </div> <!-- inner column --> 2246 2247 </div> <!-- inner row --> 2248 2249 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2250 2251 2252 </div> 2253</div></div> 2254</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainer2TS" class="fixedLeftTS"> 2255<div class="siteWrap2" data-skip-leftpad=""><div data-cpRole="contentContainer" id="gbs2TS"> <div id="ccc3ec5373-1ba2-4c45-9471-2b5ae4b8cfb0" data-containerid="c3ec5373-1ba2-4c45-9471-2b5ae4b8cfb0" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="20"> 2256 2257 2258 <div class="row outer wide"><!-- 2259--><div class="outer col col12 first" style="" data-widgetcontainerid="9c90da8e-9fcb-4e29-a669-b11e494a737d">� 2260 <div class="row nest first last wide">� 2261 2262 <div class="inner col col12 first last id790b9603-63de-4ad0-8eab-2009e919c0f4" style="" data-widgetcontainerid="790b9603-63de-4ad0-8eab-2009e919c0f4">� 2263<div data-widget-id="c72bdbc0-0fac-432d-8005-2ce12d49fc1a" data-widget-controller-path="/GraphicLinks/Widget"> 2264 2265 2266 2267 2268<div id="graphicLinkWidgetc72bdbc0-0fac-432d-8005-2ce12d49fc1a" class="widget widgetGraphicLinks skin153 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2269 <div class="widgetHeader"> 2270 <div class=""> 2271 </div> 2272 </div> 2273 <div class="widgetBody cpGrid cpGrid2 "> 2274 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2275 <div class="row wide"> 2276 <!-- 2277--><div class="col col1 first "><ul class="semanticList"><!-- 2278 --><li class="widgetItem GraphicLinks"> 2279 2280<div> 2281 <a href="/CivicAlerts.aspx?CID=1" target="_self" class="fancyButton fancyButton2343 " > 2282 <span> 2283 <span><span class="text">City News</span></span> 2284 </span> 2285 </a> 2286</div> 2287 <style scoped="scoped">.fancyButton2343.fancyButton:link,.fancyButton2343.fancyButton:visited, .fancyButton2343div.fancyButton{ 2288 background-repeat: no-repeat; 2289 background-position: left top; 2290} 2291.fancyButton2343.fancyButton:hover,.fancyButton2343.fancyButton:focus,.fancyButton2343.fancyButton:active,.fancyButton2343.fancyButton.hover{ 2292 background-repeat: no-repeat; 2293 background-position: left top; 2294} 2295.fancyButton2343.fancyButton:link > span,.fancyButton2343.fancyButton:visited > span, .fancyButton2343div.fancyButton > span{ 2296} 2297.fancyButton2343.fancyButton:hover > span,.fancyButton2343.fancyButton:focus > span,.fancyButton2343.fancyButton:active > span,.fancyButton2343.fancyButton.hover > span{ 2298} 2299.fancyButton2343.fancyButton .text{ 2300 color: rgb(42, 79, 126); 2301 font-size: .9em; 2302 font-family: "Poppins"; 2303 padding-top: 55px; 2304 font-weight: 600; 2305 text-decoration: none; 2306 padding-top: 55px; 2307 background-image: url('/ImageRepository/Document?documentID=16130'); 2308 background-repeat: no-repeat; 2309 background-position: center top; 2310line-height: 1.2; 2311transition: all .2s ease-in-out; 2312} 2313.fancyButton2343.fancyButton:hover .text,.fancyButton2343.fancyButton:focus .text,.fancyButton2343.fancyButton:active .text,.fancyButton2343.fancyButton.hover .text{ 2314 text-decoration: underline; 2315 background-image: url('/ImageRepository/Document?documentID=16134'); 2316 2317 2318} 2319</style> 2320 2321 </li><!-- 2322--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2323 --><li class="widgetItem GraphicLinks"> 2324 2325<div> 2326 <a href="/3869/CGTV-Government-Access-Television" target="_self" class="fancyButton fancyButton2372 " > 2327 <span> 2328 <span><span class="text">City Videos</span></span> 2329 </span> 2330 </a> 2331</div> 2332 <style scoped="scoped">.fancyButton2372.fancyButton:link,.fancyButton2372.fancyButton:visited, .fancyButton2372div.fancyButton{ 2333 background-repeat: no-repeat; 2334 background-position: left top; 2335} 2336.fancyButton2372.fancyButton:hover,.fancyButton2372.fancyButton:focus,.fancyButton2372.fancyButton:active,.fancyButton2372.fancyButton.hover{ 2337 background-repeat: no-repeat; 2338 background-position: left top; 2339} 2340.fancyButton2372.fancyButton:link > span,.fancyButton2372.fancyButton:visited > span, .fancyButton2372div.fancyButton > span{ 2341} 2342.fancyButton2372.fancyButton:hover > span,.fancyButton2372.fancyButton:focus > span,.fancyButton2372.fancyButton:active > span,.fancyButton2372.fancyButton.hover > span{ 2343} 2344.fancyButton2372.fancyButton .text{ 2345 color: rgb(42, 79, 126); 2346 font-size: .9em; 2347 font-family: "Poppins"; 2348 padding-top: 55px; 2349 font-weight: 600; 2350 text-decoration: none; 2351 padding-top: 55px; 2352 background-image: url(/ImageRepository/Document?documentID=16132); 2353 background-repeat: no-repeat; 2354 background-position: center top; 2355line-height: 1.2; 2356transition: all .2s ease-in-out; 2357} 2358.fancyButton2372.fancyButton:hover .text,.fancyButton2372.fancyButton:focus .text,.fancyButton2372.fancyButton:active .text,.fancyButton2372.fancyButton.hover .text{ 2359 text-decoration: underline; 2360 background-image: url(/ImageRepository/Document?documentID=16136); 2361 2362 2363} 2364</style> 2365 2366 </li><!-- 2367--></ul></div><!-- --> 2368 </div> 2369 </nav> 2370 </div> 2371 <div class="widgetFooter"> 2372 </div> 2373</div> 2374</div> 2375 2376 </div> <!-- inner column --> 2377 2378 </div> <!-- inner row --> 2379 2380 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="636f80a8-de88-4dd3-a183-bd945bfe1fc7">� 2381 <div class="row nest first last wide">� 2382 2383 <div class="inner col col12 first last id105d84b1-a54f-4899-90cd-deaba8bbc33c" style="" data-widgetcontainerid="105d84b1-a54f-4899-90cd-deaba8bbc33c">� 2384<div data-widget-id="c8764809-ca3c-4478-a085-6dcc0dd41b5a" data-widget-controller-path="/GraphicLinks/Widget"> 2385 2386 2387 2388 2389<div id="graphicLinkWidgetc8764809-ca3c-4478-a085-6dcc0dd41b5a" class="widget widgetGraphicLinks skin153 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2390 <div class="widgetHeader"> 2391 <div class="">
2392 </div> 2393 </div> 2394 <div class="widgetBody cpGrid cpGrid2 "> 2395 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2396 <div class="row wide"> 2397 <!-- 2398--><div class="col col1 first "><ul class="semanticList"><!-- 2399 --><li class="widgetItem GraphicLinks"> 2400 2401<div> 2402 <a href="/calendar.aspx?CID=23,31,52,63,64,45,49,48,28,50,44,47,29,25,42,41,40,66,58,67,59,60,61,24,62,55,51,65,57,56,54,36,14,46,26,43,32,34,68,27,53&showPastEvents=false " target="_self" class="fancyButton fancyButton2373 " > 2403 <span> 2404 <span><span class="text">City Calendar</span></span> 2405 </span> 2406 </a> 2407</div> 2408 <style scoped="scoped">.fancyButton2373.fancyButton:link,.fancyButton2373.fancyButton:visited, .fancyButton2373div.fancyButton{ 2409 background-repeat: no-repeat; 2410 background-position: left top; 2411} 2412.fancyButton2373.fancyButton:hover,.fancyButton2373.fancyButton:focus,.fancyButton2373.fancyButton:active,.fancyButton2373.fancyButton.hover{ 2413 background-repeat: no-repeat; 2414 background-position: left top; 2415} 2416.fancyButton2373.fancyButton:link > span,.fancyButton2373.fancyButton:visited > span, .fancyButton2373div.fancyButton > span{ 2417} 2418.fancyButton2373.fancyButton:hover > span,.fancyButton2373.fancyButton:focus > span,.fancyButton2373.fancyButton:active > span,.fancyButton2373.fancyButton.hover > span{ 2419} 2420.fancyButton2373.fancyButton .text{ 2421 color: rgb(42, 79, 126); 2422 font-size: .9em; 2423 font-family: "Poppins"; 2424 padding-top: 55px; 2425 font-weight: 600; 2426 text-decoration: none; 2427 padding-top: 55px; 2428 background-image: url(/ImageRepository/Document?documentID=17060); 2429 background-repeat: no-repeat; 2430 background-position: center top; 2431line-height: 1.2; 2432transition: all .2s ease-in-out; 2433} 2434.fancyButton2373.fancyButton:hover .text,.fancyButton2373.fancyButton:focus .text,.fancyButton2373.fancyButton:active .text,.fancyButton2373.fancyButton.hover .text{ 2435 text-decoration: underline; 2436 background-image: url(/ImageRepository/Document?documentID=17061); 2437 2438 2439} 2440</style> 2441 2442 </li><!-- 2443--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2444 --><li class="widgetItem GraphicLinks"> 2445 2446<div> 2447 <a href="/3789/Garland-Emergency-Notification-System" target="_self" class="fancyButton fancyButton2344 " > 2448 <span> 2449 <span><span class="text">Emergency Alerts</span></span> 2450 </span> 2451 </a> 2452</div> 2453 <style scoped="scoped">.fancyButton2344.fancyButton:link,.fancyButton2344.fancyButton:visited, .fancyButton2344div.fancyButton{ 2454 background-repeat: no-repeat; 2455 background-position: left top; 2456} 2457.fancyButton2344.fancyButton:hover,.fancyButton2344.fancyButton:focus,.fancyButton2344.fancyButton:active,.fancyButton2344.fancyButton.hover{ 2458 background-repeat: no-repeat; 2459 background-position: left top; 2460} 2461.fancyButton2344.fancyButton:link > span,.fancyButton2344.fancyButton:visited > span, .fancyButton2344div.fancyButton > span{ 2462} 2463.fancyButton2344.fancyButton:hover > span,.fancyButton2344.fancyButton:focus > span,.fancyButton2344.fancyButton:active > span,.fancyButton2344.fancyButton.hover > span{ 2464} 2465.fancyButton2344.fancyButton .text{ 2466 color: rgb(42, 79, 126); 2467 font-size: .9em; 2468 font-family: "Poppins"; 2469 padding-top: 55px; 2470 font-weight: 600; 2471 text-decoration: none; 2472 padding-top: 55px; 2473 background-image: url('/ImageRepository/Document?documentID=16131'); 2474 background-repeat: no-repeat; 2475 background-position: center top; 2476line-height: 1.2; 2477transition: all .2s ease-in-out; 2478} 2479.fancyButton2344.fancyButton:hover .text,.fancyButton2344.fancyButton:focus .text,.fancyButton2344.fancyButton:active .text,.fancyButton2344.fancyButton.hover .text{ 2480 text-decoration: underline; 2481 background-image: url('/ImageRepository/Document?documentID=16135'); 2482 2483 2484} 2485</style> 2486 2487 </li><!-- 2488--></ul></div><!-- --> 2489 </div> 2490 </nav> 2491 </div> 2492 <div class="widgetFooter"> 2493 </div> 2494</div> 2495</div> 2496 2497 </div> <!-- inner column --> 2498 2499 </div> <!-- inner row --> 2500 2501 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2502 2503 2504 </div> 2505</div></div> 2506</div> 2507</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 2508<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc65e1bc0e-2f34-4c3a-94b0-ed7058ac283c" data-containerid="65e1bc0e-2f34-4c3a-94b0-ed7058ac283c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55"> 2509 2510 2511 <div class="row outer wide"><!-- 2512--><div class="outer col col6 first" style="" data-widgetcontainerid="27fe44fc-cf06-463e-b537-47d13fe73fd5">� 2513 <div class="row nest first last wide">� 2514 2515 <div class="inner col col6 first last id63732a82-e0dc-46eb-8ee7-c0ac19e208f3" style="" data-widgetcontainerid="63732a82-e0dc-46eb-8ee7-c0ac19e208f3">� 2516 <div data-widget-id="bebeb589-3efe-4987-a65f-0aefeadbc1c9" data-widget-controller-path="/InfoAdvanced/Widget"> 2517 2518 2519 2520 2521 2522 <section id="divInfoAdvbebeb589-3efe-4987-a65f-0aefeadbc1c9" class="widget widgetInfoAdvanced skin148 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2523 <header class="widgetHeader" id="headerbebeb589-3efe-4987-a65f-0aefeadbc1c9"> 2524 <div class=""> 2525 </div> 2526 </header> 2527 <div class="widgetBody cpGrid cpGrid1 "> 2528 <div class="row wide"> 2529 <div class="col col1 first last"> 2530 <ol class="pageStyles semanticList"> 2531 2532<li class="InfoAdvanced widgetItem fr-view"> 2533 <p><img src="/ImageRepository/Document?documentId=16122" class="fr-dib" alt="Garland TX Logo"></p> 2534</li> </ol> 2535 </div> 2536 </div> 2537 </div> 2538 <div class="widgetFooter"> 2539 2540 </div> 2541 2542 </section> 2543 2544 2545
2546<script type="text/javascript"> 2547 //Render slideshow if info advacned items contain one. 2548 $(document).ready(function (e) { 2549 $('#divInfoAdvbebeb589-3efe-4987-a65f-0aefeadbc1c9 .InfoAdvanced.widgetItem').each(function () { 2550 renderSlideshowIfApplicable($(this)); 2551 }); 2552 }); 2553</script>
2553</div> 2554 </div> <!-- inner column --> 2555 2556 </div> <!-- inner row --> 2557 2558 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="43390216-5b5f-4f89-bc95-58c3d15339e9">� 2559 <div class="row nest first last wide">� 2560 2561 <div class="inner col col1 first last id4c7f2a2c-a3df-4fff-9d63-9c460e49c30c" style="" data-widgetcontainerid="4c7f2a2c-a3df-4fff-9d63-9c460e49c30c">� 2562 2563<div class="widget widgetSpacer" id="efe6d564-e1d3-4f5b-ab29-11fef951585b"></div> 2564 </div> <!-- inner column --> 2565 2566 </div> <!-- inner row --> 2567 2568 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="cea858ff-4125-46c5-abe5-caad0efbf560">� 2569 <div class="row nest first last wide">� 2570 2571 <div class="inner col col5 first last id2d38393c-4169-41af-86b5-48c66a5c7808" style="" data-widgetcontainerid="2d38393c-4169-41af-86b5-48c66a5c7808">� 2572 <div data-widget-id="c487be97-c5f8-4b02-be87-0046987ba563" data-widget-controller-path="/InfoAdvanced/Widget"> 2573 2574 2575 2576 2577 2578 <section id="divInfoAdvc487be97-c5f8-4b02-be87-0046987ba563" class="widget widgetInfoAdvanced skin150 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerc487be97-c5f8-4b02-be87-0046987ba563"> 2579 <header class="widgetHeader" id="headerc487be97-c5f8-4b02-be87-0046987ba563"> 2580 <div class=""> 2581 <h3 >Contact Us</h3> 2582 </div> 2583 </header> 2584 <div class="widgetBody cpGrid cpGrid1 "> 2585 <div class="row wide"> 2586 <div class="col col1 first last"> 2587 <ol class="pageStyles semanticList"> 2588 2589<li class="InfoAdvanced widgetItem fr-view"> 2590 <p>200 N. Fifth St.<br>Garland, TX 75040</p> 2591</li> 2592<li class="InfoAdvanced widgetItem fr-view"> 2593 <p>P.O. Box 469002<br>Garland, TX 75046</p> 2594</li> 2595<li class="InfoAdvanced widgetItem fr-view"> 2596 <p>Phone: <a href="tel:972-205-2000">972-205-2000</a><br><a href="mailto:[email protected]">Email the City of Garland</a></p> 2597</li> </ol> 2598 </div> 2599 </div> 2600 </div> 2601 <div class="widgetFooter"> 2602 2603 </div> 2604 2605 </section> 2606 2607 2608
2609<script type="text/javascript"> 2610 //Render slideshow if info advacned items contain one. 2611 $(document).ready(function (e) { 2612 $('#divInfoAdvc487be97-c5f8-4b02-be87-0046987ba563 .InfoAdvanced.widgetItem').each(function () { 2613 renderSlideshowIfApplicable($(this)); 2614 }); 2615 }); 2616</script>
2616</div> 2617 </div> <!-- inner column --> 2618 2619 </div> <!-- inner row --> 2620 2621 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="2acd8dbb-8eed-467f-866e-a40cf64891d7">� 2622 <div class="row nest first last wide">� 2623 2624 <div class="inner col col1 first last idca48c182-c2ac-4c1e-aa59-e3746560b8c3" style="" data-widgetcontainerid="ca48c182-c2ac-4c1e-aa59-e3746560b8c3">� 2625 2626<div class="widget widgetSpacer" id="facfe139-62c2-4b49-b20b-ac10cb3cd28d"></div> 2627 </div> <!-- inner column --> 2628 2629 </div> <!-- inner row --> 2630 2631 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="3fecc19c-b327-46cb-92ee-da16fd44c114">� 2632 <div class="row nest first last wide">� 2633 2634 <div class="inner col col5 first last idc599902a-1305-4ed9-93f6-da8897ec0ba1" style="" data-widgetcontainerid="c599902a-1305-4ed9-93f6-da8897ec0ba1">� 2635 <div data-widget-id="666645aa-40d4-488c-a74a-34011cec7306" data-widget-controller-path="/QuickLinks/Widget"> 2636 2637 2638 2639 2640 2641 2642 2643 2644 <section id="widgetQuicklink666645aa-40d4-488c-a74a-34011cec7306" class="widget widgetQuickLinks skin150 widgetOptionSet25 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader666645aa-40d4-488c-a74a-34011cec7306"> 2645 <header class="widgetHeader" id="quickLinksHeader666645aa-40d4-488c-a74a-34011cec7306"> 2646 <div class=""> 2647 <h3><a style="" href="/QuickLinks.aspx?CID=333" >Quick Links</a></h3> 2648 </div> 2649 </header> 2650 <div class="widgetBody cpGrid cpGrid1 "> 2651 <div class="row narrow"> 2652 <div class="col col1 first last"> 2653 <ol class="semanticList"> 2654 2655 2656 2657 2658 <li style="position:relative" class="widgetItem QuickLinks"> 2659 <a class="widgetDesc widgetQuickLinksLink" href="https://www.visitgarlandtx.com/default.aspx" target="_self" aria-label="Visit Garland - 2024 Quick Links" rel="">Visit Garland</a> 2660 <div class="widgetMeta"></div> 2661 </li> 2662 2663 2664 2665 2666 <li style="position:relative" class="widgetItem QuickLinks"> 2667 <a class="widgetDesc widgetQuickLinksLink" href="/484/Human-Resources" target="_self" aria-label="Careers - 2024 Quick Links" rel="">Careers</a> 2668 <div class="widgetMeta"></div> 2669 </li> 2670 2671 2672 2673 2674 <li style="position:relative" class="widgetItem QuickLinks"> 2675 <a class="widgetDesc widgetQuickLinksLink" href="/3789/Garland-Emergency-Notification-System" target="_self" aria-label="Emergency Alerts - 2024 Quick Links" rel="">Emergency Alerts</a> 2676 <div class="widgetMeta"></div> 2677 </li> 2678 2679 2680 2681 2682 <li style="position:relative" class="widgetItem QuickLinks"> 2683 <a class="widgetDesc widgetQuickLinksLink" href="https://garlandtx.gov/4343/E-ASSIST-Redirect" target="_self" aria-label="E-Assist - 2024 Quick Links" rel="">E-Assist</a> 2684 <div class="widgetMeta"></div> 2685 </li> 2686 </ol> 2687 </div> 2688 </div> 2689 2690 </div> 2691 <div class="widgetFooter"> 2692 </div> 2693 <div class="addItemModal hidden"> 2694 <div class="url hidden">/QuickLinks.aspx</div> 2695 </div> 2696 2697 </section> 2698</div> 2699 2700 </div> <!-- inner column --> 2701 2702 </div> <!-- inner row --> 2703 2704 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="ba1ad9d3-317d-40d2-b116-ae639e32dba4">� 2705 <div class="row nest first last wide">� 2706 2707 <div class="inner col col1 first last ide45fdb42-c0a6-48af-b3e7-1979f07508a7" style="" data-widgetcontainerid="e45fdb42-c0a6-48af-b3e7-1979f07508a7">� 2708 2709<div class="widget widgetSpacer" id="84a62f0b-9ec6-4a6e-8b4a-6378bb94f6fe"></div> 2710 </div> <!-- inner column --> 2711 2712 </div> <!-- inner row --> 2713 2714 </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="eb05cb4e-38c7-46bb-bba6-ed1235770b8f">� 2715 <div class="row nest first last wide">� 2716 2717 <div class="inner col col5 first last idf74b162f-e004-4fc7-99b7-d37afd4cda13" style="" data-widgetcontainerid="f74b162f-e004-4fc7-99b7-d37afd4cda13">� 2718 <div data-widget-id="e82f4702-6491-497c-b544-3df525ad5e4f" data-widget-controller-path="/QuickLinks/Widget"> 2719 2720 2721 2722 2723 2724 2725 2726 2727 <section id="widgetQuicklinke82f4702-6491-497c-b544-3df525ad5e4f" class="widget widgetQuickLinks skin150 widgetOptionSet25 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeadere82f4702-6491-497c-b544-3df525ad5e4f"> 2728 <header class="widgetHeader" id="quickLinksHeadere82f4702-6491-497c-b544-3df525ad5e4f"> 2729 <div class=""> 2730 <h3><a style="" href="/QuickLinks.aspx?CID=332" >Site Links</a></h3> 2731 </div> 2732 </header> 2733 <div class="widgetBody cpGrid cpGrid1 "> 2734 <div class="row narrow"> 2735 <div class="col col1 first last"> 2736 <ol class="semanticList"> 2737 2738 2739 2740 2741 <li style="position:relative" class="widgetItem QuickLinks"> 2742 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" aria-label="City Homepage - Site Links" rel="">City Homepage</a> 2743 <div class="widgetMeta"></div> 2744 </li> 2745 2746 2747 2748 2749 <li style="position:relative" class="widgetItem QuickLinks"> 2750 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" aria-label="City Directory - Site Links" rel="">City Directory</a> 2751 <div class="widgetMeta"></div> 2752 </li> 2753 2754 2755 2756 2757 <li style="position:relative" class="widgetItem QuickLinks"> 2758 <a class="widgetDesc widgetQuickLinksLink" href="/4034/Website-Accessibility" target="_self" aria-label="Accessibility - Site Links" rel="">Accessibility</a> 2759 <div class="widgetMeta"></div> 2760 </li> 2761 2762 2763 2764 2765 <li style="position:relative" class="widgetItem QuickLinks"> 2766 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" aria-label="Site Map - Site Links" rel="">Site Map</a> 2767 <div class="widgetMeta"></div> 2768 </li> 2769 </ol> 2770 </div> 2771 </div> 2772 2773 </div> 2774 <div class="widgetFooter"> 2775 </div> 2776 <div class="addItemModal hidden"> 2777 <div class="url hidden">/QuickLinks.aspx</div> 2778 </div> 2779 2780 </section> 2781</div> 2782 2783 </div> <!-- inner column --> 2784 2785 </div> <!-- inner row --> 2786 2787 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2788 2789 2790 </div> 2791</div></div> 2792</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2793<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc5ac4fd0b-b269-4c05-b9a5-bd323c4f4303" data-containerid="5ac4fd0b-b269-4c05-b9a5-bd323c4f4303" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2794 2795 2796 <div class="row outer wide"><!-- 2797--><div class="outer col col24 first last" style="" data-widgetcontainerid="28a0d8e6-613c-4e3a-b8c2-711352d2b184">� 2798 <div class="row nest first last wide">� 2799 2800 <div class="inner col col24 first last id6aa79b04-5619-47cc-8c9c-54360c79a4fc" style="" data-widgetcontainerid="6aa79b04-5619-47cc-8c9c-54360c79a4fc">� 2801 2802 <div data-widget-id='7797c177-bd5f-4e7f-87d6-054cb20422b1' data-moduleName="customHtml" id='widgetCustomHtml7797c177-bd5f-4e7f-87d6-054cb20422b1' class="widget widgetCustomHtml skin150 narrow" > 2803 <div class="widgetBody pageStyles" id="widgetBody7797c177-bd5f-4e7f-87d6-054cb20422b1"> 2804 <div id="customHtml7797c177-bd5f-4e7f-87d6-054cb20422b1"><div><style> 2805 /* CP icon */ 2806 .cpBylineIconTS { 2807 } 2808 /* CP Text */ 2809 .cpBylineTextTS, 2810 .cpBylineTextTS a:link { 2811 } 2812 2813 .cpBylineTS { 2814 text-align: center; 2815 } 2816 2817 .cpBylineIconTS { 2818 fill: currentColor; 2819 width: 39px;
2820 height: 26px; 2821 display: inline; 2822 vertical-align: middle; 2823 } 2824</style> 2825 2826<div class="widgetItem cpBylineTS"> 2827 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2828 <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> 2829 <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> 2830 </svg> 2831 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2832</div> 2833</div></div> 2834 </div> 2835 2836 </div> 2837 2838 </div> <!-- inner column --> 2839 2840 </div> <!-- inner row --> 2841 2842 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2843 2844 2845 </div> 2846</div></div> 2847</div> 2848 2849 2850 2851 2852 <div id="banner2-334" style="display: none"></div> 2853
2853<script type="text/javascript"> 2854 $(window).on("load", function () { 2855 $.when(window.Pages.rwdSetupComplete) 2856 .done(function () { 2857 renderBanner('banner2-334', 2858 'banner2', 2859 {"BannerOptionID":334,"ThemeID":100,"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":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":771,"BannerOptionID":334,"FileName":"/ImageRepository/Document?documentID=16352","Height":1418,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 2860 {"BannerImageID":771,"BannerOptionID":334,"FileName":"/ImageRepository/Document?documentID=16352","Height":1418,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 2861 '/App_Themes/2024 - Interior/Images/', 2862 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=16352" />'); 2863 }); 2864 }); 2865 </script>
2865 2866 2867</div> 2868</div> 2869 2870 </div> 2871 </div> 2872 </div> 2873 2874<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2875 2876<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2877 <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"> 2878 <div class="cp-Splash-header"> 2879 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2880 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2881 <svg id="iconClose" viewBox="0 0 25 25"> 2882 <polygon style="fill:currentcolor" 2883 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> 2884 </svg> 2885 </button> 2886 </div> 2887 <div class="cp-Splash-body"> 2888 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2889 <!-- Content from the Froala Editor will go here. --> 2890 Loading 2891 </div> 2892 </div> 2893 <div class="cp-Splash-footer"> 2894 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2895 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
2896 </div> 2897 </div> 2898</div> 2899
2900<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2900
2900
2901<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2901
2901
2902<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2902
2902
2903<script> 2904 2905 $(document).ready(function () { 2906 var filter = { 2907 targetId: '212', 2908 targetType: 1 2909 } 2910 2911 new SplashModalRender().triggerRender(filter); 2912 }); 2913</script>
2913 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930
2930<script src="/-1442400649.js" type="text/javascript"></script>
2930 2931 <!-- Google Translate --> 2932
2933<script type="text/javascript"> 2934var translateActiveCookie = getCookieValue('translateActive'); 2935 2936if (translateActiveCookie == 'true') { 2937enableGoogleTranslate(); 2938} else { 2939var button = '<a class="translateWidget" title="Enable Google Translate" style="background-color: #FFF;border-color: #9b9b9b #d5d5d5 transparent #d5d5d5;border-style: solid;border-width: 1px 1px 0 1px;bottom: 0px;color: #000;cursor: pointer;font-size: .9em;padding: 2px 6px 3px 4px;position: fixed;right: 20px;z-index: 5;">'; 2940button += '<img alt="Google Translate Icon" src="/Assets/Images/GoogleTranslate.gif" style="box-sizing: content-box !important;height:19px;margin: -2px 0 0 -2px;padding-right: 5px;width:19px;">Enable Google Translate</a>'; 2941$('div[data-cprole="structuralContainer"]').last().after(button); 2942} 2943 2944function googleTranslateElementInit() { 2945 var el = document.getElementById("google_translate_element"); 2946 if (el && el.innerHTML.trim() !== "") { 2947 return; 2948 } 2949 2950 new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); 2951} 2952 2953function enableGoogleTranslate() { 2954$('#google_translate_element').show(); 2955var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; 2956sz.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; 2957var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); 2958$('div[data-cprole="structuralContainer"]').last().after('<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div>'); 2959 document.cookie = "translateActive=true; expires=12/31/2999; path=/"; 2960} 2961 2962$('a.translateWidget').unbind('click').click(function (e) { 2963$(this).hide(); 2964enableGoogleTranslate(); 2965}); 2966</script>
2966 2967 2968<!-- End Google Translate --> 2969 2970<!-- Google tag (gtag.js) 519423-->
2971<script async src=https://www.googletagmanager.com/gtag/js?id=G-VZNFZ6JMPW></script>
2971
2971<script>
vendor: 127 bytes, line 2971
2971window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
2971G-VZNFZ6JMPW
vendor: 4 bytes, line 2971
2971');
2971</script>
2971 2972<!--End Google tag (gtag.js) --> 2973 2974<!-- AudioEye -->
2975<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "1e496ef708e62d2e33b62fa9b5971062"; var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
2975 2976<!-- End AudioEye --> 2977 2978<!-- 2024 Fixed Nav Adjustment -->
2979<script> 2980 function getValueTS(elem, attr) { 2981 const val = elem.css(attr); 2982 if (val === undefined) return undefined; 2983 const num = parseInt(val, 10); 2984 if (num === NaN) return undefined; 2985 return num; 2986 } 2987 2988 function clampTS(number, min, max) { 2989 return Math.min(Math.max(number, min), max); 2990 } 2991 2992 function isPageEditingTS() { 2993 return ( 2994 $("#doneEditing").length > 0 || // In live edit 2995 typeof DesignCenter !== "undefined" // In theme manager 2996 ); 2997 } 2998 2999 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3000 function isTransparentTS(elem) { 3001 const bg = elem.css('background-color'); 3002 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3003 const matchState = bg.match(bgColorRegexTS); 3004 if (!matchState || matchState.length !== 5) return false; 3005 const alpha = parseFloat(matchState[4], 10); 3006 if (!(alpha >= 0 && alpha < 1)) return false; 3007 return true; 3008 } 3009 3010 function iterateLeftpads(cb) { 3011 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3012 for (let i = 0; i < containersTS.length; i++) { 3013 const containerTS = containersTS[i]; 3014 // Skip the body container and anything with data-skip-leftpad 3015 if ( 3016 containerTS.id !== "bodyContainerTS" && 3017 containerTS.getAttribute('data-skip-leftpad') === null 3018 ) { 3019 cb(containerTS); 3020 } 3021 } 3022 } 3023 3024 const anchor = $("#divToolbars"); 3025 3026 // Outer banner padding (push banner down) 3027 const outerSizingTS = $("#bannerContainerTS"); 3028 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3029 const innerSizingTS = $("#bannerSizingTS"); 3030 const bodyContainerTS = $("#bodyContainerTS"); 3031 3032 const forceUnfixClassTS = "forceUnfixTS"; 3033 3034 const fixedTopTS = $(".fixedTopTS"); 3035 const fixedBottomTS = $(".fixedBottomTS"); 3036 const fixedLeftTS = $(".fixedLeftTS"); 3037 3038 var initialTopTS; 3039 var topAttachTS; 3040 if (fixedTopTS && fixedTopTS.length === 1) { 3041 initialTopTS = getValueTS(fixedTopTS, 'top'); 3042 const attachment = fixedTopTS.attr('data-attach');
3043 if (attachment) topAttachTS = $("#" + attachment); 3044 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3045 } 3046 3047 function resizeAdjustmentTS() { 3048 const editing = isPageEditingTS(); 3049 3050 // Fixed top script 3051 (function () { 3052 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3053 3054 if (editing) { 3055 fixedTopTS[0].classList.add(forceUnfixClassTS); 3056 } else { 3057 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3058 } 3059 3060 const topPosition = fixedTopTS.css('position'); 3061 if (topPosition === 'fixed') { 3062 if (topAttachTS) { 3063 scrollAdjustmentTS(); 3064 } else { 3065 const anchorHeight = anchor.outerHeight() - 1; 3066 fixedTopTS.css('top', anchorHeight + initialTopTS); 3067 } 3068 } else { 3069 fixedTopTS.css('top', initialTopTS); 3070 } 3071 3072 if (topPosition === 'fixed' || topPosition === 'absolute') { 3073 // Bump the banner content down 3074 if (isTransparentTS(fixedTopTS)) { 3075 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 3076 outerSizingTS.css('padding-top', ''); 3077 3078 try { 3079 window.Pages.onResizeHandlersExecute(); 3080 } catch (e) { } 3081 } else { 3082 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 3083 innerSizingTS.css('padding-top', ''); 3084 } 3085 } else { 3086 innerSizingTS.css('padding-top', ''); 3087 outerSizingTS.css('padding-top', ''); 3088 } 3089 })(); 3090 3091 // Fixed bottom script 3092 (function () { 3093 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3094 3095 // If the widget has gone narrow, force unfix 3096 if (editing || fixedBottomTS.outerHeight() > 200) { 3097 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3098 } else { 3099 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3100 } 3101 3102 if (fixedBottomTS.css('position') === 'fixed') { 3103 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3104 } else { 3105 bodyContainerTS.css('padding-bottom', ''); 3106 } 3107 })(); 3108 3109 // Fixed left script 3110 (function () { 3111 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3112 3113 if (editing) { 3114 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3115 } else { 3116 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3117 } 3118 3119 if (fixedLeftTS.css('position') === 'fixed') { 3120 const anchorHeight = anchor.outerHeight() - 1; 3121 fixedLeftTS.css('top', anchorHeight); 3122 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3123 iterateLeftpads(function (containerTS) { 3124 const containerBoundingTS = containerTS.getBoundingClientRect(); 3125 if (containerBoundingTS.left <= leftBoundingTS.right) { 3126 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3127 } 3128 }); 3129 } else { 3130 fixedLeftTS.css('top', ''); 3131 iterateLeftpads(function (containerTS) { 3132 $(containerTS).css('padding-left', ''); 3133 }); 3134 } 3135 })(); 3136 } 3137 3138 function scrollAdjustmentTS() { 3139 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3140 const topPosition = fixedTopTS.css('position'); 3141 if (topPosition === 'fixed' || topPosition === 'absolute') { 3142 const anchorBounding = anchor[0].getBoundingClientRect(); 3143 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3144 const scrollTop = $(window).scrollTop(); 3145 3146 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3147 } else { 3148 fixedTopTS.css('top', initialTopTS); 3149 } 3150 } 3151 3152 $(window).load(function () { 3153 setTimeout(function () { 3154 resizeAdjustmentTS(); 3155 }, 350); 3156 3157 $(window).scroll(function () { 3158 scrollAdjustmentTS(); 3159 }); 3160 3161 var adjustTimeoutTS; 3162 $(window).resize(function () { 3163 clearTimeout(adjustTimeoutTS); 3164 adjustTimeoutTS = setTimeout(function () { 3165 resizeAdjustmentTS(); 3166 }, 350); 3167 });
3168 3169 $.when(window.Pages.angularToolbarComplete).done(function () { 3170 resizeAdjustmentTS(); 3171 }); 3172 }); 3173</script>
3173 3174<!-- End Fixed Nav Adjustment --><!-- Move banner to outer wrap -->
3175<script> 3176function moveBannerToOuterWrap() { 3177 if ($(".fixedBannerTS").length) { 3178 if ($("#bannerDivbanner2").length) { 3179 $("#bannerDivbanner2").appendTo("#outer-wrap"); 3180 } else { 3181 setTimeout(function() { 3182 moveBannerToOuterWrap(); 3183 }, 500); 3184 } 3185 } 3186} 3187moveBannerToOuterWrap(); 3188</script>
3188 3189<!-- end move banner to outer wrap --> 3190 3191 3192
3192<script type="text/javascript"> 3193 $(function () { 3194 document.cookie = "responsiveGhost=0; path=/"; 3195 }); 3196 $(window).on("load", function () { 3197 $('body').addClass('doneLoading').removeClass('hideContent'); 3198 3199 if ($('#404Content').length > 0) 3200 $('div#bodyWrapper').css('padding', '0px'); 3201 }); 3202 </script>
3202 3203 3204 <noscript> 3205 <style> 3206 body.hideContent { 3207 opacity: 1 !important; 3208 } 3209 </style> 3210 </noscript> 3211 3212 3213<div style="display: none;"> 3214 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3215 3216 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3217 <title>Arrow Left</title> 3218 <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> 3219 </symbol> 3220 3221 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3222 <title>Arrow Right</title> 3223 <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> 3224 </symbol> 3225 3226 </svg> 3227</div> 3228
3228<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Crimson+Text:600,600italic,700,700italic,italic,regular|Montserrat:500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Open+Sans:600,700,regular|Oswald:600|Poppins:500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|PT+Sans+Narrow:700,regular|Source+Sans+Pro:600,700,regular|Teko:600|');</script>
3228 3229 3230 3231 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3232 <div style="display: none;"> 3233 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3234 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3235 <title>Slideshow Left Arrow</title> 3236 <g> 3237 <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> 3238 </g> 3239 </symbol> 3240 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3241 <title>Slideshow Right Arrow</title> 3242 <g> 3243 <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> 3244 </g> 3245 </symbol> 3246 </svg> 3247 </div> 3248 3249 3250 3251 3252 <div id="root-picker-outlet"></div> 3253</body> 3254</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.