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-BG7LSNKYP5';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= true; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 <meta name="category0" content="Home" /> 119<meta name="category1" content="Our Government" /> 120 121 122 <meta name="theme-color" content="#003478"> 123 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 125 <title>Our Government | Destin, FL - Official Website</title> 126 127 <meta name="description" content=""> 128 <meta name="keywords" content="Mayor & City Council"> 129
129<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
129 130
130<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
130 131 132 133 <!--[if IE 6]>
133<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
133<![endif]--> 134 <!--[if IE 7]>
134<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
134<![endif]--> 135 <!--[if IE 8]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]--> 136 <!--[if IE 9]>
136<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
136<![endif]--> 137
137<script type="text/javascript"><!-- 138 var intCountryCode = 840; 139 var order = ''; 140//--></script>
140 141 142<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-1407404360.css" rel="stylesheet" type="text/css" /> 143 144 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 145
145<script type="text/javascript"> 146 window.Pages = window.Pages || {}; 147 // FrontEnd RWD initialization 148 window.Pages.rwdReady = $.Deferred(); 149 window.Pages.toolBarDeferred = $.Deferred(); 150 window.Pages.rwdSetupComplete = $.Deferred(); 151 window.Pages.megaMenuLoaded = $.Deferred(); 152 window.Pages.angularToolbarComplete = $.Deferred(); 153 window.Pages.frontEndToolbarComplete = $.Deferred(); 154 </script>
154 155 <!--CPHeadContent--> 156
156<script src="/739942322.js" type="text/javascript"></script>
156 157 158 159 160 161 162 163 164 165 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 166 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 167 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 168 <!--[if lt IE 9]>
168<script type="text/javascript" src="/Scripts/html5.js"></script>
168<![endif]--> 169 170
170<script type="text/javascript"> 171 setEditorVariables(false, 840); 172 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 173 </script>
173 174
174<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
174 175</head> 176<body class="wide " > 177 178
178<script>jQuery(document).click(function (event) { 179 var target = jQuery(event.target); 180 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 181 var text = target.attr('title'); 182 183 if (!text.length) { 184 text = "N/A"; 185 } 186 ga('send', 187 { 188 hitType: 'event', 189 eventCategory: 'Image', 190 eventAction: 'Image - ' + text, 191 eventLabel: window.location.href 192 }); 193 } 194 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 195 var text = ""; 196 if (target.parents('.button')[0]) { 197 text = target.parents('.button').first().text(); 198 } else if (target.text().length) { 199 text = target.text(); 200 } else if (target.attr('title').length) { 201 text = target.attr('title'); 202 } 203 if (!text.length) { 204 text = "N/A"; 205 } 206 ga('send', 207 { 208 hitType: 'event', 209 eventCategory: 'Button', 210 eventAction: 'Button - ' + text, 211 eventLabel: window.location.href 212 }); 213 } 214 if (target.parents('.widgetCustomHtml').length) { 215 ga('send', 216 { 217 hitType: 'event', 218 eventCategory: 'Custom Html',
219 eventAction: 'Custom Html Clicked', 220 eventLabel: window.location.href 221 }); 222 } 223 if (target.parents('.editor').length) { 224 ga('send', 225 { 226 hitType: 'event', 227 eventCategory: 'Editor', 228 eventAction: 'Editor Link Clicked', 229 eventLabel: window.location.href 230 }); 231 } 232 if (target.parents('.GraphicLinks').length) { 233 var text = ""; 234 var targetGraphicLink = target; 235 if (target.hasClass('widgetGraphicLinksLink')) { 236 targetGraphicLink = jQuery(target.children()[0]); 237 } 238 if (targetGraphicLink.hasClass('text')) { 239 text = targetGraphicLink.text(); 240 } else if (targetGraphicLink.attr('src').length) { 241 if (targetGraphicLink.attr('alt').length) { 242 text = targetGraphicLink.attr('alt'); 243 } else { 244 text = targetGraphicLink.attr('src'); 245 } 246 } else { 247 text = "N/A"; 248 } 249 ga('send', 250 { 251 hitType: 'event', 252 eventCategory: 'Graphic Links', 253 eventAction: 'Graphic Link - ' + text, 254 eventLabel: window.location.href 255 }); 256 } 257 if (target.parents('.InfoAdvanced').length) { 258 ga('send', 259 { 260 hitType: 'event', 261 eventCategory: 'Info Advanced', 262 eventAction: 'Info Advanced Clicked', 263 eventLabel: window.location.href 264 }); 265 } 266 if (target.parents('.list').length) { 267 ga('send', 268 { 269 hitType: 'event', 270 eventCategory: 'List', 271 eventAction: 'List Clicked', 272 eventLabel: window.location.href 273 }); 274 } 275 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 276 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 277 var breadCrumbs = []; 278 jQuery('.breadCrumbs > li').each(function () { 279 breadCrumbs.push(this.textContent); 280 }); 281 var pageTitle = breadCrumbs.join('>'); 282 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 283 var text = ""; 284 if (pageTitle) { 285 text += pageTitle + " | "; 286 } else { 287 text += document.title + ' - '; 288 } 289 if (target.text() == "" && megaMenuText == "") { 290 text += "N/A"; 291 } else if (target.text().length && megaMenuText.length) { 292 if (megaMenuText == target.text()) { 293 text += megaMenuText; 294 } else { 295 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 296 } 297 } else if (target.text() == "") { 298 text += megaMenuText; 299 } else { 300 text += target.text(); 301 } 302 if (!text.length) { 303 text = "N/A"; 304 } 305 ga('send', 306 { 307 hitType: 'event', 308 eventCategory: 'Mega Menu', 309 eventAction: 'Mega Menu : ' + text, 310 eventLabel: window.location.href 311 }); 312 } 313 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 314 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 315 if (!text.length) { 316 text = "N/A"; 317 } 318 ga('send', 319 { 320 hitType: 'event', 321 eventCategory: 'News Flash', 322 eventAction: 'News Flash - ' + text, 323 eventLabel: window.location.href 324 }); 325 } 326 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 327 var text = target.text(); 328 if (!text.length) { 329 text = "N/A"; 330 } 331 ga('send', 332 { 333 hitType: 'event', 334 eventCategory: 'Quick Links', 335 eventAction: 'Quick Links - ' + text, 336 eventLabel: window.location.href 337 }); 338 } 339 if (target.attr('src') && target.parents('.cpSlideshow').length) { 340 var text = target.attr('title'); 341 if (!text.length) { 342 text = "N/A"; 343 } 344 ga('send', 345 { 346 hitType: 'event', 347 eventCategory: 'Slideshow', 348 eventAction: 'Slideshow - ' + text, 349 eventLabel: window.location.href 350 }); 351 } 352 if (target.parents('.widgetText').length) { 353 ga('send', 354 { 355 hitType: 'event', 356 eventCategory: 'Text', 357 eventAction: 'Text Link Clicked', 358 eventLabel: window.location.href 359 }); 360 } 361});</script>
361 362 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 363 <div class="cp-PopOver-header"> 364 <h3 class="cp-PopOver-title"></h3> 365 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 366 <svg class="cp-Icon--close" alt="close" title="close"> 367 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 368 </svg> 369 </button> 370 </div> 371 <div id="cpPopOverBody" class="cp-PopOver-body"> 372 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 373 </div> 374 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 375 <div class="cp-BtnGroup" id="actionButtons"> 376 <!-- Action buttons will be dynamically added here --> 377 </div> 378 </div> 379</div> 380 <div id="fb-root"></div> 381<div id=skipToContentLinks> 382<a href="#cc25d598d7-9db7-4fee-988e-5fb872dc3aee" target="_self" class="skipToContentLink">Skip to Main Content</a> 383</div> 384 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 385 386 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 387 388 389 390 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 391 <input type="hidden" id="hdnStructureID" value="5" /> 392 <input type="hidden" id="hdnContentCollectionID" value="bcdbbb7b-72db-4f84-aa46-5f48dda54b6a" /> 393 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 394 <input type="hidden" id="hdnThemeID" value="7" /> 395 <input type="hidden" id="pageIsFrontEnd" value="true" /> 396 <input type="hidden" id="pageModuleID" /> 397 <input type="hidden" id="pagePageID" value="27" /> 398 399 <div id="stickyPlaceholder"></div> 400 <div id="outer-wrap" class="outer-wrap"> 401 <div id="inner-wrap" class="inner-wrap"> 402 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 403 404 405 406 407 </div> 408 <div id="bodyWrapper"> 409 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 410 411<div data-cpRole="structuralContainer" id="bodyContainerTS"> 412<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 413<div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 414 415 416 417 418 <a id="bannerLogoTS-12" style=" display: block; text-align: center; 419" class="bannerObject" href="/" target="_self"><img alt="Home Page" class="bannerObject" height="88" src="/ImageRepository/Document?documentID=14076" width="209" /></a> 420</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 421<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 422--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 423 --><!-- 424 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavOurGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Our-Government" target = "_self" > Our Government </a> <!-- 425 --><!-- 426 --></li><!----><li id="MainItem8" class="topMenuItem" role="none" data-pageid="8" data-displaymegamenu="True"><!-- 427 --><!-- 428 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu8" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem2 " href="/8/Services" target = "_self" > Services </a> <!-- 429 --><!-- 430 --></li><!----><li id="MainItem501" class="topMenuItem" role="none" data-pageid="501" data-displaymegamenu="False"><!-- 431 --><!-- 432 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="ParentMainItem501" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/501/Community" target = "_self" > Community </a> <!-- 433 --><!-- 434 --></li><!----><li id="MainItem505" class="topMenuItem" role="none" data-pageid="505" data-displaymegamenu="True"><!-- 435 --><!-- 436 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu505" id = "mainNavIWantTo" class="navMainItem mainNavItem mainNavItem4 " href="/505/I-Want-To" target = "_self" > I Want To... </a> <!-- 437 --><!-- 438 --></li><!----> 439</ol> 440 441 442
442<script type="text/javascript"> 443 (function () { 444 function setupMenu() { 445 const menuID = 'mainNavMenu'; 446 const menuType = MAIN_MENU; 447 448 //setup menu manager properties for main menu 449 if (!menuManager.mobileMainNav && true) 450 menuManager.adjustMainItemsWidth('#' + menuID); 451 menuManager.isMainMenuEditable = false; 452 menuManager.mainMenuMaxSubMenuLevels = 4; 453 menuManager.setMOMMode(2, menuType); 454 455 //Init main menu 456 const setupDraggable = menuManager.isMainMenuEditable; 457 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=7&menuContainerID=mainNav'; 458 459 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 460 menuManager.mainMenuInit = true; 461 menuManager.mainMenuTextResizer = false; 462 if (1.00 > 0) 463 menuManager.mainMenuTextResizerRatio = 1.00; 464 if (window.isResponsiveEnabled) 465 menuManager.mainMenuReady.resolve(); 466 467 } 468 469 if (document.readyState === "complete" 470 || document.readyState === "loaded" 471 || document.readyState === "interactive") { 472 setupMenu(); 473 return; 474 } 475 476 document.addEventListener("DOMContentLoaded", setupMenu); 477 })(); 478 </script>
478 479 480 481<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="cc604214de-c577-4da7-9a93-044dab732618" data-containerid="604214de-c577-4da7-9a93-044dab732618" class="pageContent cpGrid cpGrid24"> 482 483 484 485 486 </div> 487</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu8" class="contentTop mainNavMegaMenu megaMenuContainer pageID_8 hidden" data-orientation="horizontal"> <div id="cc696638d0-0c39-4566-b336-73b247540b49" data-containerid="696638d0-0c39-4566-b336-73b247540b49" class="pageContent cpGrid cpGrid24"> 488 489 490 491 492 </div> 493</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu505" class="contentTop mainNavMegaMenu megaMenuContainer pageID_505 hidden" data-orientation="horizontal"> <div id="ccf2b99525-815b-470d-a07c-d882e98838bc" data-containerid="f2b99525-815b-470d-a07c-d882e98838bc" class="pageContent cpGrid cpGrid24"> 494 495 496 497 498 </div> 499</aside></aside></nav></div> 500</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 501<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 502<div data-cpRole="structuralContainer" id="bannerSearchTS"> 503<div class="siteWrap"><div data-cpRole="contentContainer" id="searchTS"> <div id="cc873996ca-1491-4435-8781-7cf5ba2ab765" data-containerid="873996ca-1491-4435-8781-7cf5ba2ab765" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="30"> 504 505 506 <div class="row outer wide"><!-- 507--><div class="outer col col12 first" style="" data-widgetcontainerid="bafd8e05-7bb2-4a34-bc63-0a9c290b4d37">� 508 <div class="row nest first last wide">� 509 510 <div class="inner col col6 first id617fcfe7-c103-4e7a-bee2-2c33bcdc59e9" style="" data-widgetcontainerid="617fcfe7-c103-4e7a-bee2-2c33bcdc59e9">� 511<div data-widget-id="caefa2b9-778a-4c89-942e-2b91c282409e" data-widget-controller-path="/GraphicLinks/Widget"> 512 513 514 515 516<div id="graphicLinkWidgetcaefa2b9-778a-4c89-942e-2b91c282409e" class="widget widgetGraphicLinks skin19 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 517 <div class="widgetHeader"> 518 <div class=""> 519 </div> 520 </div> 521 <div class="widgetBody cpGrid cpGrid1 "> 522 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 523 <ul class="semanticList"> 524 <!-- 525 --><li class="widgetItem GraphicLinks"> 526 527<div> 528 <a href="/590/View-Rip-Current-Information" target="_self" class="fancyButton fancyButton152 " > 529 <span> 530 <span><span class="text">Rip Current</span></span> 531 </span> 532 </a> 533</div> 534 <style scoped="scoped">.fancyButton152.fancyButton:link,.fancyButton152.fancyButton:visited, .fancyButton152div.fancyButton{ 535 padding-left: 45px; 536 background-image: url('/ImageRepository/Document?documentID=14096'); 537 background-repeat: no-repeat; 538 background-position: left center; 539margin: 0 auto; 540width: 125px;} 541.fancyButton152.fancyButton:hover,.fancyButton152.fancyButton:focus,.fancyButton152.fancyButton:active,.fancyButton152.fancyButton.hover{ 542} 543.fancyButton152.fancyButton:link > span,.fancyButton152.fancyButton:visited > span, .fancyButton152div.fancyButton > span{ 544} 545.fancyButton152.fancyButton:hover > span,.fancyButton152.fancyButton:focus > span,.fancyButton152.fancyButton:active > span,.fancyButton152.fancyButton.hover > span{ 546} 547.fancyButton152.fancyButton .text{ 548 color: #008a94; 549 font-size: 1.2em; 550 font-family: "Barlow Condensed"; 551 text-align: left; 552 font-weight: 600; 553 text-decoration: none; 554 background-repeat: no-repeat; 555 background-position: left top; 556height: 35px; 557} 558.fancyButton152.fancyButton:hover .text,.fancyButton152.fancyButton:focus .text,.fancyButton152.fancyButton:active .text,.fancyButton152.fancyButton.hover .text{ 559 text-decoration: underline; 560 background-repeat: no-repeat; 561 background-position: left top; 562 563 564} 565</style> 566 567 </li><!-- 568 --> 569 </ul> 570 </nav> 571 </div> 572 <div class="widgetFooter"> 573 </div> 574</div> 575</div> 576 577 </div> <!-- inner column --> 578 <div class="inner col col6 last id59458736-8fc5-4369-8d02-f491e96b0d78" style="" data-widgetcontainerid="59458736-8fc5-4369-8d02-f491e96b0d78">� 579<div data-widget-id="461501a0-0821-4dae-9353-18dda6ed0cd2" data-widget-controller-path="/GraphicLinks/Widget"> 580 581 582 583 584<div id="graphicLinkWidget461501a0-0821-4dae-9353-18dda6ed0cd2" class="widget widgetGraphicLinks skin17 widgetOptionSet38 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 585 <div class="widgetHeader"> 586 <div class="">
587 </div> 588 </div> 589 <div class="widgetBody cpGrid cpGrid3 "> 590 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 591 <div class="row wide"> 592 <!-- 593--><div class="col col1 first "><ul class="semanticList"><!-- 594 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/cityofdestin/" target="_blank"> 595 596<img src="/ImageRepository/Document?documentID=14087" 597 class="graphicButtonLink" alt="Facebook (opens in new window)" 598 onmouseover="this.src='/ImageRepository/Document?documentID=14087'" 599 onmouseout="this.src='/ImageRepository/Document?documentID=14087'" 600 onfocus="this.src='/ImageRepository/Document?documentID=14087'" 601 onblur="this.src='/ImageRepository/Document?documentID=14087'"> 602</a></li><!-- 603--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 604 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofdestinofficial/" target="_blank"> 605 606<img src="/ImageRepository/Document?documentID=14771" 607 class="graphicButtonLink" alt="Instagram Logo Centered (opens in new window)" 608 onmouseover="this.src='/ImageRepository/Document?documentID=14771'" 609 onmouseout="this.src='/ImageRepository/Document?documentID=14771'" 610 onfocus="this.src='/ImageRepository/Document?documentID=14771'" 611 onblur="this.src='/ImageRepository/Document?documentID=14771'"> 612</a></li><!-- 613--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 614 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/user/CityofDestin" target="_blank"> 615 616<img src="/ImageRepository/Document?documentID=14095" 617 class="graphicButtonLink" alt="YouTube (opens in new window)" 618 onmouseover="this.src='/ImageRepository/Document?documentID=14095'" 619 onmouseout="this.src='/ImageRepository/Document?documentID=14095'" 620 onfocus="this.src='/ImageRepository/Document?documentID=14095'" 621 onblur="this.src='/ImageRepository/Document?documentID=14095'"> 622</a></li><!-- 623--></ul></div><!-- --> 624 </div> 625 </nav> 626 </div> 627 <div class="widgetFooter"> 628 </div> 629</div> 630</div> 631 632 </div> <!-- inner column --> 633 634 </div> <!-- inner row --> 635 636 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="4c783b38-8af3-4f0b-8a0d-40bc220e5123">� 637 <div class="row nest first last wide">� 638 639 <div class="inner col col12 first last idab333173-76d6-48a5-a5ba-d8cc98a15e31" style="" data-widgetcontainerid="ab333173-76d6-48a5-a5ba-d8cc98a15e31">� 640<div data-widget-id="5bffb846-8760-4390-8fb7-4dfda8ff95f7" data-widget-controller-path="/Layout/WidgetSearch"> 641 642
642<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
642 643
643<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
643 644
644<script defer type="text/javascript"> 645 646 $(document).ready(function () { 647 try { 648 // Minimum characters required before performing a search/autocomplete 649 var minPrefixLength = 3; 650 var autoCompleteDebounceDelay = 500; 651 var searchFieldSelector = "#searchField" + '5bffb846-8760-4390-8fb7-4dfda8ff95f7'; 652 var checkboxSelector = "#ysnSearchOnlyDept" + '5bffb846-8760-4390-8fb7-4dfda8ff95f7'; 653 var buttonSelector = ".widgetSearchButton" + '5bffb846-8760-4390-8fb7-4dfda8ff95f7'; 654 var autoCompleteCache = {}; 655 var autoCompleteCacheKeys = []; 656 var autoCompleteCacheLimit = 25; 657 var currentAutoCompleteRequest = null; 658 var currentAutoCompleteRequestKey = null; 659 var autoCompleteDebounceTimer = null; 660 var autoCompleteDebounceKey = null; 661 var pendingAutoCompleteResponses = []; 662 663 function normalizeAutoCompleteTerm(term) { 664 return $.trim((term || "") + "").replace(/\s+/g, " "); 665 } 666 667 function shouldSearch(term) { 668 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 669 } 670 671 function getAutoCompleteUrl() { 672 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 673 } 674 675 function getAutoCompleteCacheKey(requestUrl, term) { 676 return requestUrl + "|" + term.toLowerCase(); 677 } 678 679 function cacheAutoCompleteResult(cacheKey, data) { 680 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 681 autoCompleteCacheKeys.push(cacheKey); 682 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 683 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 684 } 685 } 686 autoCompleteCache[cacheKey] = data; 687 } 688 689 function respondToPendingAutoComplete(data) { 690 var responses = pendingAutoCompleteResponses; 691 pendingAutoCompleteResponses = []; 692 for (var i = 0; i < responses.length; i++) { 693 responses[i](data); 694 } 695 } 696 697 function cancelPendingAutoComplete() { 698 clearTimeout(autoCompleteDebounceTimer); 699 autoCompleteDebounceKey = null; 700 if (currentAutoCompleteRequest != null) { 701 currentAutoCompleteRequest.abort(); 702 currentAutoCompleteRequest = null; 703 } 704 currentAutoCompleteRequestKey = null; 705 respondToPendingAutoComplete([]); 706 } 707 708 function createWidgetAutoCompleteSource(options) { 709 return function (request, response) { 710 var term = normalizeAutoCompleteTerm(request.term); 711 if (!options.shouldSearch(term)) { 712 response([]); 713 return; 714 } 715 716 var requestUrl = options.url(); 717 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 718 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 719 response(autoCompleteCache[cacheKey]); 720 if (options.success) { 721 options.success(autoCompleteCache[cacheKey]); 722 } 723 return; 724 } 725 726 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 727 pendingAutoCompleteResponses.push(response); 728 return; 729 } 730 731 cancelPendingAutoComplete(); 732 autoCompleteDebounceKey = cacheKey; 733 pendingAutoCompleteResponses.push(response); 734 autoCompleteDebounceTimer = setTimeout(function () { 735 autoCompleteDebounceKey = null; 736 currentAutoCompleteRequestKey = cacheKey; 737 currentAutoCompleteRequest = $.ajax({ 738 url: requestUrl, 739 dataType: "json", 740 timeout: options.timeout, 741 data: { 742 term: term, 743 }, 744 success: function (data) { 745 if (currentAutoCompleteRequestKey === cacheKey) { 746 cacheAutoCompleteResult(cacheKey, data); 747 respondToPendingAutoComplete(data); 748 if (options.success) { 749 options.success(data); 750 } 751 } 752 }, 753 error: function (xmlhttprequest, textstatus, message) { 754 if (textstatus === "abort") { 755 return; 756 } 757 758 if (options.error) { 759 options.error(xmlhttprequest, textstatus, message); 760 } 761 762 respondToPendingAutoComplete([]); 763 }, 764 complete: function (xmlhttprequest) { 765 if (currentAutoCompleteRequest === xmlhttprequest) { 766 currentAutoCompleteRequest = null;
767 currentAutoCompleteRequestKey = null; 768 } 769 } 770 }); 771 }, options.delay); 772 }; 773 } 774 775 // click handler for search buttons 776 $(buttonSelector).click(function (e) { 777 e.preventDefault(); 778 var $btn = $(this); 779 var $field = $btn.siblings(".widgetSearchBox"); 780 var term = $field.val() + ""; 781 if (!shouldSearch(term)) { 782 // do nothing until user types enough characters 783 $field.focus(); 784 return; 785 } 786 787 if ($(checkboxSelector).is(':checked') || false) 788 { 789 doWidgetSearch($.trim(term), Number(0)); 790 } 791 else { 792 doWidgetSearch($.trim(term), 0); 793 } 794 }); 795 796 // enter key handler for the search field 797 $(searchFieldSelector).keypress(function (e) { 798 var code = e.which || e.keyCode; 799 if (code === 13) { 800 e.preventDefault(); 801 var $this = $(this); 802 var term = $this.val() + ""; 803 if (!shouldSearch(term)) { 804 // do nothing until user types enough characters 805 $this.focus(); 806 return false; 807 } 808 809 if ($(checkboxSelector).is(':checked') || false) { 810 doWidgetSearch($.trim(term), Number(0)); 811 } else { 812 doWidgetSearch($.trim(term), 0); 813 } 814 return false; 815 } 816 return true; 817 }); 818 819 // autocomplete: set minLength and guard source 820 if (true) { 821 var $searchField = $(searchFieldSelector).autocomplete({ 822 minLength: minPrefixLength, 823 source: createWidgetAutoCompleteSource({ 824 delay: autoCompleteDebounceDelay, 825 timeout: 10000, 826 shouldSearch: shouldSearch, 827 url: getAutoCompleteUrl, 828 success: function () { 829 $('.autoCompleteError').remove(); 830 }, 831 error: function (xmlhttprequest, textstatus, message) { 832 if (textstatus === "timeout") { 833 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 834 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 835 } 836 } 837 }), 838 html: true, 839 delay: 0, 840 select: function (event, ui) { 841 $(this).val(ui.item.value); 842 $(this).next().click(); 843 } 844 }); 845 846 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 847 return $("<li class=\"itemList\"></li>") 848 .data("ui-autocomplete-item", item) 849 .append("<a>" + item.label + "</a>") 850 .appendTo(ul); 851 }; 852 } 853 854 // keep searchBtnApplyQuery consistent with prefix rule 855 window.searchBtnApplyQuery = function() { 856 var $field = $(searchFieldSelector); 857 var term = $field.val() + ""; 858 if (shouldSearch(term)) { 859 // update href for the icon/button (if present) 860 var btn = document.getElementById("btnSearchIcon"); 861 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 862 } else { 863 var btn = document.getElementById("btnSearchIcon"); 864 if (btn) btn.href = "#"; 865 } 866 }; 867 } 868 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. 869 }); 870 </script>
870 871 <style scoped type="text/css">.widgetOptionSet31 { 872margin-top: .5em; 873}</style> 874 875 <section id="widgetPreviewSearch" class="widget widgetSearch skin10 widgetOptionSet31" style="display: block;" aria-label="Search"> 876 <!-- For the button right and inside --> 877 <div class="widgetBody buttonRightInside"> 878 <input class="widgetSearchBox widgetSearchBox5bffb846-8760-4390-8fb7-4dfda8ff95f7" cp5ph="true" id="searchField5bffb846-8760-4390-8fb7-4dfda8ff95f7" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 879 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton5bffb846-8760-4390-8fb7-4dfda8ff95f7" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=14079" data-image="/ImageRepository/Document?documentID=14080" src="/ImageRepository/Document?documentID=14080" /></a> 880 881 <label class="searchLabel" aria-hidden="true" for="searchField5bffb846-8760-4390-8fb7-4dfda8ff95f7">Search</label> 882 </div> 883 884 </section> 885 886 887<style scoped> 888 889 .widgetSearch ::-webkit-input-placeholder { 890 color: #003477; 891 } 892 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 893 color: #003477; 894 } 895 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 896 color: #003477; 897 } 898 .widgetSearch :-ms-input-placeholder { 899 color: #003477; 900 } 901 902 903 .widgetSearch .widgetBody .widgetSearchBox5bffb846-8760-4390-8fb7-4dfda8ff95f7 904 { 905 color: #003477; 906 background: transparent; border: 0; border-left: 4px solid #6AADE4; height: 49px; padding: 0 50px 0 20px; text-transform: uppercase; font-family: Barlow Condensed; font-weight: 500; font-size: 1.1em; 907 } 908 .widgetSearch .widgetBody .widgetSearchButton5bffb846-8760-4390-8fb7-4dfda8ff95f7 909 { 910 margin: 0; 911 } 912 .widgetSearch .widgetSearch-onlyDept5bffb846-8760-4390-8fb7-4dfda8ff95f7 913 { 914 display: inline-block; 915 color: #333; 916 917 918 padding-top: 10px; 919 } 920 #ysnSearchOnlyDept5bffb846-8760-4390-8fb7-4dfda8ff95f7 921 { 922 position: relative; 923 top: .125em; 924 } 925 926</style> 927 928<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 929<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 930 931 932
933<script type="text/javascript"> 934 //Updates search icons href to have the correct queryString 935 function searchBtnApplyQuery() { 936 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField5bffb846-8760-4390-8fb7-4dfda8ff95f7").value; 937 } 938</script>
938 939 940</div> 941 942 </div> <!-- inner column --> 943 944 </div> <!-- inner row --> 945 946 </div><!-- outer column --><!-- --></div> <!-- outer row --> 947 948 949 </div> 950</div></div> 951</div><div data-cpRole="structuralContainer" id="bannerWelcomeTS"> 952<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS"> <div id="cc2fbc4b7e-68db-4f48-87e6-038cc309fcd9" data-containerid="2fbc4b7e-68db-4f48-87e6-038cc309fcd9" class="pageContent cpGrid cpGrid24 showInMobile"> 953 954 955 956 957 </div> 958</div></div> 959</div> 960</div> 961 962 963 964 965 <div id="bannerImagesJSON13" class="hidden"></div> 966 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 967 <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> 968 <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> 969 </div> 970
970<script type="text/javascript"> 971 $(window).on("load", function () { 972 $.when(window.Pages.rwdSetupComplete) 973 .done(function () { 974 renderExternalBannerSlideshow('banner1', 975 {"BannerOptionID":13,"ThemeID":7,"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":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":80,"BannerOptionID":13,"FileName":"/ImageRepository/Document?documentID=9722","Height":1014,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":81,"BannerOptionID":13,"FileName":"/ImageRepository/Document?documentID=9257","Height":780,"Width":2000,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":82,"BannerOptionID":13,"FileName":"/ImageRepository/Document?documentID=9254","Height":780,"Width":2000,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":9,"BannerOptionID":13,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202012110909506857.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)\/"}, 976 '/App_Themes/2020 - Interior/Images/', 977 'Rotating'); 978 }); 979 }); 980 </script>
980 981 982</div> 983</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 984<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 985<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 986<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 987<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 988 <li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="27"><a href class="breadCrumb" aria-current="page">Our Government</a></li> 989 </ol> 990 991 992 993</div><div data-cpRole="mainContentContainer" id="moduleContent"> 994 995 <div id="page" class="moduleContentNew"> 996 997 998 <input id="hdnPageID" name="hdnPageID" type="hidden" value="27" /> 999 <input id="hdnParentID" name="hdnParentID" type="hidden" value="1" /> 1000 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="6161" /> 1001 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Our Government" /> 1002 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
1003 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1004 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1005 1006 <h1 id="versionHeadLine" class="headline"> 1007 1008Our Government </h1> 1009 1010 <div id="cc25d598d7-9db7-4fee-988e-5fb872dc3aee" data-containerid="25d598d7-9db7-4fee-988e-5fb872dc3aee" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="30" > 1011 1012 1013 <div class="row outer wide"><!-- 1014--><div class="outer col col24 first last" style="" data-widgetcontainerid="87356896-7c29-462e-96cb-48426c7b1214">� 1015 <div class="row nest first last wide">� 1016 1017 <div class="inner col col24 first last id55823e37-b2b2-43cb-a7ec-518a291cac57" style="" data-widgetcontainerid="55823e37-b2b2-43cb-a7ec-518a291cac57">� 1018 <nav class="widget clear dynamicSubpage widgetPages skin10 wide" id="widgetPage34ab6c41-93d1-4346-a36e-a6fccf2dbd2d" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label = Pages> 1019 <div class="hidden widgetTypeID">9</div> 1020 <div class="hidden depth">1</div> 1021 <div class="hidden cols">1</div> 1022 <div class="hidden format">2</div> 1023 <div class="widgetBody"> 1024 1025 <div class="widgetBody cpGrid cpGrid1 "> 1026 <div class="row wide"> 1027 1028 <div class="col col1"> 1029 <ol class="semanticList layout2"> 1030 <li class="megaMenuItem widgetItem" data-pageid="107" role="none"> 1031 <div class="widgetTitle"> 1032 <a href="/107/Agendas-Minutes" target="_self" >Agendas & Minutes</a> 1033 </div> 1034 <p class="widgetDesc">Access current and past agendas and minutes for the city council.</p> 1035 1036 </li> <li class="megaMenuItem widgetItem" data-pageid="138" role="none"> 1037 <div class="widgetTitle"> 1038 <a href="/138/Boards-Committees" target="_self" >Boards & Committees</a> 1039 </div> 1040 <p class="widgetDesc">View information about all the various boards and committees associated with the City of Destin.</p> 1041 1042 </li> <li class="megaMenuItem widgetItem" data-pageid="400" role="none"> 1043 <div class="widgetTitle"> 1044 <a href="/Facilities.aspx?page=list&search=1&CID=5" target="_self" >City Buildings</a> 1045 </div> 1046 <p class="widgetDesc"></p> 1047 1048 </li> <li class="megaMenuItem widgetItem" data-pageid="347" role="none"> 1049 <div class="widgetTitle"> 1050 <a href="/347/City-Holidays" target="_self" >City Holidays</a> 1051 </div> 1052 <p class="widgetDesc">View the observed holidays for the City of Destin.</p> 1053 1054 </li> <li class="megaMenuItem widgetItem" data-pageid="414" role="none"> 1055 <div class="widgetTitle"> 1056 <a href="/DocumentCenter/View/15358/FY2023-STRATEGIC-PLAN-SUMMARY" target="_self" >City of Destin Strategic Plan</a> 1057 </div> 1058 <p class="widgetDesc"></p> 1059 1060 </li> <li class="megaMenuItem widgetItem" data-pageid="408" role="none"> 1061 <div class="widgetTitle"> 1062 <a href="https://library.municode.com/fl/destin/codes/code_of_ordinances?nodeId=CD_ORDCIDEFL" target="_self" >City Ordinances</a> 1063 </div> 1064 <p class="widgetDesc"></p> 1065 1066 </li> <li class="megaMenuItem widgetItem" data-pageid="440" role="none"> 1067 <div class="widgetTitle"> 1068 <a href="/440/Community-Redevelopment-Areas" target="_self" >Community Redevelopment Areas</a> 1069 </div> 1070 <p class="widgetDesc"></p> 1071 1072 </li> <li class="megaMenuItem widgetItem" data-pageid="137" role="none"> 1073 <div class="widgetTitle"> 1074 <a href="/137/Departments" target="_self" >Departments</a> 1075 </div> 1076 <p class="widgetDesc">Explore information about the various city departments.</p> 1077 1078 </li> <li class="megaMenuItem widgetItem" data-pageid="714" role="none"> 1079 <div class="widgetTitle"> 1080 <a href="/714/2025-State-of-the-City" target="_self" >2025 State of the City</a> 1081 </div> 1082 <p class="widgetDesc"></p> 1083 1084 </li> <li class="megaMenuItem widgetItem" data-pageid="732" role="none"> 1085 <div class="widgetTitle"> 1086 <a href="/732/2025-Year-in-Review" target="_self" >2025 Year in Review</a> 1087 </div> 1088 <p class="widgetDesc">2025 Year in Review</p> 1089 1090 </li> <li class="megaMenuItem widgetItem" data-pageid="142" role="none"> 1091 <div class="widgetTitle"> 1092 <a href="/142/Mayor-Council" target="_self" >Mayor & Council</a> 1093 </div> 1094 <p class="widgetDesc">Meet the Destin City Council.</p> 1095 1096 </li> <li class="megaMenuItem widgetItem" data-pageid="424" role="none"> 1097 <div class="widgetTitle"> 1098 <a href="/424/Vision" target="_self" >Vision</a> 1099 </div> 1100 <p class="widgetDesc"></p> 1101 1102 </li> <li class="megaMenuItem widgetItem" data-pageid="544" role="none"> 1103 <div class="widgetTitle"> 1104 <a href="/285/Projects" target="_self" >Projects</a> 1105 </div> 1106 <p class="widgetDesc"></p> 1107 1108 </li> <li class="megaMenuItem widgetItem" data-pageid="502" role="none"> 1109 <div class="widgetTitle"> 1110 <a href="/361/Public-Records" target="_self" >Public Records</a> 1111 </div> 1112 <p class="widgetDesc"></p> 1113 1114 </li> <li class="megaMenuItem widgetItem" data-pageid="472" role="none"> 1115 <div class="widgetTitle"> 1116 <a href="/472/Transportation-Planning" target="_self" >Transportation Planning</a> 1117 </div> 1118 <p class="widgetDesc"></p> 1119 1120 </li> <li class="megaMenuItem widgetItem" data-pageid="503" role="none"> 1121 <div class="widgetTitle"> 1122 <a href="https://www.youtube.com/user/CityofDestin" target="_self" >Watch Council Meetings</a> 1123 </div> 1124 <p class="widgetDesc"></p> 1125 1126 </li> </ol> 1127 </div> 1128 </div> 1129 </div> 1130 1131 1132 1133 1134 </div> 1135 1136 </nav> 1137 1138 1139 1140 </div> <!-- inner column --> 1141 1142 </div> <!-- inner row --> 1143 1144 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1145 1146 1147 </div> 1148 1149 </div> 1150 1151
1152 <div class="newCP"> 1153 1154 </div> 1155</div> 1156</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccd540520e-2f59-4aba-8dfa-9d815c0d57ea" data-containerid="d540520e-2f59-4aba-8dfa-9d815c0d57ea" class="pageContent cpGrid cpGrid24 showInMobile"> 1157 1158 1159 1160 1161 </div> 1162</aside> 1163</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 1164<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc12b66a80-0d8a-453f-b5d3-fd9587852dec" data-containerid="12b66a80-0d8a-453f-b5d3-fd9587852dec" class="pageContent cpGrid cpGrid24 showInMobile"> 1165 1166 1167 1168 1169 </div> 1170</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1171 1172 1173 1174 1175 1176 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="27" class="rootNavMenu accordionNav"> 1177 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem107" data-pageid="107"> 1178 <div class="accordionNavItem"> 1179 <a href="/107/Agendas-Minutes" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Agendas & Minutes</a> 1180 </div> 1181 </li> 1182 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem138" data-pageid="138"> 1183 <div class="accordionNavItem"> 1184 <a href="/138/Boards-Committees" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards & Committees</a> 1185 </div> 1186 </li> 1187 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem400" data-pageid="400"> 1188 <div class="accordionNavItem"> 1189 <a href="/Facilities.aspx?page=list&search=1&CID=5" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Buildings</a> 1190 </div> 1191 </li> 1192 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem347" data-pageid="347"> 1193 <div class="accordionNavItem"> 1194 <a href="/347/City-Holidays" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Holidays</a> 1195 </div> 1196 </li> 1197 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem414" data-pageid="414"> 1198 <div class="accordionNavItem"> 1199 <a href="/DocumentCenter/View/15358/FY2023-STRATEGIC-PLAN-SUMMARY" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City of Destin Strategic Plan</a> 1200 </div> 1201 </li> 1202 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem408" data-pageid="408"> 1203 <div class="accordionNavItem"> 1204 <a href="https://library.municode.com/fl/destin/codes/code_of_ordinances?nodeId=CD_ORDCIDEFL" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Ordinances</a> 1205 </div> 1206 </li> 1207 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem440" data-pageid="440"> 1208 <div class="accordionNavItem"> 1209 <a href="/440/Community-Redevelopment-Areas" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Community Redevelopment Areas</a> 1210 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Community Redevelopment Areas Submenu" aria-expanded="false" aria-controls="submenu-lvl1-440"></a> 1211 </div> 1212 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-440" style="display: none;" data-parent="440"> 1213 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem441" data-pageid="441"> 1214 <div class="accordionNavItem"> 1215 <a href="/441/Harbor-CRA" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Harbor CRA</span></a> 1216 </div> 1217 </li> 1218 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem442" data-pageid="442"> 1219 <div class="accordionNavItem"> 1220 <a href="/442/Town-Center-CRA" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Town Center CRA</span></a> 1221 </div> 1222 </li> 1223 1224 </ol> 1225 </li> 1226 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem137" data-pageid="137"> 1227 <div class="accordionNavItem"> 1228 <a href="/137/Departments" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Departments</a> 1229 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Departments Submenu" aria-expanded="false" aria-controls="submenu-lvl1-137"></a> 1230 </div> 1231 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-137" style="display: none;" data-parent="137"> 1232 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem373" data-pageid="373"> 1233 <div class="accordionNavItem"> 1234 <a href="/89/Building" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Building Division</span></a> 1235 </div> 1236 </li> 1237 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem92" data-pageid="92"> 1238 <div class="accordionNavItem"> 1239 <a href="/92/City-Clerk" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Clerk</span></a> 1240 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="City Clerk Submenu" aria-expanded="false" aria-controls="submenu-lvl2-92"></a> 1241 </div> 1242 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-92" style="display: none;" data-parent="92"> 1243 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem387" data-pageid="387"> 1244 <div class="accordionNavItem"> 1245 <a href="/Bids.aspx?CatID=19" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Bids</span></a> 1246 </div> 1247 </li> 1248 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem153" data-pageid="153"> 1249 <div class="accordionNavItem">
1250 <a href="/138/Boards-Committees" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Boards & Committees</span></a> 1251 </div> 1252 </li> 1253 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem308" data-pageid="308"> 1254 <div class="accordionNavItem"> 1255 <a href="/308/Cemetery" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Cemetery</span></a> 1256 </div> 1257 </li> 1258 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem331" data-pageid="331"> 1259 <div class="accordionNavItem"> 1260 <a href="/calendar.aspx?CID=14" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Notices</span></a> 1261 </div> 1262 </li> 1263 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem361" data-pageid="361"> 1264 <div class="accordionNavItem"> 1265 <a href="/361/Public-Records" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Records</span></a> 1266 </div> 1267 </li> 1268 1269 </ol> 1270 </li> 1271 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem94" data-pageid="94"> 1272 <div class="accordionNavItem"> 1273 <a href="/94/City-Manager" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Manager</span></a> 1274 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="City Manager Submenu" aria-expanded="false" aria-controls="submenu-lvl2-94"></a> 1275 </div> 1276 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-94" style="display: none;" data-parent="94"> 1277 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem90" data-pageid="90"> 1278 <div class="accordionNavItem"> 1279 <a href="/90/Code-Compliance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code Compliance</span></a> 1280 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Code Compliance Submenu" aria-expanded="false" aria-controls="submenu-lvl3-90"></a> 1281 </div> 1282 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-90" style="display: none;" data-parent="90"> 1283 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem198" data-pageid="198"> 1284 <div class="accordionNavItem"> 1285 <a href="/198/The-Compliance-Process" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Compliance Process</span></a> 1286 </div> 1287 </li> 1288 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem239" data-pageid="239"> 1289 <div class="accordionNavItem"> 1290 <a href="/239/Marine-Beach-Management" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Marine & Beach Management</span></a> 1291 </div> 1292 </li> 1293 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem670" data-pageid="670"> 1294 <div class="accordionNavItem"> 1295 <a href="https://www.cityofdestin.com/DocumentCenter/View/17534/2026-STR-Registration-Guide" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Residential Rentals</span></a> 1296 </div> 1297 </li> 1298 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem200" data-pageid="200"> 1299 <div class="accordionNavItem"> 1300 <a href="/200/Useful-Resources-Links" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Useful Resources & Links</span></a> 1301 </div> 1302 </li> 1303 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem199" data-pageid="199"> 1304 <div class="accordionNavItem"> 1305 <a href="/faq.aspx?TID=18#a_18" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FAQs</span></a> 1306 </div> 1307 </li> 1308 1309 </ol> 1310 </li> 1311 1312 </ol> 1313 </li> 1314 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem374" data-pageid="374"> 1315 <div class="accordionNavItem"> 1316 <a href="/90/Code-Enforcement" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code Compliance</span></a> 1317 </div> 1318 </li> 1319 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem88" data-pageid="88"> 1320 <div class="accordionNavItem"> 1321 <a href="/88/Community-Development" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Development</span></a> 1322 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Community Development Submenu" aria-expanded="false" aria-controls="submenu-lvl2-88"></a> 1323 </div> 1324 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-88" style="display: none;" data-parent="88"> 1325 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem89" data-pageid="89"> 1326 <div class="accordionNavItem"> 1327 <a href="/89/Building-and-Permitting" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Building and Permitting</span></a> 1328 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Building and Permitting Submenu" aria-expanded="false" aria-controls="submenu-lvl3-89"></a> 1329 </div> 1330 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-89" style="display: none;" data-parent="89"> 1331 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem227" data-pageid="227"> 1332 <div class="accordionNavItem"> 1333 <a href="/227/Business-Tax-Receipts-License" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Business Tax Receipts (License)</span></a> 1334 </div> 1335 </li> 1336 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem690" data-pageid="690"> 1337 <div class="accordionNavItem"> 1338 <a href="https://mgoconnect.org/cp?JID=496" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">MGO</span></a> 1339 </div> 1340 </li> 1341 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem738" data-pageid="738"> 1342 <div class="accordionNavItem"> 1343 <a href="/738/Contractor-Permit-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Contractor Permit Information</span></a> 1344 </div> 1345 </li> 1346 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem230" data-pageid="230"> 1347 <div class="accordionNavItem"> 1348 <a href="/FAQ.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FAQs</span></a> 1349 </div> 1350 </li> 1351 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem695" data-pageid="695"> 1352 <div class="accordionNavItem"> 1353 <a href="https://www.cityofdestin.com/245/Flood-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Information</span></a> 1354 </div> 1355 </li> 1356 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem228" data-pageid="228"> 1357 <div class="accordionNavItem"> 1358 <a href="/228/Fee-Schedule" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fee Schedule</span></a> 1359 </div> 1360 </li> 1361 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem372" data-pageid="372"> 1362 <div class="accordionNavItem"> 1363 <a href="/DocumentCenter/Index/89" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Safety Tips & Informational Brochures</span></a> 1364 </div> 1365 </li> 1366 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem516" data-pageid="516"> 1367 <div class="accordionNavItem"> 1368 <a href="/516/Tree-Removal-Information-and-Permitting" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Tree Removal Information and Permitting</span></a> 1369 </div> 1370 </li> 1371 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem229" data-pageid="229"> 1372 <div class="accordionNavItem"> 1373 <a href="/229/Useful-Resources-Links" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Useful Resources & Links</span></a> 1374 </div> 1375 </li> 1376 1377 </ol> 1378 </li> 1379 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem91" data-pageid="91"> 1380 <div class="accordionNavItem"> 1381 <a href="/91/Planning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning</span></a> 1382 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Planning Submenu" aria-expanded="false" aria-controls="submenu-lvl3-91"></a> 1383 </div> 1384 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-91" style="display: none;" data-parent="91"> 1385 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem693" data-pageid="693"> 1386 <div class="accordionNavItem"> 1387 <a href="https://experience.arcgis.com/experience/e69dc150df8a4b62bdea79ae00451fc2" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City of Destin Interactive Zoning Map</span></a> 1388 </div> 1389 </li> 1390 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem688" data-pageid="688"> 1391 <div class="accordionNavItem"> 1392 <a href="/688/LDC-Rewrite" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">LDC Rewrite</span></a> 1393 </div> 1394 </li> 1395 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem237" data-pageid="237"> 1396 <div class="accordionNavItem"> 1397 <a href="/237/Adopted-Plans-Maps-Studies" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Adopted Plans, Maps & Studies</span></a> 1398 </div> 1399 </li> 1400 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem490" data-pageid="490"> 1401 <div class="accordionNavItem"> 1402 <a href="/490/Addressing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Addressing</span></a> 1403 </div> 1404 </li> 1405 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem201" data-pageid="201"> 1406 <div class="accordionNavItem">
1407 <a href="/201/Comprehensive-Plan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Comprehensive Plan</span></a> 1408 </div> 1409 </li> 1410 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem202" data-pageid="202"> 1411 <div class="accordionNavItem"> 1412 <a href="/202/Land-Development-Code" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Land Development Code</span></a> 1413 </div> 1414 </li> 1415 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem694" data-pageid="694"> 1416 <div class="accordionNavItem"> 1417 <a href="/694/Fee-Schedule" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fee Schedule</span></a> 1418 </div> 1419 </li> 1420 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem238" data-pageid="238"> 1421 <div class="accordionNavItem"> 1422 <a href="/faq.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FAQs</span></a> 1423 </div> 1424 </li> 1425 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem489" data-pageid="489"> 1426 <div class="accordionNavItem"> 1427 <a href="/489/Land-Development" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Land Development</span></a> 1428 </div> 1429 </li> 1430 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem236" data-pageid="236"> 1431 <div class="accordionNavItem"> 1432 <a href="/236/Local-Planning-Agency-LPA" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Local Planning Agency (LPA)</span></a> 1433 </div> 1434 </li> 1435 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem334" data-pageid="334"> 1436 <div class="accordionNavItem"> 1437 <a href="/331/Public-Notices" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Notices</span></a> 1438 </div> 1439 </li> 1440 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem233" data-pageid="233"> 1441 <div class="accordionNavItem"> 1442 <a href="/233/Transportation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Transportation</span></a> 1443 </div> 1444 </li> 1445 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem345" data-pageid="345"> 1446 <div class="accordionNavItem"> 1447 <a href="/345/Subdivison-Plats" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Subdivison Plats</span></a> 1448 </div> 1449 </li> 1450 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem235" data-pageid="235"> 1451 <div class="accordionNavItem"> 1452 <a href="/235/Walkable-Communities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Walkable Communities</span></a> 1453 </div> 1454 </li> 1455 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem231" data-pageid="231"> 1456 <div class="accordionNavItem"> 1457 <a href="/231/Zoning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Zoning</span></a> 1458 </div> 1459 </li> 1460 1461 </ol> 1462 </li> 1463 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem664" data-pageid="664"> 1464 <div class="accordionNavItem"> 1465 <a href="/664/Engineering-Department" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engineering Department</span></a> 1466 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Engineering Department Submenu" aria-expanded="false" aria-controls="submenu-lvl3-664"></a> 1467 </div> 1468 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-664" style="display: none;" data-parent="664"> 1469 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem671" data-pageid="671"> 1470 <div class="accordionNavItem"> 1471 <a href="/671/Right-of-Way" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right-of-Way</span></a> 1472 </div> 1473 </li> 1474 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem674" data-pageid="674"> 1475 <div class="accordionNavItem"> 1476 <a href="/674/Safety-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Safety Program</span></a> 1477 </div> 1478 </li> 1479 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem188" data-pageid="188"> 1480 <div class="accordionNavItem"> 1481 <a href="/188/Stormwater" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Stormwater</span></a> 1482 </div> 1483 </li> 1484 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem678" data-pageid="678"> 1485 <div class="accordionNavItem"> 1486 <a href="/467/Drainage-Systems-Maintenance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Drainage System Maintenance</span></a> 1487 </div> 1488 </li> 1489 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem245" data-pageid="245"> 1490 <div class="accordionNavItem"> 1491 <a href="/245/Flood-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Information</span></a> 1492 </div> 1493 </li> 1494 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem681" data-pageid="681"> 1495 <div class="accordionNavItem"> 1496 <a href="/286/Environmental-Protection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Environmental Protection</span></a> 1497 </div> 1498 </li> 1499 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem682" data-pageid="682"> 1500 <div class="accordionNavItem"> 1501 <a href="/285/Projects" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engineering Projects</span></a> 1502 </div> 1503 </li> 1504 1505 </ol> 1506 </li> 1507 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem600" data-pageid="600"> 1508 <div class="accordionNavItem"> 1509 <a href="/287/Public-Property" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Property</span></a> 1510 </div> 1511 </li> 1512 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem692" data-pageid="692"> 1513 <div class="accordionNavItem"> 1514 <a href="https://experience.arcgis.com/experience/e69dc150df8a4b62bdea79ae00451fc2" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">CIty of Destin Interactive Zoning Map</span></a> 1515 </div> 1516 </li> 1517 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem741" data-pageid="741"> 1518 <div class="accordionNavItem"> 1519 <a href="/DocumentCenter/View/17733/Submitting-a-Permit-Brochure" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Submitting a Permit</span></a> 1520 </div> 1521 </li> 1522 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem742" data-pageid="742"> 1523 <div class="accordionNavItem"> 1524 <a href="/DocumentCenter/View/17734/Commercial-Change-of-Use-Brochure" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Commercial Change of Use</span></a> 1525 </div> 1526 </li> 1527 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem743" data-pageid="743"> 1528 <div class="accordionNavItem"> 1529 <a href="/DocumentCenter/View/17735/STR-Change-of-Use-Brochure" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">STR Change of Use</span></a> 1530 </div> 1531 </li> 1532 1533 </ol> 1534 </li> 1535 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem665" data-pageid="665"> 1536 <div class="accordionNavItem"> 1537 <a href="/664/Engineering" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engineering Department</span></a> 1538 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Engineering Department Submenu" aria-expanded="false" aria-controls="submenu-lvl2-665"></a> 1539 </div> 1540 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-665" style="display: none;" data-parent="665"> 1541 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem671" data-pageid="671"> 1542 <div class="accordionNavItem"> 1543 <a href="/671/Right-of-Way" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right-of-Way</span></a> 1544 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Right-of-Way Submenu" aria-expanded="false" aria-controls="submenu-lvl3-671"></a> 1545 </div> 1546 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-671" style="display: none;" data-parent="671"> 1547 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem288" data-pageid="288"> 1548 <div class="accordionNavItem"> 1549 <a href="/288/Right-of-Way-Construction" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right of Way Construction</span></a> 1550 </div> 1551 </li> 1552 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem739" data-pageid="739"> 1553 <div class="accordionNavItem"> 1554 <a href="/739/Utility-Work" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Utility Work</span></a> 1555 </div> 1556 </li> 1557 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem673" data-pageid="673"> 1558 <div class="accordionNavItem"> 1559 <a href="/673/Right-of-Way-Vacation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right-of-Way Vacation</span></a> 1560 </div> 1561 </li> 1562 1563 </ol> 1564 </li> 1565 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem674" data-pageid="674"> 1566 <div class="accordionNavItem"> 1567 <a href="/674/Safety-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Safety Program</span></a> 1568 </div> 1569 </li> 1570 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem188" data-pageid="188"> 1571 <div class="accordionNavItem"> 1572 <a href="/188/Stormwater" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Stormwater</span></a> 1573 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Stormwater Submenu" aria-expanded="false" aria-controls="submenu-lvl3-188"></a> 1574 </div> 1575 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-188" style="display: none;" data-parent="188"> 1576 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem675" data-pageid="675"> 1577 <div class="accordionNavItem"> 1578 <a href="/675/Stormwater-Master-Plan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Stormwater Master Plan</span></a> 1579 </div> 1580 </li> 1581 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem528" data-pageid="528"> 1582 <div class="accordionNavItem"> 1583 <a href="/DocumentCenter/Index/411" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Stormwater Documents</span></a> 1584 </div> 1585 </li> 1586 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem309" data-pageid="309"> 1587 <div class="accordionNavItem"> 1588 <a href="/309/NPDES" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">NPDES</span></a> 1589 </div> 1590 </li> 1591 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem677" data-pageid="677"> 1592 <div class="accordionNavItem"> 1593 <a href="/677/Illicit-Discharge" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Illicit Discharge</span></a> 1594 </div> 1595 </li> 1596 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem548" data-pageid="548"> 1597 <div class="accordionNavItem"> 1598 <a href="/DocumentCenter/View/12670/Erosion-and-Sediment-Control-Inspection-Manual-2019-Update" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sediment and Erosion Control Inspection Manual</span></a> 1599 </div> 1600 </li> 1601 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem549" data-pageid="549"> 1602 <div class="accordionNavItem"> 1603 <a href="/DocumentCenter/View/12671/Sediment-and-Erosion-Control-Inspection-Checklist-2019-Update" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sediment and Erosion Control Inspection Check List</span></a> 1604 </div> 1605 </li> 1606 1607 </ol> 1608 </li> 1609 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem678" data-pageid="678"> 1610 <div class="accordionNavItem"> 1611 <a href="/467/Drainage-Systems-Maintenance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Drainage System Maintenance</span></a> 1612 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Drainage System Maintenance Submenu" aria-expanded="false" aria-controls="submenu-lvl3-678"></a> 1613 </div> 1614 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-678" style="display: none;" data-parent="678"> 1615 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem679" data-pageid="679"> 1616 <div class="accordionNavItem"> 1617 <a href="/459/Local-Mitigation-Strategy-LMS" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Local Mitigation Strategy</span></a> 1618 </div> 1619 </li> 1620 1621 </ol> 1622 </li> 1623 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem245" data-pageid="245"> 1624 <div class="accordionNavItem"> 1625 <a href="/245/Flood-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Information</span></a> 1626 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Flood Information Submenu" aria-expanded="false" aria-controls="submenu-lvl3-245"></a> 1627 </div> 1628 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-245" style="display: none;" data-parent="245"> 1629 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem462" data-pageid="462"> 1630 <div class="accordionNavItem"> 1631 <a href="/462/Flood-Map-Other-Mapping-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Map & Other Mapping Information</span></a> 1632 </div> 1633 </li> 1634 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem463" data-pageid="463"> 1635 <div class="accordionNavItem"> 1636 <a href="/463/Flood-Protection-and-Management" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Protection and Management</span></a> 1637 </div> 1638 </li> 1639 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem464" data-pageid="464"> 1640 <div class="accordionNavItem"> 1641 <a href="/464/Flood-Safety-and-Warning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Safety and Warning</span></a> 1642 </div> 1643 </li> 1644 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem465" data-pageid="465"> 1645 <div class="accordionNavItem"> 1646 <a href="/465/Elevation-Certificates" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Elevation Certificates</span></a> 1647 </div> 1648 </li> 1649 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem466" data-pageid="466"> 1650 <div class="accordionNavItem"> 1651 <a href="/466/Flood-Insurance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en"
1651>Flood Insurance</span></a> 1652 </div> 1653 </li> 1654 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem248" data-pageid="248"> 1655 <div class="accordionNavItem"> 1656 <a href="/faq.asp" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FAQs</span></a> 1657 </div> 1658 </li> 1659 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem680" data-pageid="680"> 1660 <div class="accordionNavItem"> 1661 <a href="/459/Local-Mitigation-Strategy-LMS" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Local Mitigation Strategy</span></a> 1662 </div> 1663 </li> 1664 1665 </ol> 1666 </li> 1667 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem681" data-pageid="681"> 1668 <div class="accordionNavItem"> 1669 <a href="/286/Environmental-Protection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Environmental Protection</span></a> 1670 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Environmental Protection Submenu" aria-expanded="false" aria-controls="submenu-lvl3-681"></a> 1671 </div> 1672 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-681" style="display: none;" data-parent="681"> 1673 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem740" data-pageid="740"> 1674 <div class="accordionNavItem"> 1675 <a href="/740/NPDES-Phase-II-Stormwater-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">NPDES Phase II Stormwater Program</span></a> 1676 </div> 1677 </li> 1678 1679 </ol> 1680 </li> 1681 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem682" data-pageid="682"> 1682 <div class="accordionNavItem"> 1683 <a href="/285/Projects" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engineering Projects</span></a> 1684 </div> 1685 </li> 1686 1687 </ol> 1688 </li> 1689 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem100" data-pageid="100"> 1690 <div class="accordionNavItem"> 1691 <a href="/100/Finance-Department" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Finance Department</span></a> 1692 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Finance Department Submenu" aria-expanded="false" aria-controls="submenu-lvl2-100"></a> 1693 </div> 1694 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-100" style="display: none;" data-parent="100"> 1695 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem335" data-pageid="335"> 1696 <div class="accordionNavItem"> 1697 <a href="https://www.cityofdestin.com/DocumentCenter/Index/67" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Audit</span></a> 1698 </div> 1699 </li> 1700 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem336" data-pageid="336"> 1701 <div class="accordionNavItem"> 1702 <a href="https://www.cityofdestin.com/DocumentCenter/Index/65" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Budget</span></a> 1703 </div> 1704 </li> 1705 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem654" data-pageid="654"> 1706 <div class="accordionNavItem"> 1707 <a href="https://www.cityofdestin.com/DocumentCenter/Index/430" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Debt</span></a> 1708 </div> 1709 </li> 1710 1711 </ol> 1712 </li> 1713 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem96" data-pageid="96"> 1714 <div class="accordionNavItem"> 1715 <a href="/96/Geographic-Information-Systems-GIS" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Geographic Information Systems (GIS)</span></a> 1716 </div> 1717 </li> 1718 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem99" data-pageid="99"> 1719 <div class="accordionNavItem"> 1720 <a href="/99/Human-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Human Resources</span></a> 1721 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Human Resources Submenu" aria-expanded="false" aria-controls="submenu-lvl2-99"></a> 1722 </div> 1723 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-99" style="display: none;" data-parent="99"> 1724 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem159" data-pageid="159"> 1725 <div class="accordionNavItem"> 1726 <a href="/159/Employment-Opportunities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Employment Opportunities</span></a> 1727 </div> 1728 </li> 1729 1730 </ol> 1731 </li> 1732 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem105" data-pageid="105"> 1733 <div class="accordionNavItem"> 1734 <a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library</span></a> 1735 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Library Submenu" aria-expanded="false" aria-controls="submenu-lvl2-105"></a> 1736 </div> 1737 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-105" style="display: none;" data-parent="105"> 1738 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem170" data-pageid="170"> 1739 <div class="accordionNavItem"> 1740 <a href="https://readokaloosa.org/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Online Catalog</span></a> 1741 </div> 1742 </li> 1743 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem579" data-pageid="579"> 1744 <div class="accordionNavItem"> 1745 <a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1745Library Home</span></a> 1746 </div> 1747 </li> 1748 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem174" data-pageid="174"> 1749 <div class="accordionNavItem"> 1750 <a href="/174/About-Us" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">About Us</span></a> 1751 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="About Us Submenu" aria-expanded="false" aria-controls="submenu-lvl3-174"></a> 1752 </div> 1753 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-174" style="display: none;" data-parent="174"> 1754 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem173" data-pageid="173"> 1755 <div class="accordionNavItem"> 1756 <a href="/173/Library-Partners" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Partners</span></a> 1757 </div> 1758 </li> 1759 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem657" data-pageid="657"> 1760 <div class="accordionNavItem"> 1761 <a href="/657/Library-History" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library History</span></a> 1762 </div> 1763 </li> 1764 1765 </ol> 1766 </li> 1767 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem685" data-pageid="685"> 1768 <div class="accordionNavItem"> 1769 <a href="/685/Get-a-Library-Card" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Get a Library Card</span></a> 1770 </div> 1771 </li> 1772 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem656" data-pageid="656"> 1773 <div class="accordionNavItem"> 1774 <a href="/656/Library-Policies" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Policies</span></a> 1775 </div> 1776 </li> 1777 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem650" data-pageid="650"> 1778 <div class="accordionNavItem"> 1779 <a href="/650/Library-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Services</span></a> 1780 </div> 1781 </li> 1782 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem640" data-pageid="640"> 1783 <div class="accordionNavItem"> 1784 <a href="/640/Library-How-Tos" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library How-Tos </span></a> 1785 </div> 1786 </li> 1787 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem620" data-pageid="620"> 1788 <div class="accordionNavItem"> 1789 <a href="/620/Library-Gardens" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Gardens</span></a> 1790 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Library Gardens Submenu" aria-expanded="false" aria-controls="submenu-lvl3-620"></a> 1791 </div> 1792 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-620" style="display: none;" data-parent="620"> 1793 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem619" data-pageid="619"> 1794 <div class="accordionNavItem"> 1795 <a href="/619/Butterfly-Garden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Butterfly Garden</span></a> 1796 </div> 1797 </li> 1798 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem625" data-pageid="625"> 1799 <div class="accordionNavItem"> 1800 <a href="/625/The-Horne-Memorial-Flute-Garden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Horne Memorial Flute Garden</span></a> 1801 </div> 1802 </li> 1803 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem623" data-pageid="623"> 1804 <div class="accordionNavItem"> 1805 <a href="/623/The-Smith-Pach-Fountain-Memorial-Garden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Smith Pach Fountain Memorial Garden</span></a> 1806 </div> 1807 </li> 1808 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem624" data-pageid="624"> 1809 <div class="accordionNavItem"> 1810 <a href="/624/The-Journeys-of-Imagination-Garden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Journeys of Imagination Garden</span></a> 1811 </div> 1812 </li> 1813 1814 </ol> 1815 </li> 1816 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem655" data-pageid="655"> 1817 <div class="accordionNavItem"> 1818 <a href="/655/Summer-Reading" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Summer Reading</span></a> 1819 </div> 1820 </li> 1821 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem171" data-pageid="171"> 1822 <div class="accordionNavItem"> 1823 <a href="/171/Childrens-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Children's Services</span></a> 1824 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Children's Services Submenu" aria-expanded="false" aria-controls="submenu-lvl3-171"></a> 1825 </div> 1826 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-171" style="display: none;" data-parent="171"> 1827 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem576" data-pageid="576"> 1828 <div class="accordionNavItem"> 1829 <a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1829Library Home</span></a> 1830 </div> 1831 </li> 1832 1833 </ol> 1834 </li> 1835 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem588" data-pageid="588"> 1836 <div class="accordionNavItem"> 1837 <a href="/588/Young-Adult-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Young Adult Services</span></a> 1838 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Young Adult Services Submenu" aria-expanded="false" aria-controls="submenu-lvl3-588"></a> 1839 </div> 1840 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-588" style="display: none;" data-parent="588"> 1841 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem615" data-pageid="615"> 1842 <div class="accordionNavItem"> 1843 <a href="/www.cityofdestin.com/library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Home</span></a> 1844 </div> 1845 </li> 1846 1847 </ol> 1848 </li> 1849 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem555" data-pageid="555"> 1850 <div class="accordionNavItem"> 1851 <a href="/555/Adult-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Adult Services</span></a> 1852 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Adult Services Submenu" aria-expanded="false" aria-controls="submenu-lvl3-555"></a> 1853 </div> 1854 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-555" style="display: none;" data-parent="555"> 1855 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem577" data-pageid="577"> 1856 <div class="accordionNavItem"> 1857 <a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1857Library Home</span></a> 1858 </div> 1859 </li> 1860 1861 </ol> 1862 </li> 1863 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem250" data-pageid="250"> 1864 <div class="accordionNavItem"> 1865 <a href="/250/Library-Technology" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Technology</span></a> 1866 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Library Technology Submenu" aria-expanded="false" aria-controls="submenu-lvl3-250"></a> 1867 </div> 1868 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-250" style="display: none;" data-parent="250"> 1869 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem573" data-pageid="573"> 1870 <div class="accordionNavItem"> 1871 <a href="/250/Technology-Education" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Technology Education Home</span></a> 1872 </div> 1873 </li> 1874 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem580" data-pageid="580"> 1875 <div class="accordionNavItem"> 1876 <a href="https://planfl.universalclass.com/login.htm?d=nc&surl=https%3A%2F%2Fplanfl%2Euniversalclass%2Ecom%2Fstart%2Ehtm%3F" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Universal Class</span></a> 1877 </div> 1878 </li> 1879 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem172" data-pageid="172"> 1880 <div class="accordionNavItem"> 1881 <a href="/172/Available-Computer-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Available Computer Resources</span></a> 1882 </div> 1883 </li> 1884 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem574" data-pageid="574"> 1885 <div class="accordionNavItem"> 1886 <a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1886Library Home</span></a> 1887 </div> 1888 </li> 1889 1890 </ol> 1891 </li> 1892 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem251" data-pageid="251"> 1893 <div class="accordionNavItem"> 1894 <a href="/251/Research-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Research & Resources</span></a> 1895 </div> 1896 </li> 1897 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem642" data-pageid="642"> 1898 <div class="accordionNavItem"> 1899 <a href="/642/Beanstack" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Beanstack</span></a> 1900 </div> 1901 </li> 1902 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem651" data-pageid="651"> 1903 <div class="accordionNavItem"> 1904 <a href="/651/BrainFuse" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">BrainFuse</span></a> 1905 </div> 1906 </li> 1907 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem697" data-pageid="697"> 1908 <div class="accordionNavItem"> 1909 <a href="/697/eMaterials" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">eMaterials</span></a> 1910 </div> 1911 </li> 1912 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem737" data-pageid="737"> 1913 <div class="accordionNavItem"> 1914 <a href="/737/Interlibrary-Loan-ILL" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Interlibrary Loan (ILL)</span></a> 1915 </div> 1916 </li> 1917 1918 </ol> 1919 </li> 1920 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem102" data-pageid="102"> 1921 <div class="accordionNavItem"> 1922 <a href="/102/Parks-Recreation-Department" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks & Recreation Department</span></a> 1923 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Parks & Recreation Department Submenu" aria-expanded="false" aria-controls="submenu-lvl2-102"></a> 1924 </div> 1925 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-102" style="display: none;" data-parent="102"> 1926 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem667" data-pageid="667"> 1927 <div class="accordionNavItem"> 1928 <a href="https://www.cityofdestin.com/reconline" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">RecOnline</span></a> 1929 </div> 1930 </li> 1931 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem103" data-pageid="103"> 1932 <div class="accordionNavItem"> 1933 <a href="/103/CommunityFamily-Events" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community/Family Events</span></a> 1934 </div> 1935 </li> 1936 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem270" data-pageid="270"> 1937 <div class="accordionNavItem"> 1938 <a href="/270/FacilitiesParks" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Facilities/Parks</span></a> 1939 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Facilities/Parks Submenu" aria-expanded="false" aria-controls="submenu-lvl3-270"></a> 1940 </div> 1941 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-270" style="display: none;" data-parent="270"> 1942 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem281" data-pageid="281"> 1943 <div class="accordionNavItem"> 1944 <a href="/281/Beach-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Beach Information</span></a> 1945 </div> 1946 </li> 1947 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem452" data-pageid="452"> 1948 <div class="accordionNavItem"> 1949 <a href="/Facilities.aspx?Page=detail&RID=8" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Buck Destin Park</span></a> 1950 </div> 1951 </li> 1952 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem364" data-pageid="364"> 1953 <div class="accordionNavItem"> 1954 <a href="/Facilities.aspx?Page=detail&RID=23" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Center</span></a> 1955 </div> 1956 </li> 1957 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem454" data-pageid="454"> 1958 <div class="accordionNavItem"> 1959 <a href="/Facilities.aspx?Page=detail&RID=11" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Destin Sports Complex</span></a> 1960 </div> 1961 </li> 1962 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem104" data-pageid="104"> 1963 <div class="accordionNavItem"> 1964 <a href="/Facilities.aspx?Page=detail&RID=20" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Morgan Sports Center</span></a> 1965 </div> 1966 </li> 1967 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem280" data-pageid="280"> 1968 <div class="accordionNavItem"> 1969 <a href="/Facilities.aspx?page=list&search=1&CID=2" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks</span></a> 1970 </div> 1971 </li> 1972 1973 </ol> 1974 </li> 1975 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem265" data-pageid="265"> 1976 <div class="accordionNavItem"> 1977 <a href="/265/Rentals" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Rentals</span></a> 1978 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Rentals Submenu" aria-expanded="false" aria-controls="submenu-lvl3-265"></a> 1979 </div> 1980 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-265" style="display: none;" data-parent="265"> 1981 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem266" data-pageid="266"> 1982 <div class="accordionNavItem"> 1983 <a href="/266/Meeting-Rooms" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Meeting Rooms</span></a> 1984 </div> 1985 </li> 1986 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem269" data-pageid="269"> 1987 <div class="accordionNavItem"> 1988 <a href="/269/Required-Rental-Forms" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Required Rental Forms</span></a> 1989 </div> 1990 </li> 1991 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem268" data-pageid="268"> 1992 <div class="accordionNavItem"> 1993 <a href="/268/Special-Events" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Special Events</span></a> 1994 </div> 1995 </li> 1996 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem267" data-pageid="267"> 1997 <div class="accordionNavItem"> 1998 <a href="/267/Sports-Facilities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sports Facilities</span></a> 1999 </div> 2000 </li> 2001 2002 </ol> 2003 </li> 2004 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem283" data-pageid="283"> 2005 <div class="accordionNavItem"> 2006 <a href="/283/Volunteer-Opportunities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Volunteer Opportunities</span></a> 2007 </div> 2008 </li> 2009 2010 </ol> 2011 </li> 2012 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem375" data-pageid="375"> 2013 <div class="accordionNavItem"> 2014 <a href="/91/Planning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning Division (Zoning)</span></a> 2015 </div> 2016 </li> 2017 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem98" data-pageid="98"> 2018 <div class="accordionNavItem"> 2019 <a href="/98/ProjectsGrantsContracts" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Projects/Grants/Contracts</span></a> 2020 </div> 2021 </li> 2022 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem255" data-pageid="255"> 2023 <div class="accordionNavItem"> 2024 <a href="/255/Public-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Information</span></a> 2025 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Public Information Submenu" aria-expanded="false" aria-controls="submenu-lvl2-255"></a> 2026 </div> 2027 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-255" style="display: none;" data-parent="255"> 2028 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem259" data-pageid="259"> 2029 <div class="accordionNavItem"> 2030 <a href="/Calendar.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Calendar</span></a> 2031 </div> 2032 </li> 2033 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem258" data-pageid="258"> 2034 <div class="accordionNavItem"> 2035 <a href="/list.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Notify Me</span></a> 2036 </div> 2037 </li> 2038 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem446" data-pageid="446"> 2039 <div class="accordionNavItem"> 2040 <a href="http://www.youtube.com/user/CityofDestin" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City of Destin YouTube</span></a> 2041 </div> 2042 </li> 2043 2044 </ol> 2045 </li> 2046 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem101" data-pageid="101"> 2047 <div class="accordionNavItem"> 2048 <a href="/101/Public-Works-Department" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Works Department</span></a> 2049 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Public Works Department Submenu" aria-expanded="false" aria-controls="submenu-lvl2-101"></a> 2050 </div> 2051 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-101" style="display: none;" data-parent="101"> 2052 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem286" data-pageid="286"> 2053 <div class="accordionNavItem"> 2054 <a href="/286/Environmental-Protection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Environmental Protection</span></a> 2055 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Environmental Protection Submenu" aria-expanded="false" aria-controls="submenu-lvl3-286"></a> 2056 </div> 2057 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-286" style="display: none;
2057" data-parent="286"> 2058 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem740" data-pageid="740"> 2059 <div class="accordionNavItem"> 2060 <a href="/740/NPDES-Phase-II-Stormwater-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">NPDES Phase II Stormwater Program</span></a> 2061 </div> 2062 </li> 2063 2064 </ol> 2065 </li> 2066 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem541" data-pageid="541"> 2067 <div class="accordionNavItem"> 2068 <a href="/projects" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Projects</span></a> 2069 </div> 2070 </li> 2071 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem593" data-pageid="593"> 2072 <div class="accordionNavItem"> 2073 <a href="/593/Flood-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Information</span></a> 2074 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Flood Information Submenu" aria-expanded="false" aria-controls="submenu-lvl3-593"></a> 2075 </div> 2076 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-593" style="display: none;" data-parent="593"> 2077 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem467" data-pageid="467"> 2078 <div class="accordionNavItem"> 2079 <a href="/467/Drainage-Systems-Maintenance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Drainage Systems Maintenance</span></a> 2080 </div> 2081 </li> 2082 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem459" data-pageid="459"> 2083 <div class="accordionNavItem"> 2084 <a href="/459/Local-Mitigation-Strategy-LMS" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Local Mitigation Strategy (LMS)</span></a> 2085 </div> 2086 </li> 2087 2088 </ol> 2089 </li> 2090 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem287" data-pageid="287"> 2091 <div class="accordionNavItem"> 2092 <a href="/287/Public-Property" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Property</span></a> 2093 </div> 2094 </li> 2095 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem291" data-pageid="291"> 2096 <div class="accordionNavItem"> 2097 <a href="/RequestTracker.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Report A Problem</span></a> 2098 </div> 2099 </li> 2100 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem187" data-pageid="187"> 2101 <div class="accordionNavItem"> 2102 <a href="/187/Streets-Sidewalks" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Streets & Sidewalks</span></a> 2103 </div> 2104 </li> 2105 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem289" data-pageid="289"> 2106 <div class="accordionNavItem"> 2107 <a href="/289/Hurricane-Information-Guide" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Hurricane Information Guide</span></a> 2108 </div> 2109 </li> 2110 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem602" data-pageid="602"> 2111 <div class="accordionNavItem"> 2112 <a href="https://www.fpl.com/support/contact/power-outage/streetlight.html#" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Report a Streetlight Outage</span></a> 2113 </div> 2114 </li> 2115 2116 </ol> 2117 </li> 2118 2119 </ol> 2120 </li> 2121 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem714" data-pageid="714"> 2122 <div class="accordionNavItem"> 2123 <a href="/714/2025-State-of-the-City" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2025 State of the City</a> 2124 </div> 2125 </li> 2126 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem732" data-pageid="732"> 2127 <div class="accordionNavItem"> 2128 <a href="/732/2025-Year-in-Review" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2025 Year in Review</a> 2129 </div> 2130 </li> 2131 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem142" data-pageid="142"> 2132 <div class="accordionNavItem"> 2133 <a href="/142/Mayor-Council" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor & Council</a> 2134 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Mayor & Council Submenu" aria-expanded="false" aria-controls="submenu-lvl1-142"></a> 2135 </div> 2136 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-142" style="display: none;" data-parent="142"> 2137 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem663" data-pageid="663"> 2138 <div class="accordionNavItem"> 2139 <a href="/663/Mayor-Bobby-Wagner" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Mayor Bobby Wagner</span></a> 2140 </div> 2141 </li> 2142 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem429" data-pageid="429"> 2143 <div class="accordionNavItem"> 2144 <a href="/429/Councilman-Rodney-Braden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman Rodney Braden</span></a> 2145 </div> 2146 </li> 2147 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem483" data-pageid="483"> 2148 <div class="accordionNavItem"> 2149 <a href="/483/Councilman-Dewey-Destin" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman Dewey Destin</span></a> 2150 </div> 2151 </li> 2152 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem222" data-pageid="222"> 2153 <div class="accordionNavItem"> 2154 <a href="/222/Councilwoman-Teresa-Hebert" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilwoman Teresa Hebert</span></a> 2155 </div> 2156 </li> 2157 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem686" data-pageid="686"> 2158 <div class="accordionNavItem"> 2159 <a href="/686/Councilman-Chatham-Morgan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman Chatham Morgan</span></a> 2160 </div> 2161 </li> 2162 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem486" data-pageid="486"> 2163 <div class="accordionNavItem"> 2164 <a href="/486/Councilman-Kevin-Schmidt" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman Kevin Schmidt</span></a> 2165 </div> 2166 </li> 2167 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem659" data-pageid="659"> 2168 <div class="accordionNavItem"> 2169 <a href="/659/Councilman-John-Stephens" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman John Stephens</span></a> 2170 </div> 2171 </li> 2172 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem221" data-pageid="221"> 2173 <div class="accordionNavItem"> 2174 <a href="/221/Councilwoman-Sandy-Trammell" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilwoman Sandy Trammell</span></a> 2175 </div> 2176 </li> 2177 2178 </ol> 2179 </li> 2180 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem424" data-pageid="424"> 2181 <div class="accordionNavItem"> 2182 <a href="/424/Vision" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Vision</a> 2183 </div> 2184 </li> 2185 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem544" data-pageid="544"> 2186 <div class="accordionNavItem"> 2187 <a href="/285/Projects" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Projects</a> 2188 </div> 2189 </li> 2190 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem502" data-pageid="502">
2191 <div class="accordionNavItem"> 2192 <a href="/361/Public-Records" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Records</a> 2193 </div> 2194 </li> 2195 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem472" data-pageid="472"> 2196 <div class="accordionNavItem"> 2197 <a href="/472/Transportation-Planning" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Transportation Planning</a> 2198 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Transportation Planning Submenu" aria-expanded="false" aria-controls="submenu-lvl1-472"></a> 2199 </div> 2200 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-472" style="display: none;" data-parent="472"> 2201 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem475" data-pageid="475"> 2202 <div class="accordionNavItem"> 2203 <a href="http://www.mpoac.org/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Florida Metropolitan Planning Organization</span></a> 2204 </div> 2205 </li> 2206 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem473" data-pageid="473"> 2207 <div class="accordionNavItem"> 2208 <a href="http://floridatransportationplan.com/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Florida Transportation Plan</span></a> 2209 </div> 2210 </li> 2211 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem474" data-pageid="474"> 2212 <div class="accordionNavItem"> 2213 <a href="http://www.wfrpc.org/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">West Florida Regional Planning Council</span></a> 2214 </div> 2215 </li> 2216 2217 </ol> 2218 </li> 2219 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem503" data-pageid="503"> 2220 <div class="accordionNavItem"> 2221 <a href="https://www.youtube.com/user/CityofDestin" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Watch Council Meetings</a> 2222 </div> 2223 </li> 2224 2225 </ol> 2226 2227 2228
2228<script type="text/javascript"> 2229 (function () { 2230 function setupSecondaryMenuProperties() { 2231 //setup menu manager properties for secondary menu 2232 menuManager.isSideMenuEditable = false; 2233 menuManager.sideMenuMaxSubMenuLevels = 4; 2234 menuManager.sideMenuHasCustomLinks = false; 2235 } 2236 2237 if (document.readyState === "loading") { 2238 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 2239 return; 2240 } 2241 2242 setupSecondaryMenuProperties(); 2243 })(); 2244 </script>
2244 2245 2246
2246<script type="text/javascript"> 2247 (function () { 2248 function setupAccordionSecondaryNav() { 2249 var $menuContainer = $('#secondaryNav'); 2250 2251 $menuContainer.find('*[id^="SideItem"]').each(function () { 2252 var ids = $('[id="' + this.id + '"]'); 2253 if (ids.length > 1) 2254 $.each(ids, function (index, value) { 2255 value.id = value.id + '_' + index; 2256 }); 2257 }); 2258 2259 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 2260 e.preventDefault(); 2261 showHideAccordionMenuForSecondaryNav($(this)); 2262 }); 2263 2264 $menuContainer.find(".grippy").each(function () { 2265 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 2266 }); 2267 2268 $menuContainer.find("li").each(function () { 2269 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 2270 }); 2271 } 2272 2273 if (document.readyState === "loading") { 2274 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 2275 return; 2276 } 2277 2278 setupAccordionSecondaryNav(); 2279 })(); 2280 </script>
2280 2281 2282 2283 2284</nav><aside data-cpRole="contentContainer" id="structuralContainer3"> <div id="ccce5a57e0-742e-45ce-80c7-fb73fabaa348" data-containerid="ce5a57e0-742e-45ce-80c7-fb73fabaa348" class="pageContent cpGrid cpGrid24 showInMobile"> 2285 2286 2287 2288 2289 </div> 2290</aside> 2291</div> 2292</div></div> 2293</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 2294<div class="siteWrap3"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc436f3546-767d-4396-94e4-7def2c35a799" data-containerid="436f3546-767d-4396-94e4-7def2c35a799" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2295 2296 2297 <div class="row outer wide"><!-- 2298--><div class="outer col col24 first last" style="" data-widgetcontainerid="0b7c5fd0-ce49-463e-a562-e662713199a6">� 2299 <div class="row nest first last wide">� 2300 2301 <div class="inner col col24 first last idf132bdb8-b28e-469d-877d-de919241cd9c" style="" data-widgetcontainerid="f132bdb8-b28e-469d-877d-de919241cd9c">� 2302<div data-widget-id="0a6a2d6a-bcf8-4e7b-abf2-ac49cc6e97fe" data-widget-controller-path="/GraphicLinks/Widget"> 2303 2304 2305 2306 2307<div id="graphicLinkWidget0a6a2d6a-bcf8-4e7b-abf2-ac49cc6e97fe" class="widget widgetGraphicLinks skin11 widgetOptionSet26 wide" data-elementqueryclasses='{"wide-narrow":"min-width:50em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2308 <div class="widgetHeader"> 2309 <div class=""> 2310 </div> 2311 </div> 2312 <div class="widgetBody cpGrid cpGrid4 "> 2313 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2314 <div class="row wide"> 2315 <!-- 2316--><div class="col col1 first "><ul class="semanticList"><!-- 2317 --><li class="widgetItem GraphicLinks"> 2318 2319<div> 2320 <a href="https://www.mgoconnect.org/cp/portal" target="_blank" class="fancyButton fancyButton180 " aria-label="MGO Online Portal MyGovernmentOnline Apply and Pay for permits, business tax receipts, planning, more. Opens in new window"> 2321 <span> 2322 <span><span class="text"><span class="textStyle1">MGO<br>Online Portal</span><br><span class="textStyle2">MyGovernmentOnline<br>Apply and Pay for permits, business tax receipts, planning, more.</span></span></span> 2323 </span> 2324 </a> 2325</div> 2326 <style scoped="scoped">.fancyButton180.fancyButton:link,.fancyButton180.fancyButton:visited, .fancyButton180div.fancyButton{ 2327 background-image: url('/ImageRepository/Document?documentID=14865'); 2328 background-repeat: no-repeat; 2329 background-position: center center; 2330background-size: cover; 2331position: relative; 2332} 2333 2334.fancyButton180:before { 2335content: ''; 2336position: absolute; 2337background: rgba(234, 171, 0, 0.95); 2338width: 0; 2339height: 0; 2340left: 50%; 2341top: 50%; 2342transform: translate(-50%,-50%); 2343transition: all .3s ease-in-out; 2344z-index: 0; 2345} 2346 2347.fancyButton180 > span { 2348width: calc(100% + 1px); 2349overflow: hidden;} 2350.fancyButton180.fancyButton:hover,.fancyButton180.fancyButton:focus,.fancyButton180.fancyButton:active,.fancyButton180.fancyButton.hover{ 2351} 2352 2353.fancyButton180:hover:before { 2354width: 100%; 2355height: 100%; 2356} 2357.fancyButton180.fancyButton:link > span,.fancyButton180.fancyButton:visited > span, .fancyButton180div.fancyButton > span{ 2358} 2359.fancyButton180.fancyButton:hover > span,.fancyButton180.fancyButton:focus > span,.fancyButton180.fancyButton:active > span,.fancyButton180.fancyButton.hover > span{ 2360} 2361.fancyButton180.fancyButton .text{ 2362 color: #ffffff; 2363 font-family: "Montserrat"; 2364 padding-top: 3em; 2365 padding-bottom: 1em; 2366 padding-right: 1em; 2367 padding-left: 1em; 2368 font-style: normal; 2369 text-decoration: none; 2370 padding-top: 3em; 2371 padding-bottom: 1em; 2372 padding-right: 1em; 2373 padding-left: 1em; 2374 background-repeat: no-repeat; 2375 background-position: left top; 2376background: rgba(234, 171, 0, 0.8); 2377height: 350px; 2378transition: all .3s ease-in-out; 2379line-height: 1.1; 2380position: relative; 2381} 2382 2383.widgetGraphicLinks .row.wide .fancyButton180 .text { 2384height: 550px; 2385 2386 2387} 2388.fancyButton180.fancyButton:hover .text,.fancyButton180.fancyButton:focus .text,.fancyButton180.fancyButton:active .text,.fancyButton180.fancyButton.hover .text{ 2389 text-decoration: none; 2390 background-repeat: no-repeat; 2391 background-position: left top;
2392padding-top: 1em; 2393} 2394.fancyButton180.fancyButton .textStyle1{ 2395 color: #00204a; 2396 font-size: 2em; 2397 font-family: Barlow Condensed; 2398 font-weight: 700; 2399 text-decoration: none; 2400position: relative; 2401display: block; 2402z-index: 3; 2403} 2404 2405.fancyButton180 .textStyle1::after { 2406content: ''; 2407position: absolute; 2408left: 50%; 2409bottom: -24px; 2410transform: translateX(-50%); 2411background: #00204A; 2412height: 4px; 2413width: 100px;} 2414.fancyButton180.fancyButton:hover .textStyle1, .fancyButton180.fancyButton.hover .textStyle1{ 2415 text-decoration: underline; 2416 2417} 2418.fancyButton180.fancyButton .textStyle2{ 2419 color: #00204a; 2420 text-decoration: none; 2421opacity: 0; 2422margin-top: 1.5em; 2423display: block; 2424transition: opacity .5s ease-in-out; 2425z-index: 5;} 2426.fancyButton180.fancyButton:hover .textStyle2, .fancyButton180.fancyButton.hover .textStyle2{ 2427 text-decoration: none; 2428opacity: 1;} 2429</style> 2430 2431 </li><!-- 2432--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2433 --><li class="widgetItem GraphicLinks"> 2434 2435<div> 2436 <a href="https://www.destinfwb.com/discover/destin/top-things-to-do-in-destin/" target="_blank" class="fancyButton fancyButton145 " aria-label="Things To Do In Destin Explore things to do in Destin, Florida. Information provided by Destin-Fort Walton Beach, Florida (www.destinfwb.com) Opens in new window"> 2437 <span> 2438 <span><span class="text"><span class="textStyle1">Things To Do<br>In Destin</span><br><span class="textStyle2">Explore things to do in Destin, Florida. Information provided by Destin-Fort Walton Beach, Florida (www.destinfwb.com)</span></span></span> 2439 </span> 2440 </a> 2441</div> 2442 <style scoped="scoped">.fancyButton145.fancyButton:link,.fancyButton145.fancyButton:visited, .fancyButton145div.fancyButton{ 2443 background-image: url('/ImageRepository/Document?documentID=14082'); 2444 background-repeat: no-repeat; 2445 background-position: center center; 2446background-size: cover; 2447position: relative; 2448} 2449 2450.fancyButton145:before { 2451content: ''; 2452position: absolute; 2453background: rgba(0, 51, 116, 0.95); 2454width: 0; 2455height: 0; 2456left: 50%; 2457top: 50%; 2458transform: translate(-50%,-50%); 2459transition: all .3s ease-in-out; 2460z-index: 0; 2461} 2462 2463.fancyButton145 > span { 2464width: calc(100% + 1px); 2465overflow: hidden;} 2466.fancyButton145.fancyButton:hover,.fancyButton145.fancyButton:focus,.fancyButton145.fancyButton:active,.fancyButton145.fancyButton.hover{ 2467} 2468 2469.fancyButton145:hover:before { 2470width: 100%; 2471height: 100%; 2472} 2473.fancyButton145.fancyButton:link > span,.fancyButton145.fancyButton:visited > span, .fancyButton145div.fancyButton > span{ 2474} 2475.fancyButton145.fancyButton:hover > span,.fancyButton145.fancyButton:focus > span,.fancyButton145.fancyButton:active > span,.fancyButton145.fancyButton.hover > span{ 2476} 2477.fancyButton145.fancyButton .text{ 2478 color: #ffffff; 2479 font-family: "Montserrat"; 2480 padding-top: 3em; 2481 padding-bottom: 1em; 2482 padding-right: 1em; 2483 padding-left: 1em; 2484 font-style: normal; 2485 text-decoration: none; 2486 padding-top: 3em; 2487 padding-bottom: 1em; 2488 padding-right: 1em; 2489 padding-left: 1em; 2490 background-repeat: no-repeat; 2491 background-position: left top; 2492background: rgba(0, 51, 116, 0.8); 2493height: 350px; 2494transition: all .3s ease-in-out; 2495line-height: 1.1; 2496position: relative; 2497} 2498 2499.widgetGraphicLinks .row.wide .fancyButton145 .text { 2500height: 550px; 2501 2502} 2503.fancyButton145.fancyButton:hover .text,.fancyButton145.fancyButton:focus .text,.fancyButton145.fancyButton:active .text,.fancyButton145.fancyButton.hover .text{ 2504 text-decoration: none; 2505 background-repeat: no-repeat; 2506 background-position: left top; 2507padding-top: 1em; 2508} 2509.fancyButton145.fancyButton .textStyle1{ 2510 color: #ffffff; 2511 font-size: 2em; 2512 font-family: Barlow Condensed; 2513 font-weight: 700; 2514 text-decoration: none; 2515position: relative; 2516display: block; 2517z-index: 3; 2518} 2519 2520.fancyButton145 .textStyle1::after { 2521content: ''; 2522position: absolute; 2523left: 50%; 2524bottom: -24px; 2525transform: translateX(-50%); 2526background: #FFBC51; 2527height: 4px; 2528width: 100px;} 2529.fancyButton145.fancyButton:hover .textStyle1, .fancyButton145.fancyButton.hover .textStyle1{ 2530 text-decoration: underline; 2531 2532} 2533.fancyButton145.fancyButton .textStyle2{ 2534 color: #ffffff; 2535 text-decoration: none; 2536opacity: 0; 2537margin-top: 1.5em; 2538display: block; 2539transition: opacity .5s ease-in-out; 2540z-index: 5;} 2541.fancyButton145.fancyButton:hover .textStyle2, .fancyButton145.fancyButton.hover .textStyle2{ 2542 text-decoration: none; 2543opacity: 1;} 2544</style> 2545 2546 </li><!-- 2547--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2548 --><li class="widgetItem GraphicLinks"> 2549 2550<div> 2551 <a href="/102/Parks-Recreation-Department" target="_self" class="fancyButton fancyButton155 " > 2552 <span> 2553 <span><span class="text"><span class="textStyle1">Parks &<br>Recreation</span><br><span class="textStyle2">Learn more about recreational programs, community events, and family events for all ages.</span></span></span> 2554 </span> 2555 </a> 2556</div> 2557 <style scoped="scoped">.fancyButton155.fancyButton:link,.fancyButton155.fancyButton:visited, .fancyButton155div.fancyButton{ 2558 background-image: url('/ImageRepository/Document?documentID=14083'); 2559 background-repeat: no-repeat; 2560 background-position: center center; 2561background-size: cover; 2562position: relative; 2563} 2564 2565.fancyButton155:before { 2566content: ''; 2567position: absolute; 2568background: rgba(0, 139, 149, 0.95); 2569width: 0; 2570height: 0; 2571left: 50%; 2572top: 50%; 2573transform: translate(-50%,-50%); 2574transition: all .3s ease-in-out; 2575z-index: 0; 2576} 2577 2578.fancyButton155 > span { 2579width: calc(100% + 1px); 2580overflow: hidden;} 2581.fancyButton155.fancyButton:hover,.fancyButton155.fancyButton:focus,.fancyButton155.fancyButton:active,.fancyButton155.fancyButton.hover{ 2582} 2583 2584.fancyButton155:hover:before { 2585width: 100%; 2586height: 100%; 2587} 2588.fancyButton155.fancyButton:link > span,.fancyButton155.fancyButton:visited > span, .fancyButton155div.fancyButton > span{ 2589} 2590.fancyButton155.fancyButton:hover > span,.fancyButton155.fancyButton:focus > span,.fancyButton155.fancyButton:active > span,.fancyButton155.fancyButton.hover > span{ 2591} 2592.fancyButton155.fancyButton .text{ 2593 color: #ffffff; 2594 font-family: "Montserrat"; 2595 padding-top: 3em; 2596 padding-bottom: 1em; 2597 padding-right: 1em; 2598 padding-left: 1em; 2599 font-style: normal; 2600 text-decoration: none; 2601 padding-top: 3em; 2602 padding-bottom: 1em; 2603 padding-right: 1em; 2604 padding-left: 1em; 2605 background-repeat: no-repeat; 2606 background-position: left top; 2607background: rgba(0, 139, 149, 0.8); 2608height: 350px; 2609transition: all .3s ease-in-out; 2610line-height: 1.1; 2611position: relative; 2612} 2613 2614.widgetGraphicLinks .row.wide .fancyButton155 .text { 2615height: 550px; 2616 2617} 2618.fancyButton155.fancyButton:hover .text,.fancyButton155.fancyButton:focus .text,.fancyButton155.fancyButton:active .text,.fancyButton155.fancyButton.hover .text{ 2619 text-decoration: none; 2620 background-repeat: no-repeat; 2621 background-position: left top;
2622padding-top: 1em; 2623} 2624.fancyButton155.fancyButton .textStyle1{ 2625 color: #ffffff; 2626 font-size: 2em; 2627 font-family: Barlow Condensed; 2628 font-weight: 700; 2629 text-decoration: none; 2630position: relative; 2631display: block; 2632z-index: 3; 2633} 2634 2635.fancyButton155 .textStyle1::after { 2636content: ''; 2637position: absolute; 2638left: 50%; 2639bottom: -24px; 2640transform: translateX(-50%); 2641background: #6AADE4; 2642height: 4px; 2643width: 100px;} 2644.fancyButton155.fancyButton:hover .textStyle1, .fancyButton155.fancyButton.hover .textStyle1{ 2645 text-decoration: underline; 2646 2647} 2648.fancyButton155.fancyButton .textStyle2{ 2649 color: #ffffff; 2650 text-decoration: none; 2651opacity: 0; 2652margin-top: 1.5em; 2653display: block; 2654transition: opacity .5s ease-in-out; 2655z-index: 5;} 2656.fancyButton155.fancyButton:hover .textStyle2, .fancyButton155.fancyButton.hover .textStyle2{ 2657 text-decoration: none; 2658opacity: 1;} 2659</style> 2660 2661 </li><!-- 2662--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2663 --><li class="widgetItem GraphicLinks"> 2664 2665<div> 2666 <a href="/281/Beach-Information" target="_self" class="fancyButton fancyButton156 " > 2667 <span> 2668 <span><span class="text"><span class="textStyle1">Beach<br>Information</span><br><span class="textStyle2">Find public beach parks, amenities, and beach trails.</span></span></span> 2669 </span> 2670 </a> 2671</div> 2672 <style scoped="scoped">.fancyButton156.fancyButton:link,.fancyButton156.fancyButton:visited, .fancyButton156div.fancyButton{ 2673 background-image: url('/ImageRepository/Document?documentID=14084'); 2674 background-repeat: no-repeat; 2675 background-position: center center; 2676background-size: cover; 2677position: relative; 2678} 2679 2680.fancyButton156:before { 2681content: ''; 2682position: absolute; 2683background: rgba(234, 171, 0, 0.95); 2684width: 0; 2685height: 0; 2686left: 50%; 2687top: 50%; 2688transform: translate(-50%,-50%); 2689transition: all .3s ease-in-out; 2690z-index: 0; 2691} 2692 2693.fancyButton156 > span { 2694width: calc(100% + 1px); 2695overflow: hidden;} 2696.fancyButton156.fancyButton:hover,.fancyButton156.fancyButton:focus,.fancyButton156.fancyButton:active,.fancyButton156.fancyButton.hover{ 2697} 2698 2699.fancyButton156:hover:before { 2700width: 100%; 2701height: 100%; 2702} 2703.fancyButton156.fancyButton:link > span,.fancyButton156.fancyButton:visited > span, .fancyButton156div.fancyButton > span{ 2704} 2705.fancyButton156.fancyButton:hover > span,.fancyButton156.fancyButton:focus > span,.fancyButton156.fancyButton:active > span,.fancyButton156.fancyButton.hover > span{ 2706} 2707.fancyButton156.fancyButton .text{ 2708 color: #ffffff; 2709 font-family: "Montserrat"; 2710 padding-top: 3em; 2711 padding-bottom: 1em; 2712 padding-right: 1em; 2713 padding-left: 1em; 2714 font-style: normal; 2715 text-decoration: none; 2716 padding-top: 3em; 2717 padding-bottom: 1em; 2718 padding-right: 1em; 2719 padding-left: 1em; 2720 background-repeat: no-repeat; 2721 background-position: left top; 2722background: rgba(234, 171, 0, 0.8); 2723height: 350px; 2724transition: all .3s ease-in-out; 2725line-height: 1.1; 2726position: relative; 2727} 2728 2729.widgetGraphicLinks .row.wide .fancyButton156 .text { 2730height: 550px; 2731 2732 2733} 2734.fancyButton156.fancyButton:hover .text,.fancyButton156.fancyButton:focus .text,.fancyButton156.fancyButton:active .text,.fancyButton156.fancyButton.hover .text{ 2735 text-decoration: none; 2736 background-repeat: no-repeat; 2737 background-position: left top; 2738padding-top: 1em; 2739} 2740.fancyButton156.fancyButton .textStyle1{ 2741 color: #00204a; 2742 font-size: 2em; 2743 font-family: Barlow Condensed; 2744 font-weight: 700; 2745 text-decoration: none; 2746position: relative; 2747display: block; 2748z-index: 3; 2749} 2750 2751.fancyButton156 .textStyle1::after { 2752content: ''; 2753position: absolute; 2754left: 50%; 2755bottom: -24px; 2756transform: translateX(-50%); 2757background: #00204A; 2758height: 4px; 2759width: 100px;} 2760.fancyButton156.fancyButton:hover .textStyle1, .fancyButton156.fancyButton.hover .textStyle1{ 2761 text-decoration: underline; 2762 2763} 2764.fancyButton156.fancyButton .textStyle2{ 2765 color: #00204a; 2766 text-decoration: none; 2767opacity: 0; 2768margin-top: 1.5em; 2769display: block; 2770transition: opacity .5s ease-in-out; 2771z-index: 5;} 2772.fancyButton156.fancyButton:hover .textStyle2, .fancyButton156.fancyButton.hover .textStyle2{ 2773 text-decoration: none; 2774opacity: 1;} 2775</style> 2776 2777 </li><!-- 2778--></ul></div><!-- --> 2779 </div> 2780 </nav> 2781 </div> 2782 <div class="widgetFooter"> 2783 </div> 2784</div> 2785</div> 2786 2787 </div> <!-- inner column --> 2788 2789 </div> <!-- inner row --> 2790 2791 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2792 2793 2794 </div> 2795</div></div> 2796</div><!-- Address --><div data-cpRole="structuralContainer" id="addressContainerTS"><div class="inner"> 2797<div class="siteWrap3"><div data-cpRole="contentContainer" id="address1TS"> <div id="cc40029131-0984-4d01-a4e8-2437c925f51e" data-containerid="40029131-0984-4d01-a4e8-2437c925f51e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2798 2799 2800 <div class="row outer wide"><!-- 2801--><div class="outer col col24 first last" style="" data-widgetcontainerid="7e6944ce-40c3-49e1-9c4c-222f0dd87097">� 2802 <div class="row nest first last wide">� 2803 2804 <div class="inner col col24 first last id3580c7aa-c9fe-4f84-bb9c-b1eea09e4542" style="" data-widgetcontainerid="3580c7aa-c9fe-4f84-bb9c-b1eea09e4542">� 2805 <div data-widget-id="7c339e79-57b1-4583-bbeb-509c5da2e345" data-widget-controller-path="/InfoAdvanced/Widget"> 2806 2807 2808 2809 2810 2811 <section id="divInfoAdv7c339e79-57b1-4583-bbeb-509c5da2e345" class="widget widgetInfoAdvanced skin14 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2812 <header class="widgetHeader" id="header7c339e79-57b1-4583-bbeb-509c5da2e345"> 2813 <div class=""> 2814 </div> 2815 </header> 2816 <div class="widgetBody cpGrid cpGrid1 "> 2817 <div class="row wide"> 2818 <div class="col col1 first last"> 2819 <ol class="pageStyles semanticList"> 2820 2821<li class="InfoAdvanced widgetItem fr-view"> 2822 <h2 class="subhead1">CITY OF <strong>DESTIN</strong> FLORIDA</h2> 2823</li> </ol> 2824 </div> 2825 </div> 2826 </div> 2827 <div class="widgetFooter"> 2828 2829 </div> 2830 2831 </section> 2832 2833 2834
2835<script type="text/javascript"> 2836 //Render slideshow if info advacned items contain one. 2837 $(document).ready(function (e) { 2838 $('#divInfoAdv7c339e79-57b1-4583-bbeb-509c5da2e345 .InfoAdvanced.widgetItem').each(function () { 2839 renderSlideshowIfApplicable($(this)); 2840 }); 2841 }); 2842</script>
2842</div> 2843 </div> <!-- inner column --> 2844 2845 </div> <!-- inner row --> 2846 2847 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2848 2849 2850 </div> 2851</div><div data-cpRole="contentContainer" id="address2TS"> <div id="cc73fe61e8-f10b-4e50-9c5d-52e4b74f4b4c" data-containerid="73fe61e8-f10b-4e50-9c5d-52e4b74f4b4c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2852 2853 2854 <div class="row outer wide"><!-- 2855--><div class="outer col col24 first last" style="" data-widgetcontainerid="53f4eaec-31ee-4323-9dd3-980860fe1305">� 2856 <div class="row nest first last wide">� 2857 2858 <div class="inner col col24 first last id0a253adb-fc41-4817-aaf6-5afc04a7573d" style="" data-widgetcontainerid="0a253adb-fc41-4817-aaf6-5afc04a7573d">� 2859 <div data-widget-id="8538a61d-a476-4050-b384-52721a9a089c" data-widget-controller-path="/InfoAdvanced/Widget"> 2860 2861 2862 2863 2864 2865 <section id="divInfoAdv8538a61d-a476-4050-b384-52721a9a089c" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2866 <header class="widgetHeader" id="header8538a61d-a476-4050-b384-52721a9a089c"> 2867 <div class=""> 2868 </div> 2869 </header> 2870 <div class="widgetBody cpGrid cpGrid1 "> 2871 <div class="row wide"> 2872 <div class="col col1 first last"> 2873 <ol class="pageStyles semanticList"> 2874 2875<li class="InfoAdvanced widgetItem fr-view"> 2876 <img src="/ImageRepository/Document?documentID=14081" alt="Seal" title="Seal"> 2877</li> </ol> 2878 </div> 2879 </div> 2880 </div> 2881 <div class="widgetFooter"> 2882 2883 </div> 2884 2885 </section> 2886 2887 2888
2889<script type="text/javascript"> 2890 //Render slideshow if info advacned items contain one. 2891 $(document).ready(function (e) { 2892 $('#divInfoAdv8538a61d-a476-4050-b384-52721a9a089c .InfoAdvanced.widgetItem').each(function () { 2893 renderSlideshowIfApplicable($(this)); 2894 }); 2895 }); 2896</script>
2896</div> 2897 </div> <!-- inner column --> 2898 2899 </div> <!-- inner row --> 2900 2901 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2902 2903 2904 </div> 2905</div><div data-cpRole="contentContainer" id="address3TS"> <div id="cc2286d995-597c-4cc7-b90f-92f6d9334e54" data-containerid="2286d995-597c-4cc7-b90f-92f6d9334e54" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2906 2907 2908 <div class="row outer wide"><!-- 2909--><div class="outer col col24 first last" style="" data-widgetcontainerid="9b3805c9-6320-4495-92d3-302bc1138554">� 2910 <div class="row nest first last wide">� 2911 2912 <div class="inner col col24 first last idbde832be-6fa1-4e0c-8fbb-166499568c2f" style="" data-widgetcontainerid="bde832be-6fa1-4e0c-8fbb-166499568c2f">� 2913 <div data-widget-id="08705724-215a-4425-be5a-a8977594fa66" data-widget-controller-path="/InfoAdvanced/Widget"> 2914 2915 2916 2917 2918 2919 <section id="divInfoAdv08705724-215a-4425-be5a-a8977594fa66" class="widget widgetInfoAdvanced skin14 widgetOptionSet32 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2920 <header class="widgetHeader" id="header08705724-215a-4425-be5a-a8977594fa66"> 2921 <div class=""> 2922 </div> 2923 </header> 2924 <div class="widgetBody cpGrid cpGrid3 "> 2925 <div class="row autoWidths center wide"> 2926 <div class="col col1 first "> 2927 <ol class="pageStyles semanticList"> 2928 2929<li class="InfoAdvanced widgetItem fr-view"> 2930 4200 Indian Bayou Trail 2931</li> </ol> 2932 </div> 2933 <div class="col col1 "> 2934 <ol class="pageStyles semanticList"> 2935 2936<li class="InfoAdvanced widgetItem fr-view"> 2937 Destin, FL 32541 2938</li> </ol> 2939 </div> 2940 <div class="col col1 last"> 2941 <ol class="pageStyles semanticList"> 2942 2943<li class="InfoAdvanced widgetItem fr-view"> 2944 Phone: <a href="tel:850-837-4242" target="_self" class="Hyperlink">850-837-4242</a> 2945</li> </ol> 2946 </div> 2947 </div> 2948 </div> 2949 <div class="widgetFooter"> 2950 2951 </div> 2952 2953 </section> 2954 2955 2956
2957<script type="text/javascript"> 2958 //Render slideshow if info advacned items contain one. 2959 $(document).ready(function (e) { 2960 $('#divInfoAdv08705724-215a-4425-be5a-a8977594fa66 .InfoAdvanced.widgetItem').each(function () { 2961 renderSlideshowIfApplicable($(this)); 2962 }); 2963 }); 2964</script>
2964</div> 2965 </div> <!-- inner column --> 2966 2967 </div> <!-- inner row --> 2968 2969 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2970 2971 2972 </div> 2973</div></div></div> 2974</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 2975<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc28d1c59f-6119-4fbd-b4af-9c4537f94c91" data-containerid="28d1c59f-6119-4fbd-b4af-9c4537f94c91" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50"> 2976 2977 2978 <div class="row outer wide"><!-- 2979--><div class="outer col col4 first" style="" data-widgetcontainerid="0a16cec7-dc49-42ac-973f-a475cc840d1b">� 2980 <div class="row nest first last wide">� 2981 2982 <div class="inner col col4 first last id90d7b4ba-a838-4af0-bbbb-3934c58fffe9" style="" data-widgetcontainerid="90d7b4ba-a838-4af0-bbbb-3934c58fffe9">� 2983<div data-widget-id="6a514385-d309-4036-a98e-35b2049fe41a" data-widget-controller-path="/GraphicLinks/Widget"> 2984 2985 2986 2987 2988<div id="graphicLinkWidget6a514385-d309-4036-a98e-35b2049fe41a" class="widget widgetGraphicLinks skin15 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2989 <div class="widgetHeader"> 2990 <div class=""> 2991 <h3 id="GraphicLinkHeaderText" class="" >Stay</h3> 2992 </div> 2993 </div> 2994 <div class="widgetBody cpGrid cpGrid1 "> 2995 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2996 <ul class="semanticList"> 2997 <!-- 2998 --><li class="widgetItem GraphicLinks"> 2999 3000<div> 3001 <a href="https://www.facebook.com/cityofdestin/" target="_blank" class="fancyButton fancyButton153 " aria-label="Facebook Opens in new window"> 3002 <span> 3003 <span><span class="text">Facebook</span></span> 3004 </span> 3005 </a> 3006</div> 3007 <style scoped="scoped">.fancyButton153.fancyButton:link,.fancyButton153.fancyButton:visited, .fancyButton153div.fancyButton{ 3008 padding-left: 30px; 3009 background-image: url('/ImageRepository/Document?documentID=14087'); 3010 background-repeat: no-repeat; 3011 background-position: left center; 3012width: 110px; 3013margin: 0 auto;} 3014.fancyButton153.fancyButton:hover,.fancyButton153.fancyButton:focus,.fancyButton153.fancyButton:active,.fancyButton153.fancyButton.hover{ 3015 background-repeat: no-repeat; 3016 background-position: left top; 3017} 3018.fancyButton153.fancyButton:link > span,.fancyButton153.fancyButton:visited > span, .fancyButton153div.fancyButton > span{ 3019} 3020.fancyButton153.fancyButton:hover > span,.fancyButton153.fancyButton:focus > span,.fancyButton153.fancyButton:active > span,.fancyButton153.fancyButton.hover > span{ 3021} 3022.fancyButton153.fancyButton .text{ 3023 text-align: left; 3024 text-decoration: none; 3025 background-repeat: no-repeat; 3026 background-position: left top; 3027height: 22px; 3028} 3029.fancyButton153.fancyButton:hover .text,.fancyButton153.fancyButton:focus .text,.fancyButton153.fancyButton:active .text,.fancyButton153.fancyButton.hover .text{ 3030 text-decoration: underline; 3031 background-repeat: no-repeat; 3032 background-position: left top; 3033 3034 3035} 3036</style> 3037 3038 </li><!-- 3039 --><li class="widgetItem GraphicLinks"> 3040 3041<div> 3042 <a href="https://www.instagram.com/cityofdestinofficial/" target="_blank" class="fancyButton fancyButton178 " aria-label="Instagram Opens in new window"> 3043 <span> 3044 <span><span class="text">Instagram</span></span> 3045 </span> 3046 </a> 3047</div> 3048 <style scoped="scoped">.fancyButton178.fancyButton:link,.fancyButton178.fancyButton:visited, .fancyButton178div.fancyButton{ 3049 padding-left: 30px; 3050 background-image: url('/ImageRepository/Document?documentID=14771'); 3051 background-repeat: no-repeat; 3052 background-position: left center; 3053width: 110px; 3054margin: 0 auto;} 3055.fancyButton178.fancyButton:hover,.fancyButton178.fancyButton:focus,.fancyButton178.fancyButton:active,.fancyButton178.fancyButton.hover{ 3056 background-repeat: no-repeat; 3057 background-position: left top; 3058} 3059.fancyButton178.fancyButton:link > span,.fancyButton178.fancyButton:visited > span, .fancyButton178div.fancyButton > span{ 3060} 3061.fancyButton178.fancyButton:hover > span,.fancyButton178.fancyButton:focus > span,.fancyButton178.fancyButton:active > span,.fancyButton178.fancyButton.hover > span{ 3062} 3063.fancyButton178.fancyButton .text{ 3064 text-align: left; 3065 text-decoration: none; 3066 background-repeat: no-repeat; 3067 background-position: left top; 3068height: 22px; 3069} 3070.fancyButton178.fancyButton:hover .text,.fancyButton178.fancyButton:focus .text,.fancyButton178.fancyButton:active .text,.fancyButton178.fancyButton.hover .text{ 3071 text-decoration: underline; 3072 background-repeat: no-repeat; 3073 background-position: left top; 3074 3075 3076} 3077</style> 3078 3079 </li><!-- 3080 --><li class="widgetItem GraphicLinks"> 3081 3082<div> 3083 <a href="https://www.youtube.com/user/CityofDestin" target="_blank" class="fancyButton fancyButton159 " aria-label="YouTube Opens in new window"> 3084 <span> 3085 <span><span class="text">YouTube</span></span> 3086 </span> 3087 </a> 3088</div> 3089 <style scoped="scoped">.fancyButton159.fancyButton:link,.fancyButton159.fancyButton:visited, .fancyButton159div.fancyButton{ 3090 padding-left: 30px; 3091 background-image: url('/ImageRepository/Document?documentID=14095'); 3092 background-repeat: no-repeat; 3093 background-position: left center; 3094width: 110px; 3095margin: 0 auto;} 3096.fancyButton159.fancyButton:hover,.fancyButton159.fancyButton:focus,.fancyButton159.fancyButton:active,.fancyButton159.fancyButton.hover{ 3097 background-repeat: no-repeat; 3098 background-position: left top; 3099} 3100.fancyButton159.fancyButton:link > span,.fancyButton159.fancyButton:visited > span, .fancyButton159div.fancyButton > span{ 3101} 3102.fancyButton159.fancyButton:hover > span,.fancyButton159.fancyButton:focus > span,.fancyButton159.fancyButton:active > span,.fancyButton159.fancyButton.hover > span{ 3103} 3104.fancyButton159.fancyButton .text{ 3105 text-align: left; 3106 text-decoration: none; 3107 background-repeat: no-repeat; 3108 background-position: left top; 3109height: 22px; 3110} 3111.fancyButton159.fancyButton:hover .text,.fancyButton159.fancyButton:focus .text,.fancyButton159.fancyButton:active .text,.fancyButton159.fancyButton.hover .text{ 3112 text-decoration: underline; 3113 background-repeat: no-repeat; 3114 background-position: left top; 3115 3116 3117} 3118</style> 3119 3120 </li><!-- 3121 --> 3122 </ul> 3123 </nav> 3124 </div> 3125 <div class="widgetFooter"> 3126 </div> 3127</div> 3128</div> 3129 3130 </div> <!-- inner column --> 3131 3132 </div> <!-- inner row --> 3133 3134 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="34e63f59-26e0-42a2-83ea-04eaca7b3095">� 3135 <div class="row nest first last wide">� 3136 3137 <div class="inner col col4 first last idcaf9e698-50a0-4b1a-83be-40fc88b9d2e6" style="" data-widgetcontainerid="caf9e698-50a0-4b1a-83be-40fc88b9d2e6">� 3138 3139<div class="widget widgetSpacer" id="3c8e51d1-a3bc-40bc-b6c8-a7cf396873c6"></div> 3140 </div> <!-- inner column --> 3141 3142 </div> <!-- inner row --> 3143 3144 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="1979b5d9-cb0a-4cdc-962f-d96ccda5e1bc">� 3145 <div class="row nest first last wide">� 3146 3147 <div class="inner col col4 first last id6f5e50a8-1ce6-4c5b-b87c-ebac1b6b6daf" style="" data-widgetcontainerid="6f5e50a8-1ce6-4c5b-b87c-ebac1b6b6daf">� 3148 <div data-widget-id="6f46aa7b-03aa-4b5e-82d8-dd375c115fea" data-widget-controller-path="/QuickLinks/Widget"> 3149 3150 3151 3152 3153 3154 3155 3156 3157 <section id="widgetQuicklink6f46aa7b-03aa-4b5e-82d8-dd375c115fea" class="widget widgetQuickLinks skin15 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader6f46aa7b-03aa-4b5e-82d8-dd375c115fea"> 3158 <header class="widgetHeader" id="quickLinksHeader6f46aa7b-03aa-4b5e-82d8-dd375c115fea"> 3159 <div class=""> 3160 <h3><a style="" href="/QuickLinks.aspx?CID=61" >Quick Links</a></h3> 3161 </div> 3162 </header> 3163 <div class="widgetBody cpGrid cpGrid1 "> 3164 <div class="row narrow"> 3165 <div class="col col1 first last"> 3166 <ol class="semanticList"> 3167 3168 <li style="position:relative" class="widgetItem QuickLinks"> 3169 <a class="widgetDesc widgetQuickLinksLink" href="https://www.floodsmart.gov" target="_self" >floodsmart.gov </a> 3170 <div class="widgetMeta"></div> 3171 </li> 3172 3173 <li style="position:relative" class="widgetItem QuickLinks"> 3174 <a class="widgetDesc widgetQuickLinksLink" href="https://www.fema.gov" target="_self" >Fema.gov</a> 3175 <div class="widgetMeta"></div> 3176 </li> 3177 3178 <li style="position:relative" class="widgetItem QuickLinks"> 3179 <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofdestin.com/RequestTracker.aspx" target="_self" >Report a Problem</a> 3180 <div class="widgetMeta"></div> 3181 </li> 3182 3183 <li style="position:relative" class="widgetItem QuickLinks"> 3184 <a class="widgetDesc widgetQuickLinksLink" href="/245/Flood-Information" target="_self" >Flood Information</a> 3185 <div class="widgetMeta"></div> 3186 </li> 3187 3188 <li style="position:relative" class="widgetItem QuickLinks"> 3189 <a class="widgetDesc widgetQuickLinksLink" href="/159/Employment-Opportunities" target="_self" >Employment Opportunities</a> 3190 <div class="widgetMeta"></div> 3191 </li> 3192 3193 <li style="position:relative" class="widgetItem QuickLinks"> 3194 <a class="widgetDesc widgetQuickLinksLink" href="/105/Library" target="_self" >Library</a> 3195 <div class="widgetMeta"></div> 3196 </li> 3197 </ol> 3198 </div> 3199 </div> 3200 3201 </div> 3202 <div class="widgetFooter"> 3203 </div> 3204 <div class="addItemModal hidden"> 3205 <div class="url hidden">/QuickLinks.aspx</div> 3206 </div> 3207 3208 </section> 3209</div> 3210 3211 </div> <!-- inner column --> 3212 3213 </div> <!-- inner row --> 3214 3215 </div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="e09b28fb-0d55-4932-ad54-a21f9f595657">� 3216 <div class="row nest first last wide">� 3217 3218 <div class="inner col col3 first last id5558b157-c864-4546-beef-a222eaa39c5f" style="" data-widgetcontainerid="5558b157-c864-4546-beef-a222eaa39c5f">� 3219 3220<div class="widget widgetSpacer" id="2519c0f1-be7b-4f70-bbab-670246881a7f"></div> 3221 </div> <!-- inner column --> 3222 3223 </div> <!-- inner row --> 3224 3225 </div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="592912bc-a79e-4113-ad2a-d60b666fd6ad">� 3226 <div class="row nest first last wide">� 3227 3228 <div class="inner col col3 first last id67cbe82b-6a15-4888-8645-3af4b1532b4e" style="" data-widgetcontainerid="67cbe82b-6a15-4888-8645-3af4b1532b4e">�
3229<div data-widget-id="e159cfc5-3520-4d55-bb92-e5ab34af45e0" data-widget-controller-path="/Faq/Widget"> 3230 3231 3232 3233 3234 3235 3236 3237 3238 <section id="widgetFaqe159cfc5-3520-4d55-bb92-e5ab34af45e0" class="widget widgetFAQ skin15 widgetOptionSet17 narrow" data-modulewidgettype="FAQ" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="faqHeadere159cfc5-3520-4d55-bb92-e5ab34af45e0"> 3239 <header class="widgetHeader" id="faqHeadere159cfc5-3520-4d55-bb92-e5ab34af45e0"> 3240 <div class=""> 3241 <h3><a href="/Faq.aspx?TID=15">FAQs</a></h3> 3242 </div> 3243 </header> 3244 <div class="widgetBody pageStyles cpGrid cpGrid1 "> 3245 <div class="row narrow"> 3246 <link href="/Areas/FAQ/Assets/Styles/Widget.css" rel="stylesheet" /> 3247 <div class="col col1"> 3248 <ol class="semanticList" style="columns: 1"> 3249 3250 3251 <li style="position: relative" class="widgetItem"> 3252 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=204">What is MGO (MyGovernmentOnline)?</a> 3253 </li> 3254 3255 3256 <li style="position: relative" class="widgetItem"> 3257 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=61">Are drawings required and do they need to be drawn by an architect or engineer?</a> 3258 </li> 3259 3260 3261 <li style="position: relative" class="widgetItem"> 3262 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=66">Can I, as an owner, act as my own contractor?</a> 3263 </li> 3264 </ol> 3265 </div> 3266 </div> 3267 </div> 3268 <div class="widgetFooter"> 3269 </div> 3270 <div class="addItemModal hidden"> 3271 <div class="url hidden">/FAQ.aspx</div> 3272 </div> 3273 3274 </section> 3275 3276
3277<script> 3278 function handleExpandCollapse(e) { 3279 const element = e.currentTarget; 3280 const answer = document.getElementById(element.getAttribute("aria-controls")).parentElement; 3281 const expandArrow = element.getElementsByClassName("widgetFAQ--arrow")[0]; 3282 if (answer.classList.contains("hidden")) { 3283 expandArrow.classList.add('widgetFAQ--arrow-expanded'); 3284 expandArrow.classList.remove('widgetFAQ--arrow-collapsed'); 3285 answer.classList.remove("hidden"); 3286 element.setAttribute("aria-expanded", "true"); 3287 } else { 3288 expandArrow.classList.add('widgetFAQ--arrow-collapsed'); 3289 expandArrow.classList.remove('widgetFAQ--arrow-expanded'); 3290 answer.classList.add("hidden"); 3291 element.setAttribute("aria-expanded", "false"); 3292 } 3293 e.preventDefault(); 3294 e.stopImmediatePropagation(); 3295 e.stopPropagation(); 3296 } 3297 document.querySelectorAll(".widgetFAQ--question a").forEach(element => { 3298 // When the link is clicked, expand or collapse the answer 3299 element.addEventListener("click", handleExpandCollapse); 3300 }); 3301</script>
3301 3302</div> 3303 3304 </div> <!-- inner column --> 3305 3306 </div> <!-- inner row --> 3307 3308 </div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="cbd966c3-45da-430b-860a-952766535e31">� 3309 <div class="row nest first last wide">� 3310 3311 <div class="inner col col3 first last id1c9e7f66-b949-400a-acac-bb7a2a994cb4" style="" data-widgetcontainerid="1c9e7f66-b949-400a-acac-bb7a2a994cb4">� 3312 3313<div class="widget widgetSpacer" id="6d6f3585-9c9f-49f3-8046-0cd9af9853d5"></div> 3314 </div> <!-- inner column --> 3315 3316 </div> <!-- inner row --> 3317 3318 </div><!-- outer column --><!----><div class="outer col col3 last" style="" data-widgetcontainerid="43f33edc-8eaa-4953-bc2c-2c32bff936cc">� 3319 <div class="row nest first last wide">� 3320 3321 <div class="inner col col3 first last idb949fad4-3251-4fad-bb9f-2ed0fb3f502e" style="" data-widgetcontainerid="b949fad4-3251-4fad-bb9f-2ed0fb3f502e">� 3322 <div data-widget-id="d817bb84-ad99-40d3-b657-2b7da8ce6b2b" data-widget-controller-path="/QuickLinks/Widget"> 3323 3324 3325 3326 3327 3328 3329 3330 3331 <section id="widgetQuicklinkd817bb84-ad99-40d3-b657-2b7da8ce6b2b" class="widget widgetQuickLinks skin15 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderd817bb84-ad99-40d3-b657-2b7da8ce6b2b"> 3332 <header class="widgetHeader" id="quickLinksHeaderd817bb84-ad99-40d3-b657-2b7da8ce6b2b"> 3333 <div class=""> 3334 <h3><a style="" href="/QuickLinks.aspx?CID=62" >Site Links</a></h3> 3335 </div> 3336 </header> 3337 <div class="widgetBody cpGrid cpGrid1 "> 3338 <div class="row narrow"> 3339 <div class="col col1 first last"> 3340 <ol class="semanticList"> 3341 3342 <li style="position:relative" class="widgetItem QuickLinks"> 3343 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 3344 <div class="widgetMeta"></div> 3345 </li> 3346 3347 <li style="position:relative" class="widgetItem QuickLinks"> 3348 <a class="widgetDesc widgetQuickLinksLink" href="/510/" target="_self" >Copyright Notices</a> 3349 <div class="widgetMeta"></div> 3350 </li> 3351 3352 <li style="position:relative" class="widgetItem QuickLinks"> 3353 <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofdestin.com/604/Privacy-Policy" target="_self" >Privacy Policy</a> 3354 <div class="widgetMeta"></div> 3355 </li> 3356 3357 <li style="position:relative" class="widgetItem QuickLinks"> 3358 <a class="widgetDesc widgetQuickLinksLink" href="/511" target="_self" >Accessibility</a> 3359 <div class="widgetMeta"></div> 3360 </li> 3361 3362 <li style="position:relative" class="widgetItem QuickLinks"> 3363 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 3364 <div class="widgetMeta"></div> 3365 </li> 3366 3367 <li style="position:relative" class="widgetItem QuickLinks"> 3368 <a class="widgetDesc widgetQuickLinksLink" href="https://outlook.office365.com" target="_self" >Staff Login</a> 3369 <div class="widgetMeta"></div> 3370 </li> 3371 </ol> 3372 </div> 3373 </div> 3374 3375 </div> 3376 <div class="widgetFooter"> 3377 </div> 3378 <div class="addItemModal hidden"> 3379 <div class="url hidden">/QuickLinks.aspx</div> 3380 </div> 3381 3382 </section> 3383</div> 3384 3385 </div> <!-- inner column --> 3386 3387 </div> <!-- inner row --> 3388 3389 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3390 3391 3392 </div> 3393</div></div> 3394</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 3395<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cca0280757-de3e-4e94-9fd3-21bf754462d4" data-containerid="a0280757-de3e-4e94-9fd3-21bf754462d4" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 3396 3397 3398 <div class="row outer wide"><!-- 3399--><div class="outer col col24 first last" style="" data-widgetcontainerid="ff80fbad-2134-4004-89e4-8700dea6dd15">� 3400 <div class="row nest first last wide">� 3401 3402 <div class="inner col col24 first last ida41675c2-f019-4af6-bcdd-1fe067a8358f" style="" data-widgetcontainerid="a41675c2-f019-4af6-bcdd-1fe067a8358f">� 3403 3404 <div data-widget-id='2f41caef-46b7-43dd-a321-bd9289144b54' data-moduleName="customHtml" id='widgetCustomHtml2f41caef-46b7-43dd-a321-bd9289144b54' class="widget widgetCustomHtml skin16 narrow" > 3405 <div class="widgetBody pageStyles" id="widgetBody2f41caef-46b7-43dd-a321-bd9289144b54"> 3406 <div id="customHtml2f41caef-46b7-43dd-a321-bd9289144b54"><div><style> 3407 /* CP icon */ 3408 .cpBylineIconTS { 3409 } 3410 /* CP Text */ 3411 .cpBylineTextTS, 3412 .cpBylineTextTS a:link { 3413 } 3414 3415 .cpBylineTS { 3416 text-align: center; 3417 } 3418 3419 .cpBylineIconTS { 3420 fill: currentColor; 3421 width: 39px;
3422 height: 26px; 3423 display: inline; 3424 vertical-align: middle; 3425 } 3426</style> 3427 3428<div class="widgetItem cpBylineTS"> 3429 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 3430 <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> 3431 <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> 3432 </svg> 3433 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 3434</div> 3435</div></div> 3436 </div> 3437 3438 </div> 3439 3440 </div> <!-- inner column --> 3441 3442 </div> <!-- inner row --> 3443 3444 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3445 3446 3447 </div> 3448</div></div> 3449</div> 3450</div> 3451 3452 </div> 3453 </div> 3454 </div> 3455 3456<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3457 3458<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3459 <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"> 3460 <div class="cp-Splash-header"> 3461 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3462 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3463 <svg id="iconClose" viewBox="0 0 25 25"> 3464 <polygon style="fill:currentcolor" 3465 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> 3466 </svg> 3467 </button>
3468 </div> 3469 <div class="cp-Splash-body"> 3470 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3471 <!-- Content from the Froala Editor will go here. --> 3472 Loading 3473 </div> 3474 </div> 3475 <div class="cp-Splash-footer"> 3476 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3477 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 3478 </div> 3479 </div> 3480</div> 3481
3482<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3482
3482
3483<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3483
3483
3484<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3484
3484
3485<script> 3486 3487 $(document).ready(function () { 3488 var filter = { 3489 targetId: '27', 3490 targetType: 1 3491 } 3492 3493 new SplashModalRender().triggerRender(filter); 3494 }); 3495</script>
3495 3496 3497 3498 3499 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510 3511 3512
3512<script src="/-1442400649.js" type="text/javascript"></script>
3512 3513 <!-- Fixed Nav Adjustment -->
3514<script> 3515window.Pages = window.Pages || {}; 3516$.when(window.Pages.toolBarDeferred).done(function () { 3517 var $divToolbars = $('#divToolbars'); 3518 var $fixedBar = $('#structuralContainer22'); 3519 var $contentShift = $('#structuralContainer4'); 3520 var setupExtraToolbar = function () { 3521 window.setTimeout(function(){ 3522 //if ($('body').hasClass("wide")) { 3523 if (!window.matchMedia('screen and (max-width: 66em)').matches) { 3524 $fixedBar.css('margin-top', $divToolbars.height() + 'px'); 3525 $contentShift.css('padding-top', $fixedBar.height() + 'px'); 3526 }else{ 3527 $fixedBar.css('margin-top', 'auto'); 3528 $contentShift.css('padding-top', 'auto'); 3529 } 3530 }, 100); 3531 }; 3532 cpMedia.register('screen and (max-width: 66em)', { 3533 setup: function () { 3534 window.setTimeout(setupExtraToolbar, 220); 3535 }, 3536 match: function () { 3537 $fixedBar.css('margin-top', 'auto'); 3538 $contentShift.css('padding-top', 'auto'); 3539 }, 3540 unmatch: function () { 3541 setupExtraToolbar(); 3542 } 3543 }); 3544 window.Pages.onResizeHandlers.push(setupExtraToolbar); 3545}); 3546$(function(){ 3547 if($('#doneEditing').length === 1){ 3548 $('#structuralContainer22').removeClass('fixedTop'); 3549 } 3550}); 3551</script>
3551 3552<!-- Fixed Nav End --> 3553 3554<!-- Fixed Nav Adjustment -->
3555<script> 3556 function getValueTS(elem, attr) { 3557 const val = elem.css(attr); 3558 if (val === undefined) return undefined; 3559 const num = parseInt(val, 10); 3560 if (num === NaN) return undefined; 3561 return num; 3562 } 3563 3564 function clampTS(number, min, max) { 3565 return Math.min(Math.max(number, min), max); 3566 } 3567 3568 function isPageEditingTS() { 3569 return ( 3570 $("#doneEditing").length > 0 || // In live edit 3571 typeof DesignCenter !== "undefined" // In theme manager 3572 ); 3573 } 3574 3575 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3576 function isTransparentTS(elem) { 3577 const bg = elem.css('background-color'); 3578 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3579 const matchState = bg.match(bgColorRegexTS); 3580 if (!matchState || matchState.length !== 5) return false; 3581 const alpha = parseFloat(matchState[4], 10); 3582 if (!(alpha >= 0 && alpha < 1)) return false; 3583 return true; 3584 } 3585 3586 function iterateLeftpads(cb) { 3587 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3588 for (let i = 0; i < containersTS.length; i++) { 3589 const containerTS = containersTS[i]; 3590 // Skip the body container and anything with data-skip-leftpad 3591 if ( 3592 containerTS.id !== "bodyContainerTS" && 3593 containerTS.getAttribute('data-skip-leftpad') === null 3594 ) { 3595 cb(containerTS); 3596 } 3597 } 3598 } 3599 3600 const anchor = $("#divToolbars"); 3601 3602 // Outer banner padding (push banner down) 3603 const outerSizingTS = $("#bannerContainerTS"); 3604 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3605 const innerSizingTS = $("#bannerSizingTS"); 3606 const bodyContainerTS = $("#bodyContainerTS"); 3607 3608 const forceUnfixClassTS = "forceUnfixTS"; 3609 3610 const fixedTopTS = $(".fixedTopTS"); 3611 const fixedBottomTS = $(".fixedBottomTS"); 3612 const fixedLeftTS = $(".fixedLeftTS"); 3613 3614 var initialTopTS; 3615 var topAttachTS; 3616 if (fixedTopTS && fixedTopTS.length === 1) { 3617 initialTopTS = getValueTS(fixedTopTS, 'top'); 3618 const attachment = fixedTopTS.attr('data-attach');
3619 if (attachment) topAttachTS = $("#" + attachment); 3620 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3621 } 3622 3623 function resizeAdjustmentTS() { 3624 const editing = isPageEditingTS(); 3625 3626 // Fixed top script 3627 (function () { 3628 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3629 3630 if (editing) { 3631 fixedTopTS[0].classList.add(forceUnfixClassTS); 3632 } else { 3633 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3634 } 3635 3636 const topPosition = fixedTopTS.css('position'); 3637 if (topPosition === 'fixed') { 3638 if (topAttachTS) { 3639 scrollAdjustmentTS(); 3640 } else { 3641 const anchorHeight = anchor.outerHeight() - 1; 3642 fixedTopTS.css('top', anchorHeight + initialTopTS); 3643 } 3644 } else { 3645 fixedTopTS.css('top', initialTopTS); 3646 } 3647 3648 if (topPosition === 'fixed' || topPosition === 'absolute') { 3649 // Bump the banner content down 3650 if (isTransparentTS(fixedTopTS)) { 3651 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 3652 outerSizingTS.css('padding-top', ''); 3653 3654 try { 3655 window.Pages.onResizeHandlersExecute(); 3656 } catch (e) { } 3657 } else { 3658 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 3659 innerSizingTS.css('padding-top', ''); 3660 } 3661 } else { 3662 innerSizingTS.css('padding-top', ''); 3663 outerSizingTS.css('padding-top', ''); 3664 } 3665 })(); 3666 3667 // Fixed bottom script 3668 (function () { 3669 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3670 3671 // If the widget has gone narrow, force unfix 3672 if (editing || fixedBottomTS.outerHeight() > 200) { 3673 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3674 } else { 3675 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3676 } 3677 3678 if (fixedBottomTS.css('position') === 'fixed') { 3679 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3680 } else { 3681 bodyContainerTS.css('padding-bottom', ''); 3682 } 3683 })(); 3684 3685 // Fixed left script 3686 (function () { 3687 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3688 3689 if (editing) { 3690 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3691 } else { 3692 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3693 } 3694 3695 if (fixedLeftTS.css('position') === 'fixed') { 3696 const anchorHeight = anchor.outerHeight() - 1; 3697 fixedLeftTS.css('top', anchorHeight); 3698 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3699 iterateLeftpads(function (containerTS) { 3700 const containerBoundingTS = containerTS.getBoundingClientRect(); 3701 if (containerBoundingTS.left <= leftBoundingTS.right) { 3702 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3703 } 3704 }); 3705 } else { 3706 fixedLeftTS.css('top', ''); 3707 iterateLeftpads(function (containerTS) { 3708 $(containerTS).css('padding-left', ''); 3709 }); 3710 } 3711 })(); 3712 } 3713 3714 function scrollAdjustmentTS() { 3715 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3716 const topPosition = fixedTopTS.css('position'); 3717 if (topPosition === 'fixed' || topPosition === 'absolute') { 3718 const anchorBounding = anchor[0].getBoundingClientRect(); 3719 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3720 const scrollTop = $(window).scrollTop(); 3721 3722 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3723 } else { 3724 fixedTopTS.css('top', initialTopTS); 3725 } 3726 } 3727 3728 $(window).load(function () { 3729 setTimeout(function () { 3730 resizeAdjustmentTS(); 3731 }, 350); 3732 3733 $(window).scroll(function () { 3734 scrollAdjustmentTS(); 3735 }); 3736 3737 var adjustTimeoutTS; 3738 $(window).resize(function () { 3739 clearTimeout(adjustTimeoutTS); 3740 adjustTimeoutTS = setTimeout(function () { 3741 resizeAdjustmentTS(); 3742 }, 350); 3743 });
3744 3745 $.when(window.Pages.angularToolbarComplete).done(function () { 3746 resizeAdjustmentTS(); 3747 }); 3748 }); 3749</script>
3749 3750<!-- End Fixed Nav Adjustment --> 3751 3752
3753<script async src=https://www.googletagmanager.com/gtag/js?id=G-B3EZVM9RG6></script>
3753 3754
3755<script>
vendor: 127 bytes, line 3755
3755window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
3755G-B3EZVM9RG6
vendor: 4 bytes, line 3755
3755');
3755</script>
3755<!-- AudioEye -->
3755<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash="0832ad2ebf25582f82d61e54240fe47e";var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
3755 <!-- End AudioEye --> 3756 3757 3758
3758<script type="text/javascript"> 3759 $(function () { 3760 document.cookie = "responsiveGhost=0; path=/"; 3761 }); 3762 $(window).on("load", function () { 3763 $('body').addClass('doneLoading').removeClass('hideContent'); 3764 3765 if ($('#404Content').length > 0) 3766 $('div#bodyWrapper').css('padding', '0px'); 3767 }); 3768 </script>
3768 3769 3770 <noscript> 3771 <style> 3772 body.hideContent { 3773 opacity: 1 !important; 3774 } 3775 </style> 3776 </noscript> 3777 3778 3779<div style="display: none;"> 3780 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3781 3782 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3783 <title>Arrow Left</title> 3784 <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> 3785 </symbol> 3786 3787 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3788 <title>Arrow Right</title> 3789 <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> 3790 </symbol> 3791 3792 </svg> 3793</div> 3794
3794<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Barlow:500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Barlow+Condensed:500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Montserrat:500,500italic,600,600italic,700,700italic,italic,regular|Open+Sans:600,700,regular|Vollkorn:700,regular|');</script>
3794 3795 3796 3797 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3798 <div style="display: none;"> 3799 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3800 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3801 <title>Slideshow Left Arrow</title> 3802 <g> 3803 <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> 3804 </g> 3805 </symbol> 3806 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3807 <title>Slideshow Right Arrow</title> 3808 <g> 3809 <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> 3810 </g> 3811 </symbol> 3812 </svg> 3813 </div> 3814 3815 3816 3817 3818 <div id="root-picker-outlet"></div> 3819</body> 3820</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.