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-VS22VQY2JN';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="rgb(30, 57, 94)"> 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 ⢠Pensacola, FL ⢠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="/583370419.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="13" /> 395 <input type="hidden" id="hdnContentCollectionID" value="966d6571-f72c-49b2-9ba1-311a08f17f19" /> 396 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 397 <input type="hidden" id="hdnThemeID" value="110" /> 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<style> 409@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700); 410.alertText .customAlert { 411 color: #EAEAEA; 412 display: inline-block; 413 font-family: 'Open Sans Condensed', sans-serif; 414 text-transform: uppercase; 415 font-weight: bold; 416 height: 27px; 417 left: 57px; 418 line-height: 27px; 419 overflow: hidden; 420 position: absolute; 421 top: 15px; 422 white-space: nowrap; 423 width: 268px; 424} 425</style> 426 <div id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: #222222;"> 427 <div id="1_divAlertToolbarInner" class="alertToolbarInner" style="font-size: 16px;"> 428 <a href="/AlertCenter.aspx" id="1_lnkAlertText" class="alertText" style="border-right: 1px solid #000000;"> 429 <img src="/ImageRepository/Document?documentID=27281" id="1_imgDot" alt="Emergency Alert" class="redDot" /> 430 <span id="1_customAlert" class="customAlert">NATURAL GAS CUSTOMER</span> 431 </a> 432 <span id="1_spnAlertContainer" class="alertContainer"><a href="https://cityofpensacola.com/DocumentCenter/View/27907/Post-Judgment-Notice" target="_blank" class="alert" style="border-left: 1px solid #635e65; border-right: 1px solid #000000;background: #030303 url(/Common/images/AlertCenter/alertBarBlackTextBckg.png) repeat-x; color: #FFFFFF;"> 433 IMPORTANT NOTICE OF SETTLEMENT: If you were a Natural Gas Customer after Aug. 5, 2011, you may be entitled to a refund of portions of your payments. 434 <span style="color: #FC4C2F;">CLICK HERE FOR MORE INFO ABOUT THE SETTLEMENT</span> 435</a> 436</span> 437 </div> 438 </div> 439 <div id="1_divAlertBarEmpty" class="alertBarEmpty"></div> 440 441 442 443 444<!-- Begin Signed Out Bar --> 445<div class="cpToolbar user public"> 446 <div class="inner selfClear"> 447 <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> 448 <ul class="nav secondary"> 449 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 450 </ul> 451 </div> 452</div>
453<script> 454 $(document).ready(function () { 455 $('#signedOutToolbarCreateProfileButton').click(function (event) { 456 event.preventDefault(); 457 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 458 }); 459 460 461 $('#loggedOutToolbarSignInButton').click(function (event) { 462 event.preventDefault(); 463 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 464 }); 465 466 467 if ('False' == 'True') { 468 $('#loggedOutToolbarSignInButton').hide(); 469 } 470 }) 471</script>
471 472<!-- End Signed Out Bar --> 473 474 </div> 475 <div id="bodyWrapper"> 476 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 477 478<div data-cpRole="structuralContainer" id="bodyContainerTS"> 479<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"><div class="inner"><div class="inner"> 480<div class="siteWrap4" id="flexHeaderTS"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 481 482 483 484 485 <a id="bannerLogoTS-401" style=" display: block; text-align: center; 486" class="bannerObject" href="/" target="_self"><img alt="City of Pensacola Florida Home Page" class="bannerObject" height="140" src="/ImageRepository/Document?documentID=28659" width="600" /></a> 487</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 488<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 489--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 490 --><!-- 491 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavCityGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/City-Government" target = "_self" > City Government </a> <!-- 492 --><!-- 493 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 494 --><!-- 495 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavResidents" class="navMainItem mainNavItem mainNavItem2 " href="/31/Residents" target = "_self" > Residents </a> <!-- 496 --><!-- 497 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 498 --><!-- 499 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem3 " href="/101/Business" target = "_self" > Business </a> <!-- 500 --><!-- 501 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 502 --><!-- 503 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavVisiting" class="navMainItem mainNavItem mainNavItem4 " href="/35/Visiting" target = "_self" > Visiting </a> <!-- 504 --><!-- 505 --></li><!----><li id="MainItem2758" class="topMenuItem" role="none" data-pageid="2758" data-displaymegamenu="True"><!-- 506 --><!-- 507 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu2758" id = "mainNavOnlineServices" class="navMainItem mainNavItem mainNavItem5 " href="/2758/Online-Services" target = "_self" > Online Services </a> <!-- 508 --><!-- 509 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 510 --><!-- 511 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem6 " href="/9/How-Do-I" target = "_self" > How Do I? </a> <!-- 512 --><!-- 513 --></li><!----> 514</ol> 515 516 517
517<script type="text/javascript"> 518 (function () { 519 function setupMenu() { 520 const menuID = 'mainNavMenu'; 521 const menuType = MAIN_MENU; 522 523 //setup menu manager properties for main menu 524 if (!menuManager.mobileMainNav && true) 525 menuManager.adjustMainItemsWidth('#' + menuID); 526 menuManager.isMainMenuEditable = false; 527 menuManager.mainMenuMaxSubMenuLevels = 4; 528 menuManager.setMOMMode(2, menuType); 529 530 //Init main menu 531 const setupDraggable = menuManager.isMainMenuEditable; 532 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=82&themeID=110&menuContainerID=mainNav'; 533 534 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 535 menuManager.mainMenuInit = true; 536 menuManager.mainMenuTextResizer = true; 537 if (1.00 > 0) 538 menuManager.mainMenuTextResizerRatio = 1.00; 539 if (window.isResponsiveEnabled) 540 menuManager.mainMenuReady.resolve(); 541 542 } 543 544 if (document.readyState === "complete" 545 || document.readyState === "loaded" 546 || document.readyState === "interactive") { 547 setupMenu(); 548 return; 549 } 550 551 document.addEventListener("DOMContentLoaded", setupMenu); 552 })(); 553 </script>
553 554 555 556<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="0"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc9563ed49-06c7-4a21-885f-5fe7b540e580" data-containerid="9563ed49-06c7-4a21-885f-5fe7b540e580" class="pageContent cpGrid cpGrid24 showInMobile"> 557 558 559 560 561 </div> 562</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc079528ea-b5ea-4db9-b739-f503ff84de8c" data-containerid="079528ea-b5ea-4db9-b739-f503ff84de8c" class="pageContent cpGrid cpGrid24 showInMobile"> 563 564 565 566 567 </div> 568</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cccc62630e-2aa6-485f-9b82-19e3c962ae20" data-containerid="cc62630e-2aa6-485f-9b82-19e3c962ae20" class="pageContent cpGrid cpGrid24 showInMobile"> 569 570 571 572 573 </div> 574</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cca89dc9fb-d230-40ce-8d3e-f2d1858d87ad" data-containerid="a89dc9fb-d230-40ce-8d3e-f2d1858d87ad" class="pageContent cpGrid cpGrid24 showInMobile"> 575 576 577 578 579 </div> 580</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2758" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2758 hidden" data-orientation="horizontal"> <div id="cc8df7dfa2-b184-4197-9059-3c7384de392a" data-containerid="8df7dfa2-b184-4197-9059-3c7384de392a" class="pageContent cpGrid cpGrid24 showInMobile"> 581 582 583 584 585 </div> 586</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc391353aa-c5df-4984-812b-142852742cf0" data-containerid="391353aa-c5df-4984-812b-142852742cf0" class="pageContent cpGrid cpGrid24 showInMobile"> 587 588 589 590 591 </div> 592</aside></aside></nav></div></div></div> 593</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 594<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 595<div data-cpRole="structuralContainer" id="bannerSearchTS"> 596<div class="siteWrap4"><div data-cpRole="contentContainer" id="searchTS1"> <div id="ccffff5f40-7511-4a79-a92e-03cd41e35536" data-containerid="ffff5f40-7511-4a79-a92e-03cd41e35536" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="28"> 597 598 599 <div class="row outer wide"><!-- 600--><div class="outer col col9 first" style="" data-widgetcontainerid="e8ab211a-09e7-4e43-a121-bfd0ca62341d">� 601 <div class="row nest first last wide">� 602 603 <div class="inner col col9 first last idd67a102e-3788-4309-8153-9ac5cf5d4eeb" style="" data-widgetcontainerid="d67a102e-3788-4309-8153-9ac5cf5d4eeb">� 604<div data-widget-id="3e993534-15c9-4709-9c05-f3a06ba8c080" data-widget-controller-path="/GraphicLinks/Widget"> 605 606 607 608 609<div id="graphicLinkWidget3e993534-15c9-4709-9c05-f3a06ba8c080" class="widget widgetGraphicLinks skin96 widgetOptionSet69 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 610 <div class="widgetHeader"> 611 <div class=""> 612 </div> 613 </div> 614 <div class="widgetBody cpGrid cpGrid4 "> 615 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 616 <div class="row autoWidths center wide"> 617 <!-- 618--><div class="col col1 first "><ul class="semanticList"><!-- 619 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://cityofpensacola.com/facebook" target="_self"> 620 621<img src="/ImageRepository/Document?documentID=28710" 622 class="graphicButtonLink" alt="Facebook" 623 onmouseover="this.src='/ImageRepository/Document?documentID=28710'" 624 onmouseout="this.src='/ImageRepository/Document?documentID=28710'" 625 onfocus="this.src='/ImageRepository/Document?documentID=28710'" 626 onblur="this.src='/ImageRepository/Document?documentID=28710'"> 627</a></li><!-- 628--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 629 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://cityofpensacola.com/twitter" target="_self"> 630 631<img src="/ImageRepository/Document?documentID=28720" 632 class="graphicButtonLink" alt="X" 633 onmouseover="this.src='/ImageRepository/Document?documentID=28720'" 634 onmouseout="this.src='/ImageRepository/Document?documentID=28720'" 635 onfocus="this.src='/ImageRepository/Document?documentID=28720'" 636 onblur="this.src='/ImageRepository/Document?documentID=28720'"> 637</a></li><!-- 638--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 639 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://cityofpensacola.com/youtube" target="_self"> 640 641<img src="/ImageRepository/Document?documentID=28721" 642 class="graphicButtonLink" alt="YouTube" 643 onmouseover="this.src='/ImageRepository/Document?documentID=28721'" 644 onmouseout="this.src='/ImageRepository/Document?documentID=28721'" 645 onfocus="this.src='/ImageRepository/Document?documentID=28721'" 646 onblur="this.src='/ImageRepository/Document?documentID=28721'"> 647</a></li><!-- 648--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 649 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://cityofpensacola.com/instagram" target="_self"> 650 651<img src="/ImageRepository/Document?documentID=28711" 652 class="graphicButtonLink" alt="Instagram" 653 onmouseover="this.src='/ImageRepository/Document?documentID=28711'" 654 onmouseout="this.src='/ImageRepository/Document?documentID=28711'" 655 onfocus="this.src='/ImageRepository/Document?documentID=28711'" 656 onblur="this.src='/ImageRepository/Document?documentID=28711'"> 657</a></li><!-- 658--></ul></div><!-- --> 659 </div> 660 </nav> 661 </div> 662 <div class="widgetFooter"> 663 </div> 664</div> 665</div> 666 667 </div> <!-- inner column --> 668 669 </div> <!-- inner row --> 670 671 </div><!-- outer column --><!----><div class="outer col col15 last" style="" data-widgetcontainerid="1564e0d9-0b5a-4ade-876f-72804ebf7489">� 672 <div class="row nest first last wide">� 673 674 <div class="inner col col15 first last id28b3c196-45f7-4370-adb8-897ff4629b83" style="" data-widgetcontainerid="28b3c196-45f7-4370-adb8-897ff4629b83">� 675<div data-widget-id="c0f06967-8f43-4071-83ee-099909e1fa3d" data-widget-controller-path="/Layout/WidgetSearch"> 676 677
677<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
677 678
678<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
678 679
679<script defer type="text/javascript"> 680 681 $(document).ready(function () { 682 try { 683 // Minimum characters required before performing a search/autocomplete 684 var minPrefixLength = 3; 685 var autoCompleteDebounceDelay = 500; 686 var searchFieldSelector = "#searchField" + 'c0f06967-8f43-4071-83ee-099909e1fa3d'; 687 var checkboxSelector = "#ysnSearchOnlyDept" + 'c0f06967-8f43-4071-83ee-099909e1fa3d'; 688 var buttonSelector = ".widgetSearchButton" + 'c0f06967-8f43-4071-83ee-099909e1fa3d'; 689 var autoCompleteCache = {}; 690 var autoCompleteCacheKeys = []; 691 var autoCompleteCacheLimit = 25; 692 var currentAutoCompleteRequest = null; 693 var currentAutoCompleteRequestKey = null; 694 var autoCompleteDebounceTimer = null; 695 var autoCompleteDebounceKey = null; 696 var pendingAutoCompleteResponses = []; 697 698 function normalizeAutoCompleteTerm(term) { 699 return $.trim((term || "") + "").replace(/\s+/g, " "); 700 } 701 702 function shouldSearch(term) { 703 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 704 } 705 706 function getAutoCompleteUrl() { 707 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 708 } 709 710 function getAutoCompleteCacheKey(requestUrl, term) { 711 return requestUrl + "|" + term.toLowerCase(); 712 } 713 714 function cacheAutoCompleteResult(cacheKey, data) { 715 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 716 autoCompleteCacheKeys.push(cacheKey); 717 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 718 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 719 } 720 } 721 autoCompleteCache[cacheKey] = data; 722 } 723 724 function respondToPendingAutoComplete(data) { 725 var responses = pendingAutoCompleteResponses; 726 pendingAutoCompleteResponses = []; 727 for (var i = 0; i < responses.length; i++) { 728 responses[i](data); 729 } 730 } 731 732 function cancelPendingAutoComplete() { 733 clearTimeout(autoCompleteDebounceTimer); 734 autoCompleteDebounceKey = null; 735 if (currentAutoCompleteRequest != null) { 736 currentAutoCompleteRequest.abort(); 737 currentAutoCompleteRequest = null; 738 } 739 currentAutoCompleteRequestKey = null; 740 respondToPendingAutoComplete([]); 741 } 742 743 function createWidgetAutoCompleteSource(options) { 744 return function (request, response) { 745 var term = normalizeAutoCompleteTerm(request.term); 746 if (!options.shouldSearch(term)) { 747 response([]); 748 return; 749 } 750 751 var requestUrl = options.url(); 752 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 753 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 754 response(autoCompleteCache[cacheKey]); 755 if (options.success) { 756 options.success(autoCompleteCache[cacheKey]); 757 } 758 return; 759 } 760 761 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 762 pendingAutoCompleteResponses.push(response); 763 return; 764 } 765 766 cancelPendingAutoComplete(); 767 autoCompleteDebounceKey = cacheKey; 768 pendingAutoCompleteResponses.push(response); 769 autoCompleteDebounceTimer = setTimeout(function () { 770 autoCompleteDebounceKey = null; 771 currentAutoCompleteRequestKey = cacheKey; 772 currentAutoCompleteRequest = $.ajax({ 773 url: requestUrl, 774 dataType: "json", 775 timeout: options.timeout, 776 data: { 777 term: term, 778 }, 779 success: function (data) { 780 if (currentAutoCompleteRequestKey === cacheKey) { 781 cacheAutoCompleteResult(cacheKey, data); 782 respondToPendingAutoComplete(data); 783 if (options.success) { 784 options.success(data); 785 } 786 } 787 }, 788 error: function (xmlhttprequest, textstatus, message) { 789 if (textstatus === "abort") { 790 return; 791 } 792 793 if (options.error) { 794 options.error(xmlhttprequest, textstatus, message); 795 } 796 797 respondToPendingAutoComplete([]); 798 }, 799 complete: function (xmlhttprequest) { 800 if (currentAutoCompleteRequest === xmlhttprequest) { 801 currentAutoCompleteRequest = null;
802 currentAutoCompleteRequestKey = null; 803 } 804 } 805 }); 806 }, options.delay); 807 }; 808 } 809 810 // click handler for search buttons 811 $(buttonSelector).click(function (e) { 812 e.preventDefault(); 813 var $btn = $(this); 814 var $field = $btn.siblings(".widgetSearchBox"); 815 var term = $field.val() + ""; 816 if (!shouldSearch(term)) { 817 // do nothing until user types enough characters 818 $field.focus(); 819 return; 820 } 821 822 if ($(checkboxSelector).is(':checked') || false) 823 { 824 doWidgetSearch($.trim(term), Number(0)); 825 } 826 else { 827 doWidgetSearch($.trim(term), 0); 828 } 829 }); 830 831 // enter key handler for the search field 832 $(searchFieldSelector).keypress(function (e) { 833 var code = e.which || e.keyCode; 834 if (code === 13) { 835 e.preventDefault(); 836 var $this = $(this); 837 var term = $this.val() + ""; 838 if (!shouldSearch(term)) { 839 // do nothing until user types enough characters 840 $this.focus(); 841 return false; 842 } 843 844 if ($(checkboxSelector).is(':checked') || false) { 845 doWidgetSearch($.trim(term), Number(0)); 846 } else { 847 doWidgetSearch($.trim(term), 0); 848 } 849 return false; 850 } 851 return true; 852 }); 853 854 // autocomplete: set minLength and guard source 855 if (true) { 856 var $searchField = $(searchFieldSelector).autocomplete({ 857 minLength: minPrefixLength, 858 source: createWidgetAutoCompleteSource({ 859 delay: autoCompleteDebounceDelay, 860 timeout: 10000, 861 shouldSearch: shouldSearch, 862 url: getAutoCompleteUrl, 863 success: function () { 864 $('.autoCompleteError').remove(); 865 }, 866 error: function (xmlhttprequest, textstatus, message) { 867 if (textstatus === "timeout") { 868 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 869 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 870 } 871 } 872 }), 873 html: true, 874 delay: 0, 875 select: function (event, ui) { 876 $(this).val(ui.item.value); 877 $(this).next().click(); 878 } 879 }); 880 881 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 882 return $("<li class=\"itemList\"></li>") 883 .data("ui-autocomplete-item", item) 884 .append("<a>" + item.label + "</a>") 885 .appendTo(ul); 886 }; 887 } 888 889 // keep searchBtnApplyQuery consistent with prefix rule 890 window.searchBtnApplyQuery = function() { 891 var $field = $(searchFieldSelector); 892 var term = $field.val() + ""; 893 if (shouldSearch(term)) { 894 // update href for the icon/button (if present) 895 var btn = document.getElementById("btnSearchIcon"); 896 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 897 } else { 898 var btn = document.getElementById("btnSearchIcon"); 899 if (btn) btn.href = "#"; 900 } 901 }; 902 } 903 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. 904 }); 905 </script>
905 906 907 <section id="widgetPreviewSearch" class="widget widgetSearch skin91 widgetOptionSet81" style="display: block;" aria-label="Search"> 908 <!-- For the button right and inside --> 909 <div class="widgetBody buttonRightInside"> 910 <input class="widgetSearchBox widgetSearchBoxc0f06967-8f43-4071-83ee-099909e1fa3d" cp5ph="true" id="searchFieldc0f06967-8f43-4071-83ee-099909e1fa3d" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 911 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonc0f06967-8f43-4071-83ee-099909e1fa3d" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=28695" data-image="/ImageRepository/Document?documentID=28694" src="/ImageRepository/Document?documentID=28694" /></a> 912 913 <label class="searchLabel" aria-hidden="true" for="searchFieldc0f06967-8f43-4071-83ee-099909e1fa3d">Search</label> 914 </div> 915 916 </section> 917 918 919<style scoped> 920 921 .widgetSearch ::-webkit-input-placeholder { 922 color: #fff; 923 } 924 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 925 color: #fff; 926 } 927 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 928 color: #fff; 929 } 930 .widgetSearch :-ms-input-placeholder { 931 color: #fff; 932 } 933 934 935 .widgetSearch .widgetBody .widgetSearchBoxc0f06967-8f43-4071-83ee-099909e1fa3d 936 { 937 color: #fff; 938 background-color: transparent; 939border: none; 940border-left: solid 1px #2F99D5; 941height: 40px; 942font-family: Inter; 943font-size: 15px; 944padding: 0 46px 0 16px; 945 } 946 .widgetSearch .widgetBody .widgetSearchButtonc0f06967-8f43-4071-83ee-099909e1fa3d 947 { 948 949 } 950 .widgetSearch .widgetSearch-onlyDeptc0f06967-8f43-4071-83ee-099909e1fa3d 951 { 952 display: inline-block; 953 color: #333; 954 955 956 padding-top: 10px; 957 } 958 #ysnSearchOnlyDeptc0f06967-8f43-4071-83ee-099909e1fa3d 959 { 960 position: relative; 961 top: .125em; 962 } 963 964</style> 965 966<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 967<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 968 969 970
971<script type="text/javascript"> 972 //Updates search icons href to have the correct queryString 973 function searchBtnApplyQuery() { 974 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldc0f06967-8f43-4071-83ee-099909e1fa3d").value; 975 } 976</script>
976 977 978</div> 979 980 </div> <!-- inner column --> 981 982 </div> <!-- inner row --> 983 984 </div><!-- outer column --><!-- --></div> <!-- outer row --> 985 986 987 </div> 988</div></div> 989</div> 990</div> 991 992 993 994 995 <div id="bannerImagesJSON402" class="hidden"></div> 996 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 997 <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> 998 <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> 999 </div> 1000
1000<script type="text/javascript"> 1001 $(window).on("load", function () { 1002 $.when(window.Pages.rwdSetupComplete) 1003 .done(function () { 1004 renderExternalBannerSlideshow('banner1', 1005 {"BannerOptionID":402,"ThemeID":110,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":1600,"BannerOptionID":402,"FileName":"/ImageRepository/Document?documentID=28660","Height":400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":1601,"BannerOptionID":402,"FileName":"/ImageRepository/Document?documentID=28661","Height":400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":1602,"BannerOptionID":402,"FileName":"/ImageRepository/Document?documentID=28662","Height":400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":51,"BannerOptionID":402,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202511251136064163.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)\/"}, 1006 '/App_Themes/2025 - Interior/Images/', 1007 'Rotating'); 1008 }); 1009 }); 1010 </script>
1010 1011 1012</div> 1013</div><!-- Content container --><div data-cpRole="structuralContainer" id="backgroundOverlayTS"> 1014<div data-cpRole="structuralContainer" id="mainContainerTS"> 1015<div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 1016<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 1017<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc6ab5d395-c795-4c5e-a032-f9ef5b58e87f" data-containerid="6ab5d395-c795-4c5e-a032-f9ef5b58e87f" class="pageContent cpGrid cpGrid24 showInMobile"> 1018 1019 1020 1021 1022 </div> 1023</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1024 1025 1026 1027 1028 1029 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="4" class="rootNavMenu accordionNav"> 1030 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem576" data-pageid="576"> 1031 <div class="accordionNavItem"> 1032 <a href="/1/Home" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Home</a> 1033 </div> 1034 </li> 1035 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem577" data-pageid="577"> 1036 <div class="accordionNavItem"> 1037 <a href="/27/City-Government" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Government</a> 1038 </div> 1039 </li> 1040 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem578" data-pageid="578"> 1041 <div class="accordionNavItem"> 1042 <a href="/122/Departments-Divisions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Departments & Divisions</a> 1043 </div> 1044 </li> 1045 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem579" data-pageid="579"> 1046 <div class="accordionNavItem"> 1047 <a href="/257/City-Staff" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Staff Directory</a> 1048 </div> 1049 </li> 1050 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem580" data-pageid="580"> 1051 <div class="accordionNavItem"> 1052 <a href="/245/Contact" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Contact Us</a> 1053 </div> 1054 </li> 1055 1056 </ol> 1057 1058 1059
1059<script type="text/javascript"> 1060 (function () { 1061 function setupSecondaryMenuProperties() { 1062 //setup menu manager properties for secondary menu 1063 menuManager.isSideMenuEditable = false; 1064 menuManager.sideMenuMaxSubMenuLevels = 4; 1065 menuManager.sideMenuHasCustomLinks = true; 1066 } 1067 1068 if (document.readyState === "loading") { 1069 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1070 return; 1071 } 1072 1073 setupSecondaryMenuProperties(); 1074 })(); 1075 </script>
1075 1076 1077
1077<script type="text/javascript"> 1078 (function () { 1079 function setupAccordionSecondaryNav() { 1080 var $menuContainer = $('#secondaryNav'); 1081 1082 $menuContainer.find('*[id^="SideItem"]').each(function () { 1083 var ids = $('[id="' + this.id + '"]'); 1084 if (ids.length > 1) 1085 $.each(ids, function (index, value) { 1086 value.id = value.id + '_' + index; 1087 }); 1088 }); 1089 1090 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1091 e.preventDefault(); 1092 showHideAccordionMenuForSecondaryNav($(this)); 1093 }); 1094 1095 $menuContainer.find(".grippy").each(function () { 1096 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1097 }); 1098 1099 $menuContainer.find("li").each(function () { 1100 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1101 }); 1102 } 1103 1104 if (document.readyState === "loading") { 1105 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1106 return; 1107 } 1108 1109 setupAccordionSecondaryNav(); 1110 })(); 1111 </script>
1111 1112 1113 1114 1115</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc3e5b66b3-d3d1-4727-b38d-cf11adfefa89" data-containerid="3e5b66b3-d3d1-4727-b38d-cf11adfefa89" class="pageContent cpGrid cpGrid24 showInMobile"> 1116 1117 1118 1119 1120 </div> 1121</aside> 1122</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 1123<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1124<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 1125 <li><a class="breadCrumb" href="/">Home</a></li><li><a href class="breadCrumb" aria-current="page">Search</a></li> 1126 </ol> 1127 1128 1129 1130</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1131 1132 1133 1134 <div id="searchModuleContent" class="newCP moduleContentNew cp-search"> 1135 <div id="contentarea" class="contentMain selfClear"> 1136<div class="header"> 1137 <div class="graphic"> 1138 <a title="Search this site" href="/Search"> 1139 <img width="74" height="74" alt="Search icon" src="/Areas/Search/Assets/Images/HomeModuleIconLarge.png" /> 1140 </a> 1141 </div> 1142 <div class="text"> 1143 <h1><a href="/Search" title="Go back to the search home page">Search</a></h1> 1144 1145 </div> 1146</div> <div id="divSearch" class="cp-search-container"> 1147 <div id="divSearchStandard" class="cp-search-bar"> 1148 <label for="searchPhrase" class="visuallyhidden">Search</label> 1149 <div class="cp-search-barInner"> 1150 <input type="text" name="searchPhrase" 1151 id="searchPhrase" class="cp-search-input" 1152 placeholder="Type to begin your search..." 1153 value=""> 1154 <a href="#" class="searchSite cp-search-submit"> 1155 <svg id="iconSearch" viewbox="0 0 25 25"> 1156 <title>Submit Search</title> 1157 <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> 1158 </svg> 1159 </a> 1160 <input id="departmentId" type="hidden" value="-1"/> 1161 </div> 1162 </div> 1163 </div> 1164 <ol id="searchTabs" class="cp-Tabs-list" role="tablist" aria-label="Search tabs for site, agenda and minutes, municode and social" aria-orientation="horizontal"> 1165 <li id="cp-SearchTab-Site" class="cp-Tabs-tab is-active" role="tab" aria-controls="divSearchResults" aria-selected="true"> 1166 <a href="#siteSearch" id="siteSearch" class="cp-Tabs-link cp-Tabs-click-link"> 1167 <svg class="cp-Tabs-linkArrow"> 1168 <use xlink:href="#iconArrow--right"></use> 1169 </svg> 1170 Site Content 1171 </a> 1172 </li> 1173 <li id="cp-MuniCode-Site" class="cp-Tabs-tab" role="tab" aria-controls="divSearchResultsMuniCode" aria-selected="false"> 1174 <a href="#MuniCodeSearch" id="MuniCodeSearch" class="cp-Tabs-link cp-Tabs-click-link"> 1175 <svg class="cp-Tabs-linkArrow"> 1176 <use xlink:href="#iconArrow--right"></use> 1177 </svg> 1178 Municipal Code 1179 </a> 1180 </li> 1181 </ol> 1182 <fieldset id="divMunicodeStrip" style="display: none; margin-bottom: 2rem;"> 1183 <legend>Search Criteria</legend> 1184 <label class="ae-label"> 1185 <input checked="checked" id="searchCodes" name="MuniCodeSearchCriteria" type="radio" value="Codes" /> 1186 Codes 1187 </label> 1188 <label class="ae-label"> 1189 <input id="searchOrdinances" name="MuniCodeSearchCriteria" type="radio" value="Ordinances" /> 1190 Ordinances 1191 </label> 1192 <label class="ae-label"> 1193 <input id="searchDocuments" name="MuniCodeSearchCriteria" type="radio" value="Documents" /> 1194 Documents 1195 </label> 1196 </fieldset> 1197 <div id="divSearchResultsMuniCode" class="cp-search-results" style="display:none;" role="tabpanel" aria-labelledby="cp-MuniCode-Site"> 1198 </div> 1199 1200<div class="cp-search-typeToggle"> 1201 <a id="advancedSearch" href="#advancedSearch" style="display: inline-block;">Advanced Search</a> 1202 <a id="standardSearch" href="#standardSearch" style="display: none;">Standard Search</a> 1203</div> 1204<div id="divSearchAdvanced"> 1205 <div id="advSearchForm" class="cp-search-advanced cp-search-advanced--hidden" aria-expanded="true">
1206 <table border="0" cellpadding="0" cellspacing="0" class="cp-search-advancedTable"> 1207 <tbody> 1208 <tr> 1209 <td colspan="2" class="cp-search-advancedHeader"> 1210 Find pages with... 1211 </td> 1212 <td class="cp-search-advancedInstruction cp-search-advancedHeader"> 1213 To do this in the search box 1214 </td> 1215 </tr> 1216 <tr> 1217 <td> 1218 <label for="txtSearchAnd"><span class="cp-search-advancedHeader">all</span> these words:</label> 1219 </td> 1220 <td> 1221 <input class="advSearchBox" name="txtSearchAnd" type="text" id="txtSearchAnd" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1222 </td> 1223 <td class="cp-search-advancedInstruction"> 1224 Enter your key words: <span class="cp-search-advancedCode">sugar glider</span> 1225 </td> 1226 </tr> 1227 <tr> 1228 <td> 1229 <label for="txtSearchPhrase">this <span class="cp-search-advancedHeader">exact word or phrase</span>:</label> 1230 </td> 1231 <td> 1232 <input class="advSearchBox" name="txtSearchPhrase" type="text" id="txtSearchPhrase" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1233 </td> 1234 <td class="cp-search-advancedInstruction"> 1235 Use quotes for exact phrases: <span class="cp-search-advancedCode">âsugar gliderâ</span> 1236 </td> 1237 </tr> 1238 <tr> 1239 <td> 1240 <label for="txtSearchOr"><span class="cp-search-advancedHeader">any</span> of these words:</label> 1241 </td> 1242 <td> 1243 <input class="advSearchBox" name="txtSearchOr" type="text" id="txtSearchOr" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1244 </td> 1245 <td class="cp-search-advancedInstruction"> 1246 Type OR between the key words you want included: <span class="cp-search-advancedCode">marsupial OR pet</span> 1247 </td> 1248 </tr> 1249 <tr> 1250 <td> 1251 <label for="txtSearchNot"><span class="cp-search-advancedHeader">none</span> of these words:</label> 1252 </td> 1253 <td> 1254 <input class="advSearchBox" name="txtSearchNot" type="text" id="txtSearchNot" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1255 </td> 1256 <td class="cp-search-advancedInstruction"> 1257 Use a minus sign before words you donât want included: <span class="cp-search-advancedCode">-chair âpastry</span> 1258 </td> 1259 </tr> 1260 <tr> 1261 <td colspan="3" class="cp-search-advancedHeader"> 1262 Then narrow your results by... 1263 </td> 1264 </tr> 1265 <tr> 1266 <td> 1267 <label for="SearchContentType"><span>Content Type</span>:</label> 1268 </td> 1269 <td> 1270 <select id="SearchContentType" name="SearchContentType"> 1271 <option value="all" selected="selected">All Content</option> 1272 <option value="activities">Activities</option> 1273 <option value="agendas">Agendas</option> 1274 <option value="alerts">Alerts</option> 1275 <option value="bids">Bids</option> 1276 <option value="calendar">Calendar</option> 1277 <option value="civicsend">CivicSend</option> 1278 <option value="documents">Documents</option> 1279 <option value="faqs">FAQs</option> 1280 <option value="forms">Forms</option> 1281 <option value="images">Images</option> 1282 <option value="news">News</option> 1283 <option value="people">People</option> 1284 <option value="places">Places</option> 1285 <option value="social">Social</option> 1286 1287 <option value="webpages">Webpages</option> 1288 </select> 1289 </td> 1290 </tr> 1291 <tr> 1292 <td> 1293 <label for="selectedDepartmentHeader"><span class="bold">Department</span>:</label> 1294 </td> 1295 <td> 1296 <select id="selectedDepartmentHeader" name="DepartmentId"><option value="">All</option> 1297<option value="0">None</option> 1298<option value="132">Parks & Recreation</option> 1299<option value="683">Port of Pensacola | City of Pensacola</option> 1300<option value="711">Pensacola Fire Department</option> 1301<option value="733">Pensacola Police Department | City of Pensacola</option> 1302<option value="735">
1302Vince J. Whibbs Sr. Community Maritime Park | City of Pensacola</option> 1303<option value="2797">Parks & Recreation</option> 1304<option value="2798">Community Maritime Park</option> 1305<option value="2799">City DBE on Home</option> 1306<option value="2928">Transition Team</option> 1307<option value="3451">Performance Pensacola</option> 1308<option value="3645">City Rebrand</option> 1309<option value="3650">CP Pensacola Police Department</option> 1310</select> 1311 </td> 1312 </tr> 1313 </tbody> 1314 </table> 1315 </div> 1316</div> 1317 <div id="divSearchResults" class="cp-search-results" role="tabpanel" aria-labelledby="cp-SearchTab-Site"> 1318 1319 1320<div id="divMainContentSearch"> 1321 <!-- cp-search-resultsLoading --> 1322 <h2 class="visuallyhidden">Search Results</h2> 1323<div data-currentpage="1"> 1324 <input id="UseAutoComplete" name="UseAutoComplete" type="hidden" value="True" /> 1325 1326 <p class="cp-search-status"> 1327 </p> 1328</div> 1329 </div>
1330<script type="text/javascript"> 1331 $('#paginationOption').change(function () { 1332 loadSearchResultPageList(1, $('#paginationOption').val()); 1333 }); 1334 1335 var autoExpandAdvancedSearch = 'false'; 1336 1337 if (autoExpandAdvancedSearch == 'true') { 1338 $('.cp-search-advanced').attr('aria-expanded', 'true'); 1339 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 1340 $('#standardSearch').show(); 1341 $('#advancedSearch').hide(); 1342 } 1343 1344 //Remove invaild tag(strong) from href for search site result. 1345 $("a[href*='strong']").each(function () { 1346 var validHref = $(this).attr('href').replace(/<strong>/gi, '').replace(/<\/strong>/gi, ''); 1347 $(this).attr('href', validHref); 1348 }); 1349 1350 $('input[type=radio][name=SearchCriteria]').unbind('change').change(function () { 1351 loadCivicClerkIndexResults(0, 10); 1352 }); 1353 1354 $('input[type=radio][name=MuniCodeSearchCriteria]').unbind('change').change(function () { 1355 loadMunicodeSearch(1, 10); 1356 }); 1357 1358 $('.cp-Tabs-click-link').unbind('click').click(function (e) { 1359 var $this = $(this); 1360 loadTabResults($this); 1361 return false; 1362 }); 1363</script>
1363 1364 1365 </div> 1366 </div> 1367 </div> 1368 1369 1370 <div class="newCP"> 1371 1372 </div> 1373</div> 1374</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="cca118f5d9-47d6-4740-a97c-f0aaa5888f8e" data-containerid="a118f5d9-47d6-4740-a97c-f0aaa5888f8e" class="pageContent cpGrid cpGrid24 showInMobile"> 1375 1376 1377 1378 1379 </div> 1380</aside> 1381</div> 1382</div></div> 1383</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1384<div class="siteWrap4"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc5eaad601-e4b6-4ae0-9f6b-7a17dec20be4" data-containerid="5eaad601-e4b6-4ae0-9f6b-7a17dec20be4" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 1385 1386 1387 <div class="row outer wide"><!-- 1388--><div class="outer col col8 first" style="" data-widgetcontainerid="acf809c1-e901-4571-902a-4d1c1bd28a12">� 1389 <div class="row nest first last wide">� 1390 1391 <div class="inner col col8 first last id7f146f71-5330-4f78-ae2b-ee8acd1431b4" style="" data-widgetcontainerid="7f146f71-5330-4f78-ae2b-ee8acd1431b4">� 1392<div data-widget-id="c8aee4bd-c943-4872-874a-d04d8bc077ca" data-widget-controller-path="/GraphicLinks/Widget"> 1393 1394 1395 1396 1397<div id="graphicLinkWidgetc8aee4bd-c943-4872-874a-d04d8bc077ca" class="widget widgetGraphicLinks skin94 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:21em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1398 <div class="widgetHeader"> 1399 <div class=""> 1400 </div> 1401 </div> 1402 <div class="widgetBody cpGrid cpGrid2 "> 1403 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1404 <div class="row wide"> 1405 <!-- 1406--><div class="col col1 first "><ul class="semanticList"><!-- 1407 --><li class="widgetItem GraphicLinks"> 1408 1409<div> 1410 <a href="https://myaccount.pensacolaenergy.gov/" target="_blank" class="fancyButton fancyButton1856 " aria-label="Pay Your Bill Opens in new window"> 1411 <span> 1412 <span><span class="text">Pay Your Bill</span></span> 1413 </span> 1414 </a> 1415</div> 1416 <style scoped="scoped">.fancyButton1856.fancyButton:link,.fancyButton1856.fancyButton:visited, .fancyButton1856div.fancyButton{ 1417 background-repeat: no-repeat; 1418 background-position: left top; 1419position: relative; 1420} 1421 1422.fancyButton1856:after { 1423content: ""; 1424position: absolute; 1425background-color: #2F99D5; 1426border: solid 5px #FFF; 1427height: 120px; 1428width: 120px; 1429border-radius: 50%; 1430box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; 1431top: 23px; 1432left: 50%; 1433transform: translateX(-50%); 1434transition: all .3s ease-in-out; 1435box-sizing: border-box; 1436} 1437 1438.fancyButton1856:before { 1439content: ""; 1440position: absolute; 1441background: url(/ImageRepository/Document?documentID=28671) center no-repeat; 1442background-size: contain; 1443height: 0; 1444width: 0; 1445top: 83px; 1446left: 50%; 1447transform: translateX(-50%); 1448transition: all .3s ease-in-out;} 1449.fancyButton1856.fancyButton:hover,.fancyButton1856.fancyButton:focus,.fancyButton1856.fancyButton:active,.fancyButton1856.fancyButton.hover{ 1450 background-repeat: no-repeat; 1451 background-position: left top; 1452} 1453 1454.fancyButton1856:is(:hover,:focus,:active):before { 1455top: 0; 1456height: 126px; 1457width: 162px;} 1458.fancyButton1856.fancyButton:link > span,.fancyButton1856.fancyButton:visited > span, .fancyButton1856div.fancyButton > span{ 1459} 1460.fancyButton1856.fancyButton:hover > span,.fancyButton1856.fancyButton:focus > span,.fancyButton1856.fancyButton:active > span,.fancyButton1856.fancyButton.hover > span{ 1461} 1462.fancyButton1856.fancyButton .text{ 1463 color: rgb(50, 48, 39); 1464 font-size: 1.2em; 1465 font-family: "Inter"; 1466 padding-top: 162px; 1467 font-weight: 500; 1468 text-decoration: none; 1469 padding-top: 162px; 1470 background-image: url('/ImageRepository/Document?documentID=28668'); 1471 background-repeat: no-repeat; 1472 background-position: center 40px ; 1473position: relative; 1474z-index: 2; 1475line-height: 1.2; 1476background-size: 86px; 1477transition: all .3s ease-in-out; 1478-webkit-transition: all .3s ease-in-out; 1479} 1480.fancyButton1856.fancyButton:hover .text,.fancyButton1856.fancyButton:focus .text,.fancyButton1856.fancyButton:active .text,.fancyButton1856.fancyButton.hover .text{ 1481 text-decoration: underline; 1482 background-repeat: no-repeat; 1483 background-position: center 35px ; 1484background-size: 96px; 1485} 1486</style> 1487 1488 </li><!-- 1489--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1490 --><li class="widgetItem GraphicLinks"> 1491 1492<div> 1493 <a href="https://parkpensacola.com/" target="_self" class="fancyButton fancyButton1927 " > 1494 <span> 1495 <span><span class="text">Park Pensacola</span></span> 1496 </span> 1497 </a> 1498</div> 1499 <style scoped="scoped">.fancyButton1927.fancyButton:link,.fancyButton1927.fancyButton:visited, .fancyButton1927div.fancyButton{ 1500 background-repeat: no-repeat; 1501 background-position: left top; 1502position: relative; 1503} 1504 1505.fancyButton1927:after { 1506content: ""; 1507position: absolute; 1508background-color: #8B321C; 1509border: solid 5px #FFF; 1510height: 120px; 1511width: 120px; 1512border-radius: 50%; 1513box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; 1514top: 23px; 1515left: 50%; 1516transform: translateX(-50%); 1517transition: all .3s ease-in-out; 1518box-sizing: border-box; 1519} 1520 1521.fancyButton1927:before { 1522content: ""; 1523position: absolute; 1524background: url(/ImageRepository/Document?documentID=28673) center no-repeat; 1525background-size: contain; 1526height: 0; 1527width: 0; 1528top: 83px; 1529left: 50%; 1530transform: translateX(-50%); 1531transition: all .3s ease-in-out;} 1532.fancyButton1927.fancyButton:hover,.fancyButton1927.fancyButton:focus,.fancyButton1927.fancyButton:active,.fancyButton1927.fancyButton.hover{ 1533 background-repeat: no-repeat; 1534 background-position: left top; 1535} 1536 1537.fancyButton1927:is(:hover,:focus,:active):before { 1538top: 0; 1539height: 126px; 1540width: 162px;} 1541.fancyButton1927.fancyButton:link > span,.fancyButton1927.fancyButton:visited > span, .fancyButton1927div.fancyButton > span{ 1542} 1543.fancyButton1927.fancyButton:hover > span,.fancyButton1927.fancyButton:focus > span,.fancyButton1927.fancyButton:active > span,.fancyButton1927.fancyButton.hover > span{ 1544} 1545.fancyButton1927.fancyButton .text{ 1546 color: rgb(50, 48, 39); 1547 font-size: 1.2em; 1548 font-family: "Inter"; 1549 padding-top: 162px; 1550 font-weight: 500; 1551 text-decoration: none; 1552 padding-top: 162px; 1553 background-image: url(/ImageRepository/Document?documentID=29146); 1554 background-repeat: no-repeat; 1555 background-position: center 40px ; 1556position: relative; 1557z-index: 2; 1558line-height: 1.2; 1559background-size: 86px; 1560transition: all .3s ease-in-out; 1561-webkit-transition: all .3s ease-in-out; 1562} 1563.fancyButton1927.fancyButton:hover .text,.fancyButton1927.fancyButton:focus .text,.fancyButton1927.fancyButton:active .text,.fancyButton1927.fancyButton.hover .text{ 1564 text-decoration: underline; 1565 background-repeat: no-repeat; 1566 background-position: center 35px ; 1567background-size: 96px; 1568} 1569</style> 1570 1571 </li><!-- 1572--></ul></div><!-- --> 1573 </div> 1574 </nav> 1575 </div> 1576 <div class="widgetFooter"> 1577 </div> 1578</div> 1579</div> 1580 1581 </div> <!-- inner column --> 1582 1583 </div> <!-- inner row --> 1584 1585 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="05bac20f-887d-4e20-a855-3255836d15eb">� 1586 <div class="row nest first last wide">� 1587 1588 <div class="inner col col8 first last id8f9ec115-ad67-4636-af8c-3124c67e461f" style="" data-widgetcontainerid="8f9ec115-ad67-4636-af8c-3124c67e461f">� 1589<div data-widget-id="550fb9f6-d2be-4a96-a499-cc547d6a7f73" data-widget-controller-path="/GraphicLinks/Widget"> 1590 1591 1592 1593 1594<div id="graphicLinkWidget550fb9f6-d2be-4a96-a499-cc547d6a7f73" class="widget widgetGraphicLinks skin94 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:21em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1595 <div class="widgetHeader"> 1596 <div class="">
1597 </div> 1598 </div> 1599 <div class="widgetBody cpGrid cpGrid2 "> 1600 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1601 <div class="row wide"> 1602 <!-- 1603--><div class="col col1 first "><ul class="semanticList"><!-- 1604 --><li class="widgetItem GraphicLinks"> 1605 1606<div> 1607 <a href="https://www.governmentjobs.com/careers/pensacola" target="_self" class="fancyButton fancyButton1858 " > 1608 <span> 1609 <span><span class="text">Jobs</span></span> 1610 </span> 1611 </a> 1612</div> 1613 <style scoped="scoped">.fancyButton1858.fancyButton:link,.fancyButton1858.fancyButton:visited, .fancyButton1858div.fancyButton{ 1614 background-repeat: no-repeat; 1615 background-position: left top; 1616position: relative; 1617} 1618 1619.fancyButton1858:after { 1620content: ""; 1621position: absolute; 1622background-color: #7FBC42; 1623border: solid 5px #FFF; 1624height: 120px; 1625width: 120px; 1626border-radius: 50%; 1627box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; 1628top: 23px; 1629left: 50%; 1630transform: translateX(-50%); 1631transition: all .3s ease-in-out; 1632box-sizing: border-box; 1633} 1634 1635.fancyButton1858:before { 1636content: ""; 1637position: absolute; 1638background: url(/ImageRepository/Document?documentID=28672) center no-repeat; 1639background-size: contain; 1640height: 0; 1641width: 0; 1642top: 83px; 1643left: 50%; 1644transform: translateX(-50%); 1645transition: all .3s ease-in-out;} 1646.fancyButton1858.fancyButton:hover,.fancyButton1858.fancyButton:focus,.fancyButton1858.fancyButton:active,.fancyButton1858.fancyButton.hover{ 1647 background-repeat: no-repeat; 1648 background-position: left top; 1649} 1650 1651.fancyButton1858:is(:hover,:focus,:active):before { 1652top: 0; 1653height: 126px; 1654width: 162px;} 1655.fancyButton1858.fancyButton:link > span,.fancyButton1858.fancyButton:visited > span, .fancyButton1858div.fancyButton > span{ 1656} 1657.fancyButton1858.fancyButton:hover > span,.fancyButton1858.fancyButton:focus > span,.fancyButton1858.fancyButton:active > span,.fancyButton1858.fancyButton.hover > span{ 1658} 1659.fancyButton1858.fancyButton .text{ 1660 color: rgb(50, 48, 39); 1661 font-size: 1.2em; 1662 font-family: "Inter"; 1663 padding-top: 162px; 1664 font-weight: 500; 1665 text-decoration: none; 1666 padding-top: 162px; 1667 background-image: url('/ImageRepository/Document?documentID=28665'); 1668 background-repeat: no-repeat; 1669 background-position: center 40px ; 1670position: relative; 1671z-index: 2; 1672line-height: 1.2; 1673background-size: 86px; 1674transition: all .3s ease-in-out; 1675-webkit-transition: all .3s ease-in-out; 1676} 1677.fancyButton1858.fancyButton:hover .text,.fancyButton1858.fancyButton:focus .text,.fancyButton1858.fancyButton:active .text,.fancyButton1858.fancyButton.hover .text{ 1678 text-decoration: underline; 1679 background-repeat: no-repeat; 1680 background-position: center 35px ; 1681background-size: 96px; 1682} 1683</style> 1684 1685 </li><!-- 1686--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1687 --><li class="widgetItem GraphicLinks"> 1688 1689<div> 1690 <a href="https://www.mgoconnect.org/cp/home?returnUrl=%2Fcp%2Fportal" target="_blank" class="fancyButton fancyButton1859 " aria-label="Permitting Opens in new window"> 1691 <span> 1692 <span><span class="text">Permitting</span></span> 1693 </span> 1694 </a> 1695</div> 1696 <style scoped="scoped">.fancyButton1859.fancyButton:link,.fancyButton1859.fancyButton:visited, .fancyButton1859div.fancyButton{ 1697 background-repeat: no-repeat; 1698 background-position: left top; 1699position: relative; 1700} 1701 1702.fancyButton1859:after { 1703content: ""; 1704position: absolute; 1705background-color: #FEC025; 1706border: solid 5px #FFF; 1707height: 120px; 1708width: 120px; 1709border-radius: 50%; 1710box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; 1711top: 23px; 1712left: 50%; 1713transform: translateX(-50%); 1714transition: all .3s ease-in-out; 1715box-sizing: border-box; 1716} 1717 1718.fancyButton1859:before { 1719content: ""; 1720position: absolute; 1721background: url(/ImageRepository/Document?documentID=28676) center no-repeat; 1722background-size: contain; 1723height: 0; 1724width: 0; 1725top: 83px; 1726left: 50%; 1727transform: translateX(-50%); 1728transition: all .3s ease-in-out;} 1729.fancyButton1859.fancyButton:hover,.fancyButton1859.fancyButton:focus,.fancyButton1859.fancyButton:active,.fancyButton1859.fancyButton.hover{ 1730 background-repeat: no-repeat; 1731 background-position: left top; 1732} 1733 1734.fancyButton1859:is(:hover,:focus,:active):before { 1735top: 0; 1736height: 126px; 1737width: 162px;} 1738.fancyButton1859.fancyButton:link > span,.fancyButton1859.fancyButton:visited > span, .fancyButton1859div.fancyButton > span{ 1739} 1740.fancyButton1859.fancyButton:hover > span,.fancyButton1859.fancyButton:focus > span,.fancyButton1859.fancyButton:active > span,.fancyButton1859.fancyButton.hover > span{ 1741} 1742.fancyButton1859.fancyButton .text{ 1743 color: rgb(50, 48, 39); 1744 font-size: 1.2em; 1745 font-family: "Inter"; 1746 padding-top: 162px; 1747 font-weight: 500; 1748 text-decoration: none; 1749 padding-top: 162px; 1750 background-image: url('/ImageRepository/Document?documentID=28670'); 1751 background-repeat: no-repeat; 1752 background-position: center 40px ; 1753position: relative; 1754z-index: 2; 1755line-height: 1.2; 1756background-size: 86px; 1757transition: all .3s ease-in-out; 1758-webkit-transition: all .3s ease-in-out; 1759} 1760.fancyButton1859.fancyButton:hover .text,.fancyButton1859.fancyButton:focus .text,.fancyButton1859.fancyButton:active .text,.fancyButton1859.fancyButton.hover .text{ 1761 text-decoration: underline; 1762 background-repeat: no-repeat; 1763 background-position: center 35px ; 1764background-size: 96px; 1765} 1766</style> 1767 1768 </li><!-- 1769--></ul></div><!-- --> 1770 </div> 1771 </nav> 1772 </div> 1773 <div class="widgetFooter"> 1774 </div> 1775</div> 1776</div> 1777 1778 </div> <!-- inner column --> 1779 1780 </div> <!-- inner row --> 1781 1782 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="1cafd1aa-8b0c-44ab-9975-3f47f5857d1d">� 1783 <div class="row nest first last wide">� 1784 1785 <div class="inner col col8 first last idfde0c2d0-50ab-4464-b5c6-885e2f419f49" style="" data-widgetcontainerid="fde0c2d0-50ab-4464-b5c6-885e2f419f49">� 1786<div data-widget-id="2792914b-27c8-497a-9c6e-169f7d2a5f85" data-widget-controller-path="/GraphicLinks/Widget"> 1787 1788 1789 1790 1791<div id="graphicLinkWidget2792914b-27c8-497a-9c6e-169f7d2a5f85" class="widget widgetGraphicLinks skin94 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:21em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1792 <div class="widgetHeader"> 1793 <div class="">
1794 </div> 1795 </div> 1796 <div class="widgetBody cpGrid cpGrid2 "> 1797 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1798 <div class="row wide"> 1799 <!-- 1800--><div class="col col1 first "><ul class="semanticList"><!-- 1801 --><li class="widgetItem GraphicLinks"> 1802 1803<div> 1804 <a href="/428/Live-Meeting-Video" target="_self" class="fancyButton fancyButton1860 " > 1805 <span> 1806 <span><span class="text">Live Video</span></span> 1807 </span> 1808 </a> 1809</div> 1810 <style scoped="scoped">.fancyButton1860.fancyButton:link,.fancyButton1860.fancyButton:visited, .fancyButton1860div.fancyButton{ 1811 background-repeat: no-repeat; 1812 background-position: left top; 1813position: relative; 1814} 1815 1816.fancyButton1860:after { 1817content: ""; 1818position: absolute; 1819background-color: #F8A277; 1820border: solid 5px #FFF; 1821height: 120px; 1822width: 120px; 1823border-radius: 50%; 1824box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; 1825top: 23px; 1826left: 50%; 1827transform: translateX(-50%); 1828transition: all .3s ease-in-out; 1829box-sizing: border-box; 1830} 1831 1832.fancyButton1860:before { 1833content: ""; 1834position: absolute; 1835background: url(/ImageRepository/Document?documentID=28674) center no-repeat; 1836background-size: contain; 1837height: 0; 1838width: 0; 1839top: 83px; 1840left: 50%; 1841transform: translateX(-50%); 1842transition: all .3s ease-in-out;} 1843.fancyButton1860.fancyButton:hover,.fancyButton1860.fancyButton:focus,.fancyButton1860.fancyButton:active,.fancyButton1860.fancyButton.hover{ 1844 background-repeat: no-repeat; 1845 background-position: left top; 1846} 1847 1848.fancyButton1860:is(:hover,:focus,:active):before { 1849top: 0; 1850height: 126px; 1851width: 162px;} 1852.fancyButton1860.fancyButton:link > span,.fancyButton1860.fancyButton:visited > span, .fancyButton1860div.fancyButton > span{ 1853} 1854.fancyButton1860.fancyButton:hover > span,.fancyButton1860.fancyButton:focus > span,.fancyButton1860.fancyButton:active > span,.fancyButton1860.fancyButton.hover > span{ 1855} 1856.fancyButton1860.fancyButton .text{ 1857 color: rgb(50, 48, 39); 1858 font-size: 1.2em; 1859 font-family: "Inter"; 1860 padding-top: 162px; 1861 font-weight: 500; 1862 text-decoration: none; 1863 padding-top: 162px; 1864 background-image: url('/ImageRepository/Document?documentID=28666'); 1865 background-repeat: no-repeat; 1866 background-position: center 40px ; 1867position: relative; 1868z-index: 2; 1869line-height: 1.2; 1870background-size: 86px; 1871transition: all .3s ease-in-out; 1872-webkit-transition: all .3s ease-in-out; 1873} 1874.fancyButton1860.fancyButton:hover .text,.fancyButton1860.fancyButton:focus .text,.fancyButton1860.fancyButton:active .text,.fancyButton1860.fancyButton.hover .text{ 1875 text-decoration: underline; 1876 background-repeat: no-repeat; 1877 background-position: center 35px ; 1878background-size: 96px; 1879} 1880</style> 1881 1882 </li><!-- 1883--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1884 --><li class="widgetItem GraphicLinks"> 1885 1886<div> 1887 <a href="/290/Pensacola-311-Citizen-Support" target="_self" class="fancyButton fancyButton1928 " > 1888 <span> 1889 <span><span class="text">Pensacola 311</span></span> 1890 </span> 1891 </a> 1892</div> 1893 <style scoped="scoped">.fancyButton1928.fancyButton:link,.fancyButton1928.fancyButton:visited, .fancyButton1928div.fancyButton{ 1894 background-repeat: no-repeat; 1895 background-position: left top; 1896position: relative; 1897} 1898 1899.fancyButton1928:after { 1900content: ""; 1901position: absolute; 1902background-color: #2ABEC3; 1903border: solid 5px #FFF; 1904height: 120px; 1905width: 120px; 1906border-radius: 50%; 1907box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; 1908top: 23px; 1909left: 50%; 1910transform: translateX(-50%); 1911transition: all .3s ease-in-out; 1912box-sizing: border-box; 1913} 1914 1915.fancyButton1928:before { 1916content: ""; 1917position: absolute; 1918background: url(/ImageRepository/Document?documentID=28675) center no-repeat; 1919background-size: contain; 1920height: 0; 1921width: 0; 1922top: 83px; 1923left: 50%; 1924transform: translateX(-50%); 1925transition: all .3s ease-in-out;} 1926.fancyButton1928.fancyButton:hover,.fancyButton1928.fancyButton:focus,.fancyButton1928.fancyButton:active,.fancyButton1928.fancyButton.hover{ 1927 background-repeat: no-repeat; 1928 background-position: left top; 1929} 1930 1931.fancyButton1928:is(:hover,:focus,:active):before { 1932top: 0; 1933height: 126px; 1934width: 162px;} 1935.fancyButton1928.fancyButton:link > span,.fancyButton1928.fancyButton:visited > span, .fancyButton1928div.fancyButton > span{ 1936} 1937.fancyButton1928.fancyButton:hover > span,.fancyButton1928.fancyButton:focus > span,.fancyButton1928.fancyButton:active > span,.fancyButton1928.fancyButton.hover > span{ 1938} 1939.fancyButton1928.fancyButton .text{ 1940 color: rgb(50, 48, 39); 1941 font-size: 1.2em; 1942 font-family: "Inter"; 1943 padding-top: 162px; 1944 font-weight: 500; 1945 text-decoration: none; 1946 padding-top: 162px; 1947 background-image: url(/ImageRepository/Document?documentID=28669); 1948 background-repeat: no-repeat; 1949 background-position: center 40px ; 1950position: relative; 1951z-index: 2; 1952line-height: 1.2; 1953background-size: 86px; 1954transition: all .3s ease-in-out; 1955-webkit-transition: all .3s ease-in-out; 1956} 1957.fancyButton1928.fancyButton:hover .text,.fancyButton1928.fancyButton:focus .text,.fancyButton1928.fancyButton:active .text,.fancyButton1928.fancyButton.hover .text{ 1958 text-decoration: underline; 1959 background-repeat: no-repeat; 1960 background-position: center 35px ; 1961background-size: 96px; 1962} 1963</style> 1964 1965 </li><!-- 1966--></ul></div><!-- --> 1967 </div> 1968 </nav> 1969 </div> 1970 <div class="widgetFooter"> 1971 </div> 1972</div> 1973</div> 1974 1975 </div> <!-- inner column --> 1976 1977 </div> <!-- inner row --> 1978 1979 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1980 1981 1982 </div> 1983</div></div> 1984</div> 1985</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1"> 1986 <div class="siteWrap4"> 1987 <div data-cpRole="contentContainer" id="homeContent1a"></div> 1988 </div> 1989 </div> --><!-- Footer --><div data-cpRole="structuralContainer" id="footerOverlayTS"> 1990<div data-cpRole="structuralContainer" id="upperFooterTS"> 1991<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerLogosTS"> <div id="ccd71034b4-9050-4973-a1aa-4a1697a5fa90" data-containerid="d71034b4-9050-4973-a1aa-4a1697a5fa90" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 1992 1993 1994 <div class="row outer wide"><!-- 1995--><div class="outer col col24 first last" style="" data-widgetcontainerid="29804b51-2608-46a8-903f-719bd558f19a">� 1996 <div class="row nest first last wide">� 1997 1998 <div class="inner col col24 first last id47b8076b-d169-4f3f-bfa6-82e8e1a5bedd" style="" data-widgetcontainerid="47b8076b-d169-4f3f-bfa6-82e8e1a5bedd">� 1999<div data-widget-id="9213ff1b-e8cd-435c-93eb-a9a8088fcb97" data-widget-controller-path="/GraphicLinks/Widget"> 2000 2001 2002 2003 2004<div id="graphicLinkWidget9213ff1b-e8cd-435c-93eb-a9a8088fcb97" class="widget widgetGraphicLinks skin103 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:73em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2005 <div class="widgetHeader"> 2006 <div class="">
2007 </div> 2008 </div> 2009 <div class="widgetBody cpGrid cpGrid5 "> 2010 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2011 <div class="row wide"> 2012 <!-- 2013--><div class="col col1 first "><ul class="semanticList"><!-- 2014 --><li class="widgetItem GraphicLinks"> 2015 2016<div> 2017 <a href="https://www.cityofpensacola.com/132/Parks-Recreation" target="_self" class="fancyButton fancyButton1885 " > 2018 <span> 2019 <span><span class="text"><br></span></span> 2020 </span> 2021 </a> 2022</div> 2023 <style scoped="scoped">.fancyButton1885.fancyButton:link,.fancyButton1885.fancyButton:visited, .fancyButton1885div.fancyButton{ 2024 padding-top: 20px; 2025 padding-bottom: 20px; 2026 padding-right: 20px; 2027 padding-left: 20px; 2028 background-image: url('/ImageRepository/Document?documentID=28707'); 2029 background-repeat: no-repeat; 2030 background-position: center center; 2031max-width: 275px; 2032height: 200px; 2033background-size: cover; 2034margin: 0 auto; 2035position: relative; 2036display: grid; 2037border-radius: 20px; 2038overflow: hidden; 2039} 2040 2041.fancyButton1885:before { 2042content: ""; 2043position: absolute; 2044background: rgba(0, 0, 0, 0.35); 2045height: 100%; 2046width: 100%; 2047left: 0; 2048top: 0;} 2049.fancyButton1885.fancyButton:hover,.fancyButton1885.fancyButton:focus,.fancyButton1885.fancyButton:active,.fancyButton1885.fancyButton.hover{ 2050 background-repeat: no-repeat; 2051 background-position: center center; 2052} 2053.fancyButton1885.fancyButton:link > span,.fancyButton1885.fancyButton:visited > span, .fancyButton1885div.fancyButton > span{ 2054} 2055.fancyButton1885.fancyButton:hover > span,.fancyButton1885.fancyButton:focus > span,.fancyButton1885.fancyButton:active > span,.fancyButton1885.fancyButton.hover > span{ 2056} 2057.fancyButton1885.fancyButton .text{ 2058 text-decoration: none; 2059 background-image: url('/ImageRepository/Document?documentID=28954'); 2060 background-repeat: no-repeat; 2061 background-position: center center; 2062position: relative; 2063z-index: 2; 2064background-size: contain; 2065} 2066.fancyButton1885.fancyButton:hover .text,.fancyButton1885.fancyButton:focus .text,.fancyButton1885.fancyButton:active .text,.fancyButton1885.fancyButton.hover .text{ 2067 text-decoration: none; 2068 background-repeat: no-repeat; 2069 background-position: center center; 2070 2071 2072} 2073</style> 2074 2075 </li><!-- 2076--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2077 --><li class="widgetItem GraphicLinks"> 2078 2079<div> 2080 <a href="https://www.pensacolaforward.com/cra/community-redevelopment/" target="_self" class="fancyButton fancyButton1886 " > 2081 <span> 2082 <span><span class="text"><br></span></span> 2083 </span> 2084 </a> 2085</div> 2086 <style scoped="scoped">.fancyButton1886.fancyButton:link,.fancyButton1886.fancyButton:visited, .fancyButton1886div.fancyButton{ 2087 padding-top: 20px; 2088 padding-bottom: 20px; 2089 padding-right: 20px; 2090 padding-left: 20px; 2091 background-image: url('/ImageRepository/Document?documentID=28730'); 2092 background-repeat: no-repeat; 2093 background-position: center center; 2094max-width: 275px; 2095height: 200px; 2096background-size: cover; 2097margin: 0 auto; 2098position: relative; 2099display: grid; 2100border-radius: 20px; 2101overflow: hidden; 2102} 2103 2104.fancyButton1886:before { 2105content: ""; 2106position: absolute; 2107background: rgba(0, 0, 0, 0.35); 2108height: 100%; 2109width: 100%; 2110left: 0; 2111top: 0;} 2112.fancyButton1886.fancyButton:hover,.fancyButton1886.fancyButton:focus,.fancyButton1886.fancyButton:active,.fancyButton1886.fancyButton.hover{ 2113 background-repeat: no-repeat; 2114 background-position: center center; 2115} 2116.fancyButton1886.fancyButton:link > span,.fancyButton1886.fancyButton:visited > span, .fancyButton1886div.fancyButton > span{ 2117} 2118.fancyButton1886.fancyButton:hover > span,.fancyButton1886.fancyButton:focus > span,.fancyButton1886.fancyButton:active > span,.fancyButton1886.fancyButton.hover > span{ 2119} 2120.fancyButton1886.fancyButton .text{ 2121 text-decoration: none; 2122 background-image: url('/ImageRepository/Document?documentID=28902'); 2123 background-repeat: no-repeat; 2124 background-position: center center; 2125position: relative; 2126z-index: 2; 2127background-size: contain; 2128} 2129.fancyButton1886.fancyButton:hover .text,.fancyButton1886.fancyButton:focus .text,.fancyButton1886.fancyButton:active .text,.fancyButton1886.fancyButton.hover .text{ 2130 text-decoration: none; 2131 background-repeat: no-repeat; 2132 background-position: center center; 2133 2134 2135} 2136</style> 2137 2138 </li><!-- 2139--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2140 --><li class="widgetItem GraphicLinks"> 2141 2142<div> 2143 <a href="https://flypensacola.com" target="_self" class="fancyButton fancyButton1887 " > 2144 <span> 2145 <span><span class="text"><br></span></span> 2146 </span> 2147 </a> 2148</div> 2149 <style scoped="scoped">.fancyButton1887.fancyButton:link,.fancyButton1887.fancyButton:visited, .fancyButton1887div.fancyButton{ 2150 padding-top: 20px; 2151 padding-bottom: 20px; 2152 padding-right: 20px; 2153 padding-left: 20px; 2154 background-image: url('/ImageRepository/Document?documentID=28728'); 2155 background-repeat: no-repeat; 2156 background-position: center center; 2157max-width: 275px; 2158height: 200px; 2159background-size: cover; 2160margin: 0 auto; 2161position: relative; 2162display: grid; 2163border-radius: 20px; 2164overflow: hidden; 2165} 2166 2167.fancyButton1887:before { 2168content: ""; 2169position: absolute; 2170background: rgba(0, 0, 0, 0.35); 2171height: 100%; 2172width: 100%; 2173left: 0; 2174top: 0;} 2175.fancyButton1887.fancyButton:hover,.fancyButton1887.fancyButton:focus,.fancyButton1887.fancyButton:active,.fancyButton1887.fancyButton.hover{ 2176 background-repeat: no-repeat; 2177 background-position: center center; 2178} 2179.fancyButton1887.fancyButton:link > span,.fancyButton1887.fancyButton:visited > span, .fancyButton1887div.fancyButton > span{ 2180} 2181.fancyButton1887.fancyButton:hover > span,.fancyButton1887.fancyButton:focus > span,.fancyButton1887.fancyButton:active > span,.fancyButton1887.fancyButton.hover > span{ 2182} 2183.fancyButton1887.fancyButton .text{ 2184 text-decoration: none; 2185 background-image: url('/ImageRepository/Document?documentID=28905'); 2186 background-repeat: no-repeat; 2187 background-position: center center; 2188position: relative; 2189z-index: 2; 2190background-size: contain; 2191} 2192.fancyButton1887.fancyButton:hover .text,.fancyButton1887.fancyButton:focus .text,.fancyButton1887.fancyButton:active .text,.fancyButton1887.fancyButton.hover .text{ 2193 text-decoration: none; 2194 background-repeat: no-repeat; 2195 background-position: center center; 2196 2197 2198} 2199</style> 2200 2201 </li><!-- 2202--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2203 --><li class="widgetItem GraphicLinks"> 2204 2205<div> 2206 <a href="/683/Port-of-Pensacola" target="_self" class="fancyButton fancyButton1888 " > 2207 <span> 2208 <span><span class="text"><br></span></span> 2209 </span> 2210 </a> 2211</div> 2212 <style scoped="scoped">.fancyButton1888.fancyButton:link,.fancyButton1888.fancyButton:visited, .fancyButton1888div.fancyButton{ 2213 padding-top: 20px; 2214 padding-bottom: 20px; 2215 padding-right: 20px; 2216 padding-left: 20px; 2217 background-image: url('/ImageRepository/Document?documentID=28731'); 2218 background-repeat: no-repeat; 2219 background-position: center center; 2220max-width: 275px; 2221height: 200px; 2222background-size: cover; 2223margin: 0 auto; 2224position: relative; 2225display: grid; 2226border-radius: 20px; 2227overflow: hidden; 2228} 2229 2230.fancyButton1888:before { 2231content: ""; 2232position: absolute; 2233background: rgba(0, 0, 0, 0.35); 2234height: 100%; 2235width: 100%; 2236left: 0; 2237top: 0;} 2238.fancyButton1888.fancyButton:hover,.fancyButton1888.fancyButton:focus,.fancyButton1888.fancyButton:active,.fancyButton1888.fancyButton.hover{ 2239 background-repeat: no-repeat; 2240 background-position: center center; 2241} 2242.fancyButton1888.fancyButton:link > span,.fancyButton1888.fancyButton:visited > span, .fancyButton1888div.fancyButton > span{ 2243} 2244.fancyButton1888.fancyButton:hover > span,.fancyButton1888.fancyButton:focus > span,.fancyButton1888.fancyButton:active > span,.fancyButton1888.fancyButton.hover > span{ 2245} 2246.fancyButton1888.fancyButton .text{ 2247 text-decoration: none; 2248 background-image: url('/ImageRepository/Document?documentID=28904'); 2249 background-repeat: no-repeat; 2250 background-position: center center; 2251position: relative; 2252z-index: 2; 2253background-size: contain; 2254} 2255.fancyButton1888.fancyButton:hover .text,.fancyButton1888.fancyButton:focus .text,.fancyButton1888.fancyButton:active .text,.fancyButton1888.fancyButton.hover .text{ 2256 text-decoration: none; 2257 background-repeat: no-repeat; 2258 background-position: center center; 2259 2260 2261} 2262</style> 2263 2264 </li><!-- 2265--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2266 --><li class="widgetItem GraphicLinks"> 2267 2268<div> 2269 <a href="https://pensacolaenergy.com/" target="_self" class="fancyButton fancyButton1889 " > 2270 <span> 2271 <span><span class="text"><br></span></span> 2272 </span> 2273 </a> 2274</div> 2275 <style scoped="scoped">.fancyButton1889.fancyButton:link,.fancyButton1889.fancyButton:visited, .fancyButton1889div.fancyButton{ 2276 padding-top: 20px; 2277 padding-bottom: 20px; 2278 padding-right: 20px; 2279 padding-left: 20px; 2280 background-image: url('/ImageRepository/Document?documentID=28729'); 2281 background-repeat: no-repeat; 2282 background-position: center center; 2283max-width: 275px; 2284height: 200px; 2285background-size: cover; 2286margin: 0 auto; 2287position: relative; 2288display: grid; 2289border-radius: 20px; 2290overflow: hidden; 2291} 2292 2293.fancyButton1889:before { 2294content: ""; 2295position: absolute; 2296background: rgba(0, 0, 0, 0.35); 2297height: 100%; 2298width: 100%; 2299left: 0; 2300top: 0;} 2301.fancyButton1889.fancyButton:hover,.fancyButton1889.fancyButton:focus,.fancyButton1889.fancyButton:active,.fancyButton1889.fancyButton.hover{ 2302 background-repeat: no-repeat; 2303 background-position: center center; 2304} 2305.fancyButton1889.fancyButton:link > span,.fancyButton1889.fancyButton:visited > span, .fancyButton1889div.fancyButton > span{ 2306} 2307.fancyButton1889.fancyButton:hover > span,.fancyButton1889.fancyButton:focus > span,.fancyButton1889.fancyButton:active > span,.fancyButton1889.fancyButton.hover > span{ 2308} 2309.fancyButton1889.fancyButton .text{ 2310 text-decoration: none; 2311 background-image: url('/ImageRepository/Document?documentID=28903'); 2312 background-repeat: no-repeat; 2313 background-position: center center; 2314position: relative; 2315z-index: 2; 2316background-size: contain; 2317} 2318.fancyButton1889.fancyButton:hover .text,.fancyButton1889.fancyButton:focus .text,.fancyButton1889.fancyButton:active .text,.fancyButton1889.fancyButton.hover .text{ 2319 text-decoration: none; 2320 background-repeat: no-repeat; 2321 background-position: center center; 2322 2323 2324} 2325</style> 2326 2327 </li><!-- 2328--></ul></div><!-- --> 2329 </div> 2330 </nav> 2331 </div> 2332 <div class="widgetFooter"> 2333 </div> 2334</div> 2335</div> 2336 2337 </div> <!-- inner column --> 2338 2339 </div> <!-- inner row --> 2340 2341 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2342 2343 2344 </div> 2345</div></div> 2346</div><footer data-cpRole="structuralContainer" id="footerContainerTS"> 2347<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccd07f940e-8975-411b-a5e2-f80faa3beecc" data-containerid="d07f940e-8975-411b-a5e2-f80faa3beecc" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="70"> 2348 2349 2350 <div class="row outer wide"><!-- 2351--><div class="outer col col3 first" style="" data-widgetcontainerid="e5500f6f-ee22-41f1-93c6-28f43770601a">� 2352 <div class="row nest first last wide">� 2353 2354 <div class="inner col col3 first last idfc8c0307-706b-4beb-8f82-bfeda7d51ef7" style="" data-widgetcontainerid="fc8c0307-706b-4beb-8f82-bfeda7d51ef7">� 2355 <div data-widget-id="d0a9e269-b5ef-4dee-b6fa-3a5367a14f92" data-widget-controller-path="/InfoAdvanced/Widget"> 2356 2357 2358 2359 2360 2361 <section id="divInfoAdvd0a9e269-b5ef-4dee-b6fa-3a5367a14f92" class="widget widgetInfoAdvanced skin93 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerd0a9e269-b5ef-4dee-b6fa-3a5367a14f92"> 2362 <header class="widgetHeader" id="headerd0a9e269-b5ef-4dee-b6fa-3a5367a14f92"> 2363 <div class=""> 2364 <h3 >Contact Us</h3> 2365 </div> 2366 </header> 2367 <div class="widgetBody cpGrid cpGrid1 "> 2368 <div class="row wide"> 2369 <div class="col col1 first last"> 2370 <ol class="pageStyles semanticList"> 2371 2372<li class="InfoAdvanced widgetItem fr-view"> 2373 <p>222 W Main Street</p> 2374</li> 2375<li class="InfoAdvanced widgetItem fr-view"> 2376 <p>Pensacola, FL 32502</p> 2377</li> 2378<li class="InfoAdvanced widgetItem fr-view"> 2379 <p>Main: <a href="tel:8504351603">850-435-1603</a></p> 2380</li> 2381<li class="InfoAdvanced widgetItem fr-view"> 2382 <p>Phone: 311 or <a href="tel:8504365555">850-436-5555</a></p> 2383</li> 2384<li class="InfoAdvanced widgetItem fr-view"> 2385 <p>Fax: 850-435-1611</p> 2386</li> 2387<li class="InfoAdvanced widgetItem fr-view"> 2388 <p>TTY/D: <a href="tel:8504351666">850-435-1666</a></p><p><br></p> 2389</li> 2390<li class="InfoAdvanced widgetItem fr-view"> 2391 <p><a href="/directory.aspx">Staff Directory</a></p> 2392</li> </ol> 2393 </div> 2394 </div> 2395 </div> 2396 <div class="widgetFooter"> 2397 2398 </div> 2399 2400 </section> 2401 2402 2403
2404<script type="text/javascript"> 2405 //Render slideshow if info advacned items contain one. 2406 $(document).ready(function (e) { 2407 $('#divInfoAdvd0a9e269-b5ef-4dee-b6fa-3a5367a14f92 .InfoAdvanced.widgetItem').each(function () { 2408 renderSlideshowIfApplicable($(this)); 2409 }); 2410 }); 2411</script>
2411</div> 2412 </div> <!-- inner column --> 2413 2414 </div> <!-- inner row --> 2415 2416 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="7b5d01e6-75f0-4b16-ad77-e293e400d934">� 2417 <div class="row nest first last wide">� 2418 2419 <div class="inner col col1 first last id44401513-0b6a-4e72-be7c-b22cf8f353f5" style="" data-widgetcontainerid="44401513-0b6a-4e72-be7c-b22cf8f353f5">� 2420 2421<div class="widget widgetSpacer" id="1ded3685-eb07-41cc-a920-8d8570a9946f"></div> 2422 </div> <!-- inner column --> 2423 2424 </div> <!-- inner row --> 2425 2426 </div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="d7fcd383-ef91-4149-8302-331b698ecb1c">� 2427 <div class="row nest first last wide">� 2428 2429 <div class="inner col col3 first last idfc6ae411-45db-479f-8253-4f3c0ef7ec30" style="" data-widgetcontainerid="fc6ae411-45db-479f-8253-4f3c0ef7ec30">� 2430<div data-widget-id="4eb2224c-2165-49f0-845c-3f367198eada" data-widget-controller-path="/GraphicLinks/Widget"> 2431 2432 2433 2434 2435<div id="graphicLinkWidget4eb2224c-2165-49f0-845c-3f367198eada" class="widget widgetGraphicLinks skin93 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2436 <div class="widgetHeader"> 2437 <div class=""> 2438 <h3 id="GraphicLinkHeaderText" class="" >Social Media</h3> 2439 </div> 2440 </div> 2441 <div class="widgetBody cpGrid cpGrid1 "> 2442 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2443 <ul class="semanticList"> 2444 <!-- 2445 --><li class="widgetItem GraphicLinks"> 2446 2447<div> 2448 <a href="https://www.facebook.com/cityofpensacola" target="_self" class="fancyButton fancyButton1877 " > 2449 <span> 2450 <span><span class="text">Facebook</span></span> 2451 </span> 2452 </a> 2453</div> 2454 <style scoped="scoped">.fancyButton1877.fancyButton:link,.fancyButton1877.fancyButton:visited, .fancyButton1877div.fancyButton{ 2455 padding-left: 28px; 2456 background-image: url('/ImageRepository/Document?documentID=28710'); 2457 background-repeat: no-repeat; 2458 background-position: left center; 2459background-size: 18px; 2460width: fit-content;} 2461.fancyButton1877.fancyButton:hover,.fancyButton1877.fancyButton:focus,.fancyButton1877.fancyButton:active,.fancyButton1877.fancyButton.hover{ 2462 background-repeat: no-repeat; 2463 background-position: left center; 2464} 2465.fancyButton1877.fancyButton:link > span,.fancyButton1877.fancyButton:visited > span, .fancyButton1877div.fancyButton > span{ 2466} 2467.fancyButton1877.fancyButton:hover > span,.fancyButton1877.fancyButton:focus > span,.fancyButton1877.fancyButton:active > span,.fancyButton1877.fancyButton.hover > span{ 2468} 2469.fancyButton1877.fancyButton .text{ 2470 color: rgb(255, 255, 255); 2471 font-family: "Inter"; 2472 text-align: left; 2473 font-style: normal; 2474 text-decoration: none; 2475 background-repeat: no-repeat; 2476 background-position: left top; 2477 2478 2479} 2480.fancyButton1877.fancyButton:hover .text,.fancyButton1877.fancyButton:focus .text,.fancyButton1877.fancyButton:active .text,.fancyButton1877.fancyButton.hover .text{ 2481 text-decoration: underline; 2482 background-repeat: no-repeat; 2483 background-position: left top; 2484 2485 2486} 2487</style> 2488 2489 </li><!-- 2490 --><li class="widgetItem GraphicLinks"> 2491 2492<div> 2493 <a href="https://cityofpensacola.com/instagram" target="_self" class="fancyButton fancyButton1880 " > 2494 <span> 2495 <span><span class="text">Instagram</span></span> 2496 </span> 2497 </a> 2498</div> 2499 <style scoped="scoped">.fancyButton1880.fancyButton:link,.fancyButton1880.fancyButton:visited, .fancyButton1880div.fancyButton{ 2500 padding-left: 28px; 2501 background-image: url('/ImageRepository/Document?documentID=28711'); 2502 background-repeat: no-repeat; 2503 background-position: left center; 2504background-size: 18px; 2505width: fit-content;} 2506.fancyButton1880.fancyButton:hover,.fancyButton1880.fancyButton:focus,.fancyButton1880.fancyButton:active,.fancyButton1880.fancyButton.hover{ 2507 background-repeat: no-repeat; 2508 background-position: left center; 2509} 2510.fancyButton1880.fancyButton:link > span,.fancyButton1880.fancyButton:visited > span, .fancyButton1880div.fancyButton > span{ 2511} 2512.fancyButton1880.fancyButton:hover > span,.fancyButton1880.fancyButton:focus > span,.fancyButton1880.fancyButton:active > span,.fancyButton1880.fancyButton.hover > span{ 2513} 2514.fancyButton1880.fancyButton .text{ 2515 color: rgb(255, 255, 255); 2516 font-family: "Inter"; 2517 text-align: left; 2518 font-style: normal; 2519 text-decoration: none; 2520 background-repeat: no-repeat; 2521 background-position: left top; 2522 2523 2524} 2525.fancyButton1880.fancyButton:hover .text,.fancyButton1880.fancyButton:focus .text,.fancyButton1880.fancyButton:active .text,.fancyButton1880.fancyButton.hover .text{ 2526 text-decoration: underline; 2527 background-repeat: no-repeat; 2528 background-position: left top; 2529 2530 2531} 2532</style> 2533 2534 </li><!-- 2535 --><li class="widgetItem GraphicLinks"> 2536 2537<div> 2538 <a href="https://cityofpensacola.com/linkedin" target="_self" class="fancyButton fancyButton1882 " > 2539 <span> 2540 <span><span class="text">LinkedIn</span></span> 2541 </span> 2542 </a> 2543</div> 2544 <style scoped="scoped">.fancyButton1882.fancyButton:link,.fancyButton1882.fancyButton:visited, .fancyButton1882div.fancyButton{ 2545 padding-left: 28px; 2546 background-image: url('/ImageRepository/Document?documentID=28712'); 2547 background-repeat: no-repeat; 2548 background-position: left center; 2549background-size: 18px; 2550width: fit-content;} 2551.fancyButton1882.fancyButton:hover,.fancyButton1882.fancyButton:focus,.fancyButton1882.fancyButton:active,.fancyButton1882.fancyButton.hover{ 2552 background-repeat: no-repeat; 2553 background-position: left center; 2554} 2555.fancyButton1882.fancyButton:link > span,.fancyButton1882.fancyButton:visited > span, .fancyButton1882div.fancyButton > span{ 2556} 2557.fancyButton1882.fancyButton:hover > span,.fancyButton1882.fancyButton:focus > span,.fancyButton1882.fancyButton:active > span,.fancyButton1882.fancyButton.hover > span{ 2558} 2559.fancyButton1882.fancyButton .text{ 2560 color: rgb(255, 255, 255); 2561 font-family: "Inter"; 2562 text-align: left; 2563 font-style: normal; 2564 text-decoration: none; 2565 background-repeat: no-repeat; 2566 background-position: left top; 2567 2568 2569} 2570.fancyButton1882.fancyButton:hover .text,.fancyButton1882.fancyButton:focus .text,.fancyButton1882.fancyButton:active .text,.fancyButton1882.fancyButton.hover .text{ 2571 text-decoration: underline; 2572 background-repeat: no-repeat; 2573 background-position: left top; 2574 2575 2576} 2577</style> 2578 2579 </li><!-- 2580 --><li class="widgetItem GraphicLinks"> 2581 2582<div> 2583 <a href="https://cityofpensacola.com/twitter" target="_self" class="fancyButton fancyButton1878 " > 2584 <span> 2585 <span><span class="text">X</span></span> 2586 </span> 2587 </a> 2588</div> 2589 <style scoped="scoped">.fancyButton1878.fancyButton:link,.fancyButton1878.fancyButton:visited, .fancyButton1878div.fancyButton{ 2590 padding-left: 28px; 2591 background-image: url('/ImageRepository/Document?documentID=28720'); 2592 background-repeat: no-repeat; 2593 background-position: left center; 2594background-size: 18px; 2595width: fit-content;} 2596.fancyButton1878.fancyButton:hover,.fancyButton1878.fancyButton:focus,.fancyButton1878.fancyButton:active,.fancyButton1878.fancyButton.hover{ 2597 background-repeat: no-repeat; 2598 background-position: left center; 2599} 2600.fancyButton1878.fancyButton:link > span,.fancyButton1878.fancyButton:visited > span, .fancyButton1878div.fancyButton > span{ 2601} 2602.fancyButton1878.fancyButton:hover > span,.fancyButton1878.fancyButton:focus > span,.fancyButton1878.fancyButton:active > span,.fancyButton1878.fancyButton.hover > span{ 2603} 2604.fancyButton1878.fancyButton .text{ 2605 color: rgb(255, 255, 255); 2606 font-family: "Inter"; 2607 text-align: left; 2608 font-style: normal; 2609 text-decoration: none; 2610 background-repeat: no-repeat; 2611 background-position: left top; 2612 2613 2614} 2615.fancyButton1878.fancyButton:hover .text,.fancyButton1878.fancyButton:focus .text,.fancyButton1878.fancyButton:active .text,.fancyButton1878.fancyButton.hover .text{ 2616 text-decoration: underline; 2617 background-repeat: no-repeat; 2618 background-position: left top; 2619 2620 2621} 2622</style> 2623 2624 </li><!-- 2625 --><li class="widgetItem GraphicLinks"> 2626 2627<div> 2628 <a href="https://cityofpensacola.com/youtube" target="_self" class="fancyButton fancyButton1879 " > 2629 <span> 2630 <span><span class="text">YouTube</span></span> 2631 </span> 2632 </a> 2633</div> 2634 <style scoped="scoped">.fancyButton1879.fancyButton:link,.fancyButton1879.fancyButton:visited, .fancyButton1879div.fancyButton{ 2635 padding-left: 28px; 2636 background-image: url('/ImageRepository/Document?documentID=28721'); 2637 background-repeat: no-repeat; 2638 background-position: left center; 2639background-size: 18px; 2640width: fit-content;} 2641.fancyButton1879.fancyButton:hover,.fancyButton1879.fancyButton:focus,.fancyButton1879.fancyButton:active,.fancyButton1879.fancyButton.hover{ 2642 background-repeat: no-repeat; 2643 background-position: left center; 2644} 2645.fancyButton1879.fancyButton:link > span,.fancyButton1879.fancyButton:visited > span, .fancyButton1879div.fancyButton > span{ 2646} 2647.fancyButton1879.fancyButton:hover > span,.fancyButton1879.fancyButton:focus > span,.fancyButton1879.fancyButton:active > span,.fancyButton1879.fancyButton.hover > span{ 2648} 2649.fancyButton1879.fancyButton .text{ 2650 color: rgb(255, 255, 255); 2651 font-family: "Inter"; 2652 text-align: left; 2653 font-style: normal; 2654 text-decoration: none; 2655 background-repeat: no-repeat; 2656 background-position: left top; 2657 2658 2659} 2660.fancyButton1879.fancyButton:hover .text,.fancyButton1879.fancyButton:focus .text,.fancyButton1879.fancyButton:active .text,.fancyButton1879.fancyButton.hover .text{ 2661 text-decoration: underline; 2662 background-repeat: no-repeat; 2663 background-position: left top; 2664 2665 2666} 2667</style> 2668 2669 </li><!-- 2670 --> 2671 </ul> 2672 </nav> 2673 </div> 2674 <div class="widgetFooter"> 2675 </div> 2676</div> 2677</div> 2678 2679 </div> <!-- inner column --> 2680 2681 </div> <!-- inner row --> 2682 2683 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="44b02754-f4ca-4327-9cd1-967abc7e7228">� 2684 <div class="row nest first last wide">� 2685 2686 <div class="inner col col1 first last id3eb9baca-be90-4059-9473-d71d55090f86" style="" data-widgetcontainerid="3eb9baca-be90-4059-9473-d71d55090f86">� 2687 2688<div class="widget widgetSpacer" id="b55700e3-471b-4bd1-863d-27264c3d766e"></div> 2689 </div> <!-- inner column --> 2690 2691 </div> <!-- inner row --> 2692 2693 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="0b8b7f49-4b62-4625-8912-0dc90b8a5883">� 2694 <div class="row nest first last wide">� 2695 2696 <div class="inner col col4 first last id15e78193-223a-440b-aaee-f1879c2c723b" style="" data-widgetcontainerid="15e78193-223a-440b-aaee-f1879c2c723b">� 2697 <div data-widget-id="c6607957-7741-42e2-a4fb-2e233c30c8d4" data-widget-controller-path="/QuickLinks/Widget"> 2698 2699 2700 2701 2702 2703 2704 2705 2706 <section id="widgetQuicklinkc6607957-7741-42e2-a4fb-2e233c30c8d4" class="widget widgetQuickLinks skin93 widgetOptionSet22 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderc6607957-7741-42e2-a4fb-2e233c30c8d4"> 2707 <header class="widgetHeader" id="quickLinksHeaderc6607957-7741-42e2-a4fb-2e233c30c8d4"> 2708 <div class=""> 2709 <h3><a style="" href="/QuickLinks.aspx?CID=228" >Popular Pages</a></h3> 2710 </div> 2711 </header> 2712 <div class="widgetBody cpGrid cpGrid1 "> 2713 <div class="row narrow"> 2714 <div class="col col1 first last"> 2715 <ol class="semanticList"> 2716 2717 <li style="position:relative" class="widgetItem QuickLinks"> 2718 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 2719 <div class="widgetMeta"></div> 2720 </li> 2721 2722 <li style="position:relative" class="widgetItem QuickLinks"> 2723 <a class="widgetDesc widgetQuickLinksLink" href="/134/Office-of-the-Mayor" target="_self" >Office of the Mayor</a> 2724 <div class="widgetMeta"></div> 2725 </li> 2726 2727 <li style="position:relative" class="widgetItem QuickLinks"> 2728 <a class="widgetDesc widgetQuickLinksLink" href="/125/City-Council" target="_self" >City Council</a> 2729 <div class="widgetMeta"></div> 2730 </li> 2731 2732 <li style="position:relative" class="widgetItem QuickLinks"> 2733 <a class="widgetDesc widgetQuickLinksLink" href="/122/Departments-Divisions" target="_self" >Departments & Divisions</a> 2734 <div class="widgetMeta"></div> 2735 </li> 2736 2737 <li style="position:relative" class="widgetItem QuickLinks"> 2738 <a class="widgetDesc widgetQuickLinksLink" href="/218/Employment-Opportunities" target="_self" >Employment Opportunities</a> 2739 <div class="widgetMeta"></div> 2740 </li> 2741 2742 <li style="position:relative" class="widgetItem QuickLinks"> 2743 <a class="widgetDesc widgetQuickLinksLink" href="https://pensacola.maps.arcgis.com/apps/opsdashboard/index.html#/ffa46a7981604f928aba26f4275139f6" target="_self" >Capital Improvements Dashboard</a> 2744 <div class="widgetMeta"></div> 2745 </li> 2746 2747 <li style="position:relative" class="widgetItem QuickLinks"> 2748 <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofpensacola.com/3057/5G-Small-Cell-Antenna-Permit-Application" target="_self" >5G Permit Applications</a> 2749 <div class="widgetMeta"></div> 2750 </li> 2751 </ol> 2752 </div> 2753 </div> 2754 2755 </div> 2756 <div class="widgetFooter"> 2757 </div> 2758 <div class="addItemModal hidden"> 2759 <div class="url hidden">/QuickLinks.aspx</div> 2760 </div> 2761 2762 </section> 2763</div> 2764 2765 </div> <!-- inner column --> 2766 2767 </div> <!-- inner row --> 2768 2769 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="61d96e81-c975-4a1f-973a-1c520d889042">� 2770 <div class="row nest first last wide">� 2771 2772 <div class="inner col col1 first last id913fd150-f340-4a6b-9785-809f350e0b41" style="" data-widgetcontainerid="913fd150-f340-4a6b-9785-809f350e0b41">� 2773 2774<div class="widget widgetSpacer" id="3b590fdb-e837-459c-9958-c2a812e21d04"></div> 2775 </div> <!-- inner column --> 2776 2777 </div> <!-- inner row --> 2778 2779 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="e9b8f891-dcaa-4aba-85fb-3556d73c2277">� 2780 <div class="row nest first last wide">� 2781 2782 <div class="inner col col4 first last id125d6ad5-f8d4-4ebf-9d4e-e5f10c804532" style="" data-widgetcontainerid="125d6ad5-f8d4-4ebf-9d4e-e5f10c804532">� 2783 <div data-widget-id="a6ebaabb-f303-47fa-9ce2-ebb7296f5c33" data-widget-controller-path="/QuickLinks/Widget"> 2784 2785 2786 2787 2788 2789 2790 2791 2792 <section id="widgetQuicklinka6ebaabb-f303-47fa-9ce2-ebb7296f5c33" class="widget widgetQuickLinks skin93 widgetOptionSet22 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeadera6ebaabb-f303-47fa-9ce2-ebb7296f5c33"> 2793 <header class="widgetHeader" id="quickLinksHeadera6ebaabb-f303-47fa-9ce2-ebb7296f5c33"> 2794 <div class=""> 2795 <h3><a style="" href="/QuickLinks.aspx?CID=229" >Site Links</a></h3> 2796 </div> 2797 </header> 2798 <div class="widgetBody cpGrid cpGrid1 "> 2799 <div class="row narrow"> 2800 <div class="col col1 first last"> 2801 <ol class="semanticList"> 2802 2803 <li style="position:relative" class="widgetItem QuickLinks"> 2804 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 2805 <div class="widgetMeta"></div> 2806 </li> 2807 2808 <li style="position:relative" class="widgetItem QuickLinks"> 2809 <a class="widgetDesc widgetQuickLinksLink" href="/2757/ADA-Title-VI-and-Privacy-Info" target="_self" >ADA Accessibility Information</a> 2810 <div class="widgetMeta"></div> 2811 </li> 2812 2813 <li style="position:relative" class="widgetItem QuickLinks"> 2814 <a class="widgetDesc widgetQuickLinksLink" href="https://igsupport.cityofpensacola.com" target="_blank" aria-label="Employee Online Services (through March 31, 2026) opens in new window">Employee Online Services (through March 31, 2026)</a> 2815 <div class="widgetMeta"></div> 2816 </li> 2817 2818 <li style="position:relative" class="widgetItem QuickLinks"> 2819 <a class="widgetDesc widgetQuickLinksLink" href="https://cityofpensacolafl.employeeaccess.tylerapp.com/main" target="_blank" aria-label=
2819"Employee Access opens in new window">Employee Access</a> 2820 <div class="widgetMeta"></div> 2821 </li> 2822 2823 <li style="position:relative" class="widgetItem QuickLinks"> 2824 <a class="widgetDesc widgetQuickLinksLink" href="https://cityofpensacolafl.employeeaccess.tylerapp.com/resident/dashboard" target="_self" >Former Employee Access</a> 2825 <div class="widgetMeta"></div> 2826 </li> 2827 2828 <li style="position:relative" class="widgetItem QuickLinks"> 2829 <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofpensacola.com/2901/Fair-Housing" target="_self" >Fair Housing</a> 2830 <div class="widgetMeta"></div> 2831 </li> 2832 2833 <li style="position:relative" class="widgetItem QuickLinks"> 2834 <a class="widgetDesc widgetQuickLinksLink" href="/1026/Flooding-and-Hurricane-Preparedness" target="_self" >Flooding & Hurricane Preparedness</a> 2835 <div class="widgetMeta"></div> 2836 </li> 2837 2838 <li style="position:relative" class="widgetItem QuickLinks"> 2839 <a class="widgetDesc widgetQuickLinksLink" href="/959/Title-VI" target="_self" >Title VI and Nondiscrimination Information</a> 2840 <div class="widgetMeta"></div> 2841 </li> 2842 2843 <li style="position:relative" class="widgetItem QuickLinks"> 2844 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx?EID=204" target="_self" >Webmaster Info</a> 2845 <div class="widgetMeta"></div> 2846 </li> 2847 </ol> 2848 </div> 2849 </div> 2850 2851 </div> 2852 <div class="widgetFooter"> 2853 </div> 2854 <div class="addItemModal hidden"> 2855 <div class="url hidden">/QuickLinks.aspx</div> 2856 </div> 2857 2858 </section> 2859</div> 2860 2861 </div> <!-- inner column --> 2862 2863 </div> <!-- inner row --> 2864 2865 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="38ac3854-7a42-4fc4-bd48-f88ca2c17681">� 2866 <div class="row nest first last wide">� 2867 2868 <div class="inner col col1 first last idad5e462f-d50a-4630-a1d4-be90fff40d84" style="" data-widgetcontainerid="ad5e462f-d50a-4630-a1d4-be90fff40d84">� 2869 2870<div class="widget widgetSpacer" id="ff9e7ed1-b7ca-4521-80fe-c1316dcb4be4"></div> 2871 </div> <!-- inner column --> 2872 2873 </div> <!-- inner row --> 2874 2875 </div><!-- outer column --><!----><div class="outer col col6 last" style="" data-widgetcontainerid="5dbf74ee-3e1c-4ace-ad0f-66c82bf4c930">� 2876 <div class="row nest first last wide">� 2877 2878 <div class="inner col col6 first last idb5562ca4-576c-4e00-865a-8e88b6df3506" style="" data-widgetcontainerid="b5562ca4-576c-4e00-865a-8e88b6df3506">� 2879 <div data-widget-id="f0955d06-f25f-46e0-a164-88b25a17cd4e" data-widget-controller-path="/InfoAdvanced/Widget"> 2880 2881 2882 2883 2884 2885 <section id="divInfoAdvf0955d06-f25f-46e0-a164-88b25a17cd4e" class="widget widgetInfoAdvanced skin91 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2886 <header class="widgetHeader" id="headerf0955d06-f25f-46e0-a164-88b25a17cd4e"> 2887 <div class=""> 2888 </div> 2889 </header> 2890 <div class="widgetBody cpGrid cpGrid1 "> 2891 <div class="row wide"> 2892 <div class="col col1 first last"> 2893 <ol class="pageStyles semanticList"> 2894 2895<li class="InfoAdvanced widgetItem fr-view"> 2896 <p><a href="/"><img src="/ImageRepository/Document?documentId=28709" class="fr-dib" alt="City of Pensacola Florida Home Page"></a></p> 2897</li> </ol> 2898 </div> 2899 </div> 2900 </div> 2901 <div class="widgetFooter"> 2902 2903 </div> 2904 2905 </section> 2906 2907 2908
2909<script type="text/javascript"> 2910 //Render slideshow if info advacned items contain one. 2911 $(document).ready(function (e) { 2912 $('#divInfoAdvf0955d06-f25f-46e0-a164-88b25a17cd4e .InfoAdvanced.widgetItem').each(function () { 2913 renderSlideshowIfApplicable($(this)); 2914 }); 2915 }); 2916</script>
2916</div> 2917 </div> <!-- inner column --> 2918 2919 </div> <!-- inner row --> 2920 2921 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2922 2923 2924 </div> 2925</div></div> 2926</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2927<div class="siteWrap4"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc7eb51b65-1f89-4e79-a40a-a09db25780cd" data-containerid="7eb51b65-1f89-4e79-a40a-a09db25780cd" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2928 2929 2930 <div class="row outer wide"><!-- 2931--><div class="outer col col24 first last" style="" data-widgetcontainerid="c33fd07a-b8dc-4e05-a36c-f88e803f9b94">� 2932 <div class="row nest first last wide">� 2933 2934 <div class="inner col col24 first last id5a378df2-1074-4a55-a215-7a5b0e130618" style="" data-widgetcontainerid="5a378df2-1074-4a55-a215-7a5b0e130618">� 2935 2936 <div data-widget-id='d5cd3d4b-6d13-4fd8-85e5-506f794248b3' data-moduleName="customHtml" id='widgetCustomHtmld5cd3d4b-6d13-4fd8-85e5-506f794248b3' class="widget widgetCustomHtml skin91 narrow" > 2937 <div class="widgetBody pageStyles" id="widgetBodyd5cd3d4b-6d13-4fd8-85e5-506f794248b3"> 2938 <div id="customHtmld5cd3d4b-6d13-4fd8-85e5-506f794248b3"><div><style> 2939 /* CP icon */ 2940 .cpBylineIconTS { 2941 color: #fff; 2942 } 2943 /* CP Text */ 2944 .cpBylineTextTS, 2945 .cpBylineTextTS a:link { 2946 color: #fff; 2947 } 2948 2949 .cpBylineTextTS a:visited { 2950 color: #fff; 2951 } 2952 2953 .cpBylineTextTS a { 2954 text-decoration: underline!important; 2955 } 2956 2957 .cpBylineTS { 2958 text-align: center; 2959 } 2960 2961 .cpBylineIconTS { 2962 fill: currentColor; 2963 width: 39px; 2964 height: 26px; 2965 display: inline; 2966 vertical-align: middle; 2967 } 2968</style> 2969 2970<div class="widgetItem cpBylineTS"> 2971 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2972 <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> 2973 <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> 2974 </svg> 2975 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2976</div></div></div> 2977 </div> 2978 2979 </div> 2980 2981 </div> <!-- inner column --> 2982 2983 </div> <!-- inner row --> 2984 2985 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2986 2987 2988 </div> 2989</div></div> 2990</div> 2991</div> 2992</div> 2993 2994 </div> 2995 </div> 2996 </div> 2997 2998 2999<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3000 3001<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3002 <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"> 3003 <div class="cp-Splash-header"> 3004 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3005 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3006 <svg id="iconClose" viewBox="0 0 25 25"> 3007 <polygon style="fill:currentcolor" 3008 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> 3009 </svg> 3010 </button>
3011 </div> 3012 <div class="cp-Splash-body"> 3013 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3014 <!-- Content from the Froala Editor will go here. --> 3015 Loading 3016 </div> 3017 </div> 3018 <div class="cp-Splash-footer"> 3019 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3020 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 3021 </div> 3022 </div> 3023</div> 3024
3025<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3025
3025
3026<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3026
3026
3027<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3027
3027
3028<script> 3029 3030 $(document).ready(function () { 3031 var filter = { 3032 targetId: '', 3033 targetType: 0 3034 } 3035 3036 new SplashModalRender().triggerRender(filter); 3037 }); 3038</script>
3038 3039 3040 3041 3042 3043
3043<script type="text/javascript"> 3044 $(document).ready(function () { 3045 $('#paginationOption').change(function () { 3046 loadSearchResultPageList(1, $(this).val()); 3047 }); 3048 3049 $('.cp-search-typeToggle a').click(function(e) { 3050 e.preventDefault(); 3051 if ($('.cp-search-advanced').attr('aria-expanded') == 'false') { 3052 $('.cp-search-advanced').attr('aria-expanded', 'true'); 3053 } 3054 else { 3055 $('.cp-search-advanced').attr('aria-expanded', 'false'); 3056 } 3057 $('.cp-search-advanced').toggleClass('cp-search-advanced--hidden'); 3058 $('.cp-search-typeToggle a').toggle(); 3059 }); 3060 3061 var autoExpandAdvancedSearch = 'false'; 3062 if (autoExpandAdvancedSearch === 'true') { 3063 $('.cp-search-advanced').attr('aria-expanded', 'true'); 3064 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 3065 $('#standardSearch').show(); 3066 $('#advancedSearch').hide(); 3067 } 3068 3069 const archiveSocialLink = document.getElementById("ArchiveSocialSearch"); 3070 3071 if (archiveSocialLink) { 3072 const searchInput = document.getElementById("searchPhrase"); 3073 const link = new URL(archiveSocialLink.href); 3074 3075 searchInput.addEventListener("input", function () { 3076 const searchPhrase = searchInput?.value.trim(); 3077 link.searchParams.set("query.terms[0].text", searchPhrase); 3078 archiveSocialLink.href = link.href; 3079 }); 3080 } 3081 const nextRequestSearch = document.getElementById("NextRequestSearch"); 3082 3083 if (nextRequestSearch) { 3084 const searchInput = document.getElementById("searchPhrase"); 3085 const link = new URL(nextRequestSearch.href); 3086 3087 searchInput.addEventListener("input", function () { 3088 const searchPhrase = searchInput?.value.trim(); 3089 link.searchParams.set("search_term", searchPhrase); 3090 nextRequestSearch.href = link.href; 3091 }); 3092 } 3093 }); 3094 </script>
3094 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104
3104<script src="/-1442400649.js" type="text/javascript"></script>
3104 3105 <!-- Back to Top -->
3106<script> 3107$(document).ready(function() { 3108 if (!window.matchMedia('screen and (max-width: 40em)').matches) { 3109 $(window).scroll(function() { 3110 if ($(this).scrollTop() > 200) { 3111 $('.backtotop_ts').fadeIn(200); 3112 } else { 3113 $('.backtotop_ts').fadeOut(200); 3114 } 3115 }); 3116 } 3117 3118 $('.backtotop_ts').click(function(event) { 3119 event.preventDefault(); 3120 3121 $('html, body').animate({scrollTop: 0}, 500); 3122 }) 3123}); 3124</script>
3124 3125<!-- End Back to Top --> 3126 3127 3128<!-- Fixed Nav Adjustment -->
3129<script> 3130 function getValueTS(elem, attr) { 3131 const val = elem.css(attr); 3132 if (val === undefined) return undefined; 3133 const num = parseInt(val, 10); 3134 if (num === NaN) return undefined; 3135 return num; 3136 } 3137 3138 function clampTS(number, min, max) { 3139 return Math.min(Math.max(number, min), max); 3140 } 3141 3142 function isPageEditingTS() { 3143 return ( 3144 $("#doneEditing").length > 0 || // In live edit 3145 typeof DesignCenter !== "undefined" // In theme manager 3146 ); 3147 } 3148 3149 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3150 function isTransparentTS(elem) { 3151 const bg = elem.css('background-color'); 3152 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3153 const matchState = bg.match(bgColorRegexTS); 3154 if (!matchState || matchState.length !== 5) return false; 3155 const alpha = parseFloat(matchState[4], 10); 3156 if (!(alpha >= 0 && alpha < 1)) return false; 3157 return true; 3158 } 3159 3160 function iterateLeftpads(cb) { 3161 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3162 for (let i = 0; i < containersTS.length; i++) { 3163 const containerTS = containersTS[i]; 3164 // Skip the body container and anything with data-skip-leftpad 3165 if ( 3166 containerTS.id !== "bodyContainerTS" && 3167 containerTS.getAttribute('data-skip-leftpad') === null 3168 ) { 3169 cb(containerTS); 3170 } 3171 } 3172 } 3173 3174 const anchor = $("#divToolbars");
3175 const anchor2 = $("#headerContainerTS") 3176 3177 // Outer banner padding (push banner down) 3178 const outerSizingTS = $("#bannerContainerTS"); 3179 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3180 const innerSizingTS = $("#bannerSizingTS"); 3181 const bodyContainerTS = $("#bodyContainerTS"); 3182 3183 const forceUnfixClassTS = "forceUnfixTS"; 3184 3185 const fixedTopTS = $(".fixedTopTS"); 3186 const fixedBottomTS = $(".fixedBottomTS"); 3187 const fixedLeftTS = $(".fixedLeftTS"); 3188 3189 var initialTopTS; 3190 var topAttachTS; 3191 if (fixedTopTS && fixedTopTS.length === 1) { 3192 initialTopTS = getValueTS(fixedTopTS, 'top'); 3193 const attachment = fixedTopTS.attr('data-attach'); 3194 if (attachment) topAttachTS = $("#" + attachment); 3195 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3196 } 3197 3198 function resizeAdjustmentTS() { 3199 const editing = isPageEditingTS(); 3200 3201 // Fixed top script 3202 (function () { 3203 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3204 3205 if (editing) { 3206 fixedTopTS[0].classList.add(forceUnfixClassTS); 3207 } else { 3208 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3209 } 3210 3211 const topPosition = fixedTopTS.css('position'); 3212 if (topPosition === 'fixed') { 3213 if (topAttachTS) { 3214 scrollAdjustmentTS(); 3215 } else { 3216 const anchorHeight = anchor.outerHeight() - 1; 3217 fixedTopTS.css('top', anchorHeight + initialTopTS); 3218 } 3219 } else { 3220 fixedTopTS.css('top', initialTopTS); 3221 } 3222 3223 if (topPosition === 'fixed' || topPosition === 'absolute') { 3224 // Bump the banner content down 3225 if (isTransparentTS(fixedTopTS)) { 3226 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 3227 outerSizingTS.css('padding-top', ''); 3228 3229 try { 3230 window.Pages.onResizeHandlersExecute(); 3231 } catch (e) { } 3232 } else { 3233 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 3234 innerSizingTS.css('padding-top', ''); 3235 } 3236 } else { 3237 innerSizingTS.css('padding-top', ''); 3238 outerSizingTS.css('padding-top', ''); 3239 } 3240 })(); 3241 3242 // Fixed bottom script 3243 (function () { 3244 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3245 3246 // If the widget has gone narrow, force unfix 3247 if (editing || fixedBottomTS.outerHeight() > 200) { 3248 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3249 } else { 3250 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3251 } 3252 3253 if (fixedBottomTS.css('position') === 'fixed') { 3254 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3255 } else { 3256 bodyContainerTS.css('padding-bottom', ''); 3257 } 3258 })(); 3259 3260 // Fixed left script 3261 (function () { 3262 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3263 3264 if (editing) { 3265 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3266 } else { 3267 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3268 } 3269 3270 if (fixedLeftTS.css('position') === 'fixed') { 3271 const anchorHeight = anchor.outerHeight() - 1; 3272 fixedLeftTS.css('top', anchorHeight); 3273 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3274 iterateLeftpads(function (containerTS) { 3275 const containerBoundingTS = containerTS.getBoundingClientRect(); 3276 if (containerBoundingTS.left <= leftBoundingTS.right) { 3277 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3278 } 3279 }); 3280 } else { 3281 fixedLeftTS.css('top', ''); 3282 iterateLeftpads(function (containerTS) { 3283 $(containerTS).css('padding-left', ''); 3284 }); 3285 } 3286 })(); 3287 } 3288 3289 function scrollAdjustmentTS() { 3290 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3291 const topPosition = fixedTopTS.css('position'); 3292 if (topPosition === 'fixed' || topPosition === 'absolute') { 3293 const anchorBounding = anchor[0].getBoundingClientRect();
3294 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3295 const scrollTop = $(window).scrollTop(); 3296 3297 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3298 } else { 3299 fixedTopTS.css('top', initialTopTS); 3300 } 3301 } 3302 3303 $(window).load(function () { 3304 setTimeout(function () { 3305 resizeAdjustmentTS(); 3306 }, 350); 3307 3308 $(window).scroll(function () { 3309 scrollAdjustmentTS(); 3310 }); 3311 3312 var adjustTimeoutTS; 3313 $(window).resize(function () { 3314 clearTimeout(adjustTimeoutTS); 3315 adjustTimeoutTS = setTimeout(function () { 3316 resizeAdjustmentTS(); 3317 }, 350); 3318 }); 3319 3320 $.when(window.Pages.angularToolbarComplete).done(function () { 3321 resizeAdjustmentTS(); 3322 }); 3323 }); 3324</script>
3324 3325<!-- End Fixed Nav Adjustment --> 3326 3327 3328<!-- Move banner to outer wrap -->
3329<script> 3330function moveBannerToOuterWrap() { 3331 if ($(".fixedBannerTS").length) { 3332 if ($("#bannerDivbanner2").length) { 3333 $("#bannerDivbanner2").appendTo("#outer-wrap"); 3334 } else { 3335 setTimeout(function() { 3336 moveBannerToOuterWrap(); 3337 }, 500); 3338 } 3339 } 3340} 3341moveBannerToOuterWrap(); 3342</script>
3342 3343<style> 3344#structuralContainer1 { 3345 background-color: transparent !important; 3346} 3347</style> 3348<!-- end move banner to outer wrap --> 3349 3350<!--- Polimorphic Script --->
3351<script> 3352 customHtml = `<iframe title="Polimorphic Chat" aria-label="Polimorphic Chat" frameborder="0" id="chatFrame" src="https://app.polimorphic.com/react/organizations/pensacola_fl/chat" style=" 3353 position: fixed; 3354 bottom: 90px; 3355 right: 20px; 3356 z-index: 10000000; 3357 border-radius: 8px; 3358 box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1); 3359 height: 0; 3360 width: 0; 3361"></iframe> 3362<div id="greetingText" style="color: #FFFFFF; font-family: inherit; position: fixed; bottom: 90px; right: 20px;; z-index: 10000000; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px; visibility: visible; background: #2F99D5; border: 2px solid #FFFFFF; padding: 10px; cursor: pointer;" onclick="this.style.visibility='hidden';document.getElementById('chatButton').click()">How can I help you today?</div> 3363<button onclick="const frame = document.getElementById('chatFrame'); 3364const chatButton = document.getElementById('chatButton'); 3365const chatIcon = document.getElementById('chatIcon'); 3366const closeIcon = document.getElementById('closeIcon'); 3367const greetingText = document.getElementById('greetingText'); 3368if (chatButton.getAttribute('active') === 'false') { 3369 chatButton.setAttribute('active', 'true'); 3370 frame.style.height = 'min(-100px + 100vh, 780px)'; 3371 frame.style.width = 'min(100vw - 40px, 581px)'; 3372 frame.focus(); 3373 chatIcon.style.display = 'none'; 3374 closeIcon.style.display = 'flex'; 3375 if (greetingText) { 3376 greetingText.style.visibility = 'hidden'; 3377 } 3378} else { 3379 chatButton.setAttribute('active', 'false'); 3380 frame.style.height = '0'; 3381 frame.style.width = '0'; 3382 chatIcon.style.display = 'flex'; 3383 closeIcon.style.display = 'none'; 3384}" id="chatButton" class="poli-chat-embed-element" active="false" style="position: fixed; bottom: 20px; right: 20px;; z-index: 2147483647; background-color: transparent; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.2s; transform: scale(1); pointer-events: auto; opacity: 1;" onmouseover="this.style.transform='scale(1.15)'" onmouseout="this.style.transform='scale(1)'" aria-label="Toggle chat"> 3385 <div id="chatIcon" style="color: #FFFFFF; 3386 background: #2F99D5; 3387 border: 2px solid #FFFFFF; 3388 min-width: 56px; max-width: 56px; height: 56px; min-height: 56px; border-radius: 50%; 3389 box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px; 3390 justify-content: center; align-items: center; display: flex; 3391 "><svg style="width: 24px; height: 24px; fill: #FFFFFF; opacity: 1;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 3392 <path fill="currentColor" d="M12 2C6.477 2 2 6.477 2 12c0 1.82.487 3.53 1.338 5L2 22l5-1.338C8.47 21.513 10.18 22 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2zm0 18c-1.657 0-3.224-.393-4.615-1.088L4.5 19.5l.588-2.885C4.393 15.224 4 13.657 4 12c0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8z"></path> 3393 </svg></div> 3394 <div id="closeIcon" style="color: #FFFFFF; 3395 background: #2F99D5; 3396 border: 2px solid #FFFFFF; 3397 min-width: 56px; max-width: 56px; height: 56px; min-height: 56px; border-radius: 50%; 3398 box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px; 3399 justify-content: center; align-items: center; display: flex; 3400 border-color: FFFFFF; display: none;"> 3401 <svg style="width: 24px; height: 24px; fill: #FFFFFF; opacity: 1;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 3402 <path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path> 3403 </svg> 3404 </div> 3405 </button>` 3406 function addToBody(htmlContent) { 3407 const temp = document.createElement('div'); 3408 temp.innerHTML = htmlContent; 3409 while (temp.firstChild) { 3410 document.body.appendChild(temp.firstChild); 3411 } 3412 } 3413 addToBody(customHtml); 3414 </script>
3414 3415 3416 3417
3418<script>
vendor: 327 bytes, line 3418
3418(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
3418GTM-PVD2M98L
vendor: 3 bytes, line 3418
3418');
3418</script>
3418 3419 3420 3421
3421<script type="text/javascript"> 3422 $(function () { 3423 document.cookie = "responsiveGhost=0; path=/"; 3424 }); 3425 $(window).on("load", function () { 3426 $('body').addClass('doneLoading').removeClass('hideContent'); 3427 3428 if ($('#404Content').length > 0) 3429 $('div#bodyWrapper').css('padding', '0px'); 3430 }); 3431 </script>
3431 3432 3433 <noscript> 3434 <style> 3435 body.hideContent { 3436 opacity: 1 !important; 3437 } 3438 </style> 3439 </noscript> 3440 3441 3442<div style="display: none;"> 3443 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3444 3445 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3446 <title>Arrow Left</title> 3447 <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> 3448 </symbol> 3449 3450 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3451 <title>Arrow Right</title> 3452 <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> 3453 </symbol> 3454 3455 </svg> 3456</div> 3457
3457<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Inter:300,300italic,500,600,700,800,900,regular|Open+Sans:300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Permanent+Marker:regular|Playfair+Display:700,regular|');</script>
3457 3458 3459 3460 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3461 <div style="display: none;"> 3462 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3463 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3464 <title>Slideshow Left Arrow</title> 3465 <g> 3466 <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> 3467 </g> 3468 </symbol> 3469 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3470 <title>Slideshow Right Arrow</title> 3471 <g> 3472 <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> 3473 </g> 3474 </symbol> 3475 </svg> 3476 </div> 3477 3478 3479 3480 3481 <div id="root-picker-outlet"></div> 3482</body> 3483</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.