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-3GFKBKCMZG';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= false; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 119 120 <meta name="theme-color" content="#385cb1"> 121 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 122 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 123 <title>Search ⢠Dothan, AL ⢠CivicEngage</title> 124 125
125<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
125 126
126<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
126 127 128 129 <!--[if IE 6]>
129<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
129<![endif]--> 130 <!--[if IE 7]>
130<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
130<![endif]--> 131 <!--[if IE 8]>
131<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
131<![endif]--> 132 <!--[if IE 9]>
132<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
132<![endif]--> 133
133<script type="text/javascript"><!-- 134 var intCountryCode = 840; 135 var order = ''; 136//--></script>
136 137 138 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/434634516.css" rel="stylesheet" type="text/css" /> 139 140 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 141
141<script type="text/javascript"> 142 window.Pages = window.Pages || {}; 143 // FrontEnd RWD initialization 144 window.Pages.rwdReady = $.Deferred(); 145 window.Pages.toolBarDeferred = $.Deferred(); 146 window.Pages.rwdSetupComplete = $.Deferred(); 147 window.Pages.megaMenuLoaded = $.Deferred(); 148 window.Pages.angularToolbarComplete = $.Deferred(); 149 window.Pages.frontEndToolbarComplete = $.Deferred(); 150 </script>
150 151 <!--CPHeadContent--> 152
152<script src="/739942322.js" type="text/javascript"></script>
152 153 154 155 156
156<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
156 157
157<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
157 158 <link rel="stylesheet" type="text/css" href="/Areas/Search/Assets/Styles/Home2017.css" /> 159 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 160 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 161 162 163 164
164<script src="/1657590475.js" type="text/javascript"></script>
164 165 166 167 168 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 169 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 170 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 171 <!--[if lt IE 9]>
171<script type="text/javascript" src="/Scripts/html5.js"></script>
171<![endif]--> 172 173
173<script type="text/javascript"> 174 setEditorVariables(false, 840); 175 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 176 </script>
176 177
177<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
177 178</head> 179<body class="wide " > 180 181
181<script>jQuery(document).click(function (event) { 182 var target = jQuery(event.target); 183 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 184 var text = target.attr('title'); 185 186 if (!text.length) { 187 text = "N/A"; 188 } 189 ga('send', 190 { 191 hitType: 'event', 192 eventCategory: 'Image', 193 eventAction: 'Image - ' + text, 194 eventLabel: window.location.href 195 }); 196 } 197 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 198 var text = ""; 199 if (target.parents('.button')[0]) { 200 text = target.parents('.button').first().text(); 201 } else if (target.text().length) { 202 text = target.text(); 203 } else if (target.attr('title').length) { 204 text = target.attr('title'); 205 } 206 if (!text.length) { 207 text = "N/A"; 208 } 209 ga('send', 210 { 211 hitType: 'event', 212 eventCategory: 'Button', 213 eventAction: 'Button - ' + text, 214 eventLabel: window.location.href 215 }); 216 } 217 if (target.parents('.widgetCustomHtml').length) { 218 ga('send', 219 { 220 hitType: 'event', 221 eventCategory: 'Custom Html',
222 eventAction: 'Custom Html Clicked', 223 eventLabel: window.location.href 224 }); 225 } 226 if (target.parents('.editor').length) { 227 ga('send', 228 { 229 hitType: 'event', 230 eventCategory: 'Editor', 231 eventAction: 'Editor Link Clicked', 232 eventLabel: window.location.href 233 }); 234 } 235 if (target.parents('.GraphicLinks').length) { 236 var text = ""; 237 var targetGraphicLink = target; 238 if (target.hasClass('widgetGraphicLinksLink')) { 239 targetGraphicLink = jQuery(target.children()[0]); 240 } 241 if (targetGraphicLink.hasClass('text')) { 242 text = targetGraphicLink.text(); 243 } else if (targetGraphicLink.attr('src').length) { 244 if (targetGraphicLink.attr('alt').length) { 245 text = targetGraphicLink.attr('alt'); 246 } else { 247 text = targetGraphicLink.attr('src'); 248 } 249 } else { 250 text = "N/A"; 251 } 252 ga('send', 253 { 254 hitType: 'event', 255 eventCategory: 'Graphic Links', 256 eventAction: 'Graphic Link - ' + text, 257 eventLabel: window.location.href 258 }); 259 } 260 if (target.parents('.InfoAdvanced').length) { 261 ga('send', 262 { 263 hitType: 'event', 264 eventCategory: 'Info Advanced', 265 eventAction: 'Info Advanced Clicked', 266 eventLabel: window.location.href 267 }); 268 } 269 if (target.parents('.list').length) { 270 ga('send', 271 { 272 hitType: 'event', 273 eventCategory: 'List', 274 eventAction: 'List Clicked', 275 eventLabel: window.location.href 276 }); 277 } 278 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 279 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 280 var breadCrumbs = []; 281 jQuery('.breadCrumbs > li').each(function () { 282 breadCrumbs.push(this.textContent); 283 }); 284 var pageTitle = breadCrumbs.join('>'); 285 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 286 var text = ""; 287 if (pageTitle) { 288 text += pageTitle + " | "; 289 } else { 290 text += document.title + ' - '; 291 } 292 if (target.text() == "" && megaMenuText == "") { 293 text += "N/A"; 294 } else if (target.text().length && megaMenuText.length) { 295 if (megaMenuText == target.text()) { 296 text += megaMenuText; 297 } else { 298 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 299 } 300 } else if (target.text() == "") { 301 text += megaMenuText; 302 } else { 303 text += target.text(); 304 } 305 if (!text.length) { 306 text = "N/A"; 307 } 308 ga('send', 309 { 310 hitType: 'event', 311 eventCategory: 'Mega Menu', 312 eventAction: 'Mega Menu : ' + text, 313 eventLabel: window.location.href 314 }); 315 } 316 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 317 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 318 if (!text.length) { 319 text = "N/A"; 320 } 321 ga('send', 322 { 323 hitType: 'event', 324 eventCategory: 'News Flash', 325 eventAction: 'News Flash - ' + text, 326 eventLabel: window.location.href 327 }); 328 } 329 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 330 var text = target.text(); 331 if (!text.length) { 332 text = "N/A"; 333 } 334 ga('send', 335 { 336 hitType: 'event', 337 eventCategory: 'Quick Links', 338 eventAction: 'Quick Links - ' + text, 339 eventLabel: window.location.href 340 }); 341 } 342 if (target.attr('src') && target.parents('.cpSlideshow').length) { 343 var text = target.attr('title'); 344 if (!text.length) { 345 text = "N/A"; 346 } 347 ga('send', 348 { 349 hitType: 'event', 350 eventCategory: 'Slideshow', 351 eventAction: 'Slideshow - ' + text, 352 eventLabel: window.location.href 353 }); 354 } 355 if (target.parents('.widgetText').length) { 356 ga('send', 357 { 358 hitType: 'event', 359 eventCategory: 'Text', 360 eventAction: 'Text Link Clicked', 361 eventLabel: window.location.href 362 }); 363 } 364});</script>
364 365 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 366 <div class="cp-PopOver-header"> 367 <h3 class="cp-PopOver-title"></h3> 368 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 369 <svg class="cp-Icon--close" alt="close" title="close"> 370 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 371 </svg> 372 </button> 373 </div> 374 <div id="cpPopOverBody" class="cp-PopOver-body"> 375 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 376 </div> 377 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 378 <div class="cp-BtnGroup" id="actionButtons"> 379 <!-- Action buttons will be dynamically added here --> 380 </div> 381 </div> 382</div> 383 <div id="fb-root"></div> 384<div id=skipToContentLinks> 385<a href="#contentarea" target="_self" class="skipToContentLink">Skip to Main Content</a> 386</div> 387 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 388 389 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 390 391 392 393 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 394 <input type="hidden" id="hdnStructureID" value="8" /> 395 <input type="hidden" id="hdnContentCollectionID" value="92985b64-6ff5-43f4-bd44-c8cdd403e60c" /> 396 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 397 <input type="hidden" id="hdnThemeID" value="10" /> 398 <input type="hidden" id="pageIsFrontEnd" value="true" /> 399 <input type="hidden" id="pageModuleID" value="82" /> 400 <input type="hidden" id="pagePageID" /> 401 402 <input type="hidden" id="hdnModuleID" value="82" /> 403 <div id="stickyPlaceholder"></div> 404 <div id="outer-wrap" class="outer-wrap"> 405 <div id="inner-wrap" class="inner-wrap"> 406 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 407 408 409 410 411<!-- Begin Signed Out Bar --> 412<div class="cpToolbar user public"> 413 <div class="inner selfClear"> 414 <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> 415 <ul class="nav secondary"> 416 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 417 </ul> 418 </div> 419</div>
420<script> 421 $(document).ready(function () { 422 $('#signedOutToolbarCreateProfileButton').click(function (event) { 423 event.preventDefault(); 424 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 425 }); 426 427 428 $('#loggedOutToolbarSignInButton').click(function (event) { 429 event.preventDefault(); 430 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 431 }); 432 433 434 if ('False' == 'True') { 435 $('#loggedOutToolbarSignInButton').hide(); 436 } 437 }) 438</script>
438 439<!-- End Signed Out Bar --> 440 441 </div> 442 <div id="bodyWrapper"> 443 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 444 445<div data-cpRole="structuralContainer" id="bodyContainerTS"> 446<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS"> 447<div class="siteWrap3"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 448 449 450 451 452 <a id="bannerLogoTS-23" style=" display: block; text-align: center; 453" class="bannerObject" href="http://www.dothan.org" target="_self"><img alt="lovedothan-logo-black" class="bannerObject" height="70" src="/ImageRepository/Document?documentID=6630" width="200" /></a> 454</div><div data-cpRole="contentContainer" id="searchTS"> <div id="ccc246663b-8045-466b-9803-c0b9e828bf33" data-containerid="c246663b-8045-466b-9803-c0b9e828bf33" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="25"> 455 456 457 <div class="row outer wide"><!-- 458--><div class="outer col col13 first" style="" data-widgetcontainerid="38f63b72-add2-4c71-905e-1e4697de80c5">� 459 <div class="row nest first last wide">� 460 461 <div class="inner col col13 first last idc29ac162-1ed1-4aac-96cc-7f45573ab733" style="" data-widgetcontainerid="c29ac162-1ed1-4aac-96cc-7f45573ab733">� 462<div data-widget-id="04a89f98-2609-43bb-bc60-812565a3c7c0" data-widget-controller-path="/Layout/WidgetSearch"> 463 464
464<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
464 465
465<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
465 466
466<script defer type="text/javascript"> 467 468 $(document).ready(function () { 469 try { 470 // Minimum characters required before performing a search/autocomplete 471 var minPrefixLength = 3; 472 var autoCompleteDebounceDelay = 500; 473 var searchFieldSelector = "#searchField" + '04a89f98-2609-43bb-bc60-812565a3c7c0'; 474 var checkboxSelector = "#ysnSearchOnlyDept" + '04a89f98-2609-43bb-bc60-812565a3c7c0'; 475 var buttonSelector = ".widgetSearchButton" + '04a89f98-2609-43bb-bc60-812565a3c7c0'; 476 var autoCompleteCache = {}; 477 var autoCompleteCacheKeys = []; 478 var autoCompleteCacheLimit = 25; 479 var currentAutoCompleteRequest = null; 480 var currentAutoCompleteRequestKey = null; 481 var autoCompleteDebounceTimer = null; 482 var autoCompleteDebounceKey = null; 483 var pendingAutoCompleteResponses = []; 484 485 function normalizeAutoCompleteTerm(term) { 486 return $.trim((term || "") + "").replace(/\s+/g, " "); 487 } 488 489 function shouldSearch(term) { 490 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 491 } 492 493 function getAutoCompleteUrl() { 494 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 495 } 496 497 function getAutoCompleteCacheKey(requestUrl, term) { 498 return requestUrl + "|" + term.toLowerCase(); 499 } 500 501 function cacheAutoCompleteResult(cacheKey, data) { 502 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 503 autoCompleteCacheKeys.push(cacheKey); 504 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 505 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 506 } 507 } 508 autoCompleteCache[cacheKey] = data; 509 } 510 511 function respondToPendingAutoComplete(data) { 512 var responses = pendingAutoCompleteResponses; 513 pendingAutoCompleteResponses = []; 514 for (var i = 0; i < responses.length; i++) { 515 responses[i](data); 516 } 517 } 518 519 function cancelPendingAutoComplete() { 520 clearTimeout(autoCompleteDebounceTimer); 521 autoCompleteDebounceKey = null; 522 if (currentAutoCompleteRequest != null) { 523 currentAutoCompleteRequest.abort(); 524 currentAutoCompleteRequest = null; 525 } 526 currentAutoCompleteRequestKey = null; 527 respondToPendingAutoComplete([]); 528 } 529 530 function createWidgetAutoCompleteSource(options) { 531 return function (request, response) { 532 var term = normalizeAutoCompleteTerm(request.term); 533 if (!options.shouldSearch(term)) { 534 response([]); 535 return; 536 } 537 538 var requestUrl = options.url(); 539 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 540 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 541 response(autoCompleteCache[cacheKey]); 542 if (options.success) { 543 options.success(autoCompleteCache[cacheKey]); 544 } 545 return; 546 } 547 548 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 549 pendingAutoCompleteResponses.push(response); 550 return; 551 } 552 553 cancelPendingAutoComplete(); 554 autoCompleteDebounceKey = cacheKey; 555 pendingAutoCompleteResponses.push(response); 556 autoCompleteDebounceTimer = setTimeout(function () { 557 autoCompleteDebounceKey = null; 558 currentAutoCompleteRequestKey = cacheKey; 559 currentAutoCompleteRequest = $.ajax({ 560 url: requestUrl, 561 dataType: "json", 562 timeout: options.timeout, 563 data: { 564 term: term, 565 }, 566 success: function (data) { 567 if (currentAutoCompleteRequestKey === cacheKey) { 568 cacheAutoCompleteResult(cacheKey, data); 569 respondToPendingAutoComplete(data); 570 if (options.success) { 571 options.success(data); 572 } 573 } 574 }, 575 error: function (xmlhttprequest, textstatus, message) { 576 if (textstatus === "abort") { 577 return; 578 } 579 580 if (options.error) { 581 options.error(xmlhttprequest, textstatus, message); 582 } 583 584 respondToPendingAutoComplete([]); 585 }, 586 complete: function (xmlhttprequest) { 587 if (currentAutoCompleteRequest === xmlhttprequest) { 588 currentAutoCompleteRequest = null;
589 currentAutoCompleteRequestKey = null; 590 } 591 } 592 }); 593 }, options.delay); 594 }; 595 } 596 597 // click handler for search buttons 598 $(buttonSelector).click(function (e) { 599 e.preventDefault(); 600 var $btn = $(this); 601 var $field = $btn.siblings(".widgetSearchBox"); 602 var term = $field.val() + ""; 603 if (!shouldSearch(term)) { 604 // do nothing until user types enough characters 605 $field.focus(); 606 return; 607 } 608 609 if ($(checkboxSelector).is(':checked') || false) 610 { 611 doWidgetSearch($.trim(term), Number(0)); 612 } 613 else { 614 doWidgetSearch($.trim(term), 0); 615 } 616 }); 617 618 // enter key handler for the search field 619 $(searchFieldSelector).keypress(function (e) { 620 var code = e.which || e.keyCode; 621 if (code === 13) { 622 e.preventDefault(); 623 var $this = $(this); 624 var term = $this.val() + ""; 625 if (!shouldSearch(term)) { 626 // do nothing until user types enough characters 627 $this.focus(); 628 return false; 629 } 630 631 if ($(checkboxSelector).is(':checked') || false) { 632 doWidgetSearch($.trim(term), Number(0)); 633 } else { 634 doWidgetSearch($.trim(term), 0); 635 } 636 return false; 637 } 638 return true; 639 }); 640 641 // autocomplete: set minLength and guard source 642 if (true) { 643 var $searchField = $(searchFieldSelector).autocomplete({ 644 minLength: minPrefixLength, 645 source: createWidgetAutoCompleteSource({ 646 delay: autoCompleteDebounceDelay, 647 timeout: 10000, 648 shouldSearch: shouldSearch, 649 url: getAutoCompleteUrl, 650 success: function () { 651 $('.autoCompleteError').remove(); 652 }, 653 error: function (xmlhttprequest, textstatus, message) { 654 if (textstatus === "timeout") { 655 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 656 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 657 } 658 } 659 }), 660 html: true, 661 delay: 0, 662 select: function (event, ui) { 663 $(this).val(ui.item.value); 664 $(this).next().click(); 665 } 666 }); 667 668 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 669 return $("<li class=\"itemList\"></li>") 670 .data("ui-autocomplete-item", item) 671 .append("<a>" + item.label + "</a>") 672 .appendTo(ul); 673 }; 674 } 675 676 // keep searchBtnApplyQuery consistent with prefix rule 677 window.searchBtnApplyQuery = function() { 678 var $field = $(searchFieldSelector); 679 var term = $field.val() + ""; 680 if (shouldSearch(term)) { 681 // update href for the icon/button (if present) 682 var btn = document.getElementById("btnSearchIcon"); 683 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 684 } else { 685 var btn = document.getElementById("btnSearchIcon"); 686 if (btn) btn.href = "#"; 687 } 688 }; 689 } 690 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. 691 }); 692 </script>
692 693 694 <section id="widgetPreviewSearch" class="widget widgetSearch skin15 widgetOptionSet12" style="display: block;" aria-label="Search"> 695 <!-- For the button right and inside --> 696 <div class="widgetBody buttonRightInside"> 697 <input class="widgetSearchBox widgetSearchBox04a89f98-2609-43bb-bc60-812565a3c7c0" cp5ph="true" id="searchField04a89f98-2609-43bb-bc60-812565a3c7c0" name="searchField" onchange="searchBtnApplyQuery();" placeholder="I'm looking for..." type="text" value="" /> 698 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton04a89f98-2609-43bb-bc60-812565a3c7c0" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=5206" data-image="/ImageRepository/Document?documentID=5205" src="/ImageRepository/Document?documentID=5205" /></a> 699 700 <label class="searchLabel" aria-hidden="true" for="searchField04a89f98-2609-43bb-bc60-812565a3c7c0">Search</label> 701 </div> 702 703 </section> 704 705 706<style scoped> 707 708 .widgetSearch ::-webkit-input-placeholder { 709 color: #fff; 710 } 711 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 712 color: #fff; 713 } 714 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 715 color: #fff; 716 } 717 .widgetSearch :-ms-input-placeholder { 718 color: #fff; 719 } 720 721 722 .widgetSearch .widgetBody .widgetSearchBox04a89f98-2609-43bb-bc60-812565a3c7c0 723 { 724 color: #fff; 725 font-family: Montserrat; 726font-style: italic; 727height: 42px; 728border: 0; 729padding: 0 80px 0 20px; 730background-color: #5d5753; 731 } 732 .widgetSearch .widgetBody .widgetSearchButton04a89f98-2609-43bb-bc60-812565a3c7c0 733 { 734 margin: 7px; 735 } 736 .widgetSearch .widgetSearch-onlyDept04a89f98-2609-43bb-bc60-812565a3c7c0 737 { 738 display: inline-block; 739 color: #333; 740 741 742 padding-top: 10px; 743 } 744 #ysnSearchOnlyDept04a89f98-2609-43bb-bc60-812565a3c7c0 745 { 746 position: relative; 747 top: .125em; 748 } 749 750</style> 751 752<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 753<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 754 755 756
757<script type="text/javascript"> 758 //Updates search icons href to have the correct queryString 759 function searchBtnApplyQuery() { 760 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField04a89f98-2609-43bb-bc60-812565a3c7c0").value; 761 } 762</script>
762 763 764</div> 765 766 </div> <!-- inner column --> 767 768 </div> <!-- inner row --> 769 770 </div><!-- outer column --><!----><div class="outer col col11 last" style="" data-widgetcontainerid="c163225d-a0b6-4702-967d-5f752d20b269">� 771 <div class="row nest first last wide">� 772 773 <div class="inner col col11 first last idf0802611-f8cb-46b1-8109-0159d5ef8582" style="" data-widgetcontainerid="f0802611-f8cb-46b1-8109-0159d5ef8582">� 774<div data-widget-id="1d6dcae7-5491-43e7-affd-85dbcc0c68dd" data-widget-controller-path="/GraphicLinks/Widget"> 775 776 777 778 779<div id="graphicLinkWidget1d6dcae7-5491-43e7-affd-85dbcc0c68dd" class="widget widgetGraphicLinks skin22 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 780 <div class="widgetHeader"> 781 <div class=""> 782 </div> 783 </div> 784 <div class="widgetBody cpGrid cpGrid4 "> 785 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 786 <div class="row wide"> 787 <!-- 788--><div class="col col1 first "><ul class="semanticList"><!-- 789 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_blank"> 790 791<img src="/ImageRepository/Document?documentID=5229" 792 class="graphicButtonLink" alt="Facebook (opens in new window)" 793 onmouseover="this.src='/ImageRepository/Document?documentID=5230'" 794 onmouseout="this.src='/ImageRepository/Document?documentID=5229'" 795 onfocus="this.src='/ImageRepository/Document?documentID=5230'" 796 onblur="this.src='/ImageRepository/Document?documentID=5229'"> 797</a></li><!-- 798--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 799 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofdothan/" target="_blank"> 800 801<img src="/ImageRepository/Document?documentID=5231" 802 class="graphicButtonLink" alt="Instagram (opens in new window)" 803 onmouseover="this.src='/ImageRepository/Document?documentID=5232'" 804 onmouseout="this.src='/ImageRepository/Document?documentID=5231'" 805 onfocus="this.src='/ImageRepository/Document?documentID=5232'" 806 onblur="this.src='/ImageRepository/Document?documentID=5231'"> 807</a></li><!-- 808--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 809 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCjQLzllGnzicLNiMMzcLwKQ" target="_self"> 810 811<img src="/ImageRepository/Document?documentID=5237" 812 class="graphicButtonLink" alt="YouTube" 813 onmouseover="this.src='/ImageRepository/Document?documentID=5238'" 814 onmouseout="this.src='/ImageRepository/Document?documentID=5237'" 815 onfocus="this.src='/ImageRepository/Document?documentID=5238'" 816 onblur="this.src='/ImageRepository/Document?documentID=5237'"> 817</a></li><!-- 818--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 819--></ul></div><!-- --> 820 </div> 821 </nav> 822 </div> 823 <div class="widgetFooter"> 824 </div> 825</div> 826</div> 827 828 </div> <!-- inner column --> 829 830 </div> <!-- inner row --> 831 832 </div><!-- outer column --><!-- --></div> <!-- outer row --> 833 834 835 </div> 836</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 837<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 838--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 839 --><!-- 840 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Government" target = "_self" > Government </a> <!-- 841 --><!-- 842 --></li><!----><li id="MainItem606" class="topMenuItem" role="none" data-pageid="606" data-displaymegamenu="True"><!-- 843 --><!-- 844 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu606" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem2 " href="/606/Services" target = "_self" > Services </a> <!-- 845 --><!-- 846 --></li><!----><li id="MainItem607" class="topMenuItem" role="none" data-pageid="607" data-displaymegamenu="True"><!-- 847 --><!-- 848 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu607" id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem3 " href="/607/Business" target = "_self" > Business </a> <!-- 849 --><!-- 850 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 851 --><!-- 852 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem4 " href="/31/Community" target = "_self" > Community </a> <!-- 853 --><!-- 854 --></li><!----><li id="MainItem810" class="topMenuItem" role="none" data-pageid="810" data-displaymegamenu="False"><!-- 855 --><!-- 856 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="ParentMainItem810" id = "mainNavTitleVINotices" class="navMainItem mainNavItem mainNavItem5 " href="/810/Title-VI-Notices" target = "_self" > Title VI Notices </a> <!-- 857 --><!-- 858 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 859 --><!-- 860 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem6 " href="/35/How-Do-I" target = "_self" > How Do I </a> <!-- 861 --><!-- 862 --></li><!----> 863</ol> 864 865 866
866<script type="text/javascript"> 867 (function () { 868 function setupMenu() { 869 const menuID = 'mainNavMenu'; 870 const menuType = MAIN_MENU; 871 872 //setup menu manager properties for main menu 873 if (!menuManager.mobileMainNav && true) 874 menuManager.adjustMainItemsWidth('#' + menuID); 875 menuManager.isMainMenuEditable = false; 876 menuManager.mainMenuMaxSubMenuLevels = 4; 877 menuManager.setMOMMode(2, menuType); 878 879 //Init main menu 880 const setupDraggable = menuManager.isMainMenuEditable; 881 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=82&themeID=10&menuContainerID=mainNav'; 882 883 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 884 menuManager.mainMenuInit = true; 885 menuManager.mainMenuTextResizer = false; 886 if (1.00 > 0) 887 menuManager.mainMenuTextResizerRatio = 1.00; 888 if (window.isResponsiveEnabled) 889 menuManager.mainMenuReady.resolve(); 890 891 } 892 893 if (document.readyState === "complete" 894 || document.readyState === "loaded" 895 || document.readyState === "interactive") { 896 setupMenu(); 897 return; 898 } 899 900 document.addEventListener("DOMContentLoaded", setupMenu); 901 })(); 902 </script>
902 903 904 905<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="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc75bb4ff0-05a1-45bc-bb89-b821a1adc869" data-containerid="75bb4ff0-05a1-45bc-bb89-b821a1adc869" class="pageContent cpGrid cpGrid24 showInMobile"> 906 907 908 909 910 </div> 911</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu606" class="contentTop mainNavMegaMenu megaMenuContainer pageID_606 hidden" data-orientation="horizontal"> <div id="ccb120db88-ef9c-4fb1-9fd8-7dd913f0048b" data-containerid="b120db88-ef9c-4fb1-9fd8-7dd913f0048b" class="pageContent cpGrid cpGrid24 showInMobile"> 912 913 914 915 916 </div> 917</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu607" class="contentTop mainNavMegaMenu megaMenuContainer pageID_607 hidden" data-orientation="horizontal"> <div id="cc47a353de-f99e-41af-a25b-7b9877e792b3" data-containerid="47a353de-f99e-41af-a25b-7b9877e792b3" class="pageContent cpGrid cpGrid24 showInMobile"> 918 919 920 921 922 </div> 923</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc6a2b7605-643b-4915-9a17-bd04fd1d209b" data-containerid="6a2b7605-643b-4915-9a17-bd04fd1d209b" class="pageContent cpGrid cpGrid24 showInMobile"> 924 925 926 927 928 </div> 929</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="ccfbf9f18a-71d1-4639-9b32-2f8d47735c28" data-containerid="fbf9f18a-71d1-4639-9b32-2f8d47735c28" class="pageContent cpGrid cpGrid24 showInMobile"> 930 931 932 933 934 </div> 935</aside></aside></nav></div> 936</header><!-- Banner --><div><div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="banner1ContainerTS"> 937<div class="siteWrap"><div data-cpRole="contentContainer" id="banner1ContentTS"> <div id="cc874bc7e2-767f-4bfe-8ef1-bdcbc6db8bed" data-containerid="874bc7e2-767f-4bfe-8ef1-bdcbc6db8bed" class="pageContent cpGrid cpGrid24 showInMobile"> 938 939 940 941 942 </div> 943</div></div> 944</div> 945 946 947 948 949 <div id="bannerImagesJSON24" class="hidden"></div> 950 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 951 <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 952 <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 953 </div> 954
954<script type="text/javascript"> 955 $(window).on("load", function () { 956 $.when(window.Pages.rwdSetupComplete) 957 .done(function () { 958 renderExternalBannerSlideshow('banner1', 959 {"BannerOptionID":24,"ThemeID":10,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":3,"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":90,"BannerOptionID":24,"FileName":"/ImageRepository/Document?documentID=11415","Height":300,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":91,"BannerOptionID":24,"FileName":"/ImageRepository/Document?documentID=11414","Height":300,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":94,"BannerOptionID":24,"FileName":"/ImageRepository/Document?documentID=11417","Height":300,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":96,"BannerOptionID":24,"FileName":"/ImageRepository/Document?documentID=14158","Height":300,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":92,"BannerOptionID":24,"FileName":"/ImageRepository/Document?documentID=11413","Height":300,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":18,"BannerOptionID":24,"VideoFileName":"","ImageFileName":"EmptyBannerBkg201908021651333394.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 960 '/App_Themes/2019 - Interior/Images/', 961 'Slideshow'); 962 }); 963 }); 964 </script>
964 965 966</div></div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 967<div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 968<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 969<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 970<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 971 <li><a class="breadCrumb" href="/">Home</a></li><li><a href class="breadCrumb" aria-current="page">Search</a></li> 972 </ol> 973 974 975 976</div><div data-cpRole="mainContentContainer" id="moduleContent"> 977 978 979 980 <div id="searchModuleContent" class="newCP moduleContentNew cp-search"> 981 <div id="contentarea" class="contentMain selfClear"> 982<div class="header"> 983 <div class="graphic"> 984 <a title="Search this site" href="/Search"> 985 <img width="74" height="74" alt="Search icon" src="/Areas/Search/Assets/Images/HomeModuleIconLarge.png" /> 986 </a> 987 </div> 988 <div class="text"> 989 <h1><a href="/Search" title="Go back to the search home page">Search</a></h1> 990 991 </div> 992</div> <div id="divSearch" class="cp-search-container"> 993 <div id="divSearchStandard" class="cp-search-bar"> 994 <label for="searchPhrase" class="visuallyhidden">Search</label> 995 <div class="cp-search-barInner"> 996 <input type="text" name="searchPhrase" 997 id="searchPhrase" class="cp-search-input" 998 placeholder="Type to begin your search..." 999 value=""> 1000 <a href="#" class="searchSite cp-search-submit"> 1001 <svg id="iconSearch" viewbox="0 0 25 25"> 1002 <title>Submit Search</title> 1003 <path style="fill:currentcolor;" d="M25,24.458l-6.563-6.537c1.78-1.905,2.879-4.455,2.879-7.262C21.316,4.781,16.535,0,10.657,0S0,4.781,0,10.659 s4.78,10.659,10.657,10.659c2.697,0,5.155-1.015,7.034-2.671l6.573,6.547L25,24.458z M10.657,20.27c-1.295,0-2.554-0.254-3.74-0.755 c-1.144-0.484-2.172-1.178-3.055-2.06c-0.881-0.88-1.574-1.909-2.06-3.056c-0.501-1.182-0.755-2.44-0.755-3.74 S1.301,8.1,1.802,6.918c0.485-1.146,1.178-2.173,2.06-3.056c0.884-0.883,1.912-1.575,3.055-2.059 c1.184-0.501,2.444-0.756,3.74-0.756c1.298,0,2.557,0.255,3.741,0.756c1.145,0.485,2.172,1.177,3.055,2.059 c0.883,0.884,1.576,1.913,2.06,3.056c0.501,1.184,0.755,2.444,0.755,3.74s-0.254,2.556-0.755,3.74 c-0.485,1.146-1.178,2.173-2.06,3.056c-0.883,0.882-1.91,1.574-3.055,2.06C13.213,20.016,11.954,20.27,10.657,20.27z"></path> 1004 </svg> 1005 </a> 1006 <input id="departmentId" type="hidden" value="-1"/> 1007 </div> 1008 </div> 1009 </div> 1010 <ol id="searchTabs" class="cp-Tabs-list" role="tablist" aria-label="Search tabs for site, agenda and minutes, municode and social" aria-orientation="horizontal"> 1011 <li id="cp-SearchTab-Site" class="cp-Tabs-tab is-active" role="tab" aria-controls="divSearchResults" aria-selected="true"> 1012 <a href="#siteSearch" id="siteSearch" class="cp-Tabs-link cp-Tabs-click-link"> 1013 <svg class="cp-Tabs-linkArrow"> 1014 <use xlink:href="#iconArrow--right"></use> 1015 </svg> 1016 Site Content 1017 </a> 1018 </li> 1019 <li id="cp-MuniCode-Site" class="cp-Tabs-tab" role="tab" aria-controls="divSearchResultsMuniCode" aria-selected="false"> 1020 <a href="#MuniCodeSearch" id="MuniCodeSearch" class="cp-Tabs-link cp-Tabs-click-link"> 1021 <svg class="cp-Tabs-linkArrow"> 1022 <use xlink:href="#iconArrow--right"></use> 1023 </svg> 1024 Municipal Code 1025 </a> 1026 </li> 1027 </ol> 1028 <fieldset id="divMunicodeStrip" style="display: none; margin-bottom: 2rem;"> 1029 <legend>Search Criteria</legend> 1030 <label class="ae-label"> 1031 <input checked="checked" id="searchCodes" name="MuniCodeSearchCriteria" type="radio" value="Codes" /> 1032 Codes 1033 </label> 1034 <label class="ae-label"> 1035 <input id="searchOrdinances" name="MuniCodeSearchCriteria" type="radio" value="Ordinances" /> 1036 Ordinances 1037 </label> 1038 <label class="ae-label"> 1039 <input id="searchDocuments" name="MuniCodeSearchCriteria" type="radio" value="Documents" /> 1040 Documents 1041 </label> 1042 </fieldset> 1043 <div id="divSearchResultsMuniCode" class="cp-search-results" style="display:none;" role="tabpanel" aria-labelledby="cp-MuniCode-Site"> 1044 </div> 1045 1046<div class="cp-search-typeToggle"> 1047 <a id="advancedSearch" href="#advancedSearch" style="display: inline-block;">Advanced Search</a> 1048 <a id="standardSearch" href="#standardSearch" style="display: none;">Standard Search</a> 1049</div> 1050<div id="divSearchAdvanced"> 1051 <div id="advSearchForm" class="cp-search-advanced cp-search-advanced--hidden" aria-expanded="true">
1052 <table border="0" cellpadding="0" cellspacing="0" class="cp-search-advancedTable"> 1053 <tbody> 1054 <tr> 1055 <td colspan="2" class="cp-search-advancedHeader"> 1056 Find pages with... 1057 </td> 1058 <td class="cp-search-advancedInstruction cp-search-advancedHeader"> 1059 To do this in the search box 1060 </td> 1061 </tr> 1062 <tr> 1063 <td> 1064 <label for="txtSearchAnd"><span class="cp-search-advancedHeader">all</span> these words:</label> 1065 </td> 1066 <td> 1067 <input class="advSearchBox" name="txtSearchAnd" type="text" id="txtSearchAnd" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1068 </td> 1069 <td class="cp-search-advancedInstruction"> 1070 Enter your key words: <span class="cp-search-advancedCode">sugar glider</span> 1071 </td> 1072 </tr> 1073 <tr> 1074 <td> 1075 <label for="txtSearchPhrase">this <span class="cp-search-advancedHeader">exact word or phrase</span>:</label> 1076 </td> 1077 <td> 1078 <input class="advSearchBox" name="txtSearchPhrase" type="text" id="txtSearchPhrase" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1079 </td> 1080 <td class="cp-search-advancedInstruction"> 1081 Use quotes for exact phrases: <span class="cp-search-advancedCode">âsugar gliderâ</span> 1082 </td> 1083 </tr> 1084 <tr> 1085 <td> 1086 <label for="txtSearchOr"><span class="cp-search-advancedHeader">any</span> of these words:</label> 1087 </td> 1088 <td> 1089 <input class="advSearchBox" name="txtSearchOr" type="text" id="txtSearchOr" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1090 </td> 1091 <td class="cp-search-advancedInstruction"> 1092 Type OR between the key words you want included: <span class="cp-search-advancedCode">marsupial OR pet</span> 1093 </td> 1094 </tr> 1095 <tr> 1096 <td> 1097 <label for="txtSearchNot"><span class="cp-search-advancedHeader">none</span> of these words:</label> 1098 </td> 1099 <td> 1100 <input class="advSearchBox" name="txtSearchNot" type="text" id="txtSearchNot" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1101 </td> 1102 <td class="cp-search-advancedInstruction"> 1103 Use a minus sign before words you donât want included: <span class="cp-search-advancedCode">-chair âpastry</span> 1104 </td> 1105 </tr> 1106 <tr> 1107 <td colspan="3" class="cp-search-advancedHeader"> 1108 Then narrow your results by... 1109 </td> 1110 </tr> 1111 <tr> 1112 <td> 1113 <label for="SearchContentType"><span>Content Type</span>:</label> 1114 </td> 1115 <td> 1116 <select id="SearchContentType" name="SearchContentType"> 1117 <option value="all" selected="selected">All Content</option> 1118 <option value="activities">Activities</option> 1119 <option value="agendas">Agendas</option> 1120 <option value="alerts">Alerts</option> 1121 <option value="bids">Bids</option> 1122 <option value="calendar">Calendar</option> 1123 <option value="documents">Documents</option> 1124 <option value="faqs">FAQs</option> 1125 <option value="forms">Forms</option> 1126 <option value="images">Images</option> 1127 <option value="news">News</option> 1128 <option value="people">People</option> 1129 <option value="places">Places</option> 1130 <option value="social">Social</option> 1131 1132 <option value="webpages">Webpages</option> 1133 </select> 1134 </td> 1135 </tr> 1136 </tbody> 1137 </table> 1138 </div> 1139</div> 1140 <div id="divSearchResults" class="cp-search-results" role="tabpanel" aria-labelledby="cp-SearchTab-Site"> 1141 1142 1143<div id="divMainContentSearch"> 1144 <!-- cp-search-resultsLoading --> 1145 <h2 class="visuallyhidden">Search Results</h2> 1146<div data-currentpage="1"> 1147 <input id="UseAutoComplete" name="UseAutoComplete" type="hidden" value="True" /> 1148 1149 <p class="cp-search-status"> 1150 </p> 1151</div> 1152 </div>
1153<script type="text/javascript"> 1154 $('#paginationOption').change(function () { 1155 loadSearchResultPageList(1, $('#paginationOption').val()); 1156 }); 1157 1158 var autoExpandAdvancedSearch = 'false'; 1159 1160 if (autoExpandAdvancedSearch == 'true') { 1161 $('.cp-search-advanced').attr('aria-expanded', 'true'); 1162 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 1163 $('#standardSearch').show(); 1164 $('#advancedSearch').hide(); 1165 } 1166 1167 //Remove invaild tag(strong) from href for search site result. 1168 $("a[href*='strong']").each(function () { 1169 var validHref = $(this).attr('href').replace(/<strong>/gi, '').replace(/<\/strong>/gi, ''); 1170 $(this).attr('href', validHref); 1171 }); 1172 1173 $('input[type=radio][name=SearchCriteria]').unbind('change').change(function () { 1174 loadCivicClerkIndexResults(0, 10); 1175 }); 1176 1177 $('input[type=radio][name=MuniCodeSearchCriteria]').unbind('change').change(function () { 1178 loadMunicodeSearch(1, 10); 1179 }); 1180 1181 $('.cp-Tabs-click-link').unbind('click').click(function (e) { 1182 var $this = $(this); 1183 loadTabResults($this); 1184 return false; 1185 }); 1186</script>
1186 1187 1188 </div> 1189 </div> 1190 </div> 1191 1192 1193 <div class="newCP"> 1194 1195 </div> 1196</div> 1197</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="cc554b9bd3-9632-4ec6-9ac6-c1471e4e2fcb" data-containerid="554b9bd3-9632-4ec6-9ac6-c1471e4e2fcb" class="pageContent cpGrid cpGrid24 showInMobile"> 1198 1199 1200 1201 1202 </div> 1203</aside> 1204</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 1205<aside data-cpRole="contentContainer" id="siteSidebarC1TS"> <div id="ccb66bf31b-f2b3-4d5e-90c7-96396b641fa8" data-containerid="b66bf31b-f2b3-4d5e-90c7-96396b641fa8" class="pageContent cpGrid cpGrid24 showInMobile"> 1206 1207 1208 1209 1210 </div> 1211</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1212 1213 1214 1215 1216 1217 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="4" class="rootNavMenu accordionNav arrowIndicator"> 1218 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem474" data-pageid="474"> 1219 <div class="accordionNavItem"> 1220 <a href="/474/About-Dothan" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">About Dothan</a> 1221 </div> 1222 </li> 1223 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem359" data-pageid="359"> 1224 <div class="accordionNavItem"> 1225 <a href="/99/Agendas-Minutes" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Agendas & Minutes</a> 1226 </div> 1227 </li> 1228 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem559" data-pageid="559"> 1229 <div class="accordionNavItem"> 1230 <a href="/274/Dothan-GIS-Maps" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Dothan Geographic Information Systems Maps</a> 1231 </div> 1232 </li> 1233 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem548" data-pageid="548"> 1234 <div class="accordionNavItem"> 1235 <a href="/DocumentCenter/View/13802/2026-Holiday-Sanitation-Schedule" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Holiday Sanitation Collection Schedule (PDF)</a> 1236 </div> 1237 </li> 1238 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem448" data-pageid="448"> 1239 <div class="accordionNavItem"> 1240 <a href="/265/Job-Opportunities" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Job Opportunities</a> 1241 </div> 1242 </li> 1243 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem418" data-pageid="418"> 1244 <div class="accordionNavItem"> 1245 <a href="/418/Dothan-101-Class" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Dothan 101 Class</a> 1246 </div> 1247 </li> 1248 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem545" data-pageid="545"> 1249 <div class="accordionNavItem"> 1250 <a href="/544/Forever-Wild-Trails" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Forever Wild Trails</a> 1251 </div> 1252 </li> 1253 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem478" data-pageid="478"> 1254 <div class="accordionNavItem"> 1255 <a href="/FormCenter/Public-Works-11/iRecycle-Registration-Form-61" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">iRECYCLE</a> 1256 </div> 1257 </li> 1258 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem480" data-pageid="480"> 1259 <div class="accordionNavItem"> 1260 <a href="/DocumentCenter/View/1020" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Long Range Water System Plan (PDF)</a> 1261 </div> 1262 </li> 1263 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem447" data-pageid="447"> 1264 <div class="accordionNavItem"> 1265 <a href="/446/Community-Links" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Community Links</a> 1266 </div> 1267 </li> 1268 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem573" data-pageid="573"> 1269 <div class="accordionNavItem"> 1270 <a href="https://www2.dothan.org/Click2GovESS/index.html" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Employee Self Service (ESS)</a> 1271 </div> 1272 </li> 1273 1274 </ol> 1275 1276 1277
1277<script type="text/javascript"> 1278 (function () { 1279 function setupSecondaryMenuProperties() { 1280 //setup menu manager properties for secondary menu 1281 menuManager.isSideMenuEditable = false; 1282 menuManager.sideMenuMaxSubMenuLevels = 4; 1283 menuManager.sideMenuHasCustomLinks = true; 1284 } 1285 1286 if (document.readyState === "loading") { 1287 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1288 return; 1289 } 1290 1291 setupSecondaryMenuProperties(); 1292 })(); 1293 </script>
1293 1294 1295
1295<script type="text/javascript"> 1296 (function () { 1297 function setupAccordionSecondaryNav() { 1298 var $menuContainer = $('#secondaryNav'); 1299 1300 $menuContainer.find('*[id^="SideItem"]').each(function () { 1301 var ids = $('[id="' + this.id + '"]'); 1302 if (ids.length > 1) 1303 $.each(ids, function (index, value) { 1304 value.id = value.id + '_' + index; 1305 }); 1306 }); 1307 1308 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1309 e.preventDefault(); 1310 showHideAccordionMenuForSecondaryNav($(this)); 1311 }); 1312 1313 $menuContainer.find(".grippy").each(function () { 1314 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1315 }); 1316 1317 $menuContainer.find("li").each(function () { 1318 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1319 }); 1320 } 1321 1322 if (document.readyState === "loading") { 1323 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1324 return; 1325 } 1326 1327 setupAccordionSecondaryNav(); 1328 })(); 1329 </script>
1329 1330 1331 1332 1333</nav><aside data-cpRole="contentContainer" id="siteSidebarC2TS"> <div id="ccc23debc3-8737-4327-aab4-016eb415690d" data-containerid="c23debc3-8737-4327-aab4-016eb415690d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 1334 1335 1336 <div class="row outer wide"><!-- 1337--><div class="outer col col24 first last" style="" data-widgetcontainerid="907809bb-5437-4f47-b3d4-1ea06ee63bf9">� 1338 <div class="row nest first last wide">� 1339 1340 <div class="inner col col24 first last idb36bf40f-a410-4672-b4a7-acd349686a23" style="" data-widgetcontainerid="b36bf40f-a410-4672-b4a7-acd349686a23">� 1341<div data-widget-id="a93ff750-4fdb-4d9c-a9fd-a4b607c85ec1" data-widget-controller-path="/GraphicLinks/Widget"> 1342 1343 1344 1345 1346<div id="graphicLinkWidgeta93ff750-4fdb-4d9c-a9fd-a4b607c85ec1" class="widget widgetGraphicLinks skin15 widgetOptionSet33 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1347 <div class="widgetHeader"> 1348 <div class=""> 1349 </div> 1350 </div> 1351 <div class="widgetBody cpGrid cpGrid1 "> 1352 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1353 <ul class="semanticList"> 1354 <!-- 1355 --><li class="widgetItem GraphicLinks"> 1356 1357<div> 1358 <a href="/99/Agendas-Minutes" target="_self" class="fancyButton fancyButton252 " > 1359 <span> 1360 <span><span class="text">Agendas & Minutes</span></span> 1361 </span> 1362 </a> 1363</div> 1364 <style scoped="scoped">.fancyButton252.fancyButton:link,.fancyButton252.fancyButton:visited, .fancyButton252div.fancyButton{ 1365 padding-left: 85px; 1366 background-image: url('/ImageRepository/Document?documentID=5165'); 1367 background-repeat: no-repeat; 1368 background-position: left center; 1369margin: 4px; 1370transition: all .3s ease-in-out;} 1371.fancyButton252.fancyButton:hover,.fancyButton252.fancyButton:focus,.fancyButton252.fancyButton:active,.fancyButton252.fancyButton.hover{ 1372 background-image: url('/ImageRepository/Document?documentID=5166'); 1373 background-repeat: no-repeat; 1374} 1375.fancyButton252.fancyButton:link > span,.fancyButton252.fancyButton:visited > span, .fancyButton252div.fancyButton > span{ 1376} 1377.fancyButton252.fancyButton:hover > span,.fancyButton252.fancyButton:focus > span,.fancyButton252.fancyButton:active > span,.fancyButton252.fancyButton.hover > span{ 1378} 1379.fancyButton252.fancyButton .text{ 1380 color: #58524f; 1381 font-family: "Montserrat"; 1382 font-weight: 600; 1383 text-decoration: none; 1384 background-repeat: no-repeat; 1385 background-position: left top; 1386height: 80px;text-transform: uppercase;} 1387.fancyButton252.fancyButton:hover .text,.fancyButton252.fancyButton:focus .text,.fancyButton252.fancyButton:active .text,.fancyButton252.fancyButton.hover .text{ 1388 text-decoration: underline; 1389 background-repeat: no-repeat; 1390 background-position: left top; 1391 1392 1393} 1394</style> 1395 1396 </li><!-- 1397 --><li class="widgetItem GraphicLinks"> 1398 1399<div> 1400 <a href="/742/Charging-Stations" target="_blank" class="fancyButton fancyButton253 " aria-label="Electric Vehicle (EV) charging stations Opens in new window"> 1401 <span> 1402 <span><span class="text">Electric Vehicle (EV) charging stations</span></span> 1403 </span> 1404 </a> 1405</div> 1406 <style scoped="scoped">.fancyButton253.fancyButton:link,.fancyButton253.fancyButton:visited, .fancyButton253div.fancyButton{ 1407 padding-left: 85px; 1408 background-image: url('/ImageRepository/Document?documentID=7222'); 1409 background-repeat: no-repeat; 1410 background-position: left center; 1411margin: 4px; 1412transition: all .3s ease-in-out;} 1413.fancyButton253.fancyButton:hover,.fancyButton253.fancyButton:focus,.fancyButton253.fancyButton:active,.fancyButton253.fancyButton.hover{ 1414 background-image: url('/ImageRepository/Document?documentID=7223'); 1415 background-repeat: no-repeat; 1416} 1417.fancyButton253.fancyButton:link > span,.fancyButton253.fancyButton:visited > span, .fancyButton253div.fancyButton > span{ 1418} 1419.fancyButton253.fancyButton:hover > span,.fancyButton253.fancyButton:focus > span,.fancyButton253.fancyButton:active > span,.fancyButton253.fancyButton.hover > span{ 1420} 1421.fancyButton253.fancyButton .text{ 1422 color: #58524f; 1423 font-family: "Montserrat"; 1424 font-weight: 600; 1425 text-decoration: none; 1426 background-repeat: no-repeat; 1427 background-position: left top; 1428height: 80px;text-transform: uppercase;} 1429.fancyButton253.fancyButton:hover .text,.fancyButton253.fancyButton:focus .text,.fancyButton253.fancyButton:active .text,.fancyButton253.fancyButton.hover .text{ 1430 text-decoration: underline; 1431 background-repeat: no-repeat; 1432 background-position: left top; 1433 1434 1435} 1436</style> 1437 1438 </li><!-- 1439 --><li class="widgetItem GraphicLinks"> 1440 1441<div> 1442 <a href="/calendar.aspx" target="_self" class="fancyButton fancyButton254 " > 1443 <span> 1444 <span><span class="text">Calendar</span></span> 1445 </span> 1446 </a> 1447</div> 1448 <style scoped="scoped">.fancyButton254.fancyButton:link,.fancyButton254.fancyButton:visited, .fancyButton254div.fancyButton{ 1449 padding-left: 85px; 1450 background-image: url('/ImageRepository/Document?documentID=5169'); 1451 background-repeat: no-repeat; 1452 background-position: left center; 1453margin: 4px; 1454transition: all .3s ease-in-out;} 1455.fancyButton254.fancyButton:hover,.fancyButton254.fancyButton:focus,.fancyButton254.fancyButton:active,.fancyButton254.fancyButton.hover{ 1456 background-image: url('/ImageRepository/Document?documentID=5170'); 1457 background-repeat: no-repeat; 1458} 1459.fancyButton254.fancyButton:link > span,.fancyButton254.fancyButton:visited > span, .fancyButton254div.fancyButton > span{ 1460} 1461.fancyButton254.fancyButton:hover > span,.fancyButton254.fancyButton:focus > span,.fancyButton254.fancyButton:active > span,.fancyButton254.fancyButton.hover > span{ 1462} 1463.fancyButton254.fancyButton .text{ 1464 color: #58524f; 1465 font-family: "Montserrat"; 1466 font-weight: 600; 1467 text-decoration: none; 1468 background-repeat: no-repeat; 1469 background-position: left top; 1470height: 80px;text-transform: uppercase;} 1471.fancyButton254.fancyButton:hover .text,.fancyButton254.fancyButton:focus .text,.fancyButton254.fancyButton:active .text,.fancyButton254.fancyButton.hover .text{ 1472 text-decoration: underline; 1473 background-repeat: no-repeat; 1474 background-position: left top; 1475 1476 1477} 1478</style> 1479 1480 </li><!-- 1481 --><li class="widgetItem GraphicLinks"> 1482 1483<div> 1484 <a href="/835/Public-Notices" target="_self" class="fancyButton fancyButton255 " > 1485 <span> 1486 <span><span class="text">Public Notices</span></span> 1487 </span> 1488 </a> 1489</div> 1490 <style scoped="scoped">.fancyButton255.fancyButton:link,.fancyButton255.fancyButton:visited, .fancyButton255div.fancyButton{ 1491 padding-left: 85px; 1492 background-image: url('/ImageRepository/Document?documentID=7220'); 1493 background-repeat: no-repeat; 1494 background-position: left center; 1495margin: 4px; 1496transition: all .3s ease-in-out;} 1497.fancyButton255.fancyButton:hover,.fancyButton255.fancyButton:focus,.fancyButton255.fancyButton:active,.fancyButton255.fancyButton.hover{ 1498 background-image: url('/ImageRepository/Document?documentID=7221'); 1499 background-repeat: no-repeat; 1500} 1501.fancyButton255.fancyButton:link > span,.fancyButton255.fancyButton:visited > span, .fancyButton255div.fancyButton > span{ 1502} 1503.fancyButton255.fancyButton:hover > span,.fancyButton255.fancyButton:focus > span,.fancyButton255.fancyButton:active > span,.fancyButton255.fancyButton.hover > span{ 1504} 1505.fancyButton255.fancyButton .text{ 1506 color: #58524f; 1507 font-family: "Montserrat"; 1508 font-weight: 600; 1509 text-decoration: none; 1510 background-repeat: no-repeat; 1511 background-position: left top; 1512height: 80px;text-transform: uppercase;} 1513.fancyButton255.fancyButton:hover .text,.fancyButton255.fancyButton:focus .text,.fancyButton255.fancyButton:active .text,.fancyButton255.fancyButton.hover .text{ 1514 text-decoration: underline; 1515 background-repeat: no-repeat; 1516 background-position: left top; 1517 1518 1519} 1520</style> 1521 1522 </li><!-- 1523 --><li class="widgetItem GraphicLinks"> 1524 1525<div> 1526 <a href="/645/Social-Media-Accounts" target="_self" class="fancyButton fancyButton256 " > 1527 <span> 1528 <span><span class="text">Social Media</span></span> 1529 </span> 1530 </a> 1531</div> 1532 <style scoped="scoped">.fancyButton256.fancyButton:link,.fancyButton256.fancyButton:visited, .fancyButton256div.fancyButton{ 1533 padding-left: 85px; 1534 background-image: url('/ImageRepository/Document?documentID=5173'); 1535 background-repeat: no-repeat; 1536 background-position: left center; 1537margin: 4px; 1538transition: all .3s ease-in-out;} 1539.fancyButton256.fancyButton:hover,.fancyButton256.fancyButton:focus,.fancyButton256.fancyButton:active,.fancyButton256.fancyButton.hover{ 1540 background-image: url('/ImageRepository/Document?documentID=5174'); 1541 background-repeat: no-repeat; 1542} 1543.fancyButton256.fancyButton:link > span,.fancyButton256.fancyButton:visited > span, .fancyButton256div.fancyButton > span{ 1544} 1545.fancyButton256.fancyButton:hover > span,.fancyButton256.fancyButton:focus > span,.fancyButton256.fancyButton:active > span,.fancyButton256.fancyButton.hover > span{ 1546} 1547.fancyButton256.fancyButton .text{ 1548 color: #58524f; 1549 font-family: "Montserrat"; 1550 font-weight: 600; 1551 text-decoration: none; 1552 background-repeat: no-repeat; 1553 background-position: left top; 1554height: 80px;text-transform: uppercase;} 1555.fancyButton256.fancyButton:hover .text,.fancyButton256.fancyButton:focus .text,.fancyButton256.fancyButton:active .text,.fancyButton256.fancyButton.hover .text{ 1556 text-decoration: underline; 1557 background-repeat: no-repeat; 1558 background-position: left top; 1559 1560 1561} 1562</style> 1563 1564 </li><!-- 1565 --><li class="widgetItem GraphicLinks"> 1566 1567<div> 1568 <a href="/list.aspx" target="_self" class="fancyButton fancyButton257 " > 1569 <span> 1570 <span><span class="text">Notify Me®</span></span> 1571 </span> 1572 </a> 1573</div> 1574 <style scoped="scoped">.fancyButton257.fancyButton:link,.fancyButton257.fancyButton:visited, .fancyButton257div.fancyButton{ 1575 padding-left: 85px; 1576 background-image: url('/ImageRepository/Document?documentID=5167'); 1577 background-repeat: no-repeat; 1578 background-position: left center; 1579margin: 4px; 1580transition: all .3s ease-in-out;} 1581.fancyButton257.fancyButton:hover,.fancyButton257.fancyButton:focus,.fancyButton257.fancyButton:active,.fancyButton257.fancyButton.hover{ 1582 background-image: url('/ImageRepository/Document?documentID=5168'); 1583 background-repeat: no-repeat; 1584} 1585.fancyButton257.fancyButton:link > span,.fancyButton257.fancyButton:visited > span, .fancyButton257div.fancyButton > span{ 1586} 1587.fancyButton257.fancyButton:hover > span,.fancyButton257.fancyButton:focus > span,.fancyButton257.fancyButton:active > span,.fancyButton257.fancyButton.hover > span{ 1588} 1589.fancyButton257.fancyButton .text{ 1590 color: #58524f; 1591 font-family: "Montserrat"; 1592 font-weight: 600; 1593 text-decoration: none; 1594 background-repeat: no-repeat; 1595 background-position: left top; 1596height: 80px;text-transform: uppercase;} 1597.fancyButton257.fancyButton:hover .text,.fancyButton257.fancyButton:focus .text,.fancyButton257.fancyButton:active .text,.fancyButton257.fancyButton.hover .text{ 1598 text-decoration: underline; 1599 background-repeat: no-repeat; 1600 background-position: left top; 1601 1602 1603} 1604</style> 1605 1606 </li><!-- 1607 --> 1608 </ul> 1609 </nav> 1610 </div> 1611 <div class="widgetFooter"> 1612 </div> 1613</div> 1614</div> 1615 1616 </div> <!-- inner column --> 1617 1618 </div> <!-- inner row --> 1619 1620 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1621 1622 1623 </div> 1624</aside> 1625</div> 1626</div></div> 1627</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1628<div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc5d0bfca3-d4d7-4fe6-b3e2-34ecc796d93e" data-containerid="5d0bfca3-d4d7-4fe6-b3e2-34ecc796d93e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 1629 1630 1631 <div class="row outer wide"><!-- 1632--><div class="outer col col24 first last" style="" data-widgetcontainerid="93eeb04e-3da2-44d8-aae4-5121f7c1e58e">� 1633 <div class="row nest first last wide">� 1634 1635 <div class="inner col col24 first last id7253da7e-aac7-4119-9bdc-366f786026a5" style="" data-widgetcontainerid="7253da7e-aac7-4119-9bdc-366f786026a5">� 1636<div data-widget-id="592a3b63-d7a8-4722-a610-9b6ab94e5ca2" data-widget-controller-path="/GraphicLinks/Widget"> 1637 1638 1639 1640 1641<div id="graphicLinkWidget592a3b63-d7a8-4722-a610-9b6ab94e5ca2" class="widget widgetGraphicLinks skin15 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1642 <div class="widgetHeader"> 1643 <div class="">
1644 </div> 1645 </div> 1646 <div class="widgetBody cpGrid cpGrid4 "> 1647 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1648 <div class="row wide"> 1649 <!-- 1650--><div class="col col1 first "><ul class="semanticList"><!-- 1651 --><li class="widgetItem GraphicLinks"> 1652 1653<div> 1654 <a href="/611/Pay" target="_self" class="fancyButton fancyButton263 " > 1655 <span> 1656 <span><span class="text">Online Payments</span></span> 1657 </span> 1658 </a> 1659</div> 1660 <style scoped="scoped">.fancyButton263.fancyButton:link,.fancyButton263.fancyButton:visited, .fancyButton263div.fancyButton{ 1661 padding-top: 60px; 1662 background-image: url('/ImageRepository/Document?documentID=5199'); 1663 background-repeat: no-repeat; 1664 background-position: center top; 1665margin: 5px; 1666transition: all .3s ease-in-out;} 1667.fancyButton263.fancyButton:hover,.fancyButton263.fancyButton:focus,.fancyButton263.fancyButton:active,.fancyButton263.fancyButton.hover{ 1668 background-image: url('/ImageRepository/Document?documentID=5200'); 1669 background-repeat: no-repeat; 1670} 1671.fancyButton263.fancyButton:link > span,.fancyButton263.fancyButton:visited > span, .fancyButton263div.fancyButton > span{ 1672} 1673.fancyButton263.fancyButton:hover > span,.fancyButton263.fancyButton:focus > span,.fancyButton263.fancyButton:active > span,.fancyButton263.fancyButton.hover > span{ 1674} 1675.fancyButton263.fancyButton .text{ 1676 color: #fff; 1677 font-size: .9em; 1678 font-family: "Montserrat"; 1679 text-align: center; 1680 font-weight: 500; 1681 text-decoration: none; 1682 background-repeat: no-repeat; 1683 background-position: left top; 1684 1685 1686} 1687.fancyButton263.fancyButton:hover .text,.fancyButton263.fancyButton:focus .text,.fancyButton263.fancyButton:active .text,.fancyButton263.fancyButton.hover .text{ 1688 text-decoration: underline; 1689 background-repeat: no-repeat; 1690 background-position: left top; 1691 1692 1693} 1694</style> 1695 1696 </li><!-- 1697 --><li class="widgetItem GraphicLinks"> 1698 1699<div> 1700 <a href="/265/Job-Opportunities" target="_self" class="fancyButton fancyButton264 " > 1701 <span> 1702 <span><span class="text">Employment</span></span> 1703 </span> 1704 </a> 1705</div> 1706 <style scoped="scoped">.fancyButton264.fancyButton:link,.fancyButton264.fancyButton:visited, .fancyButton264div.fancyButton{ 1707 padding-top: 60px; 1708 background-image: url('/ImageRepository/Document?documentID=5195'); 1709 background-repeat: no-repeat; 1710 background-position: center top; 1711margin: 5px; 1712transition: all .3s ease-in-out;} 1713.fancyButton264.fancyButton:hover,.fancyButton264.fancyButton:focus,.fancyButton264.fancyButton:active,.fancyButton264.fancyButton.hover{ 1714 background-image: url('/ImageRepository/Document?documentID=5196'); 1715 background-repeat: no-repeat; 1716} 1717.fancyButton264.fancyButton:link > span,.fancyButton264.fancyButton:visited > span, .fancyButton264div.fancyButton > span{ 1718} 1719.fancyButton264.fancyButton:hover > span,.fancyButton264.fancyButton:focus > span,.fancyButton264.fancyButton:active > span,.fancyButton264.fancyButton.hover > span{ 1720} 1721.fancyButton264.fancyButton .text{ 1722 color: #fff; 1723 font-size: .9em; 1724 font-family: "Montserrat"; 1725 text-align: center; 1726 font-weight: 500; 1727 text-decoration: none; 1728 background-repeat: no-repeat; 1729 background-position: left top; 1730 1731 1732} 1733.fancyButton264.fancyButton:hover .text,.fancyButton264.fancyButton:focus .text,.fancyButton264.fancyButton:active .text,.fancyButton264.fancyButton.hover .text{ 1734 text-decoration: underline; 1735 background-repeat: no-repeat; 1736 background-position: left top; 1737 1738 1739} 1740</style> 1741 1742 </li><!-- 1743--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1744 --><li class="widgetItem GraphicLinks"> 1745 1746<div> 1747 <a href="/154/Electric" target="_self" class="fancyButton fancyButton266 " > 1748 <span> 1749 <span><span class="text">Power Outage Maps</span></span> 1750 </span> 1751 </a> 1752</div> 1753 <style scoped="scoped">.fancyButton266.fancyButton:link,.fancyButton266.fancyButton:visited, .fancyButton266div.fancyButton{ 1754 padding-top: 60px; 1755 background-image: url('/ImageRepository/Document?documentID=7423'); 1756 background-repeat: no-repeat; 1757 background-position: center top; 1758margin: 5px; 1759transition: all .3s ease-in-out;} 1760.fancyButton266.fancyButton:hover,.fancyButton266.fancyButton:focus,.fancyButton266.fancyButton:active,.fancyButton266.fancyButton.hover{ 1761 background-image: url('/ImageRepository/Document?documentID=7424'); 1762 background-repeat: no-repeat; 1763} 1764.fancyButton266.fancyButton:link > span,.fancyButton266.fancyButton:visited > span, .fancyButton266div.fancyButton > span{ 1765} 1766.fancyButton266.fancyButton:hover > span,.fancyButton266.fancyButton:focus > span,.fancyButton266.fancyButton:active > span,.fancyButton266.fancyButton.hover > span{ 1767} 1768.fancyButton266.fancyButton .text{ 1769 color: #fff; 1770 font-size: .9em; 1771 font-family: "Montserrat"; 1772 text-align: center; 1773 font-weight: 500; 1774 text-decoration: none; 1775 background-repeat: no-repeat; 1776 background-position: left top; 1777 1778 1779} 1780.fancyButton266.fancyButton:hover .text,.fancyButton266.fancyButton:focus .text,.fancyButton266.fancyButton:active .text,.fancyButton266.fancyButton.hover .text{ 1781 text-decoration: underline; 1782 background-repeat: no-repeat; 1783 background-position: left top; 1784 1785 1786} 1787</style> 1788 1789 </li><!-- 1790--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1791 --><li class="widgetItem GraphicLinks"> 1792 1793<div> 1794 <a href="/763/Dothan-Traffic-Cameras" target="_blank" class="fancyButton fancyButton303 " aria-label="PD Active Calls/Traffic Cameras Opens in new window"> 1795 <span> 1796 <span><span class="text">PD Active Calls/Traffic Cameras</span></span> 1797 </span> 1798 </a> 1799</div> 1800 <style scoped="scoped">.fancyButton303.fancyButton:link,.fancyButton303.fancyButton:visited, .fancyButton303div.fancyButton{ 1801 padding-top: 60px; 1802 background-image: url('/ImageRepository/Document?documentID=7436'); 1803 background-repeat: no-repeat; 1804 background-position: center top; 1805margin: 5px; 1806transition: all .3s ease-in-out;} 1807.fancyButton303.fancyButton:hover,.fancyButton303.fancyButton:focus,.fancyButton303.fancyButton:active,.fancyButton303.fancyButton.hover{ 1808 background-image: url('/ImageRepository/Document?documentID=7437'); 1809 background-repeat: no-repeat; 1810} 1811.fancyButton303.fancyButton:link > span,.fancyButton303.fancyButton:visited > span, .fancyButton303div.fancyButton > span{ 1812} 1813.fancyButton303.fancyButton:hover > span,.fancyButton303.fancyButton:focus > span,.fancyButton303.fancyButton:active > span,.fancyButton303.fancyButton.hover > span{ 1814} 1815.fancyButton303.fancyButton .text{ 1816 color: #fff; 1817 font-size: .9em; 1818 font-family: "Montserrat"; 1819 text-align: center; 1820 font-weight: 500; 1821 text-decoration: none; 1822 background-repeat: no-repeat; 1823 background-position: left top; 1824 1825 1826} 1827.fancyButton303.fancyButton:hover .text,.fancyButton303.fancyButton:focus .text,.fancyButton303.fancyButton:active .text,.fancyButton303.fancyButton.hover .text{ 1828 text-decoration: underline; 1829 background-repeat: no-repeat; 1830 background-position: left top; 1831 1832 1833} 1834.fancyButton303.fancyButton .textStyle1{ 1835 color: #ffffff; 1836 font-size: .9em; 1837 font-style: normal; 1838 text-decoration: none; 1839 1840} 1841.fancyButton303.fancyButton:hover .textStyle1, .fancyButton303.fancyButton.hover .textStyle1{ 1842 text-decoration: underline; 1843 1844} 1845.fancyButton303.fancyButton .textStyle2{ 1846 color: #ffffff; 1847 font-size: .9em; 1848 font-style: normal; 1849 text-decoration: none; 1850 1851} 1852.fancyButton303.fancyButton:hover .textStyle2, .fancyButton303.fancyButton.hover .textStyle2{ 1853 text-decoration: underline; 1854 1855} 1856</style> 1857 1858 </li><!-- 1859--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1860 --><li class="widgetItem GraphicLinks"> 1861 1862<div> 1863 <a href="https://citizen-service.dothan.org/" target="_blank" class="fancyButton fancyButton265 " aria-label="Report A Concern Opens in new window"> 1864 <span> 1865 <span><span class="text">Report A Concern</span></span> 1866 </span> 1867 </a> 1868</div> 1869 <style scoped="scoped">.fancyButton265.fancyButton:link,.fancyButton265.fancyButton:visited, .fancyButton265div.fancyButton{ 1870 padding-top: 60px; 1871 background-image: url('/ImageRepository/Document?documentID=5201'); 1872 background-repeat: no-repeat; 1873 background-position: center top; 1874margin: 5px; 1875transition: all .3s ease-in-out;} 1876.fancyButton265.fancyButton:hover,.fancyButton265.fancyButton:focus,.fancyButton265.fancyButton:active,.fancyButton265.fancyButton.hover{ 1877 background-image: url('/ImageRepository/Document?documentID=5202'); 1878 background-repeat: no-repeat; 1879} 1880.fancyButton265.fancyButton:link > span,.fancyButton265.fancyButton:visited > span, .fancyButton265div.fancyButton > span{ 1881} 1882.fancyButton265.fancyButton:hover > span,.fancyButton265.fancyButton:focus > span,.fancyButton265.fancyButton:active > span,.fancyButton265.fancyButton.hover > span{ 1883} 1884.fancyButton265.fancyButton .text{ 1885 color: #fff; 1886 font-size: .9em; 1887 font-family: "Montserrat"; 1888 text-align: center; 1889 font-weight: 500; 1890 text-decoration: none; 1891 background-repeat: no-repeat; 1892 background-position: left top; 1893 1894 1895} 1896.fancyButton265.fancyButton:hover .text,.fancyButton265.fancyButton:focus .text,.fancyButton265.fancyButton:active .text,.fancyButton265.fancyButton.hover .text{ 1897 text-decoration: underline; 1898 background-repeat: no-repeat; 1899 background-position: left top; 1900 1901 1902} 1903</style> 1904 1905 </li><!-- 1906--></ul></div><!-- --> 1907 </div> 1908 </nav> 1909 </div> 1910 <div class="widgetFooter"> 1911 </div> 1912</div> 1913</div> 1914 1915 </div> <!-- inner column --> 1916 1917 </div> <!-- inner row --> 1918 1919 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1920 1921 1922 </div> 1923</div></div> 1924</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 1925<div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc83fa0d09-b3a3-4f2c-b3a5-338188891778" data-containerid="83fa0d09-b3a3-4f2c-b3a5-338188891778" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55"> 1926 1927 1928 <div class="row outer wide"><!-- 1929--><div class="outer col col6 first" style="" data-widgetcontainerid="dd2e1619-9db3-4056-9211-2d8bf6c1473c">� 1930 <div class="row nest first last wide">� 1931 1932 <div class="inner col col6 first last id28556f3c-a4bd-4552-bf49-140c32c292dd" style="" data-widgetcontainerid="28556f3c-a4bd-4552-bf49-140c32c292dd">� 1933 <div data-widget-id="4371b3f2-2b7c-4c3d-8313-71187c6a0360" data-widget-controller-path="/InfoAdvanced/Widget"> 1934 1935 1936 1937 1938 1939 <section id="divInfoAdv4371b3f2-2b7c-4c3d-8313-71187c6a0360" class="widget widgetInfoAdvanced skin17 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1940 <header class="widgetHeader" id="header4371b3f2-2b7c-4c3d-8313-71187c6a0360"> 1941 <div class=""> 1942 </div> 1943 </header> 1944 <div class="widgetBody cpGrid cpGrid1 "> 1945 <div class="row wide"> 1946 <div class="col col1 first last"> 1947 <ol class="pageStyles semanticList"> 1948 1949<li class="InfoAdvanced widgetItem fr-view"> 1950 <img src="/ImageRepository/Document?documentID=5203" alt="Site ID" title="Site ID"> 1951</li> </ol> 1952 </div> 1953 </div> 1954 </div> 1955 <div class="widgetFooter"> 1956 1957 </div> 1958 1959 </section> 1960 1961 1962
1963<script type="text/javascript"> 1964 //Render slideshow if info advacned items contain one. 1965 $(document).ready(function (e) { 1966 $('#divInfoAdv4371b3f2-2b7c-4c3d-8313-71187c6a0360 .InfoAdvanced.widgetItem').each(function () { 1967 renderSlideshowIfApplicable($(this)); 1968 }); 1969 }); 1970</script>
1970</div> 1971 </div> <!-- inner column --> 1972 1973 </div> <!-- inner row --> 1974 1975 </div><!-- outer column --><!----><div class="outer col col7" style="" data-widgetcontainerid="d56f2725-c9c7-4293-ad36-fa7c078b62ef">� 1976 <div class="row nest first last wide">� 1977 1978 <div class="inner col col7 first last id5e1150c2-1d52-465d-bf51-5445deff15a4" style="" data-widgetcontainerid="5e1150c2-1d52-465d-bf51-5445deff15a4">� 1979 <div data-widget-id="50b65e2c-e129-4cc1-9213-db011bbf4195" data-widget-controller-path="/InfoAdvanced/Widget"> 1980 1981 1982 1983 1984 1985 <section id="divInfoAdv50b65e2c-e129-4cc1-9213-db011bbf4195" class="widget widgetInfoAdvanced skin17 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header50b65e2c-e129-4cc1-9213-db011bbf4195"> 1986 <header class="widgetHeader" id="header50b65e2c-e129-4cc1-9213-db011bbf4195"> 1987 <div class=""> 1988 <h3 >Contact Us</h3> 1989 </div> 1990 </header> 1991 <div class="widgetBody cpGrid cpGrid1 "> 1992 <div class="row wide"> 1993 <div class="col col1 first last"> 1994 <ol class="pageStyles semanticList"> 1995 1996<li class="InfoAdvanced widgetItem fr-view"> 1997 <p><strong>City of Dothan</strong></p><p>126 N Saint Andrews Street</p><p>Dothan, AL 36303</p><p><br></p><p>P.O. Box 2128</p><p>Dothan, AL 36302</p><p><br></p><p>Phone: <a href="tel:334-615-3000" target="_self" class="Hyperlink">334-615-3000</a></p> 1998</li> </ol> 1999 </div> 2000 </div> 2001 </div> 2002 <div class="widgetFooter"> 2003 2004 </div> 2005 2006 </section> 2007 2008 2009
2010<script type="text/javascript"> 2011 //Render slideshow if info advacned items contain one. 2012 $(document).ready(function (e) { 2013 $('#divInfoAdv50b65e2c-e129-4cc1-9213-db011bbf4195 .InfoAdvanced.widgetItem').each(function () { 2014 renderSlideshowIfApplicable($(this)); 2015 }); 2016 }); 2017</script>
2017</div> 2018 </div> <!-- inner column --> 2019 2020 </div> <!-- inner row --> 2021 2022 </div><!-- outer column --><!----><div class="outer col col7" style="" data-widgetcontainerid="eb0d52a9-fae7-4c1b-abcf-e947f2005024">� 2023 <div class="row nest first last wide">� 2024 2025 <div class="inner col col7 first last id092b7cec-52fa-48e3-99fa-d762f350c8d1" style="" data-widgetcontainerid="092b7cec-52fa-48e3-99fa-d762f350c8d1">� 2026 <div data-widget-id="72f9da0c-f123-4347-b34f-215499f4d140" data-widget-controller-path="/QuickLinks/Widget"> 2027 2028 2029 2030 2031 2032 2033 2034 2035 <section id="widgetQuicklink72f9da0c-f123-4347-b34f-215499f4d140" class="widget widgetQuickLinks skin17 widgetOptionSet29 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader72f9da0c-f123-4347-b34f-215499f4d140"> 2036 <header class="widgetHeader" id="quickLinksHeader72f9da0c-f123-4347-b34f-215499f4d140"> 2037 <div class=""> 2038 <h3><a style="" href="/QuickLinks.aspx?CID=130" >Quick Links</a></h3> 2039 </div> 2040 </header> 2041 <div class="widgetBody cpGrid cpGrid1 "> 2042 <div class="row narrow"> 2043 <div class="col col1 first last"> 2044 <ol class="semanticList"> 2045 2046 <li style="position:relative" class="widgetItem QuickLinks"> 2047 <a class="widgetDesc widgetQuickLinksLink" href="https://www.dothan.org/742/Electric-Vehicle-EV-Charging-Stations" target="_self" >Electric Vehicle Charging Stations</a> 2048 <div class="widgetMeta"></div> 2049 </li> 2050 2051 <li style="position:relative" class="widgetItem QuickLinks"> 2052 <a class="widgetDesc widgetQuickLinksLink" href="https://innovatealabama.org/" target="_self" >Innovate Alabama</a> 2053 <div class="widgetMeta"></div> 2054 </li> 2055 2056 <li style="position:relative" class="widgetItem QuickLinks"> 2057 <a class="widgetDesc widgetQuickLinksLink" href="/175/Pay-View-Utility-Bill-Online" target="_self" >Pay / View Utility Bill Online</a> 2058 <div class="widgetMeta"></div> 2059 </li> 2060 2061 <li style="position:relative" class="widgetItem QuickLinks"> 2062 <a class="widgetDesc widgetQuickLinksLink" href="https://www.dothan.org/154/Electric" target="_self" >Dothan Utilities Power Outage Map</a> 2063 <div class="widgetMeta"></div> 2064 </li> 2065 2066 <li style="position:relative" class="widgetItem QuickLinks"> 2067 <a class="widgetDesc widgetQuickLinksLink" href="/274/Dothan-Geographic-Information-Systems-Ma" target="_self" >GIS Map</a> 2068 <div class="widgetMeta"></div> 2069 </li> 2070 2071 <li style="position:relative" class="widgetItem QuickLinks"> 2072 <a class="widgetDesc widgetQuickLinksLink" href="/212/Leisure-Services" target="_self" >Recreation Programs</a> 2073 <div class="widgetMeta"></div> 2074 </li> 2075 2076 <li style="position:relative" class="widgetItem QuickLinks"> 2077 <a class="widgetDesc widgetQuickLinksLink" href="/212/Leisure-Services" target="_self" >Sports & Activities</a> 2078 <div class="widgetMeta"></div> 2079 </li> 2080 2081 <li style="position:relative" class="widgetItem QuickLinks"> 2082 <a class="widgetDesc widgetQuickLinksLink" href="/530/Crime-Statistics" target="_self" >Crime Statistics</a> 2083 <div class="widgetMeta"></div> 2084 </li> 2085 </ol> 2086 </div> 2087 </div> 2088 2089 </div> 2090 <div class="widgetFooter"> 2091 </div> 2092 <div class="addItemModal hidden"> 2093 <div class="url hidden">/QuickLinks.aspx</div> 2094 </div> 2095 2096 </section> 2097</div> 2098 2099 </div> <!-- inner column --> 2100 2101 </div> <!-- inner row --> 2102 2103 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="f9f34524-d6f4-4b18-b5fb-701bee2013b9">� 2104 <div class="row nest first last wide">� 2105 2106 <div class="inner col col4 first last id2afdc66f-0034-4145-8f45-28710e4aedf7" style="" data-widgetcontainerid="2afdc66f-0034-4145-8f45-28710e4aedf7">� 2107 <div data-widget-id="37bcf53f-b130-48e2-923d-809f53dc9df6" data-widget-controller-path="/QuickLinks/Widget"> 2108 2109 2110 2111 2112 2113 2114 2115 2116 <section id="widgetQuicklink37bcf53f-b130-48e2-923d-809f53dc9df6" class="widget widgetQuickLinks skin17 widgetOptionSet29 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader37bcf53f-b130-48e2-923d-809f53dc9df6"> 2117 <header class="widgetHeader" id="quickLinksHeader37bcf53f-b130-48e2-923d-809f53dc9df6"> 2118 <div class=""> 2119 <h3><a style="" href="/QuickLinks.aspx?CID=131" >Site Links</a></h3> 2120 </div> 2121 </header> 2122 <div class="widgetBody cpGrid cpGrid1 "> 2123 <div class="row narrow"> 2124 <div class="col col1 first last"> 2125 <ol class="semanticList"> 2126 2127 <li style="position:relative" class="widgetItem QuickLinks"> 2128 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 2129 <div class="widgetMeta"></div> 2130 </li> 2131 2132 <li style="position:relative" class="widgetItem QuickLinks"> 2133 <a class="widgetDesc widgetQuickLinksLink" href="/Directory.aspx" target="_self" >Contact Us</a> 2134 <div class="widgetMeta"></div> 2135 </li> 2136 2137 <li style="position:relative" class="widgetItem QuickLinks"> 2138 <a class="widgetDesc widgetQuickLinksLink" href="/Accessibility" target="_self" >Accessibility</a> 2139 <div class="widgetMeta"></div> 2140 </li> 2141 2142 <li style="position:relative" class="widgetItem QuickLinks"> 2143 <a class="widgetDesc widgetQuickLinksLink" href="/SiteMap" target="_self" >Site Map</a> 2144 <div class="widgetMeta"></div> 2145 </li> 2146 2147 <li style="position:relative" class="widgetItem QuickLinks"> 2148 <a class="widgetDesc widgetQuickLinksLink" href="/Copyright" target="_self" >Copyright Notices</a> 2149 <div class="widgetMeta"></div> 2150 </li> 2151 </ol> 2152 </div> 2153 </div> 2154 2155 </div> 2156 <div class="widgetFooter"> 2157 </div> 2158 <div class="addItemModal hidden"> 2159 <div class="url hidden">/QuickLinks.aspx</div> 2160 </div> 2161 2162 </section> 2163</div> 2164 2165 </div> <!-- inner column --> 2166 2167 </div> <!-- inner row --> 2168 2169 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2170 2171 2172 </div> 2173</div></div> 2174</footer><!-- Footer 2 --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2175<div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc49a06e60-ceb7-4f1f-86ac-1f9d077f3975" data-containerid="49a06e60-ceb7-4f1f-86ac-1f9d077f3975" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2176 2177 2178 <div class="row outer wide"><!-- 2179--><div class="outer col col24 first last" style="" data-widgetcontainerid="b85c1b36-715f-4dfc-ab11-a3afec7f0f0c">� 2180 <div class="row nest first last wide">� 2181 2182 <div class="inner col col24 first last id5fb33441-ac79-4970-b888-3478a235f522" style="" data-widgetcontainerid="5fb33441-ac79-4970-b888-3478a235f522">� 2183 <div data-widget-id="34151761-8b13-4154-ad67-e8d14fc8b7d6" data-widget-controller-path="/InfoAdvanced/Widget"> 2184 2185 2186 2187 2188 2189 <section id="divInfoAdv34151761-8b13-4154-ad67-e8d14fc8b7d6" class="widget widgetInfoAdvanced skin20 widgetOptionSet19 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2190 <header class="widgetHeader" id="header34151761-8b13-4154-ad67-e8d14fc8b7d6"> 2191 <div class=""> 2192 </div> 2193 </header> 2194 <div class="widgetBody cpGrid cpGrid1 "> 2195 <div class="row autoWidths center wide"> 2196 <div class="col col1 first last"> 2197 <ol class="pageStyles semanticList"> 2198 2199<li class="InfoAdvanced widgetItem fr-view"> 2200 <img src="/ImageRepository/Document?documentID=5204" alt="Civic Plus Logo" title="Civic Plus Logo"> Government Websites by <a href="http://connect.civicplus.com/referral" target="_self" class="Hyperlink">CivicPlus®</a> 2201</li> </ol> 2202 </div> 2203 </div> 2204 </div> 2205 <div class="widgetFooter"> 2206 2207 </div> 2208 2209 </section> 2210 2211 2212
2213<script type="text/javascript"> 2214 //Render slideshow if info advacned items contain one. 2215 $(document).ready(function (e) { 2216 $('#divInfoAdv34151761-8b13-4154-ad67-e8d14fc8b7d6 .InfoAdvanced.widgetItem').each(function () { 2217 renderSlideshowIfApplicable($(this)); 2218 }); 2219 }); 2220</script>
2220</div> 2221 </div> <!-- inner column --> 2222 2223 </div> <!-- inner row --> 2224 2225 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2226 2227 2228 </div> 2229</div></div> 2230</div> 2231</div> 2232 2233 </div> 2234 </div> 2235 </div> 2236 2237 2238<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2239 2240<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2241 <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"> 2242 <div class="cp-Splash-header"> 2243 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2244 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2245 <svg id="iconClose" viewBox="0 0 25 25"> 2246 <polygon style="fill:currentcolor" 2247 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> 2248 </svg> 2249 </button>
2250 </div> 2251 <div class="cp-Splash-body"> 2252 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2253 <!-- Content from the Froala Editor will go here. --> 2254 Loading 2255 </div> 2256 </div> 2257 <div class="cp-Splash-footer"> 2258 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2259 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 2260 </div> 2261 </div> 2262</div> 2263
2264<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2264
2264
2265<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2265
2265
2266<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2266
2266
2267<script> 2268 2269 $(document).ready(function () { 2270 var filter = { 2271 targetId: '', 2272 targetType: 0 2273 } 2274 2275 new SplashModalRender().triggerRender(filter); 2276 }); 2277</script>
2277 2278 2279 2280 2281 2282
2282<script type="text/javascript"> 2283 $(document).ready(function () { 2284 $('#paginationOption').change(function () { 2285 loadSearchResultPageList(1, $(this).val()); 2286 }); 2287 2288 $('.cp-search-typeToggle a').click(function(e) { 2289 e.preventDefault(); 2290 if ($('.cp-search-advanced').attr('aria-expanded') == 'false') { 2291 $('.cp-search-advanced').attr('aria-expanded', 'true'); 2292 } 2293 else { 2294 $('.cp-search-advanced').attr('aria-expanded', 'false'); 2295 } 2296 $('.cp-search-advanced').toggleClass('cp-search-advanced--hidden'); 2297 $('.cp-search-typeToggle a').toggle(); 2298 }); 2299 2300 var autoExpandAdvancedSearch = 'false'; 2301 if (autoExpandAdvancedSearch === 'true') { 2302 $('.cp-search-advanced').attr('aria-expanded', 'true'); 2303 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 2304 $('#standardSearch').show(); 2305 $('#advancedSearch').hide(); 2306 } 2307 2308 const archiveSocialLink = document.getElementById("ArchiveSocialSearch"); 2309 2310 if (archiveSocialLink) { 2311 const searchInput = document.getElementById("searchPhrase"); 2312 const link = new URL(archiveSocialLink.href); 2313 2314 searchInput.addEventListener("input", function () { 2315 const searchPhrase = searchInput?.value.trim(); 2316 link.searchParams.set("query.terms[0].text", searchPhrase); 2317 archiveSocialLink.href = link.href; 2318 }); 2319 } 2320 const nextRequestSearch = document.getElementById("NextRequestSearch"); 2321 2322 if (nextRequestSearch) { 2323 const searchInput = document.getElementById("searchPhrase"); 2324 const link = new URL(nextRequestSearch.href); 2325 2326 searchInput.addEventListener("input", function () { 2327 const searchPhrase = searchInput?.value.trim(); 2328 link.searchParams.set("search_term", searchPhrase); 2329 nextRequestSearch.href = link.href; 2330 }); 2331 } 2332 }); 2333 </script>
2333 2334 2335 2336
2336<script type="text/javascript">function dynamicStretchContainers () {Core.Layout.stretchContainers('#siteSidebarTS');}</script>
2336 2337 2338 2339 2340 2341 2342 2343
2343<script src="/-1442400649.js" type="text/javascript"></script>
2343 2344 <!----------Google Translate (Mobile Friendly)---------> 2345<style> 2346 #google-translate-container { 2347 position: fixed; 2348 bottom: 10px; 2349 right: 20px; 2350 z-index: 5; 2351 } 2352 2353 /* Select element */ 2354 .goog-te-combo { 2355 -webkit-appearance: none; 2356 -moz-appearance: none; 2357 appearance: none; 2358 2359 width: 165px; 2360 height: 32px; 2361 border-radius: 50px; 2362 background-color: white; 2363 2364 background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png"); 2365 background-position: 5px 5px; 2366 background-size: 22px; 2367 background-repeat: no-repeat; 2368 padding-left: 30px; 2369 margin: 0 !important; 2370 } 2371 2372 .google-translate-dropdown-arrow { 2373 position: absolute; 2374 top: 10px; 2375 right: 14px; 2376 border: solid black; 2377 border-width: 0 3px 3px 0; 2378 display: inline-block; 2379 padding: 3px; 2380 pointer-events: none; 2381 2382 transform: rotate(45deg); 2383 -webkit-transform: rotate(45deg); 2384 } 2385 2386 /* Google.com practice - hidden element */ 2387 .goog-te-gadget { 2388 position: absolute; 2389 width: 1px; 2390 height: 1px; 2391 padding: 0; 2392 margin: 0; 2393 2394 overflow: hidden; 2395 white-space: nowrap; 2396 clip: rect(1px, 1px, 1px, 1px); 2397 2398 z-index: -1000; 2399 } 2400</style> 2401 2402<div id="google-translate-container"> 2403 <i class="google-translate-dropdown-arrow"></i> 2404</div>
2405<script> 2406 function googleTranslateInit() { 2407 new google.translate.TranslateElement({ pageLanguage: "en" }, "google-translate-container"); 2408 2409 // Move select to parent container, so "Powered by Google Translate" can be made invisible 2410 const select = $(".goog-te-combo").detach(); 2411 $("#google-translate-container").append(select); 2412 } 2413 2414 $(function() { 2415 $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateInit"); 2416 }); 2417</script>
2417 2418<!--------------End Google Translate-----------------> 2419
2420<script type="module" data-hash="397afc312b694b9daba74eadff19a124" id="frase-script" src="https://answers-script.frase.io/bot.js"></script>
2420 2421
2422<script src="https://cdn-residentagent.civicplus.com/loader.js"></script>
vendor: 2 bytes, line 2422
2422
2423<script> 2424 window.ResidentAgentWidget.load({ 2425 agentId: 'cfaf506a-bbe4-49db-8efd-d1bb868fd4c9', 2426 apiUrl: 'https://residentagent-api-production.azurewebsites.net' 2427 }); 2428</script>
2428<!-- AudioEye -->
2428<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash="a68cf7e67ecc99f661295701561283f4";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>
2428 <!-- End AudioEye --> 2429 2430 2431
2431<script type="text/javascript"> 2432 $(function () { 2433 document.cookie = "responsiveGhost=0; path=/"; 2434 }); 2435 $(window).on("load", function () { 2436 $('body').addClass('doneLoading').removeClass('hideContent'); 2437 2438 if ($('#404Content').length > 0) 2439 $('div#bodyWrapper').css('padding', '0px'); 2440 }); 2441 </script>
2441 2442 2443 <noscript> 2444 <style> 2445 body.hideContent { 2446 opacity: 1 !important; 2447 } 2448 </style> 2449 </noscript> 2450 2451 2452<div style="display: none;"> 2453 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2454 2455 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2456 <title>Arrow Left</title> 2457 <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> 2458 </symbol> 2459 2460 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2461 <title>Arrow Right</title> 2462 <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> 2463 </symbol> 2464 2465 </svg> 2466</div> 2467
2467<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Montserrat:500,500italic,600,600italic,700,700italic,800,italic,regular|Open+Sans:600,700,800,italic,regular|');</script>
2467 2468 2469 2470 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2471 <div style="display: none;"> 2472 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2473 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2474 <title>Slideshow Left Arrow</title> 2475 <g> 2476 <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> 2477 </g> 2478 </symbol> 2479 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2480 <title>Slideshow Right Arrow</title> 2481 <g> 2482 <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> 2483 </g> 2484 </symbol> 2485 </svg> 2486 </div> 2487 2488 2489 2490 2491 <div id="root-picker-outlet"></div> 2492</body> 2493</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.