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-HXZ56Q9RF3';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 120 121 <meta name="theme-color" content="rgb(72, 94, 81)"> 122 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 123 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <title>Opelika, AL | Official Website</title> 125 126 <meta name="description" content=""> 127 <meta name="keywords" content="Home"> 128
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128 129
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129 130 131 132 <!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]--> 133 <!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]--> 134 <!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]--> 135 <!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]--> 136
136<script type="text/javascript"><!-- 137 var intCountryCode = 840; 138 var order = ''; 139//--></script>
139 140 141<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-871936455.css" rel="stylesheet" type="text/css" /> 142 143 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 144
144<script type="text/javascript"> 145 window.Pages = window.Pages || {}; 146 // FrontEnd RWD initialization 147 window.Pages.rwdReady = $.Deferred(); 148 window.Pages.toolBarDeferred = $.Deferred(); 149 window.Pages.rwdSetupComplete = $.Deferred(); 150 window.Pages.megaMenuLoaded = $.Deferred(); 151 window.Pages.angularToolbarComplete = $.Deferred(); 152 window.Pages.frontEndToolbarComplete = $.Deferred(); 153 </script>
153 154 <!--CPHeadContent--> 155
155<script src="/739942322.js" type="text/javascript"></script>
155 156 157 158 159 160 161 162 163 164 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 165 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 166 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 167 <!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]--> 168 169
169<script type="text/javascript"> 170 setEditorVariables(false, 840); 171 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 172 </script>
172 173
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173 174</head> 175<body class="wide " > 176 177
177<script>jQuery(document).click(function (event) { 178 var target = jQuery(event.target); 179 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 180 var text = target.attr('title'); 181 182 if (!text.length) { 183 text = "N/A"; 184 } 185 ga('send', 186 { 187 hitType: 'event', 188 eventCategory: 'Image', 189 eventAction: 'Image - ' + text, 190 eventLabel: window.location.href 191 }); 192 } 193 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 194 var text = ""; 195 if (target.parents('.button')[0]) { 196 text = target.parents('.button').first().text(); 197 } else if (target.text().length) { 198 text = target.text(); 199 } else if (target.attr('title').length) { 200 text = target.attr('title'); 201 } 202 if (!text.length) { 203 text = "N/A"; 204 } 205 ga('send', 206 { 207 hitType: 'event', 208 eventCategory: 'Button', 209 eventAction: 'Button - ' + text, 210 eventLabel: window.location.href 211 }); 212 } 213 if (target.parents('.widgetCustomHtml').length) { 214 ga('send', 215 { 216 hitType: 'event', 217 eventCategory: 'Custom Html',
218 eventAction: 'Custom Html Clicked', 219 eventLabel: window.location.href 220 }); 221 } 222 if (target.parents('.editor').length) { 223 ga('send', 224 { 225 hitType: 'event', 226 eventCategory: 'Editor', 227 eventAction: 'Editor Link Clicked', 228 eventLabel: window.location.href 229 }); 230 } 231 if (target.parents('.GraphicLinks').length) { 232 var text = ""; 233 var targetGraphicLink = target; 234 if (target.hasClass('widgetGraphicLinksLink')) { 235 targetGraphicLink = jQuery(target.children()[0]); 236 } 237 if (targetGraphicLink.hasClass('text')) { 238 text = targetGraphicLink.text(); 239 } else if (targetGraphicLink.attr('src').length) { 240 if (targetGraphicLink.attr('alt').length) { 241 text = targetGraphicLink.attr('alt'); 242 } else { 243 text = targetGraphicLink.attr('src'); 244 } 245 } else { 246 text = "N/A"; 247 } 248 ga('send', 249 { 250 hitType: 'event', 251 eventCategory: 'Graphic Links', 252 eventAction: 'Graphic Link - ' + text, 253 eventLabel: window.location.href 254 }); 255 } 256 if (target.parents('.InfoAdvanced').length) { 257 ga('send', 258 { 259 hitType: 'event', 260 eventCategory: 'Info Advanced', 261 eventAction: 'Info Advanced Clicked', 262 eventLabel: window.location.href 263 }); 264 } 265 if (target.parents('.list').length) { 266 ga('send', 267 { 268 hitType: 'event', 269 eventCategory: 'List', 270 eventAction: 'List Clicked', 271 eventLabel: window.location.href 272 }); 273 } 274 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 275 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 276 var breadCrumbs = []; 277 jQuery('.breadCrumbs > li').each(function () { 278 breadCrumbs.push(this.textContent); 279 }); 280 var pageTitle = breadCrumbs.join('>'); 281 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 282 var text = ""; 283 if (pageTitle) { 284 text += pageTitle + " | "; 285 } else { 286 text += document.title + ' - '; 287 } 288 if (target.text() == "" && megaMenuText == "") { 289 text += "N/A"; 290 } else if (target.text().length && megaMenuText.length) { 291 if (megaMenuText == target.text()) { 292 text += megaMenuText; 293 } else { 294 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 295 } 296 } else if (target.text() == "") { 297 text += megaMenuText; 298 } else { 299 text += target.text(); 300 } 301 if (!text.length) { 302 text = "N/A"; 303 } 304 ga('send', 305 { 306 hitType: 'event', 307 eventCategory: 'Mega Menu', 308 eventAction: 'Mega Menu : ' + text, 309 eventLabel: window.location.href 310 }); 311 } 312 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 313 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 314 if (!text.length) { 315 text = "N/A"; 316 } 317 ga('send', 318 { 319 hitType: 'event', 320 eventCategory: 'News Flash', 321 eventAction: 'News Flash - ' + text, 322 eventLabel: window.location.href 323 }); 324 } 325 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 326 var text = target.text(); 327 if (!text.length) { 328 text = "N/A"; 329 } 330 ga('send', 331 { 332 hitType: 'event', 333 eventCategory: 'Quick Links', 334 eventAction: 'Quick Links - ' + text, 335 eventLabel: window.location.href 336 }); 337 } 338 if (target.attr('src') && target.parents('.cpSlideshow').length) { 339 var text = target.attr('title'); 340 if (!text.length) { 341 text = "N/A"; 342 } 343 ga('send', 344 { 345 hitType: 'event', 346 eventCategory: 'Slideshow', 347 eventAction: 'Slideshow - ' + text, 348 eventLabel: window.location.href 349 }); 350 } 351 if (target.parents('.widgetText').length) { 352 ga('send', 353 { 354 hitType: 'event', 355 eventCategory: 'Text', 356 eventAction: 'Text Link Clicked', 357 eventLabel: window.location.href 358 }); 359 } 360});</script>
360 361 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 362 <div class="cp-PopOver-header"> 363 <h3 class="cp-PopOver-title"></h3> 364 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 365 <svg class="cp-Icon--close" alt="close" title="close"> 366 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 367 </svg> 368 </button> 369 </div> 370 <div id="cpPopOverBody" class="cp-PopOver-body"> 371 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 372 </div> 373 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 374 <div class="cp-BtnGroup" id="actionButtons"> 375 <!-- Action buttons will be dynamically added here --> 376 </div> 377 </div> 378</div> 379 <div id="fb-root"></div> 380<div id=skipToContentLinks> 381<a href="#cc1ba5700b-06c5-49c4-b549-09d3aa0f17d5" target="_self" class="skipToContentLink">Skip to Main Content</a> 382</div> 383 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 384 385 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 386 387 388 389 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 390 <input type="hidden" id="hdnStructureID" value="13" /> 391 <input type="hidden" id="hdnContentCollectionID" value="c599fa81-7256-4a91-b6af-42ff8eebfe25" /> 392 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 393 <input type="hidden" id="hdnThemeID" value="55" /> 394 <input type="hidden" id="pageIsFrontEnd" value="true" /> 395 <input type="hidden" id="pageModuleID" /> 396 <input type="hidden" id="pagePageID" value="1" /> 397 398 <div id="stickyPlaceholder"></div> 399 <div id="outer-wrap" class="outer-wrap"> 400 <div id="inner-wrap" class="inner-wrap"> 401 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 402 403 404 405 406<!-- Begin Signed Out Bar --> 407<div class="cpToolbar user public"> 408 <div class="inner selfClear"> 409 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 410 <ul class="nav secondary"> 411 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 412 </ul> 413 </div> 414</div>
415<script> 416 $(document).ready(function () { 417 $('#signedOutToolbarCreateProfileButton').click(function (event) { 418 event.preventDefault(); 419 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 420 }); 421 422 423 $('#loggedOutToolbarSignInButton').click(function (event) { 424 event.preventDefault(); 425 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 426 }); 427 428 429 if ('False' == 'True') { 430 $('#loggedOutToolbarSignInButton').hide(); 431 } 432 }) 433</script>
433 434<!-- End Signed Out Bar --> 435 436 </div> 437 <div id="bodyWrapper"> 438 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 439 440<div data-cpRole="structuralContainer" id="bodyContainerTS"> 441<!-- <div data-cpRole="banner" id="banner3" class="fixedBannerTS"> --><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 442<div data-cpRole="structuralContainer" id="headerWrapTS"> 443<div class="siteWrap2"><div data-cpRole="structuralContainer" id="flexHeader1TS" class="headerTS flexTS flex-columnTS justify-betweenTS align-centerTS"> 444<div data-cpRole="structuralContainer" id="logoTS"> 445<div data-cpRole="banner" id="logoInnerTS" class="bannerLogoTS empty"> 446 447 448 449 450 <a id="logoInnerTS-201" style=" display: block; text-align: center; 451" class="bannerObject" href="/" target="_self"><img alt="Opelika Alabama Homepage" class="bannerObject" height="104" src="/ImageRepository/Document?documentID=8953" width="404" /></a> 452</div> 453</div><div data-cpRole="structuralContainer" id="navTS"> 454<nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" aria-label="Main"> 455<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 456--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 457 --><!-- 458 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Government" target = "_self" > Government </a> <!-- 459 --><!-- 460 --></li><!----><li id="MainItem148" class="topMenuItem" role="none" data-pageid="148" data-displaymegamenu="True"><!-- 461 --><!-- 462 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu148" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2 " href="/148/Departments" target = "_self" > Departments </a> <!-- 463 --><!-- 464 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 465 --><!-- 466 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/31/Community" target = "_self" > Community </a> <!-- 467 --><!-- 468 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 469 --><!-- 470 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 471 --><!-- 472 --></li><!----> 473</ol> 474 475 476
476<script type="text/javascript"> 477 (function () { 478 function setupMenu() { 479 const menuID = 'mainNavMenu'; 480 const menuType = MAIN_MENU; 481 482 //setup menu manager properties for main menu 483 if (!menuManager.mobileMainNav && false) 484 menuManager.adjustMainItemsWidth('#' + menuID); 485 menuManager.isMainMenuEditable = false; 486 menuManager.mainMenuMaxSubMenuLevels = 4; 487 menuManager.setMOMMode(2, menuType); 488 489 //Init main menu 490 const setupDraggable = menuManager.isMainMenuEditable; 491 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=55&menuContainerID=mainNav'; 492 493 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 494 menuManager.mainMenuInit = true; 495 menuManager.mainMenuTextResizer = true; 496 if (1.00 > 0) 497 menuManager.mainMenuTextResizerRatio = 1.00; 498 if (window.isResponsiveEnabled) 499 menuManager.mainMenuReady.resolve(); 500 501 } 502 503 if (document.readyState === "complete" 504 || document.readyState === "loaded" 505 || document.readyState === "interactive") { 506 setupMenu(); 507 return; 508 } 509 510 document.addEventListener("DOMContentLoaded", setupMenu); 511 })(); 512 </script>
512 513 514 515<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="ccfa7e30c6-cfaf-45a2-b6a2-9da3f2bf34fa" data-containerid="fa7e30c6-cfaf-45a2-b6a2-9da3f2bf34fa" class="pageContent cpGrid cpGrid24"> 516 517 518 519 520 </div> 521</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu148" class="contentTop mainNavMegaMenu megaMenuContainer pageID_148 hidden" data-orientation="horizontal"> <div id="ccb102f4f3-61ff-48fc-97e1-cd76adc52b70" data-containerid="b102f4f3-61ff-48fc-97e1-cd76adc52b70" class="pageContent cpGrid cpGrid24"> 522 523 524 525 526 </div> 527</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="ccb38c7530-595d-4cca-8e3b-48d504cf8a58" data-containerid="b38c7530-595d-4cca-8e3b-48d504cf8a58" class="pageContent cpGrid cpGrid24"> 528 529 530 531 532 </div> 533</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc597e6e07-578a-4805-91e5-b74e17c51143" data-containerid="597e6e07-578a-4805-91e5-b74e17c51143" class="pageContent cpGrid cpGrid24"> 534 535 536 537 538 </div> 539</aside></aside></nav> 540</div> 541</div></div> 542</div><div data-cpRole="structuralContainer" id="searchTS"> 543<div class="siteWrap2"><div data-cpRole="contentContainer" id="searchInnerTS" class="containerTS"> <div id="cc2a5d2337-000c-47ea-bdee-10450f28df7e" data-containerid="2a5d2337-000c-47ea-bdee-10450f28df7e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="40"> 544 545 546 <div class="row outer wide"><!-- 547--><div class="outer col col12 first" style="" data-widgetcontainerid="d31efcaf-0f5c-4748-9c59-dae187a7d263">� 548 <div class="row nest first last wide">� 549 550 <div class="inner col col12 first last id35477353-6c11-4eef-b5f4-71a762269f0d" style="" data-widgetcontainerid="35477353-6c11-4eef-b5f4-71a762269f0d">� 551<div data-widget-id="7cb4e898-0c71-4309-967f-a6aa07ad420d" data-widget-controller-path="/GraphicLinks/Widget"> 552 553 554 555 556<div id="graphicLinkWidget7cb4e898-0c71-4309-967f-a6aa07ad420d" class="widget widgetGraphicLinks skin132 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 557 <div class="widgetHeader"> 558 <div class=""> 559 </div> 560 </div> 561 <div class="widgetBody cpGrid cpGrid5 "> 562 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 563 <div class="row autoWidths center wide"> 564 <!-- 565--><div class="col col1 first "><ul class="semanticList"><!-- 566 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 567 568<img src="/ImageRepository/Document?documentID=8965" 569 class="graphicButtonLink" alt="Facebook" 570 onmouseover="this.src='/ImageRepository/Document?documentID=8965'" 571 onmouseout="this.src='/ImageRepository/Document?documentID=8965'" 572 onfocus="this.src='/ImageRepository/Document?documentID=8965'" 573 onblur="this.src='/ImageRepository/Document?documentID=8965'"> 574</a></li><!-- 575--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 576 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 577 578<img src="/ImageRepository/Document?documentID=8966" 579 class="graphicButtonLink" alt="Instagram" 580 onmouseover="this.src='/ImageRepository/Document?documentID=8966'" 581 onmouseout="this.src='/ImageRepository/Document?documentID=8966'" 582 onfocus="this.src='/ImageRepository/Document?documentID=8966'" 583 onblur="this.src='/ImageRepository/Document?documentID=8966'"> 584</a></li><!-- 585--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 586 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 587 588<img src="/ImageRepository/Document?documentID=8979" 589 class="graphicButtonLink" alt="YouTube" 590 onmouseover="this.src='/ImageRepository/Document?documentID=8979'" 591 onmouseout="this.src='/ImageRepository/Document?documentID=8979'" 592 onfocus="this.src='/ImageRepository/Document?documentID=8979'" 593 onblur="this.src='/ImageRepository/Document?documentID=8979'"> 594</a></li><!-- 595--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 596 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/city-of-opelika-gov/" target="_blank"> 597 598<img src="/ImageRepository/Document?documentID=8967" 599 class="graphicButtonLink" alt="Linkedin (opens in new window)" 600 onmouseover="this.src='/ImageRepository/Document?documentID=8967'" 601 onmouseout="this.src='/ImageRepository/Document?documentID=8967'" 602 onfocus="this.src='/ImageRepository/Document?documentID=8967'" 603 onblur="this.src='/ImageRepository/Document?documentID=8967'"> 604</a></li><!-- 605--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 606 --><li class="widgetItem GraphicLinks"> 607 608<div> 609 <a href="/" target="_self" class="fancyButton fancyButton539 " > 610 <span> 611 <span><span class="text">Home</span></span> 612 </span> 613 </a> 614</div> 615 <style scoped="scoped">.fancyButton539.fancyButton:link,.fancyButton539.fancyButton:visited, .fancyButton539div.fancyButton{
616 background-color: rgb(90, 117, 101); 617 padding-left: 36px; 618 -webkit-border-top-left-radius: 10px; 619 -moz-border-top-left-radius: 10px; 620 -khtml-border-top-left-radius: 10px; 621 border-top-left-radius: 10px; 622 -webkit-border-top-right-radius: 10px; 623 -moz-border-top-right-radius: 10px; 624 -khtml-border-top-right-radius: 10px; 625 border-top-right-radius: 10px; 626 -webkit-border-bottom-left-radius: 10px; 627 -moz-border-bottom-left-radius: 10px; 628 -khtml-border-bottom-left-radius: 10px; 629 border-bottom-left-radius: 10px; 630 -webkit-border-bottom-right-radius: 10px; 631 -moz-border-bottom-right-radius: 10px; 632 -khtml-border-bottom-right-radius: 10px; 633 border-bottom-right-radius: 10px; 634 background-image: url('/ImageRepository/Document?documentID=8985'); 635 background-repeat: no-repeat; 636 background-position: 12px center; 637 border-top: 1px solid rgb(242, 238, 232); 638 border-left: 1px solid rgb(242, 238, 232); 639 border-right: 1px solid rgb(242, 238, 232); 640 border-bottom: 1px solid rgb(242, 238, 232); 641transition: all .2s ease; 642background-size: 24px; 643box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.20);} 644.fancyButton539.fancyButton:hover,.fancyButton539.fancyButton:focus,.fancyButton539.fancyButton:active,.fancyButton539.fancyButton.hover{ 645 background-color: rgb(242, 238, 232); 646 background-image: url('/ImageRepository/Document?documentID=8986'); 647 background-repeat: no-repeat; 648 background-position: 12px center; 649 border-top: 1px solid rgb(242, 238, 232); 650 border-left: 1px solid rgb(242, 238, 232); 651 border-right: 1px solid rgb(242, 238, 232); 652 border-bottom: 1px solid rgb(242, 238, 232); 653} 654.fancyButton539.fancyButton:link > span,.fancyButton539.fancyButton:visited > span, .fancyButton539div.fancyButton > span{ 655} 656.fancyButton539.fancyButton:hover > span,.fancyButton539.fancyButton:focus > span,.fancyButton539.fancyButton:active > span,.fancyButton539.fancyButton.hover > span{ 657} 658.fancyButton539.fancyButton .text{ 659 color: rgb(255, 255, 255); 660 font-size: 1.125em; 661 font-family: "Poppins"; 662 text-align: left; 663 padding-top: 8px; 664 padding-bottom: 8px; 665 padding-right: 12px; 666 padding-left: 12px; 667 font-style: normal; 668 text-decoration: none; 669 padding-top: 8px; 670 padding-bottom: 8px; 671 padding-right: 12px; 672 padding-left: 12px; 673 background-repeat: no-repeat; 674 background-position: left top; 675transition: all .2s ease; 676} 677.fancyButton539.fancyButton:hover .text,.fancyButton539.fancyButton:focus .text,.fancyButton539.fancyButton:active .text,.fancyButton539.fancyButton.hover .text{ 678 color: rgb(59, 51, 32); 679 text-decoration: underline; 680 background-repeat: no-repeat; 681 background-position: left top; 682 683 684} 685</style> 686 687 </li><!-- 688--></ul></div><!-- --> 689 </div> 690 </nav> 691 </div> 692 <div class="widgetFooter"> 693 </div> 694</div> 695</div> 696 697 </div> <!-- inner column --> 698 699 </div> <!-- inner row --> 700 701 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="5bb6648d-4fcc-4dc2-854a-47f7885b7afc">� 702 <div class="row nest first last wide">� 703 704 <div class="inner col col12 first last id0a99b267-2735-4ce0-9443-00052fa2d482" style="" data-widgetcontainerid="0a99b267-2735-4ce0-9443-00052fa2d482">� 705<div data-widget-id="0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8" data-widget-controller-path="/Layout/WidgetSearch"> 706 707
707<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
707 708
708<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
708 709
709<script defer type="text/javascript"> 710 711 $(document).ready(function () { 712 try { 713 // Minimum characters required before performing a search/autocomplete 714 var minPrefixLength = 3; 715 var autoCompleteDebounceDelay = 500; 716 var searchFieldSelector = "#searchField" + '0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8'; 717 var checkboxSelector = "#ysnSearchOnlyDept" + '0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8'; 718 var buttonSelector = ".widgetSearchButton" + '0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8'; 719 var autoCompleteCache = {}; 720 var autoCompleteCacheKeys = []; 721 var autoCompleteCacheLimit = 25; 722 var currentAutoCompleteRequest = null; 723 var currentAutoCompleteRequestKey = null; 724 var autoCompleteDebounceTimer = null; 725 var autoCompleteDebounceKey = null; 726 var pendingAutoCompleteResponses = []; 727 728 function normalizeAutoCompleteTerm(term) { 729 return $.trim((term || "") + "").replace(/\s+/g, " "); 730 } 731 732 function shouldSearch(term) { 733 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 734 } 735 736 function getAutoCompleteUrl() { 737 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 738 } 739 740 function getAutoCompleteCacheKey(requestUrl, term) { 741 return requestUrl + "|" + term.toLowerCase(); 742 } 743 744 function cacheAutoCompleteResult(cacheKey, data) { 745 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 746 autoCompleteCacheKeys.push(cacheKey); 747 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 748 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 749 } 750 } 751 autoCompleteCache[cacheKey] = data; 752 } 753 754 function respondToPendingAutoComplete(data) { 755 var responses = pendingAutoCompleteResponses; 756 pendingAutoCompleteResponses = []; 757 for (var i = 0; i < responses.length; i++) { 758 responses[i](data); 759 } 760 } 761 762 function cancelPendingAutoComplete() { 763 clearTimeout(autoCompleteDebounceTimer); 764 autoCompleteDebounceKey = null; 765 if (currentAutoCompleteRequest != null) { 766 currentAutoCompleteRequest.abort(); 767 currentAutoCompleteRequest = null; 768 } 769 currentAutoCompleteRequestKey = null; 770 respondToPendingAutoComplete([]); 771 } 772 773 function createWidgetAutoCompleteSource(options) { 774 return function (request, response) { 775 var term = normalizeAutoCompleteTerm(request.term); 776 if (!options.shouldSearch(term)) { 777 response([]); 778 return; 779 } 780 781 var requestUrl = options.url(); 782 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 783 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 784 response(autoCompleteCache[cacheKey]); 785 if (options.success) { 786 options.success(autoCompleteCache[cacheKey]); 787 } 788 return; 789 } 790 791 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 792 pendingAutoCompleteResponses.push(response); 793 return; 794 } 795 796 cancelPendingAutoComplete(); 797 autoCompleteDebounceKey = cacheKey; 798 pendingAutoCompleteResponses.push(response); 799 autoCompleteDebounceTimer = setTimeout(function () { 800 autoCompleteDebounceKey = null; 801 currentAutoCompleteRequestKey = cacheKey; 802 currentAutoCompleteRequest = $.ajax({ 803 url: requestUrl, 804 dataType: "json", 805 timeout: options.timeout, 806 data: { 807 term: term, 808 }, 809 success: function (data) { 810 if (currentAutoCompleteRequestKey === cacheKey) { 811 cacheAutoCompleteResult(cacheKey, data); 812 respondToPendingAutoComplete(data); 813 if (options.success) { 814 options.success(data); 815 } 816 } 817 }, 818 error: function (xmlhttprequest, textstatus, message) { 819 if (textstatus === "abort") { 820 return; 821 } 822 823 if (options.error) { 824 options.error(xmlhttprequest, textstatus, message); 825 } 826 827 respondToPendingAutoComplete([]); 828 }, 829 complete: function (xmlhttprequest) { 830 if (currentAutoCompleteRequest === xmlhttprequest) { 831 currentAutoCompleteRequest = null;
832 currentAutoCompleteRequestKey = null; 833 } 834 } 835 }); 836 }, options.delay); 837 }; 838 } 839 840 // click handler for search buttons 841 $(buttonSelector).click(function (e) { 842 e.preventDefault(); 843 var $btn = $(this); 844 var $field = $btn.siblings(".widgetSearchBox"); 845 var term = $field.val() + ""; 846 if (!shouldSearch(term)) { 847 // do nothing until user types enough characters 848 $field.focus(); 849 return; 850 } 851 852 if ($(checkboxSelector).is(':checked') || false) 853 { 854 doWidgetSearch($.trim(term), Number(0)); 855 } 856 else { 857 doWidgetSearch($.trim(term), 0); 858 } 859 }); 860 861 // enter key handler for the search field 862 $(searchFieldSelector).keypress(function (e) { 863 var code = e.which || e.keyCode; 864 if (code === 13) { 865 e.preventDefault(); 866 var $this = $(this); 867 var term = $this.val() + ""; 868 if (!shouldSearch(term)) { 869 // do nothing until user types enough characters 870 $this.focus(); 871 return false; 872 } 873 874 if ($(checkboxSelector).is(':checked') || false) { 875 doWidgetSearch($.trim(term), Number(0)); 876 } else { 877 doWidgetSearch($.trim(term), 0); 878 } 879 return false; 880 } 881 return true; 882 }); 883 884 // autocomplete: set minLength and guard source 885 if (true) { 886 var $searchField = $(searchFieldSelector).autocomplete({ 887 minLength: minPrefixLength, 888 source: createWidgetAutoCompleteSource({ 889 delay: autoCompleteDebounceDelay, 890 timeout: 10000, 891 shouldSearch: shouldSearch, 892 url: getAutoCompleteUrl, 893 success: function () { 894 $('.autoCompleteError').remove(); 895 }, 896 error: function (xmlhttprequest, textstatus, message) { 897 if (textstatus === "timeout") { 898 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 899 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 900 } 901 } 902 }), 903 html: true, 904 delay: 0, 905 select: function (event, ui) { 906 $(this).val(ui.item.value); 907 $(this).next().click(); 908 } 909 }); 910 911 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 912 return $("<li class=\"itemList\"></li>") 913 .data("ui-autocomplete-item", item) 914 .append("<a>" + item.label + "</a>") 915 .appendTo(ul); 916 }; 917 } 918 919 // keep searchBtnApplyQuery consistent with prefix rule 920 window.searchBtnApplyQuery = function() { 921 var $field = $(searchFieldSelector); 922 var term = $field.val() + ""; 923 if (shouldSearch(term)) { 924 // update href for the icon/button (if present) 925 var btn = document.getElementById("btnSearchIcon"); 926 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 927 } else { 928 var btn = document.getElementById("btnSearchIcon"); 929 if (btn) btn.href = "#"; 930 } 931 }; 932 } 933 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. 934 }); 935 </script>
935 936 937 <section id="widgetPreviewSearch" class="widget widgetSearch skin127 widgetOptionSet57" style="display: block;" aria-label="Search"> 938 <!-- For the button right and inside --> 939 <div class="widgetBody buttonRightInside"> 940 <input class="widgetSearchBox widgetSearchBox0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8" cp5ph="true" id="searchField0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 941 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=8961" data-image="/ImageRepository/Document?documentID=8960" src="/ImageRepository/Document?documentID=8960" /></a> 942 943 <label class="searchLabel" aria-hidden="true" for="searchField0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8">Search</label> 944 </div> 945 946 </section> 947 948 949<style scoped> 950 951 .widgetSearch ::-webkit-input-placeholder { 952 color: #FFFFFF; 953 } 954 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 955 color: #FFFFFF; 956 } 957 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 958 color: #FFFFFF; 959 } 960 .widgetSearch :-ms-input-placeholder { 961 color: #FFFFFF; 962 } 963 964 965 .widgetSearch .widgetBody .widgetSearchBox0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8 966 { 967 color: #FFFFFF; 968 height: 64px; 969border: none; 970border-left: 4px solid #F2EEE8; 971background: #5A7565; 972padding: 0 64px 0 16px; 973font: 400 18px Poppins; 974 } 975 .widgetSearch .widgetBody .widgetSearchButton0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8 976 { 977 margin: 12px 8px 0 0; 978 } 979 .widgetSearch .widgetSearch-onlyDept0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8 980 { 981 display: inline-block; 982 color: #333; 983 984 985 padding-top: 10px; 986 } 987 #ysnSearchOnlyDept0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8 988 { 989 position: relative; 990 top: .125em; 991 } 992 993</style> 994 995<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 996<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 997 998 999
1000<script type="text/javascript"> 1001 //Updates search icons href to have the correct queryString 1002 function searchBtnApplyQuery() { 1003 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8").value; 1004 } 1005</script>
1005 1006 1007</div> 1008 1009 </div> <!-- inner column --> 1010 1011 </div> <!-- inner row --> 1012 1013 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1014 1015 1016 </div> 1017</div></div> 1018</div> 1019</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 1020<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 1021<div data-cpRole="structuralContainer" id="bannerContentTS"> 1022<div class="siteWrap2"><div data-cpRole="contentContainer" id="contentTS" class="containerTS"> <div id="cc1b61b7cf-26c3-43e8-80bd-d8730c49b480" data-containerid="1b61b7cf-26c3-43e8-80bd-d8730c49b480" class="pageContent cpGrid cpGrid24 showInMobile"> 1023 1024 1025 1026 1027 </div> 1028</div></div> 1029</div> 1030</div> 1031 1032 1033 1034 1035 <div id="bannerImagesJSON202" class="hidden"></div> 1036 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 1037 <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> 1038 <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> 1039 </div> 1040
1040<script type="text/javascript"> 1041 $(window).on("load", function () { 1042 $.when(window.Pages.rwdSetupComplete) 1043 .done(function () { 1044 renderExternalBannerSlideshow('banner1', 1045 {"BannerOptionID":202,"ThemeID":55,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":324,"BannerOptionID":202,"FileName":"/ImageRepository/Document?documentID=9003","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":326,"BannerOptionID":202,"FileName":"/ImageRepository/Document?documentID=9004","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":327,"BannerOptionID":202,"FileName":"/ImageRepository/Document?documentID=9005","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":328,"BannerOptionID":202,"FileName":"/ImageRepository/Document?documentID=9006","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 1046 '/App_Themes/Home/Images/', 1047 'Rotating'); 1048 }); 1049 }); 1050 </script>
1050 1051 1052</div> 1053</div><div data-cpRole="structuralContainer" id="bgWrap1TS"><div class="inner"><div class="inner"> 1054<main data-cpRole="structuralContainer" id="mainSectionTS"> 1055<div data-cpRole="structuralContainer" id="bgWrap2TS"> 1056<!-- CTA Container --><div data-cpRole="structuralContainer" id="ctaContainerTS"> 1057<div class="siteWrap2"><div data-cpRole="contentContainer" id="ctaTS" class="containerTS"> <div id="ccebf8bf5d-d33f-4d9b-a757-12eca01af536" data-containerid="ebf8bf5d-d33f-4d9b-a757-12eca01af536" class="pageContent cpGrid cpGrid24 showInMobile"> 1058 1059 1060 <div class="row outer wide"><!-- 1061--><div class="outer col col24 first last" style="" data-widgetcontainerid="44865113-0863-4724-993e-7942985d8a4d">� 1062 <div class="row nest first last wide">� 1063 1064 <div class="inner col col24 first last idde3cfc58-d75f-4d38-b40a-f6f26cd1c0e9" style="" data-widgetcontainerid="de3cfc58-d75f-4d38-b40a-f6f26cd1c0e9">� 1065<div data-widget-id="ccf8faae-a210-4dc8-9e4d-e9ae918d1c73" data-widget-controller-path="/NewsFlash/Widget"> 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 <section class="widget widgetNewsFlash skin136 widgetOptionSet60 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashccf8faae-a210-4dc8-9e4d-e9ae918d1c73" data-elementqueryclasses='{"wide-narrow":"min-width:55em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 1082 <div class="widgetBody cpGrid cpGrid3 "> 1083 <div class="row wide" style=""> 1084 <div class="col col1 first "> 1085 <ol class="semanticList"> 1086 <li class="widgetItem" data-news-i-d="1303"> 1087 1088 <h2 id="newsFlashItemHeader1303" class="widgetTitle"> <a href="/1208/2026---2027-Moratorium" target="_self">Smart Growth Matters Moratorium </a> 1089</h2><div class="widgetDesc"> 1090Find updates, meeting times, reports and more on the Smart Growth Matters development moratorium. <a id="newsFlashReadOn1303" aria-label="Additional Info...: Smart Growth Matters Moratorium" href="/1208/2026---2027-Moratorium" target="_self" class="readOn">Additional Info...</a> 1091</div> 1092 1093 </li> 1094 </ol> 1095 </div> 1096 <div class="col col1 "> 1097 <ol class="semanticList"> 1098 <li class="widgetItem" data-news-i-d="1265"> 1099 1100 <h2 id="newsFlashItemHeader1265" class="widgetTitle"> <a href="https://survey123.arcgis.com/share/7228285288574dcc96bb90b9e98f9265" target="_self">Opelika Safe Streets for all </a> 1101</h2><div class="widgetDesc"> 1102Do you live, work, or travel in the City of Opelika? If yes, we want to hear from you! Your thoughts on road safety are important to us. Click here to be taken to a survey. <a href="https://survey123.arcgis.com/share/7228285288574dcc96bb90b9e98f9265" target="_self" id="newsFlashReadOn1265" aria-label="Read on...: Opelika Safe Streets for all" class="readOn">Read on...</a> 1103</div> 1104 1105 </li> 1106 </ol> 1107 </div> 1108 <div class="col col1 last"> 1109 <ol class="semanticList"> 1110 <li class="widgetItem" data-news-i-d="1264"> 1111 1112 <h2 id="newsFlashItemHeader1264" class="widgetTitle"> <a href="https://www.opelika-al.gov/1270/Connect-with-Caboose" target="_self">Connect with Caboose </a> 1113</h2><div class="widgetDesc"> 1114Click "Let's Chat" below or text "Hello" to Connect with Caboose at 855-955-LIKA (5452) to ask questions, make service requests, and search for information about the City of Opelika. <a href="https://www.opelika-al.gov/1270/Connect-with-Caboose" target="_self" id="newsFlashReadOn1264" aria-label="Read on...: Connect with Caboose" class="readOn">Read on...</a> 1115</div> 1116 1117 </li> 1118 </ol> 1119 </div> 1120 </div> 1121 1122 </div> 1123 <div class="widgetFooter"> 1124 </div> 1125 <div class="addItemModal hidden"> 1126 <div class="url hidden">/CivicAlerts.aspx</div> 1127 </div> 1128 1129 </section> 1130 1131 1132 1133 1134 1135 1136 1137 1138</div> 1139 </div> <!-- inner column --> 1140 1141 </div> <!-- inner row --> 1142 1143 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1144 1145 1146 </div> 1147</div></div> 1148</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1149<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS" class="containerTS"> <div id="cc96536641-657b-40e0-b084-44ed1b73cd05" data-containerid="96536641-657b-40e0-b084-44ed1b73cd05" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="27"> 1150 1151 1152 <div class="row outer wide"><!-- 1153--><div class="outer col col8 first" style="" data-widgetcontainerid="60bcabae-9997-493e-9925-b3cd869bdaed">� 1154 <div class="row nest first last wide">� 1155 1156 <div class="inner col col8 first last ided6272ad-6aeb-4574-b2fb-2721c5b88930" style="" data-widgetcontainerid="ed6272ad-6aeb-4574-b2fb-2721c5b88930">� 1157<div data-widget-id="1ebac594-73dc-4551-88fb-c6c7eed3ebd9" data-widget-controller-path="/GraphicLinks/Widget"> 1158 1159 1160 1161 1162<div id="graphicLinkWidget1ebac594-73dc-4551-88fb-c6c7eed3ebd9" class="widget widgetGraphicLinks skin130 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1163 <div class="widgetHeader"> 1164 <div class="">
1165 </div> 1166 </div> 1167 <div class="widgetBody cpGrid cpGrid2 "> 1168 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1169 <div class="row wide"> 1170 <!-- 1171--><div class="col col1 first "><ul class="semanticList"><!-- 1172 --><li class="widgetItem GraphicLinks"> 1173 1174<div> 1175 <a href="/requesttracker.aspx" target="_self" class="fancyButton fancyButton532 " > 1176 <span> 1177 <span><span class="text"><span class="textStyle1">Report an Issue</span></span></span> 1178 </span> 1179 </a> 1180</div> 1181 <style scoped="scoped">.fancyButton532.fancyButton:link,.fancyButton532.fancyButton:visited, .fancyButton532div.fancyButton{ 1182 background-image: url('/ImageRepository/Document?documentID=9060'); 1183 background-repeat: no-repeat; 1184 background-position: center .5em ; 1185transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1186position: relative; 1187background-size: 9.5em; 1188} 1189 1190.fancyButton532::after { 1191content: ""; 1192position: absolute; 1193left: 50%; 1194top: 2.5em; 1195transform: translate(-50%, 0); 1196width: 5em; 1197height: 5em; 1198background: #FFFFFF00; 1199border-radius: 50%; 1200transition: inherit; 1201box-sizing: border-box;} 1202.fancyButton532.fancyButton:hover,.fancyButton532.fancyButton:focus,.fancyButton532.fancyButton:active,.fancyButton532.fancyButton.hover{ 1203 background-repeat: no-repeat; 1204 background-position: center top; 1205} 1206 1207.fancyButton532:is(:hover, :focus, :active)::after { 1208top: 2em; 1209background: #FFFFFF; 1210} 1211.fancyButton532.fancyButton:link > span,.fancyButton532.fancyButton:visited > span, .fancyButton532div.fancyButton > span{ 1212} 1213.fancyButton532.fancyButton:hover > span,.fancyButton532.fancyButton:focus > span,.fancyButton532.fancyButton:active > span,.fancyButton532.fancyButton.hover > span{ 1214} 1215.fancyButton532.fancyButton .text{ 1216 padding-top: 10.5em; 1217 padding-right: .5em; 1218 padding-left: .5em; 1219 text-decoration: none; 1220 padding-top: 10.5em; 1221 padding-right: .5em; 1222 padding-left: .5em; 1223 background-image: url('/ImageRepository/Document?documentID=8982'); 1224 background-repeat: no-repeat; 1225 background-position: center 2.875em ; 1226background-size: 4.25em; 1227position: relative; 1228z-index: 2; 1229transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1230} 1231.fancyButton532.fancyButton:hover .text,.fancyButton532.fancyButton:focus .text,.fancyButton532.fancyButton:active .text,.fancyButton532.fancyButton.hover .text{ 1232 text-decoration: none; 1233 background-image: url('/ImageRepository/Document?documentID=8981'); 1234 background-repeat: no-repeat; 1235 background-position: center 2.875em ; 1236background-size: 3.125em; 1237} 1238.fancyButton532.fancyButton .textStyle1{ 1239 color: rgb(59, 51, 32); 1240 font-size: 1.125em; 1241 font-family: Poppins; 1242 font-weight: 500; 1243 text-decoration: none; 1244display: block; 1245line-height: 1.3;} 1246.fancyButton532.fancyButton:hover .textStyle1, .fancyButton532.fancyButton.hover .textStyle1{ 1247 text-decoration: none; 1248} 1249 1250.fancyButton532:is(:hover, :focus, :active) .textStyle1 { 1251text-decoration: underline;} 1252</style> 1253 1254 </li><!-- 1255--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1256 --><li class="widgetItem GraphicLinks"> 1257 1258<div> 1259 <a href="https://www.opelika-al.gov/428/Pay" target="_self" class="fancyButton fancyButton533 " > 1260 <span> 1261 <span><span class="text"><span class="textStyle1">Pay a Bill</span></span></span> 1262 </span> 1263 </a> 1264</div> 1265 <style scoped="scoped">.fancyButton533.fancyButton:link,.fancyButton533.fancyButton:visited, .fancyButton533div.fancyButton{ 1266 background-image: url('/ImageRepository/Document?documentID=9065'); 1267 background-repeat: no-repeat; 1268 background-position: center .5em ; 1269transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1270position: relative; 1271background-size: 9.5em; 1272} 1273 1274.fancyButton533::after { 1275content: ""; 1276position: absolute; 1277left: 50%; 1278top: 2.5em; 1279transform: translate(-50%, 0); 1280width: 5em; 1281height: 5em; 1282background: #FFFFFF00; 1283border-radius: 50%; 1284transition: inherit; 1285box-sizing: border-box;} 1286.fancyButton533.fancyButton:hover,.fancyButton533.fancyButton:focus,.fancyButton533.fancyButton:active,.fancyButton533.fancyButton.hover{ 1287 background-repeat: no-repeat; 1288 background-position: center top; 1289} 1290 1291.fancyButton533:is(:hover, :focus, :active)::after { 1292top: 2em; 1293background: #FFFFFF; 1294} 1295.fancyButton533.fancyButton:link > span,.fancyButton533.fancyButton:visited > span, .fancyButton533div.fancyButton > span{ 1296} 1297.fancyButton533.fancyButton:hover > span,.fancyButton533.fancyButton:focus > span,.fancyButton533.fancyButton:active > span,.fancyButton533.fancyButton.hover > span{ 1298} 1299.fancyButton533.fancyButton .text{ 1300 padding-top: 10.5em; 1301 padding-right: .5em; 1302 padding-left: .5em; 1303 text-decoration: none; 1304 padding-top: 10.5em; 1305 padding-right: .5em; 1306 padding-left: .5em; 1307 background-image: url('/ImageRepository/Document?documentID=9070'); 1308 background-repeat: no-repeat; 1309 background-position: center 2.95em ; 1310background-size: 4.25em; 1311position: relative; 1312z-index: 2; 1313transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1314} 1315.fancyButton533.fancyButton:hover .text,.fancyButton533.fancyButton:focus .text,.fancyButton533.fancyButton:active .text,.fancyButton533.fancyButton.hover .text{ 1316 text-decoration: none; 1317 background-image: url('/ImageRepository/Document?documentID=9071'); 1318 background-repeat: no-repeat; 1319 background-position: center 2.95em ; 1320background-size: 3.125em; 1321} 1322.fancyButton533.fancyButton .textStyle1{ 1323 color: rgb(59, 51, 32); 1324 font-size: 1.125em; 1325 font-family: Poppins; 1326 font-weight: 500; 1327 text-decoration: none; 1328display: block; 1329line-height: 1.3;} 1330.fancyButton533.fancyButton:hover .textStyle1, .fancyButton533.fancyButton.hover .textStyle1{ 1331 text-decoration: none; 1332} 1333 1334.fancyButton533:is(:hover, :focus, :active) .textStyle1 { 1335text-decoration: underline;} 1336</style> 1337 1338 </li><!-- 1339--></ul></div><!-- --> 1340 </div> 1341 </nav> 1342 </div> 1343 <div class="widgetFooter"> 1344 </div> 1345</div> 1346</div> 1347 1348 </div> <!-- inner column --> 1349 1350 </div> <!-- inner row --> 1351 1352 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="88cb36a3-4806-4d17-959d-5ebfb3911548">� 1353 <div class="row nest first last wide">� 1354 1355 <div class="inner col col8 first last id29a348fc-5f9f-4aa8-90ee-ac031b3d9390" style="" data-widgetcontainerid="29a348fc-5f9f-4aa8-90ee-ac031b3d9390">� 1356<div data-widget-id="f0aace02-d110-44fb-8c46-2b62df70daaf" data-widget-controller-path="/GraphicLinks/Widget"> 1357 1358 1359 1360 1361<div id="graphicLinkWidgetf0aace02-d110-44fb-8c46-2b62df70daaf" class="widget widgetGraphicLinks skin130 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1362 <div class="widgetHeader"> 1363 <div class="">
1364 </div> 1365 </div> 1366 <div class="widgetBody cpGrid cpGrid2 "> 1367 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1368 <div class="row wide"> 1369 <!-- 1370--><div class="col col1 first "><ul class="semanticList"><!-- 1371 --><li class="widgetItem GraphicLinks"> 1372 1373<div> 1374 <a href="/129" target="_self" class="fancyButton fancyButton534 " > 1375 <span> 1376 <span><span class="text"><span class="textStyle1">Agendas & Minutes</span></span></span> 1377 </span> 1378 </a> 1379</div> 1380 <style scoped="scoped">.fancyButton534.fancyButton:link,.fancyButton534.fancyButton:visited, .fancyButton534div.fancyButton{ 1381 background-image: url('/ImageRepository/Document?documentID=9062'); 1382 background-repeat: no-repeat; 1383 background-position: center .5em ; 1384transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1385position: relative; 1386background-size: 9.5em; 1387} 1388 1389.fancyButton534::after { 1390content: ""; 1391position: absolute; 1392left: 50%; 1393top: 2.5em; 1394transform: translate(-50%, 0); 1395width: 5em; 1396height: 5em; 1397background: #FFFFFF00; 1398border-radius: 50%; 1399transition: inherit; 1400box-sizing: border-box;} 1401.fancyButton534.fancyButton:hover,.fancyButton534.fancyButton:focus,.fancyButton534.fancyButton:active,.fancyButton534.fancyButton.hover{ 1402 background-repeat: no-repeat; 1403 background-position: center top; 1404} 1405 1406.fancyButton534:is(:hover, :focus, :active)::after { 1407top: 2em; 1408background: #FFFFFF; 1409} 1410.fancyButton534.fancyButton:link > span,.fancyButton534.fancyButton:visited > span, .fancyButton534div.fancyButton > span{ 1411} 1412.fancyButton534.fancyButton:hover > span,.fancyButton534.fancyButton:focus > span,.fancyButton534.fancyButton:active > span,.fancyButton534.fancyButton.hover > span{ 1413} 1414.fancyButton534.fancyButton .text{ 1415 padding-top: 10.5em; 1416 padding-right: .5em; 1417 padding-left: .5em; 1418 text-decoration: none; 1419 padding-top: 10.5em; 1420 padding-right: .5em; 1421 padding-left: .5em; 1422 background-image: url('/ImageRepository/Document?documentID=9068'); 1423 background-repeat: no-repeat; 1424 background-position: center 2.95em ; 1425background-size: 4.25em; 1426position: relative; 1427z-index: 2; 1428transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1429} 1430.fancyButton534.fancyButton:hover .text,.fancyButton534.fancyButton:focus .text,.fancyButton534.fancyButton:active .text,.fancyButton534.fancyButton.hover .text{ 1431 text-decoration: none; 1432 background-image: url('/ImageRepository/Document?documentID=9069'); 1433 background-repeat: no-repeat; 1434 background-position: center 2.95em ; 1435background-size: 3.125em; 1436} 1437.fancyButton534.fancyButton .textStyle1{ 1438 color: rgb(59, 51, 32); 1439 font-size: 1.125em; 1440 font-family: Poppins; 1441 font-weight: 500; 1442 text-decoration: none; 1443display: block; 1444line-height: 1.3;} 1445.fancyButton534.fancyButton:hover .textStyle1, .fancyButton534.fancyButton.hover .textStyle1{ 1446 text-decoration: none; 1447} 1448 1449.fancyButton534:is(:hover, :focus, :active) .textStyle1 { 1450text-decoration: underline;} 1451</style> 1452 1453 </li><!-- 1454--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1455 --><li class="widgetItem GraphicLinks"> 1456 1457<div> 1458 <a href="https://www.opelika-al.gov/209/Environmental-Services" target="_self" class="fancyButton fancyButton535 " > 1459 <span> 1460 <span><span class="text"><span class="textStyle1">Trash & Recycling</span></span></span> 1461 </span> 1462 </a> 1463</div> 1464 <style scoped="scoped">.fancyButton535.fancyButton:link,.fancyButton535.fancyButton:visited, .fancyButton535div.fancyButton{ 1465 background-image: url('/ImageRepository/Document?documentID=9064'); 1466 background-repeat: no-repeat; 1467 background-position: center .5em ; 1468transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1469position: relative; 1470background-size: 9.5em; 1471} 1472 1473.fancyButton535::after { 1474content: ""; 1475position: absolute; 1476left: 50%; 1477top: 2.5em; 1478transform: translate(-50%, 0); 1479width: 5em; 1480height: 5em; 1481background: #FFFFFF00; 1482border-radius: 50%; 1483transition: inherit; 1484box-sizing: border-box;} 1485.fancyButton535.fancyButton:hover,.fancyButton535.fancyButton:focus,.fancyButton535.fancyButton:active,.fancyButton535.fancyButton.hover{ 1486 background-repeat: no-repeat; 1487 background-position: center top; 1488} 1489 1490.fancyButton535:is(:hover, :focus, :active)::after { 1491top: 2em; 1492background: #FFFFFF; 1493} 1494.fancyButton535.fancyButton:link > span,.fancyButton535.fancyButton:visited > span, .fancyButton535div.fancyButton > span{ 1495} 1496.fancyButton535.fancyButton:hover > span,.fancyButton535.fancyButton:focus > span,.fancyButton535.fancyButton:active > span,.fancyButton535.fancyButton.hover > span{ 1497} 1498.fancyButton535.fancyButton .text{ 1499 padding-top: 10.5em; 1500 padding-right: .5em; 1501 padding-left: .5em; 1502 text-decoration: none; 1503 padding-top: 10.5em; 1504 padding-right: .5em; 1505 padding-left: .5em; 1506 background-image: url('/ImageRepository/Document?documentID=9074'); 1507 background-repeat: no-repeat; 1508 background-position: center 2.95em ; 1509background-size: 4.25em; 1510position: relative; 1511z-index: 2; 1512transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1513} 1514.fancyButton535.fancyButton:hover .text,.fancyButton535.fancyButton:focus .text,.fancyButton535.fancyButton:active .text,.fancyButton535.fancyButton.hover .text{ 1515 text-decoration: none; 1516 background-image: url('/ImageRepository/Document?documentID=9075'); 1517 background-repeat: no-repeat; 1518 background-position: center 2.95em ; 1519background-size: 3.125em; 1520} 1521.fancyButton535.fancyButton .textStyle1{ 1522 color: rgb(59, 51, 32); 1523 font-size: 1.125em; 1524 font-family: Poppins; 1525 font-weight: 500; 1526 text-decoration: none; 1527display: block; 1528line-height: 1.3;} 1529.fancyButton535.fancyButton:hover .textStyle1, .fancyButton535.fancyButton.hover .textStyle1{ 1530 text-decoration: none; 1531} 1532 1533.fancyButton535:is(:hover, :focus, :active) .textStyle1 { 1534text-decoration: underline;} 1535</style> 1536 1537 </li><!-- 1538--></ul></div><!-- --> 1539 </div> 1540 </nav> 1541 </div> 1542 <div class="widgetFooter"> 1543 </div> 1544</div> 1545</div> 1546 1547 </div> <!-- inner column --> 1548 1549 </div> <!-- inner row --> 1550 1551 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="49e5c550-d207-4871-85b7-4cd44d77a61a">� 1552 <div class="row nest first last wide">� 1553 1554 <div class="inner col col8 first last idc6bb559d-2117-4338-ac8b-3c4fde283d3c" style="" data-widgetcontainerid="c6bb559d-2117-4338-ac8b-3c4fde283d3c">� 1555<div data-widget-id="9ea35565-0e0d-4424-ad07-bad304125ee0" data-widget-controller-path="/GraphicLinks/Widget"> 1556 1557 1558 1559 1560<div id="graphicLinkWidget9ea35565-0e0d-4424-ad07-bad304125ee0" class="widget widgetGraphicLinks skin130 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1561 <div class="widgetHeader"> 1562 <div class="">
1563 </div> 1564 </div> 1565 <div class="widgetBody cpGrid cpGrid2 "> 1566 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1567 <div class="row wide"> 1568 <!-- 1569--><div class="col col1 first "><ul class="semanticList"><!-- 1570 --><li class="widgetItem GraphicLinks"> 1571 1572<div> 1573 <a href="https://www.opelika-al.gov/1269/Featured-Events" target="_self" class="fancyButton fancyButton538 " > 1574 <span> 1575 <span><span class="text"><span class="textStyle1">Special Events</span></span></span> 1576 </span> 1577 </a> 1578</div> 1579 <style scoped="scoped">.fancyButton538.fancyButton:link,.fancyButton538.fancyButton:visited, .fancyButton538div.fancyButton{ 1580 background-image: url('/ImageRepository/Document?documentID=9063'); 1581 background-repeat: no-repeat; 1582 background-position: center .5em ; 1583transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1584position: relative; 1585background-size: 9.5em; 1586} 1587 1588.fancyButton538::after { 1589content: ""; 1590position: absolute; 1591left: 50%; 1592top: 2.5em; 1593transform: translate(-50%, 0); 1594width: 5em; 1595height: 5em; 1596background: #FFFFFF00; 1597border-radius: 50%; 1598transition: inherit; 1599box-sizing: border-box; } 1600.fancyButton538.fancyButton:hover,.fancyButton538.fancyButton:focus,.fancyButton538.fancyButton:active,.fancyButton538.fancyButton.hover{ 1601 background-repeat: no-repeat; 1602 background-position: center top; 1603} 1604 1605.fancyButton538:is(:hover, :focus, :active)::after { 1606top: 2em; 1607background: #FFFFFF; 1608} 1609.fancyButton538.fancyButton:link > span,.fancyButton538.fancyButton:visited > span, .fancyButton538div.fancyButton > span{ 1610} 1611.fancyButton538.fancyButton:hover > span,.fancyButton538.fancyButton:focus > span,.fancyButton538.fancyButton:active > span,.fancyButton538.fancyButton.hover > span{ 1612} 1613.fancyButton538.fancyButton .text{ 1614 padding-top: 10.5em; 1615 padding-right: .5em; 1616 padding-left: .5em; 1617 text-decoration: none; 1618 padding-top: 10.5em; 1619 padding-right: .5em; 1620 padding-left: .5em; 1621 background-image: url('/ImageRepository/Document?documentID=9072'); 1622 background-repeat: no-repeat; 1623 background-position: center 2.95em ; 1624background-size: 4.25em; 1625position: relative; 1626z-index: 2; 1627transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1628} 1629.fancyButton538.fancyButton:hover .text,.fancyButton538.fancyButton:focus .text,.fancyButton538.fancyButton:active .text,.fancyButton538.fancyButton.hover .text{ 1630 text-decoration: none; 1631 background-image: url('/ImageRepository/Document?documentID=9073'); 1632 background-repeat: no-repeat; 1633 background-position: center 2.95em ; 1634background-size: 3.125em; 1635} 1636.fancyButton538.fancyButton .textStyle1{ 1637 color: rgb(59, 51, 32); 1638 font-size: 1.125em; 1639 font-family: Poppins; 1640 font-weight: 500; 1641 text-decoration: none; 1642display: block; 1643line-height: 1.3;} 1644.fancyButton538.fancyButton:hover .textStyle1, .fancyButton538.fancyButton.hover .textStyle1{ 1645 text-decoration: none; 1646} 1647 1648.fancyButton538:is(:hover, :focus, :active) .textStyle1 { 1649text-decoration: underline;} 1650</style> 1651 1652 </li><!-- 1653--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1654 --><li class="widgetItem GraphicLinks"> 1655 1656<div> 1657 <a href="/bids.aspx" target="_self" class="fancyButton fancyButton536 " > 1658 <span> 1659 <span><span class="text"><span class="textStyle1">Bids</span></span></span> 1660 </span> 1661 </a> 1662</div> 1663 <style scoped="scoped">.fancyButton536.fancyButton:link,.fancyButton536.fancyButton:visited, .fancyButton536div.fancyButton{ 1664 background-image: url('/ImageRepository/Document?documentID=9061'); 1665 background-repeat: no-repeat; 1666 background-position: center .5em ; 1667transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1668position: relative; 1669background-size: 9.5em; 1670} 1671 1672.fancyButton536::after { 1673content: ""; 1674position: absolute; 1675left: 50%; 1676top: 2.5em; 1677transform: translate(-50%, 0); 1678width: 5em; 1679height: 5em; 1680background: #FFFFFF00; 1681border-radius: 50%; 1682transition: inherit; 1683box-sizing: border-box;} 1684.fancyButton536.fancyButton:hover,.fancyButton536.fancyButton:focus,.fancyButton536.fancyButton:active,.fancyButton536.fancyButton.hover{ 1685 background-repeat: no-repeat; 1686 background-position: center top; 1687} 1688 1689.fancyButton536:is(:hover, :focus, :active)::after { 1690top: 2em; 1691background: #FFFFFF; 1692} 1693.fancyButton536.fancyButton:link > span,.fancyButton536.fancyButton:visited > span, .fancyButton536div.fancyButton > span{ 1694} 1695.fancyButton536.fancyButton:hover > span,.fancyButton536.fancyButton:focus > span,.fancyButton536.fancyButton:active > span,.fancyButton536.fancyButton.hover > span{ 1696} 1697.fancyButton536.fancyButton .text{ 1698 padding-top: 10.5em; 1699 padding-right: .5em; 1700 padding-left: .5em; 1701 text-decoration: none; 1702 padding-top: 10.5em; 1703 padding-right: .5em; 1704 padding-left: .5em; 1705 background-image: url('/ImageRepository/Document?documentID=9066'); 1706 background-repeat: no-repeat; 1707 background-position: center 2.95em ; 1708background-size: 4.25em; 1709position: relative; 1710z-index: 2; 1711transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 1712} 1713.fancyButton536.fancyButton:hover .text,.fancyButton536.fancyButton:focus .text,.fancyButton536.fancyButton:active .text,.fancyButton536.fancyButton.hover .text{ 1714 text-decoration: none; 1715 background-image: url('/ImageRepository/Document?documentID=9067'); 1716 background-repeat: no-repeat; 1717 background-position: center 2.95em ; 1718background-size: 3.125em; 1719} 1720.fancyButton536.fancyButton .textStyle1{ 1721 color: rgb(59, 51, 32); 1722 font-size: 1.125em; 1723 font-family: Poppins; 1724 font-weight: 500; 1725 text-decoration: none; 1726display: block; 1727line-height: 1.3;} 1728.fancyButton536.fancyButton:hover .textStyle1, .fancyButton536.fancyButton.hover .textStyle1{ 1729 text-decoration: none; 1730} 1731 1732.fancyButton536:is(:hover, :focus, :active) .textStyle1 { 1733text-decoration: underline;} 1734</style> 1735 1736 </li><!-- 1737--></ul></div><!-- --> 1738 </div> 1739 </nav> 1740 </div> 1741 <div class="widgetFooter"> 1742 </div> 1743</div> 1744</div> 1745 1746 </div> <!-- inner column --> 1747 1748 </div> <!-- inner row --> 1749 1750 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1751 1752 1753 </div> 1754</div></div> 1755</div><!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer1"> 1756<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent1a" class="containerTS">
1756 <div id="cc1ae5e825-bc17-44dc-b079-8fc1ca281581" data-containerid="1ae5e825-bc17-44dc-b079-8fc1ca281581" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 1757 1758 1759 1760 1761 </div> 1762</div></div> 1763</div> 1764</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 1765<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap flexTS flex-columnTS roundedTS"> 1766<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap flexTS flex-columnTS"> 1767<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1768<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
1768<script type='text/javascript'>$('#breadCrumbs').hide();</script>
1768</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1769 1770 <div id="page" class="moduleContentNew"> 1771 1772 1773 <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> 1774 <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> 1775 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="9767" /> 1776 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> 1777 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> 1778 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1779 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1780 1781 1782 <div id="cc1ba5700b-06c5-49c4-b549-09d3aa0f17d5" data-containerid="1ba5700b-06c5-49c4-b549-09d3aa0f17d5" class="pageContent cpGrid cpGrid24" > 1783 1784 1785 1786 1787 </div> 1788 1789 </div> 1790 1791 1792 <div class="newCP"> 1793 1794 </div> 1795</div> 1796</div> 1797</div> 1798</div></div> 1799</div><!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer2"><div class="inner"> 1800<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2a" class="containerTS"> <div id="cc1c882d9a-cfe4-471a-926e-9818b49a055b" data-containerid="1c882d9a-cfe4-471a-926e-9818b49a055b" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="50"> 1801 1802 1803 <div class="row outer wide"><!-- 1804--><div class="outer col col24 first last" style="" data-widgetcontainerid="9928f600-4a54-4b75-8edf-b634756059a8">� 1805 <div class="row nest first last wide">� 1806 1807 <div class="inner col col24 first last id7ce7e38c-3516-4aac-b6c6-bcd53d5b94bb" style="" data-widgetcontainerid="7ce7e38c-3516-4aac-b6c6-bcd53d5b94bb">� 1808 1809 <div id="divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993" class="widget widgetTabbed wide skin137 leftTabs" data-widgetid="8d932ab1-78c0-48cf-b12d-a22e3d7bd993"> 1810 <ol class="tabbedWidget cpTabs left " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style="width: 16em; "> 1811 <!-- 1812 --><li class="active" role="presentation"> <a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" class="tabButton" id="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Projects" contenteditable="false">Projects</span></a> 1813</li><!-- 1814 --><li class="" role="presentation"> <a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" class="tabButton" id="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Doing Business" contenteditable="false">Doing Business</span></a> 1815</li><!-- 1816 --><li class="" role="presentation"> <a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" class="tabButton" id="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="2" data-tabname="Stay Connected" contenteditable="false">Stay Connected</span></a> 1817</li><!-- 1818 --> 1819 </ol> 1820 1821 <div class="cpTabPanels"> 1822 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 1823 <li class="active" role="presentation"> <a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" class="tabButton" id="tabBtnNarrow8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Projects" contenteditable="false">Projects</span></a> 1824</li> 1825 </ol> 1826 <div class="tabbedWidget cpTabPanel showing" style="" id="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" role="tabpanel" aria-labelledby="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" tabindex="-1"> 1827 1828 <div data-widget-id="90808ffd-18e0-4d62-989d-442b6aef3e62" data-widget-controller-path="/QuickLinks/Widget"> 1829 1830 1831 1832 1833 1834 1835 1836 1837 <section id="widgetQuicklink90808ffd-18e0-4d62-989d-442b6aef3e62" class="widget widgetQuickLinks skin138 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 1838 <header class="widgetHeader" id="quickLinksHeader90808ffd-18e0-4d62-989d-442b6aef3e62"> 1839 <div class=""> 1840 </div> 1841 </header> 1842 <div class="widgetBody cpGrid cpGrid3 "> 1843 <div class="row narrow"> 1844 <div class="col col1 first "> 1845 <ol class="semanticList"> 1846 1847 <li style="position:relative" class="widgetItem QuickLinks"> 1848 <a class="widgetDesc widgetQuickLinksLink" href="/1208/2026---2027-Moratorium" target="_self" >Smart Growth Matters Moratorium</a> 1849 <div class="widgetMeta"></div> 1850 </li> 1851 1852 <li style="position:relative" class="widgetItem QuickLinks"> 1853 <a class="widgetDesc widgetQuickLinksLink" href="/1265/WastewaterSewer-Updates" target="_self" >Wastewater/Sewer Updates</a> 1854 <div class="widgetMeta"></div> 1855 </li> 1856 1857 <li style="position:relative" class="widgetItem QuickLinks"> 1858 <a class="widgetDesc widgetQuickLinksLink" href="/1266/Traffic-Signal-Immprovements" target="_self" >Traffic Improvements</a> 1859 <div class="widgetMeta"></div> 1860 </li> 1861 </ol> 1862 </div> 1863 <div class="col col1 "> 1864 <ol class="semanticList"> 1865 1866 <li style="position:relative" class="widgetItem QuickLinks"> 1867 <a class="widgetDesc widgetQuickLinksLink" href="/1267/Regulatory-Updates" target="_self" >Regulatory Updates</a> 1868 <div class="widgetMeta"></div> 1869 </li> 1870 1871 <li style="position:relative" class="widgetItem QuickLinks"> 1872 <a class="widgetDesc widgetQuickLinksLink" href="/1268/Road-Improvements" target="_self" >Road Improvements</a> 1873 <div class="widgetMeta"></div> 1874 </li> 1875 1876 <li style="position:relative" class="widgetItem QuickLinks"> 1877 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/1271/Projects---West-Ridge-Updates" target="_self" >West Ridge Updates</a> 1878 <div class="widgetMeta"></div> 1879 </li> 1880 </ol> 1881 </div> 1882 <div class="col col1 last"> 1883 <ol class="semanticList"> 1884 1885 <li style="position:relative" class="widgetItem QuickLinks"> 1886 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/800/Bike-and-Pedestrian-Plan-Information" target="_self" >Bike & Pedestrian Plan</a> 1887 <div class="widgetMeta"></div> 1888 </li> 1889 1890 <li style="position:relative" class="widgetItem QuickLinks"> 1891 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/941/Fire-Station-2" target="_self" >New Opelika Fire Station 2</a> 1892 <div class="widgetMeta"></div> 1893 </li> 1894 1895 <li style="position:relative" class="widgetItem QuickLinks"> 1896 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/1272/Projects---Opelika-City-Schools-Updates" target="_self" >Opelika City Schools Updates</a> 1897 <div class="widgetMeta"></div> 1898 </li> 1899 </ol> 1900 </div> 1901 </div> 1902 1903 </div> 1904 <div class="widgetFooter"> 1905 </div> 1906 <div class="addItemModal hidden"> 1907 <div class="url hidden">/QuickLinks.aspx</div> 1908 </div> 1909 1910 </section> 1911</div> 1912
1913 </div> 1914 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 1915 <li class="" role="presentation"> <a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" class="tabButton" id="tabBtnNarrow8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Doing Business" contenteditable="false">Doing Business</span></a> 1916</li> 1917 </ol> 1918 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" role="tabpanel" aria-labelledby="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" tabindex="-1"> 1919 1920 <div data-widget-id="29b4983a-6107-400a-ae3b-0a686f926ff7" data-widget-controller-path="/QuickLinks/Widget"> 1921 1922 1923 1924 1925 1926 1927 1928 1929 <section id="widgetQuicklink29b4983a-6107-400a-ae3b-0a686f926ff7" class="widget widgetQuickLinks skin138 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 1930 <header class="widgetHeader" id="quickLinksHeader29b4983a-6107-400a-ae3b-0a686f926ff7"> 1931 <div class=""> 1932 </div> 1933 </header> 1934 <div class="widgetBody cpGrid cpGrid3 "> 1935 <div class="row narrow"> 1936 <div class="col col1 first "> 1937 <ol class="semanticList"> 1938 1939 <li style="position:relative" class="widgetItem QuickLinks"> 1940 <a class="widgetDesc widgetQuickLinksLink" href="/171/Applications-Fees" target="_self" >Applications & Fees</a> 1941 <div class="widgetMeta"></div> 1942 </li> 1943 1944 <li style="position:relative" class="widgetItem QuickLinks"> 1945 <a class="widgetDesc widgetQuickLinksLink" href="/343/Opelika-Business-Checklist" target="_self" >Business Checklist</a> 1946 <div class="widgetMeta"></div> 1947 </li> 1948 1949 <li style="position:relative" class="widgetItem QuickLinks"> 1950 <a class="widgetDesc widgetQuickLinksLink" href="/305/Revenue" target="_self" >Business License</a> 1951 <div class="widgetMeta"></div> 1952 </li> 1953 </ol> 1954 </div> 1955 <div class="col col1 "> 1956 <ol class="semanticList"> 1957 1958 <li style="position:relative" class="widgetItem QuickLinks"> 1959 <a class="widgetDesc widgetQuickLinksLink" href="https://ss.opelika-al.gov/EnerGovProd/SelfService#/home" target="_blank" aria-label="Business Portal opens in new window">Business Portal</a> 1960 <div class="widgetMeta"></div> 1961 </li> 1962 1963 <li style="position:relative" class="widgetItem QuickLinks"> 1964 <a class="widgetDesc widgetQuickLinksLink" href="/193/Building-Inspection-Division" target="_self" >Building Inspections</a> 1965 <div class="widgetMeta"></div> 1966 </li> 1967 1968 <li style="position:relative" class="widgetItem QuickLinks"> 1969 <a class="widgetDesc widgetQuickLinksLink" href="/369/Downloadable-Forms" target="_self" >Downloadable Forms</a> 1970 <div class="widgetMeta"></div> 1971 </li> 1972 </ol> 1973 </div> 1974 <div class="col col1 last"> 1975 <ol class="semanticList"> 1976 1977 <li style="position:relative" class="widgetItem QuickLinks"> 1978 <a class="widgetDesc widgetQuickLinksLink" href="/348/Incentives-Taxes" target="_self" >Incentives & Taxes</a> 1979 <div class="widgetMeta"></div> 1980 </li> 1981 1982 <li style="position:relative" class="widgetItem QuickLinks"> 1983 <a class="widgetDesc widgetQuickLinksLink" href="/377/Vendor-Information-Guide" target="_self" >Vendor Information Guide</a> 1984 <div class="widgetMeta"></div> 1985 </li> 1986 1987 <li style="position:relative" class="widgetItem QuickLinks"> 1988 <a class="widgetDesc widgetQuickLinksLink" href="https://explore.opelika-al.gov/portal/apps/sites/#/opendata" target="_self" >Maps</a> 1989 <div class="widgetMeta"></div> 1990 </li> 1991 </ol> 1992 </div> 1993 </div> 1994 1995 </div> 1996 <div class="widgetFooter"> 1997 </div> 1998 <div class="addItemModal hidden"> 1999 <div class="url hidden">/QuickLinks.aspx</div> 2000 </div> 2001 2002 </section> 2003</div> 2004
2005 </div> 2006 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2007 <li class="" role="presentation"> <a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" class="tabButton" id="tabBtnNarrow8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="2" data-tabname="Stay Connected" contenteditable="false">Stay Connected</span></a> 2008</li> 2009 </ol> 2010 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" role="tabpanel" aria-labelledby="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" tabindex="-1"> 2011 2012 <div data-widget-id="2e34607d-b111-4a34-84fe-4d9045b85129" data-widget-controller-path="/QuickLinks/Widget"> 2013 2014 2015 2016 2017 2018 2019 2020 2021 <section id="widgetQuicklink2e34607d-b111-4a34-84fe-4d9045b85129" class="widget widgetQuickLinks skin138 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 2022 <header class="widgetHeader" id="quickLinksHeader2e34607d-b111-4a34-84fe-4d9045b85129"> 2023 <div class=""> 2024 </div> 2025 </header> 2026 <div class="widgetBody cpGrid cpGrid3 "> 2027 <div class="row narrow"> 2028 <div class="col col1 first "> 2029 <ol class="semanticList"> 2030 2031 <li style="position:relative" class="widgetItem QuickLinks"> 2032 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/1270/Connect-with-Caboose" target="_self" >Connect with Caboose (Text/Chat)</a> 2033 <div class="widgetMeta"></div> 2034 </li> 2035 2036 <li style="position:relative" class="widgetItem QuickLinks"> 2037 <a class="widgetDesc widgetQuickLinksLink" href="/CivicAlerts.aspx" target="_self" >News</a> 2038 <div class="widgetMeta"></div> 2039 </li> 2040 2041 <li style="position:relative" class="widgetItem QuickLinks"> 2042 <a class="widgetDesc widgetQuickLinksLink" href="/list.aspx" target="_self" >Notify Me</a> 2043 <div class="widgetMeta"></div> 2044 </li> 2045 </ol> 2046 </div> 2047 <div class="col col1 "> 2048 <ol class="semanticList"> 2049 2050 <li style="position:relative" class="widgetItem QuickLinks"> 2051 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/923/Ways-To-Get-Information" target="_self" >News Bites e-Newsletter</a> 2052 <div class="widgetMeta"></div> 2053 </li> 2054 2055 <li style="position:relative" class="widgetItem QuickLinks"> 2056 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/1015/That-Tracks---A-City-of-Opelika-Podcast" target="_self" >That Tracks Podcast</a> 2057 <div class="widgetMeta"></div> 2058 </li> 2059 2060 <li style="position:relative" class="widgetItem QuickLinks"> 2061 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/615/On-Track-City-Newsletter" target="_self" >On Track Magazine</a> 2062 <div class="widgetMeta"></div> 2063 </li> 2064 </ol> 2065 </div> 2066 <div class="col col1 last"> 2067 <ol class="semanticList"> 2068 2069 <li style="position:relative" class="widgetItem QuickLinks"> 2070 <a class="widgetDesc widgetQuickLinksLink" href="https://www.youtube.com/channel/UCbC211oOluLdYAAAoC8P9YQ" target="_blank" aria-label="City of Opelika YouTube Channel opens in new window">City of Opelika YouTube Channel</a> 2071 <div class="widgetMeta"></div> 2072 </li> 2073 2074 <li style="position:relative" class="widgetItem QuickLinks"> 2075 <a class="widgetDesc widgetQuickLinksLink" href="https://apps.myocv.com/share/a51836801" target="_self" >Opelika Police Department App</a> 2076 <div class="widgetMeta"></div> 2077 </li> 2078 2079 <li style="position:relative" class="widgetItem QuickLinks"> 2080 <a class="widgetDesc widgetQuickLinksLink" href="https://www.leecoema.com/" target="_self" >Lee County EMA Alerts</a> 2081 <div class="widgetMeta"></div> 2082 </li> 2083 </ol> 2084 </div> 2085 </div> 2086 2087 </div> 2088 <div class="widgetFooter"> 2089 </div> 2090 <div class="addItemModal hidden"> 2091 <div class="url hidden">/QuickLinks.aspx</div> 2092 </div> 2093 2094 </section> 2095</div> 2096
2097 </div> 2098 </div> 2099 </div> 2100
2100<script type="text/javascript"> 2101 2102 $.when(window.Pages.rwdReady).done(function () { 2103 var tabbedWidgetID = 'divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993'; 2104 var mediaQuerySize = 25; 2105 if (mediaQuerySize > 0) { 2106 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2107 var $tabbedWidget = $('#' + tabbedWidgetID); 2108 2109 // Update child widget classes based on parent state 2110 var updateChildWidgetClasses = function (isParentWide) { 2111 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 2112 if (liveEditEnabled) 2113 return; 2114 2115 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 2116 2117 if (isParentWide) { 2118 $childWidgets.addClass('wide').removeClass('narrow'); 2119 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 2120 } else { 2121 $childWidgets.addClass('narrow').removeClass('wide'); 2122 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 2123 } 2124 }; 2125 2126 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2127 deferSetup: false, 2128 setup: function () { 2129 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2130 if (!liveEditEnabled) { 2131 $tabbedWidget.addClass('narrow').removeClass('wide'); 2132 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2133 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2134 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2135 $tabbedWidget.data("tabHeightSet", false); 2136 2137 // Update child widget classes - parent is narrow 2138 updateChildWidgetClasses(false); 2139 } 2140 }, 2141 match: function () { 2142 $tabbedWidget.addClass('wide').removeClass('narrow'); 2143 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2144 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 2145 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 2146 2147 if($tabbedWidget.data("tabHeightSet") == false) 2148 { 2149 $tabbedWidget.data("tabHeightSet", true); 2150 2151 var tabbedWidgetID = 'divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993'; 2152 setTabbedWidgetsTabHeight(tabbedWidgetID); 2153 } 2154 $('.cpTabPanels').unbind('click'); 2155 2156 // Update child widget classes - parent is wide 2157 updateChildWidgetClasses(true); 2158 }, 2159 unmatch: function () { 2160 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2161 if (!liveEditEnabled) { 2162 $tabbedWidget.addClass('narrow').removeClass('wide'); 2163 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2164 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2165 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2166 2167 // Update child widget classes - parent is narrow 2168 updateChildWidgetClasses(false); 2169 } 2170 $('.cpTabPanels').click(function() { 2171 this.scrollIntoView(); 2172 }); 2173 } 2174 }); 2175 } 2176 }); 2177 2178 //Used for when page is initially loaded 2179 if($('#divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993').hasClass('narrow')) 2180 { 2181 $('.cpTabPanels').click(function() { 2182 this.scrollIntoView(); 2183 }); 2184 } 2185 2186 2187 //If responsive not enabled, execute this after a timeout 2188 if(!isResponsiveEnabled) 2189 { 2190 window.setTimeout(function(){ 2191 var tabbedWidgetID = 'divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993'; 2192 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 2193 }, 1500); 2194 } 2195 2196 function reinitCarousels() { 2197 if (window.carouselsToInit) { 2198 for (var i = 0; i < window.carouselsToInit.length; i++) { 2199 carouselsToInit[i](); 2200 } 2201 } 2202 } 2203 function sizeTabbedContent(element){ 2204 if(window.Pages){ 2205 if(window.Pages.onResizeHandlers){ 2206 var setTabbedInterval = setInterval(function () {
2207 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2208 }, 25) 2209 2210 2211 setTimeout(function () { 2212 clearInterval(setTabbedInterval); 2213 if ($.cookie("enableLiveEdit") === "true") { 2214 setInterval(function () { 2215 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2216 }, 2000); 2217 } 2218 }, 2500); 2219 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 2220 } 2221 } 2222 } 2223 2224 function adjustTab(e) { 2225 e.preventDefault(); 2226 window.setTimeout(function(){ 2227 reinitCarousels(); 2228 }, 2); 2229 sizeTabbedContent(this); 2230 } 2231 2232 var tabButtons = document.querySelectorAll("#divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993 .tabButton"); 2233 2234 tabButtons.forEach(function (tabButton) { 2235 tabButton.addEventListener("click", adjustTab); 2236 }); 2237 2238 </script>
2238 2239 2240 2241 2242 </div> <!-- inner column --> 2243 2244 </div> <!-- inner row --> 2245 2246 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2247 <div class="row outer wide"><!-- 2248--><div class="outer col col24 first last" style="" data-widgetcontainerid="fc813080-3744-4d6a-b1a5-b1b158c404e6">� 2249 <div class="row nest first last wide">� 2250 2251 <div class="inner col col24 first last id662a386c-f911-4f94-afb4-e2d2fec5ea35" style="" data-widgetcontainerid="662a386c-f911-4f94-afb4-e2d2fec5ea35">� 2252 <div data-widget-id="c72af94f-be82-47aa-b311-df82413ce4da" data-widget-controller-path="/InfoAdvanced/Widget"> 2253 2254 2255 2256 2257 2258 <section id="divInfoAdvc72af94f-be82-47aa-b311-df82413ce4da" class="widget widgetInfoAdvanced skin142 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2259 <header class="widgetHeader" id="headerc72af94f-be82-47aa-b311-df82413ce4da"> 2260 <div class=""> 2261 </div> 2262 </header> 2263 <div class="widgetBody cpGrid cpGrid1 "> 2264 <div class="row wide"> 2265 <div class="col col1 first last"> 2266 <ol class="pageStyles semanticList"> 2267 2268<li class="InfoAdvanced widgetItem fr-view"> 2269 <h1 class="headline">Calendar & News</h1> 2270</li> 2271<li class="InfoAdvanced widgetItem fr-view"> 2272 <p>Whatâs Happening</p> 2273</li> </ol> 2274 </div> 2275 </div> 2276 </div> 2277 <div class="widgetFooter"> 2278 2279 </div> 2280 2281 </section> 2282 2283 2284
2285<script type="text/javascript"> 2286 //Render slideshow if info advacned items contain one. 2287 $(document).ready(function (e) { 2288 $('#divInfoAdvc72af94f-be82-47aa-b311-df82413ce4da .InfoAdvanced.widgetItem').each(function () { 2289 renderSlideshowIfApplicable($(this)); 2290 }); 2291 }); 2292</script>
2292</div> 2293 </div> <!-- inner column --> 2294 2295 </div> <!-- inner row --> 2296 2297 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2298 <div class="row outer wide"><!-- 2299--><div class="outer col col11 first" style="" data-widgetcontainerid="e0366335-175f-4cd0-8cbb-49676e43ad6c">� 2300 <div class="row nest first last wide">� 2301 2302 <div class="inner col col11 first last idbd21f875-cf4b-4e57-8ea2-637a45f5b826" style="" data-widgetcontainerid="bd21f875-cf4b-4e57-8ea2-637a45f5b826">� 2303 2304 <div id="divTabbeddc0f5087-5f31-445e-903a-5c64f2475173" class="widget widgetTabbed wide skin139" data-widgetid="dc0f5087-5f31-445e-903a-5c64f2475173"> 2305 <ol class="tabbedWidget cpTabs " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" "> 2306 <!-- 2307 --><li style="width: 96%;" class="active" role="presentation"> <a href="#tabdc0f5087-5f31-445e-903a-5c64f2475173_0" class="tabButton" id="tabBtndc0f5087-5f31-445e-903a-5c64f2475173_0" role="tab" aria-controls="tabdc0f5087-5f31-445e-903a-5c64f2475173_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Calendar" contenteditable="false">Calendar</span></a> 2308</li><!-- 2309 --> 2310 </ol> 2311 2312 <div class="cpTabPanels"> 2313 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2314 <li class="active" role="presentation"> <a href="#tabdc0f5087-5f31-445e-903a-5c64f2475173_0" class="tabButton" id="tabBtnNarrowdc0f5087-5f31-445e-903a-5c64f2475173_0" role="tab" aria-controls="tabdc0f5087-5f31-445e-903a-5c64f2475173_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Calendar" contenteditable="false">Calendar</span></a> 2315</li> 2316 </ol> 2317 <div class="tabbedWidget cpTabPanel showing" style="" id="tabdc0f5087-5f31-445e-903a-5c64f2475173_0" role="tabpanel" aria-labelledby="tabBtndc0f5087-5f31-445e-903a-5c64f2475173_0" tabindex="-1"> 2318 2319<div data-widget-id="0277ccb3-9ba1-417c-bf81-070edf5eff6f" data-widget-controller-path="/Calendar/Widget"> 2320
2320<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350<div id="widgetCalendar0277ccb3-9ba1-417c-bf81-070edf5eff6f" class="widget widgetCalendar skin140 widgetOptionSet61 strip narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 2351 <div class="widgetBody cpGrid cpGrid4 "> 2352 <div class="row auto narrow"> 2353 <div class="col col1 first "> 2354 <ol class="semanticList"> 2355 <li class="dateBlock" style=""> 2356 <abbr class="dateAbbr" title="October">Oct</abbr> 23572 </li> 2358 2359 <li class="widgetItem " data-event-i-d="5366"> 2360 <div style="" class="widgetDesc"> 2361 2362 2363 <h4><a href="/Calendar.aspx?EID=5366"><span>Eerie Express</span></a></h4> 2364 </div> 2365 <a href="/Calendar.aspx?EID=5366" class="readOn" style="display:block;"><span class="visuallyHidden">Eerie Express</span><span aria-hidden="true">Read on...</span></a> 2366 </li> 2367 2368 </ol> 2369 </div> 2370 <div class="col col1 "> 2371 <ol class="semanticList"> 2372 <li class="dateBlock" style=""> 2373 <abbr class="dateAbbr" title="October">Oct</abbr> 23746 </li> 2375 2376 <li class="widgetItem " data-event-i-d="5400"> 2377 <div style="" class="widgetDesc"> 2378 2379 2380 <h4><a href="/Calendar.aspx?EID=5400"><span>National Night Out </span></a></h4> 2381 </div> 2382 <a href="/Calendar.aspx?EID=5400" class="readOn" style="display:block;"><span class="visuallyHidden">National Night Out </span><span aria-hidden="true">Read on...</span></a> 2383 </li> 2384 <li class="widgetItem " data-event-i-d="5434"> 2385 <div style="" class="widgetDesc"> 2386 2387 2388 <h4><a href="/Calendar.aspx?EID=5434"><span>Opelika National Night Out</span></a></h4> 2389 </div> 2390 <a href="/Calendar.aspx?EID=5434" class="readOn" style="display:block;"><span class="visuallyHidden">Opelika National Night Out</span><span aria-hidden="true">Read on...</span></a> 2391 </li> 2392 2393 </ol> 2394 </div> 2395 <div class="col col1 "> 2396 <ol class="semanticList"> 2397 <li class="dateBlock" style=""> 2398 <abbr class="dateAbbr" title="October">Oct</abbr> 23997 </li> 2400 2401 <li class="widgetItem " data-event-i-d="5367"> 2402 <div style="" class="widgetDesc"> 2403 2404 2405 <h4><a href="/Calendar.aspx?EID=5367"><span>Noon Tunes Concert Series: Jessie Lynn</span></a></h4> 2406 </div> 2407 <a href="/Calendar.aspx?EID=5367" class="readOn" style="display:block;"><span class="visuallyHidden">Noon Tunes Concert Series: Jessie Lynn</span><span aria-hidden="true">Read on...</span></a> 2408 </li> 2409 2410 </ol> 2411 </div> 2412 <div class="col col1 last"> 2413 <ol class="semanticList"> 2414 <li class="dateBlock" style=""> 2415 <abbr class="dateAbbr" title="October">Oct</abbr> 24168 </li> 2417 2418 <li class="widgetItem " data-event-i-d="5158"> 2419 <div style="" class="widgetDesc"> 2420 2421 2422 <h4><a href="/Calendar.aspx?EID=5158"><span>Historic Preservation Commission Meeting</span></a></h4> 2423 </div> 2424 <a href="/Calendar.aspx?EID=5158" class="readOn" style="display:block;"><span class="visuallyHidden">Historic Preservation Commission Meeting</span><span aria-hidden="true">Read on...</span></a> 2425 </li> 2426 2427 </ol> 2428 </div> 2429 2430 </div> 2431 <a id="calendarViewAll0277ccb3-9ba1-417c-bf81-070edf5eff6f" class="widgetViewAll" style="" href="/calendar.aspx?CID=14">View Full Calendar</a> 2432 </div> 2433 <div class="widgetFooter"> 2434 2435 </div> 2436 <div class="addItemModal hidden"> 2437 <div class="url hidden">/Calendar.aspx</div> 2438 </div> 2439</div> 2440</div> 2441 2442 </div> 2443 </div> 2444 </div> 2445
2445<script type="text/javascript"> 2446 2447 $.when(window.Pages.rwdReady).done(function () { 2448 var tabbedWidgetID = 'divTabbeddc0f5087-5f31-445e-903a-5c64f2475173'; 2449 var mediaQuerySize = 25; 2450 if (mediaQuerySize > 0) { 2451 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2452 var $tabbedWidget = $('#' + tabbedWidgetID); 2453 2454 // Update child widget classes based on parent state 2455 var updateChildWidgetClasses = function (isParentWide) { 2456 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 2457 if (liveEditEnabled) 2458 return; 2459 2460 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 2461 2462 if (isParentWide) { 2463 $childWidgets.addClass('wide').removeClass('narrow'); 2464 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 2465 } else { 2466 $childWidgets.addClass('narrow').removeClass('wide'); 2467 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 2468 } 2469 }; 2470 2471 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2472 deferSetup: false, 2473 setup: function () { 2474 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2475 if (!liveEditEnabled) { 2476 $tabbedWidget.addClass('narrow').removeClass('wide'); 2477 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2478 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2479 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2480 $tabbedWidget.data("tabHeightSet", false); 2481 2482 // Update child widget classes - parent is narrow 2483 updateChildWidgetClasses(false); 2484 } 2485 }, 2486 match: function () { 2487 $tabbedWidget.addClass('wide').removeClass('narrow'); 2488 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2489 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 2490 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 2491 2492 if($tabbedWidget.data("tabHeightSet") == false) 2493 { 2494 $tabbedWidget.data("tabHeightSet", true); 2495 2496 var tabbedWidgetID = 'divTabbeddc0f5087-5f31-445e-903a-5c64f2475173'; 2497 setTabbedWidgetsTabHeight(tabbedWidgetID); 2498 } 2499 $('.cpTabPanels').unbind('click'); 2500 2501 // Update child widget classes - parent is wide 2502 updateChildWidgetClasses(true); 2503 }, 2504 unmatch: function () { 2505 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2506 if (!liveEditEnabled) { 2507 $tabbedWidget.addClass('narrow').removeClass('wide'); 2508 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2509 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2510 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2511 2512 // Update child widget classes - parent is narrow 2513 updateChildWidgetClasses(false); 2514 } 2515 $('.cpTabPanels').click(function() { 2516 this.scrollIntoView(); 2517 }); 2518 } 2519 }); 2520 } 2521 }); 2522 2523 //Used for when page is initially loaded 2524 if($('#divTabbeddc0f5087-5f31-445e-903a-5c64f2475173').hasClass('narrow')) 2525 { 2526 $('.cpTabPanels').click(function() { 2527 this.scrollIntoView(); 2528 }); 2529 } 2530 2531 2532 //If responsive not enabled, execute this after a timeout 2533 if(!isResponsiveEnabled) 2534 { 2535 window.setTimeout(function(){ 2536 var tabbedWidgetID = 'divTabbeddc0f5087-5f31-445e-903a-5c64f2475173'; 2537 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 2538 }, 1500); 2539 } 2540 2541 function reinitCarousels() { 2542 if (window.carouselsToInit) { 2543 for (var i = 0; i < window.carouselsToInit.length; i++) { 2544 carouselsToInit[i](); 2545 } 2546 } 2547 } 2548 function sizeTabbedContent(element){ 2549 if(window.Pages){ 2550 if(window.Pages.onResizeHandlers){ 2551 var setTabbedInterval = setInterval(function () {
2552 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2553 }, 25) 2554 2555 2556 setTimeout(function () { 2557 clearInterval(setTabbedInterval); 2558 if ($.cookie("enableLiveEdit") === "true") { 2559 setInterval(function () { 2560 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2561 }, 2000); 2562 } 2563 }, 2500); 2564 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 2565 } 2566 } 2567 } 2568 2569 function adjustTab(e) { 2570 e.preventDefault(); 2571 window.setTimeout(function(){ 2572 reinitCarousels(); 2573 }, 2); 2574 sizeTabbedContent(this); 2575 } 2576 2577 var tabButtons = document.querySelectorAll("#divTabbeddc0f5087-5f31-445e-903a-5c64f2475173 .tabButton"); 2578 2579 tabButtons.forEach(function (tabButton) { 2580 tabButton.addEventListener("click", adjustTab); 2581 }); 2582 2583 </script>
2583 2584 2585 2586 2587 </div> <!-- inner column --> 2588 2589 </div> <!-- inner row --> 2590 2591 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="01dc8a3d-a427-4fd3-b1c5-caf88218df15">� 2592 <div class="row nest first last wide">� 2593 2594 <div class="inner col col2 first last idc7f211c5-4c76-48da-905d-40b394466046" style="" data-widgetcontainerid="c7f211c5-4c76-48da-905d-40b394466046">� 2595 2596<div class="widget widgetSpacer" id="df82202a-087c-47bd-96dd-c103a2f3896a"></div> 2597 </div> <!-- inner column --> 2598 2599 </div> <!-- inner row --> 2600 2601 </div><!-- outer column --><!----><div class="outer col col11 last" style="" data-widgetcontainerid="17e365c8-216e-48ee-b7b2-e5524a9d05f6">� 2602 <div class="row nest first last wide">� 2603 2604 <div class="inner col col11 first last id7b3e26c8-f891-4749-8aa6-7e84e6289d28" style="" data-widgetcontainerid="7b3e26c8-f891-4749-8aa6-7e84e6289d28">� 2605 2606 <div id="divTabbed1df13b46-70ca-4d41-b03d-fc04692de776" class="widget widgetTabbed wide skin139" data-widgetid="1df13b46-70ca-4d41-b03d-fc04692de776"> 2607 <ol class="tabbedWidget cpTabs " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" "> 2608 <!-- 2609 --><li style="width: 96%;" class="active" role="presentation"> <a href="#tab1df13b46-70ca-4d41-b03d-fc04692de776_0" class="tabButton" id="tabBtn1df13b46-70ca-4d41-b03d-fc04692de776_0" role="tab" aria-controls="tab1df13b46-70ca-4d41-b03d-fc04692de776_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="News Releases" contenteditable="false">News Releases</span></a> 2610</li><!-- 2611 --> 2612 </ol> 2613 2614 <div class="cpTabPanels"> 2615 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2616 <li class="active" role="presentation"> <a href="#tab1df13b46-70ca-4d41-b03d-fc04692de776_0" class="tabButton" id="tabBtnNarrow1df13b46-70ca-4d41-b03d-fc04692de776_0" role="tab" aria-controls="tab1df13b46-70ca-4d41-b03d-fc04692de776_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="News Releases" contenteditable="false">News Releases</span></a> 2617</li> 2618 </ol> 2619 <div class="tabbedWidget cpTabPanel showing" style="" id="tab1df13b46-70ca-4d41-b03d-fc04692de776_0" role="tabpanel" aria-labelledby="tabBtn1df13b46-70ca-4d41-b03d-fc04692de776_0" tabindex="-1"> 2620 2621<div data-widget-id="76466c6c-bdc7-4677-9596-411f90b22101" data-widget-controller-path="/NewsFlash/Widget"> 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 <section class="widget widgetNewsFlash skin143 widgetOptionSet62 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash76466c6c-bdc7-4677-9596-411f90b22101" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 2638 <div class="widgetBody cpGrid cpGrid1 "> 2639 <div class="row wide" style=""> 2640 <div class="col col1 first last"> 2641 <ol class="semanticList"> 2642<li class="widgetItem mediaLeft" data-news-i-d="1326"> 2643 2644 <a href="/CivicAlerts.aspx?AID=1326" target="_self"><img class="media" src="/ImageRepository/Document?documentID=10785" alt="Community Relations Team win award" style="width:150px;" /></a> 2645 <div class="text" style="margin-left:157px;"> 2646 <h2 id="newsFlashItemHeader1326" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1326" target="_self">CITY OF OPELIKA COMMUNITY RELATIONS TEAM EARNS AWARDS AT REGIONAL AND NATIONAL CONFERENCES </a> 2647</h2><div class="widgetDesc"> 2648The City of Opelika is proud to announce that several Community Relations team members received prestigious awards at regional and national conference... <a href="/CivicAlerts.aspx?AID=1326" target="_self" id="newsFlashReadOn1326" aria-label="Read on...: CITY OF OPELIKA COMMUNITY RELATIONS TEAM EARNS AWARDS AT REGIONAL AND NATIONAL CONFERENCES" class="readOn">Read on...</a> 2649</div> 2650 2651 </div> 2652</li> 2653<li class="widgetItem mediaLeft" data-news-i-d="1325"> 2654 2655 <a href="/CivicAlerts.aspx?AID=1325" target="_self"><img class="media" src="/ImageRepository/Document?documentID=10776" alt="City of Opelika Mayor and Economic Development team posing with the Car Tech team." style="width:150px;" /></a> 2656 <div class="text" style="margin-left:157px;"> 2657 <h2 id="newsFlashItemHeader1325" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1325" target="_self">CITY OF OPELIKA VISITS CAR TECH </a> 2658</h2><div class="widgetDesc"> 2659The City of Opelika Economic Development team and Mayor Eddie Smith recently visited CarTech, where Mayor Smith welcomed Heehwa Lee, Chairman of Guyou... <a href="/CivicAlerts.aspx?AID=1325" target="_self" id="newsFlashReadOn1325" aria-label="Read on...: CITY OF OPELIKA VISITS CAR TECH" class="readOn">Read on...</a> 2660</div> 2661 2662 </div> 2663</li> 2664<li class="widgetItem mediaLeft" data-news-i-d="1323"> 2665 2666 <a href="/CivicAlerts.aspx?AID=1323" target="_self"><img class="media" src="/ImageRepository/Document?documentID=10750" alt="Two male City of Opelika Engineering employees w
2666alking on a sidewalk with tools in hand." style="width:150px;" /></a> 2667 <div class="text" style="margin-left:157px;"> 2668 <h2 id="newsFlashItemHeader1323" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1323" target="_self">UPCOMING SIDEWALK CLOSURE </a> 2669</h2><div class="widgetDesc"> 2670Beginning Thursday, September 17th through Friday, September 25th the ADA sidewalk crew will begin construction at the turning lanes at the intersecti... <a href="/CivicAlerts.aspx?AID=1323" target="_self" id="newsFlashReadOn1323" aria-label="Read on...: UPCOMING SIDEWALK CLOSURE" class="readOn">Read on...</a> 2671</div> 2672 2673 </div> 2674</li> 2675 </ol> 2676 </div> 2677 </div> 2678 2679 <a id="newsFlashViewAll76466c6c-bdc7-4677-9596-411f90b22101" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1">View All News</a> 2680 </div> 2681 <div class="widgetFooter"> 2682 </div> 2683 <div class="addItemModal hidden"> 2684 <div class="url hidden">/CivicAlerts.aspx</div> 2685 </div> 2686 2687 </section> 2688 2689 2690 2691 2692 2693 2694 2695 2696</div> 2697 </div> 2698 </div> 2699 </div> 2700
2700<script type="text/javascript"> 2701 2702 $.when(window.Pages.rwdReady).done(function () { 2703 var tabbedWidgetID = 'divTabbed1df13b46-70ca-4d41-b03d-fc04692de776'; 2704 var mediaQuerySize = 25; 2705 if (mediaQuerySize > 0) { 2706 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2707 var $tabbedWidget = $('#' + tabbedWidgetID); 2708 2709 // Update child widget classes based on parent state 2710 var updateChildWidgetClasses = function (isParentWide) { 2711 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 2712 if (liveEditEnabled) 2713 return; 2714 2715 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 2716 2717 if (isParentWide) { 2718 $childWidgets.addClass('wide').removeClass('narrow'); 2719 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 2720 } else { 2721 $childWidgets.addClass('narrow').removeClass('wide'); 2722 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 2723 } 2724 }; 2725 2726 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2727 deferSetup: false, 2728 setup: function () { 2729 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2730 if (!liveEditEnabled) { 2731 $tabbedWidget.addClass('narrow').removeClass('wide'); 2732 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2733 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2734 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2735 $tabbedWidget.data("tabHeightSet", false); 2736 2737 // Update child widget classes - parent is narrow 2738 updateChildWidgetClasses(false); 2739 } 2740 }, 2741 match: function () { 2742 $tabbedWidget.addClass('wide').removeClass('narrow'); 2743 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2744 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 2745 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 2746 2747 if($tabbedWidget.data("tabHeightSet") == false) 2748 { 2749 $tabbedWidget.data("tabHeightSet", true); 2750 2751 var tabbedWidgetID = 'divTabbed1df13b46-70ca-4d41-b03d-fc04692de776'; 2752 setTabbedWidgetsTabHeight(tabbedWidgetID); 2753 } 2754 $('.cpTabPanels').unbind('click'); 2755 2756 // Update child widget classes - parent is wide 2757 updateChildWidgetClasses(true); 2758 }, 2759 unmatch: function () { 2760 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2761 if (!liveEditEnabled) { 2762 $tabbedWidget.addClass('narrow').removeClass('wide'); 2763 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2764 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2765 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2766 2767 // Update child widget classes - parent is narrow 2768 updateChildWidgetClasses(false); 2769 } 2770 $('.cpTabPanels').click(function() { 2771 this.scrollIntoView(); 2772 }); 2773 } 2774 }); 2775 } 2776 }); 2777 2778 //Used for when page is initially loaded 2779 if($('#divTabbed1df13b46-70ca-4d41-b03d-fc04692de776').hasClass('narrow')) 2780 { 2781 $('.cpTabPanels').click(function() { 2782 this.scrollIntoView(); 2783 }); 2784 } 2785 2786 2787 //If responsive not enabled, execute this after a timeout 2788 if(!isResponsiveEnabled) 2789 { 2790 window.setTimeout(function(){ 2791 var tabbedWidgetID = 'divTabbed1df13b46-70ca-4d41-b03d-fc04692de776'; 2792 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 2793 }, 1500); 2794 } 2795 2796 function reinitCarousels() { 2797 if (window.carouselsToInit) { 2798 for (var i = 0; i < window.carouselsToInit.length; i++) { 2799 carouselsToInit[i](); 2800 } 2801 } 2802 } 2803 function sizeTabbedContent(element){ 2804 if(window.Pages){ 2805 if(window.Pages.onResizeHandlers){ 2806 var setTabbedInterval = setInterval(function () {
2807 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2808 }, 25) 2809 2810 2811 setTimeout(function () { 2812 clearInterval(setTabbedInterval); 2813 if ($.cookie("enableLiveEdit") === "true") { 2814 setInterval(function () { 2815 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2816 }, 2000); 2817 } 2818 }, 2500); 2819 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 2820 } 2821 } 2822 } 2823 2824 function adjustTab(e) { 2825 e.preventDefault(); 2826 window.setTimeout(function(){ 2827 reinitCarousels(); 2828 }, 2); 2829 sizeTabbedContent(this); 2830 } 2831 2832 var tabButtons = document.querySelectorAll("#divTabbed1df13b46-70ca-4d41-b03d-fc04692de776 .tabButton"); 2833 2834 tabButtons.forEach(function (tabButton) { 2835 tabButton.addEventListener("click", adjustTab); 2836 }); 2837 2838 </script>
2838 2839 2840 2841 2842 </div> <!-- inner column --> 2843 2844 </div> <!-- inner row --> 2845 2846 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2847 2848 2849 </div> 2850</div></div></div> 2851</div><!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer3"> 2852<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent3a" class="containerTS"> <div id="cc7efbb6b9-c032-4ba8-a95c-8c417d27590a" data-containerid="7efbb6b9-c032-4ba8-a95c-8c417d27590a" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="55"> 2853 2854 2855 <div class="row outer wide"><!-- 2856--><div class="outer col col24 first last" style="" data-widgetcontainerid="663137de-6c49-49be-a89d-bb1c71ae6adb">� 2857 <div class="row nest first last wide">� 2858 2859 <div class="inner col col24 first last id31da1844-fc83-48f2-97e9-6d73fbd9f610" style="" data-widgetcontainerid="31da1844-fc83-48f2-97e9-6d73fbd9f610">� 2860 <div data-widget-id="b7181944-8e30-4757-a1db-f7a7694073c7" data-widget-controller-path="/InfoAdvanced/Widget"> 2861 2862 2863 2864 2865 2866 <section id="divInfoAdvb7181944-8e30-4757-a1db-f7a7694073c7" class="widget widgetInfoAdvanced skin142 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2867 <header class="widgetHeader" id="headerb7181944-8e30-4757-a1db-f7a7694073c7"> 2868 <div class=""> 2869 </div> 2870 </header> 2871 <div class="widgetBody cpGrid cpGrid1 "> 2872 <div class="row wide"> 2873 <div class="col col1 first last"> 2874 <ol class="pageStyles semanticList"> 2875 2876<li class="InfoAdvanced widgetItem fr-view"> 2877 <h1 class="headline">Get Connected</h1> 2878</li> 2879<li class="InfoAdvanced widgetItem fr-view"> 2880 <p>Stay Up To Date</p> 2881</li> </ol> 2882 </div> 2883 </div> 2884 </div> 2885 <div class="widgetFooter"> 2886 2887 </div> 2888 2889 </section> 2890 2891 2892
2893<script type="text/javascript"> 2894 //Render slideshow if info advacned items contain one. 2895 $(document).ready(function (e) { 2896 $('#divInfoAdvb7181944-8e30-4757-a1db-f7a7694073c7 .InfoAdvanced.widgetItem').each(function () { 2897 renderSlideshowIfApplicable($(this)); 2898 }); 2899 }); 2900</script>
2900</div> 2901 </div> <!-- inner column --> 2902 2903 </div> <!-- inner row --> 2904 2905 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2906 <div class="row outer wide"><!-- 2907--><div class="outer col col11 first" style="" data-widgetcontainerid="2187c467-6a36-40e1-9c51-93c4d7f6542b">� 2908 <div class="row nest first last wide">� 2909 2910 <div class="inner col col11 first last id54d1d20d-a54e-433a-9189-e3d86bd312e2" style="" data-widgetcontainerid="54d1d20d-a54e-433a-9189-e3d86bd312e2">� 2911 2912 <div data-widget-id='238bd614-0b05-4a65-bfd8-e0adc6985faf' data-moduleName="customHtml" id='widgetCustomHtml238bd614-0b05-4a65-bfd8-e0adc6985faf' class="widget widgetCustomHtml skin141 narrow" > 2913 <div class="widgetBody pageStyles" id="widgetBody238bd614-0b05-4a65-bfd8-e0adc6985faf"> 2914 <div id="customHtml238bd614-0b05-4a65-bfd8-e0adc6985faf"><div><!DOCTYPE html> 2915<html lang="en"> 2916 <head> 2917 <meta charset="UTF-8"> 2918 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 2919 <title>Embed Element Wrapper Widget</title> 2920 <style> 2921 body { 2922 margin: 0; 2923 padding: 0; 2924 font-family: Arial, sans-serif; 2925 } 2926 2927 .embed-wrapper { 2928 width: 100%; 2929 height: 360px; 2930 min-height: 180px; 2931 overflow: hidden; 2932 } 2933 2934 .embed-wrapper iframe { 2935 width: 100%; 2936 height: 100%; 2937 border: none; 2938 } 2939 </style> 2940 </head> 2941 <body> 2942 <div id="embedWrapper" class="embed-wrapper"> 2943 <iframe id="videoPlayer" onload="var $player = $(this);$player.height('auto').width('auto');var height = $player.height();var width = $player.width();var aspectRatio = height/width;$player.width('100%').height($player.width()*aspectRatio*(1+19/150)).css('display','block');$player.css('overflow','hidden');$player.css('border','0');" title="Video - Final Live Locally Momentum - Opelika " original-height="720" original-width="1280" data-aspect-ratio="1.736842" width="100%" height="100%" src="https://civplus.tikiliveapi.com/embed?scheme=embedVod&videoId=155649&autoplay=no" allowfullscreen=""></iframe> 2944 </div> 2945 2946
2946<script> 2947 // Enum equivalent in JavaScript 2948 const EEmbedMessageType = { 2949 EMBED_ELEMENT_WRAPPER_HEIGHT: "EMBED_ELEMENT_WRAPPER_HEIGHT", 2950 }; 2951 2952 // State management 2953 let wrapperHeight = {}; 2954 const embedElementId = "130"; 2955 2956 // DOM elements 2957 const embedWrapper = document.getElementById("embedWrapper"); 2958 2959 // Message handler function 2960 function handleMessage(event) { 2961 if (event.data.type === EEmbedMessageType.EMBED_ELEMENT_WRAPPER_HEIGHT) 2962 { 2963 const { height, embedElementId } = event.data; 2964 2965 // Update state 2966 wrapperHeight[embedElementId] = height; 2967 2968 // Update wrapper height 2969 if (height) { 2970 embedWrapper.style.height = `${height}px`; 2971 } 2972 } 2973 } 2974 2975 // Add event listener for messages 2976 window.addEventListener("message", handleMessage); 2977 2978 // Cleanup function 2979 window.addEventListener("beforeunload", function () { 2980 window.removeEventListener("message", handleMessage); 2981 }); 2982 </script>
2982 2983 </body> 2984</html></div></div> 2985 </div> 2986 2987 </div> 2988 2989 </div> <!-- inner column --> 2990 2991 </div> <!-- inner row --> 2992 2993 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="7c69f2e3-c056-4145-8f48-0e0fb1e77cb6">� 2994 <div class="row nest first last wide">� 2995 2996 <div class="inner col col2 first last idf0d0e9f1-cdeb-4174-aee5-e3c85048567d" style="" data-widgetcontainerid="f0d0e9f1-cdeb-4174-aee5-e3c85048567d">� 2997 2998<div class="widget widgetSpacer" id="490cbc93-1795-49e3-9bd4-0e856055cb47"></div> 2999 </div> <!-- inner column --> 3000 3001 </div> <!-- inner row --> 3002 3003 </div><!-- outer column --><!----><div class="outer col col11 last" style="" data-widgetcontainerid="f56f0a7d-d73c-44df-b375-eef4942dae8d">� 3004 <div class="row nest first last wide">� 3005 3006 <div class="inner col col11 first last idbe5cb996-568b-44f9-b18c-ba5ccb72b76d" style="" data-widgetcontainerid="be5cb996-568b-44f9-b18c-ba5ccb72b76d">� 3007 3008 <div data-widget-id='95e9c7b2-3ad5-4f19-8ce5-b56b5bfa9b58' data-moduleName="customHtml" id='widgetCustomHtml95e9c7b2-3ad5-4f19-8ce5-b56b5bfa9b58' class="widget widgetCustomHtml skin141 narrow" > 3009 <div class="widgetBody pageStyles" id="widgetBody95e9c7b2-3ad5-4f19-8ce5-b56b5bfa9b58"> 3010 <div id="customHtml95e9c7b2-3ad5-4f19-8ce5-b56b5bfa9b58"><div><iframe width="100%" height="360" src="https://www.youtube.com/embed/DcbEOWKMV6g?si=kjwyA89jmKtcG2o1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div> 3011 </div> 3012 3013 </div> 3014 3015 </div> <!-- inner column --> 3016 3017 </div> <!-- inner row --> 3018 3019 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3020 3021 3022 </div> 3023</div></div> 3024</div> 3025</main><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 3026<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS" class="containerTS"> <div id="cc570e9f9a-bcb3-481f-8fde-6cd0a946e1d5" data-containerid="570e9f9a-bcb3-481f-8fde-6cd0a946e1d5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> 3027 3028 3029 <div class="row outer wide"><!-- 3030--><div class="outer col col18 first" style="" data-widgetcontainerid="9628d3bb-7156-4cfd-8a31-3a9d2a948a0b">� 3031 <div class="row nest first wide">� 3032 3033 <div class="inner col col18 first last idc56e9b1b-5457-43f9-840b-a8bab03257e1" style="" data-widgetcontainerid="c56e9b1b-5457-43f9-840b-a8bab03257e1">� 3034 <div data-widget-id="01056351-ca4f-410e-80f9-b6912a747a48" data-widget-controller-path="/InfoAdvanced/Widget"> 3035 3036 3037 3038 3039 3040 <section id="divInfoAdv01056351-ca4f-410e-80f9-b6912a747a48" class="widget widgetInfoAdvanced skin131 widgetOptionSet59 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3041 <header class="widgetHeader" id="header01056351-ca4f-410e-80f9-b6912a747a48"> 3042 <div class=""> 3043 </div> 3044 </header> 3045 <div class="widgetBody cpGrid cpGrid4 ">
3046 <div class="row autoWidths center wide"> 3047 <div class="col col1 first "> 3048 <ol class="pageStyles semanticList"> 3049 3050<li class="InfoAdvanced widgetItem fr-view"> 3051 <p>204 South 7th Street</p> 3052</li> </ol> 3053 </div> 3054 <div class="col col1 "> 3055 <ol class="pageStyles semanticList"> 3056 3057<li class="InfoAdvanced widgetItem fr-view"> 3058 <p>Opelika, AL 36801</p> 3059</li> </ol> 3060 </div> 3061 <div class="col col1 "> 3062 <ol class="pageStyles semanticList"> 3063 3064<li class="InfoAdvanced widgetItem fr-view"> 3065 <p><a href="/Directory.aspx">Staff Department Directory</a></p> 3066</li> </ol> 3067 </div> 3068 <div class="col col1 last"> 3069 <ol class="pageStyles semanticList"> 3070 3071<li class="InfoAdvanced widgetItem fr-view"> 3072 <p><a href="/1012/6874/After-Hour-or-Weekend-Numbers?activeLiveTab=widgets">After Hour and Weekend Contacts</a></p> 3073</li> </ol> 3074 </div> 3075 </div> 3076 </div> 3077 <div class="widgetFooter"> 3078 3079 </div> 3080 3081 </section> 3082 3083 3084
3085<script type="text/javascript"> 3086 //Render slideshow if info advacned items contain one. 3087 $(document).ready(function (e) { 3088 $('#divInfoAdv01056351-ca4f-410e-80f9-b6912a747a48 .InfoAdvanced.widgetItem').each(function () { 3089 renderSlideshowIfApplicable($(this)); 3090 }); 3091 }); 3092</script>
3092</div> 3093 </div> <!-- inner column --> 3094 3095 </div> <!-- inner row --> 3096 <div class="row nest last wide">� 3097 3098 <div class="inner col col18 first last id829d1172-c1ed-4066-8fb7-90817641a30b" style="" data-widgetcontainerid="829d1172-c1ed-4066-8fb7-90817641a30b">� 3099 <div data-widget-id="3d59a65d-7750-4824-b732-bb3d97a3bcd1" data-widget-controller-path="/QuickLinks/Widget"> 3100 3101 3102 3103 3104 3105 3106 3107 3108 <section id="widgetQuicklink3d59a65d-7750-4824-b732-bb3d97a3bcd1" class="widget widgetQuickLinks skin131 widgetOptionSet58 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 3109 <header class="widgetHeader" id="quickLinksHeader3d59a65d-7750-4824-b732-bb3d97a3bcd1"> 3110 <div class=""> 3111 </div> 3112 </header> 3113 <div class="widgetBody cpGrid cpGrid6 "> 3114 <div class="row autoWidths center narrow"> 3115 <div class="col col1 first "> 3116 <ol class="semanticList"> 3117 3118 <li style="position:relative" class="widgetItem QuickLinks"> 3119 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 3120 <div class="widgetMeta"></div> 3121 </li> 3122 </ol> 3123 </div> 3124 <div class="col col1 "> 3125 <ol class="semanticList"> 3126 3127 <li style="position:relative" class="widgetItem QuickLinks"> 3128 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 3129 <div class="widgetMeta"></div> 3130 </li> 3131 </ol> 3132 </div> 3133 <div class="col col1 "> 3134 <ol class="semanticList"> 3135 3136 <li style="position:relative" class="widgetItem QuickLinks"> 3137 <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy Policy</a> 3138 <div class="widgetMeta"></div> 3139 </li> 3140 </ol> 3141 </div> 3142 <div class="col col1 "> 3143 <ol class="semanticList"> 3144 3145 <li style="position:relative" class="widgetItem QuickLinks"> 3146 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/625/Terms-and-Conditions" target="_self" >Terms & Conditions</a> 3147 <div class="widgetMeta"></div> 3148 </li> 3149 </ol> 3150 </div> 3151 <div class="col col1 "> 3152 <ol class="semanticList"> 3153 3154 <li style="position:relative" class="widgetItem QuickLinks"> 3155 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/840/Americans-Disability-Act-ADA" target="_self" >Americans Disabilities Act</a> 3156 <div class="widgetMeta"></div> 3157 </li> 3158 </ol> 3159 </div> 3160 <div class="col col1 last"> 3161 <ol class="semanticList"> 3162 3163 <li style="position:relative" class="widgetItem QuickLinks"> 3164 <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/923/Ways-To-Get-Information" target="_self" >Ways To Get Information</a> 3165 <div class="widgetMeta"></div> 3166 </li> 3167 </ol> 3168 </div> 3169 </div> 3170 3171 </div> 3172 <div class="widgetFooter"> 3173 </div> 3174 <div class="addItemModal hidden"> 3175 <div class="url hidden">/QuickLinks.aspx</div> 3176 </div> 3177 3178 </section> 3179</div> 3180 3181 </div> <!-- inner column --> 3182 3183 </div> <!-- inner row --> 3184 3185 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="1ed8e37f-403b-4a34-bc11-f6356a7095db">� 3186 <div class="row nest first last wide">� 3187 3188 <div class="inner col col1 first last ida8881586-91e1-47e0-9245-d03318e80739" style="" data-widgetcontainerid="a8881586-91e1-47e0-9245-d03318e80739">� 3189 3190<div class="widget widgetSpacer" id="fe556d27-373b-4f70-aa0d-985c99269420"></div> 3191 </div> <!-- inner column --> 3192 3193 </div> <!-- inner row --> 3194 3195 </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="9482ae9e-a0ca-4755-8682-e97178e59ea0">� 3196 <div class="row nest first last wide">� 3197 3198 <div class="inner col col5 first last idcaa7d10d-787f-44e6-a654-ad2089eebfdf" style="" data-widgetcontainerid="caa7d10d-787f-44e6-a654-ad2089eebfdf">� 3199 <div data-widget-id="e6dc6a9a-0205-434c-8629-f1601d27195e" data-widget-controller-path="/InfoAdvanced/Widget"> 3200 3201 3202 3203 3204 3205 <section id="divInfoAdve6dc6a9a-0205-434c-8629-f1601d27195e" class="widget widgetInfoAdvanced skin135
3205widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3206 <header class="widgetHeader" id="headere6dc6a9a-0205-434c-8629-f1601d27195e"> 3207 <div class=""> 3208 </div> 3209 </header> 3210 <div class="widgetBody cpGrid cpGrid1 "> 3211 <div class="row wide"> 3212 <div class="col col1 first last"> 3213 <ol class="pageStyles semanticList"> 3214 3215<li class="InfoAdvanced widgetItem fr-view"> 3216 <p><a href="/"><img src="/ImageRepository/Document?documentId=8962" class="fr-fil fr-dib" alt="Opelika Alabama Homepage"></a></p> 3217</li> </ol> 3218 </div> 3219 </div> 3220 </div> 3221 <div class="widgetFooter"> 3222 3223 </div> 3224 3225 </section> 3226 3227 3228
3229<script type="text/javascript"> 3230 //Render slideshow if info advacned items contain one. 3231 $(document).ready(function (e) { 3232 $('#divInfoAdve6dc6a9a-0205-434c-8629-f1601d27195e .InfoAdvanced.widgetItem').each(function () { 3233 renderSlideshowIfApplicable($(this)); 3234 }); 3235 }); 3236</script>
3236</div> 3237 </div> <!-- inner column --> 3238 3239 </div> <!-- inner row --> 3240 3241 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3242 3243 3244 </div> 3245</div><div data-cpRole="contentContainer" id="poweredByTS" class="containerTS"> <div id="cc4e9b3841-cab2-4b85-a09f-4dd9f85e1530" data-containerid="4e9b3841-cab2-4b85-a09f-4dd9f85e1530" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50"> 3246 3247 3248 <div class="row outer wide"><!-- 3249--><div class="outer col col10 first" style="" data-widgetcontainerid="a33dab45-959e-4815-93ce-320f5d17a9ec">� 3250 <div class="row nest first last wide">� 3251 3252 <div class="inner col col10 first last idb0782b84-3163-48d6-88b2-3bc14db8f2fd" style="" data-widgetcontainerid="b0782b84-3163-48d6-88b2-3bc14db8f2fd">� 3253<div data-widget-id="4bd54706-3cb3-4194-9009-f09d9f555188" data-widget-controller-path="/GraphicLinks/Widget"> 3254 3255 3256 3257 3258<div id="graphicLinkWidget4bd54706-3cb3-4194-9009-f09d9f555188" class="widget widgetGraphicLinks skin133 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 3259 <div class="widgetHeader"> 3260 <div class=""> 3261 </div> 3262 </div> 3263 <div class="widgetBody cpGrid cpGrid4 "> 3264 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 3265 <div class="row autoWidths center wide"> 3266 <!-- 3267--><div class="col col1 first "><ul class="semanticList"><!-- 3268 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 3269 3270<img src="/ImageRepository/Document?documentID=8965" 3271 class="graphicButtonLink" alt="Facebook" 3272 onmouseover="this.src='/ImageRepository/Document?documentID=8965'" 3273 onmouseout="this.src='/ImageRepository/Document?documentID=8965'" 3274 onfocus="this.src='/ImageRepository/Document?documentID=8965'" 3275 onblur="this.src='/ImageRepository/Document?documentID=8965'"> 3276</a></li><!-- 3277--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 3278 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 3279 3280<img src="/ImageRepository/Document?documentID=8966" 3281 class="graphicButtonLink" alt="Instagram" 3282 onmouseover="this.src='/ImageRepository/Document?documentID=8966'" 3283 onmouseout="this.src='/ImageRepository/Document?documentID=8966'" 3284 onfocus="this.src='/ImageRepository/Document?documentID=8966'" 3285 onblur="this.src='/ImageRepository/Document?documentID=8966'"> 3286</a></li><!-- 3287--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 3288 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 3289 3290<img src="/ImageRepository/Document?documentID=8979" 3291 class="graphicButtonLink" alt="YouTube" 3292 onmouseover="this.src='/ImageRepository/Document?documentID=8979'" 3293 onmouseout="this.src='/ImageRepository/Document?documentID=8979'" 3294 onfocus="this.src='/ImageRepository/Document?documentID=8979'" 3295 onblur="this.src='/ImageRepository/Document?documentID=8979'"> 3296</a></li><!-- 3297--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 3298 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/city-of-opelika-gov/" target="_blank"> 3299 3300<img src="/ImageRepository/Document?documentID=8967" 3301 class="graphicButtonLink" alt="Linkedin (opens in new window)" 3302 onmouseover="this.src='/ImageRepository/Document?documentID=8967'" 3303 onmouseout="this.src='/ImageRepository/Document?documentID=8967'" 3304 onfocus="this.src='/ImageRepository/Document?documentID=8967'" 3305 onblur="this.src='/ImageRepository/Document?documentID=8967'"> 3306</a></li><!-- 3307--></ul></div><!-- --> 3308 </div> 3309 </nav> 3310 </div> 3311 <div class="widgetFooter"> 3312 </div> 3313</div> 3314</div> 3315 3316 </div> <!-- inner column --> 3317 3318 </div> <!-- inner row --> 3319 3320 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="5e48b01d-f33c-4957-85fb-ee6e7ec18c54">� 3321 <div class="row nest first last wide">� 3322 3323 <div class="inner col col1 first last id47344ca4-55ea-48c9-b6f7-a1e2053e7ee3" style="" data-widgetcontainerid="47344ca4-55ea-48c9-b6f7-a1e2053e7ee3">� 3324 3325<div class="widget widgetSpacer" id="9cdae956-ff5f-4829-89dc-23c6bc9b5c46"></div> 3326 </div> <!-- inner column --> 3327 3328 </div> <!-- inner row --> 3329 3330 </div><!-- outer column --><!----><div class="outer col col13 last" style="" data-widgetcontainerid="413068c9-1fb5-4d13-9b69-4b1a16b8b459">� 3331 <div class="row nest first last wide">� 3332 3333 <div class="inner col col13 first last id6fd08186-a28e-488d-aef4-a429d7463d10" style="" data-widgetcontainerid="6fd08186-a28e-488d-aef4-a429d7463d10">� 3334 3335 <div data-widget-id='088734d9-2873-4415-a312-8f450e9718e3' data-moduleName="customHtml" id='widgetCustomHtml088734d9-2873-4415-a312-8f450e9718e3' class="widget widgetCustomHtml skin133 narrow" > 3336 <div class="widgetBody pageStyles" id="widgetBody088734d9-2873-4415-a312-8f450e9718e3">
3337 <div id="customHtml088734d9-2873-4415-a312-8f450e9718e3"><div><style> 3338 /* CP icon */ 3339 .cpBylineIconTS { 3340 color: #fff; 3341 } 3342 /* CP Text */ 3343 .cpBylineTextTS, 3344 .cpBylineTextTS a:is(:link, :visited) { 3345 color: #fff; 3346 } 3347 3348 .cpBylineTS { 3349 text-align: center; 3350 } 3351 3352 .row.outer.wide .outer.col.last:not(.first) .cpBylineTS { 3353 text-align: right; 3354 } 3355 3356 .row.outer.wide .outer.col.first:not(.last) .cpBylineTS { 3357 text-align: left; 3358 } 3359 3360 .cpBylineIconTS { 3361 fill: currentColor; 3362 width: 39px; 3363 height: 26px; 3364 display: inline; 3365 vertical-align: middle; 3366 } 3367</style> 3368 3369<div class="widgetItem cpBylineTS"> 3370 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 3371 <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> 3372 <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> 3373 </svg> 3374 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 3375</div> 3376</div></div> 3377 </div> 3378 3379 </div> 3380 3381 </div> <!-- inner column --> 3382 3383 </div> <!-- inner row --> 3384 3385 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3386 3387 3388 </div> 3389</div></div> 3390</footer><!-- Notice --><div data-cpRole="structuralContainer" id="noticeContainerTS"> 3391<div class="siteWrap2"><div data-cpRole="contentContainer" id="noticeTS" class="containerTS"> <div id="cc7b2a9fef-c64c-4d61-854e-f140985f0afc" data-containerid="7b2a9fef-c64c-4d61-854e-f140985f0afc" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 3392 3393 3394 <div class="row outer wide"><!-- 3395--><div class="outer col col24 first last" style="" data-widgetcontainerid="53b5b5d1-6402-49e7-958a-90d9b8d76c2c">� 3396 <div class="row nest first last wide">� 3397 3398 <div class="inner col col24 first last id6c4a786c-39da-4d58-adbb-7454fa3cd3d8" style="" data-widgetcontainerid="6c4a786c-39da-4d58-adbb-7454fa3cd3d8">� 3399 <div data-widget-id="97b7e8b1-add0-480f-bdcc-64343d88cbc7" data-widget-controller-path="/InfoAdvanced/Widget"> 3400 3401 3402 3403 3404 3405 <section id="divInfoAdv97b7e8b1-add0-480f-bdcc-64343d88cbc7" class="widget widgetInfoAdvanced skin134 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3406 <header class="widgetHeader" id="header97b7e8b1-add0-480f-bdcc-64343d88cbc7"> 3407 <div class=""> 3408 </div> 3409 </header> 3410 <div class="widgetBody cpGrid cpGrid1 "> 3411 <div class="row wide"> 3412 <div class="col col1 first last"> 3413 <ol class="pageStyles semanticList"> 3414 3415<li class="InfoAdvanced widgetItem fr-view"> 3416 <p>The City of Opelika does not discriminate on the basis of disability in the admissions or access to its programs or activities. An ADA Coordinator has been designated to coordinate compliance with the non-discrimination requirements contained in the Department of Justice regulations implementing Subtitle A of Title II of the Americans with Disabilities Act (42 U.S.C. 12131), which prohibits discrimination on the basis of disability by public agencies. City of Opelika ADA Coordinator, 334-705-5130 , <a href="/cdn-cgi/l/email-protection#85e0e8e4ece9f1eabfeff6e6eaf1f1c5eaf5e0e9eceee4a8e4e9abe2eaf3">Email ADA Coordinator</a></p> 3417</li> </ol> 3418 </div> 3419 </div> 3420 </div> 3421 <div class="widgetFooter"> 3422 3423 </div> 3424 3425 </section>
vendor: 116 bytes, lines 3425-3429
3425 3426 3427 3428 3429<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3429<script type="text/javascript"> 3430 //Render slideshow if info advacned items contain one. 3431 $(document).ready(function (e) { 3432 $('#divInfoAdv97b7e8b1-add0-480f-bdcc-64343d88cbc7 .InfoAdvanced.widgetItem').each(function () { 3433 renderSlideshowIfApplicable($(this)); 3434 }); 3435 }); 3436</script>
3436</div> 3437 </div> <!-- inner column --> 3438 3439 </div> <!-- inner row --> 3440 3441 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3442 3443 3444 </div> 3445</div></div> 3446</div></div></div> 3447</div><!-- </div> --> 3448</div> 3449 3450 </div> 3451 </div> 3452 </div> 3453 3454<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3455 3456<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3457 <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"> 3458 <div class="cp-Splash-header"> 3459 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3460 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3461 <svg id="iconClose" viewBox="0 0 25 25"> 3462 <polygon style="fill:currentcolor" 3463 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> 3464 </svg> 3465 </button>
3466 </div> 3467 <div class="cp-Splash-body"> 3468 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3469 <!-- Content from the Froala Editor will go here. --> 3470 Loading 3471 </div> 3472 </div> 3473 <div class="cp-Splash-footer"> 3474 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3475 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 3476 </div> 3477 </div> 3478</div> 3479
3480<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3480
3480
3481<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3481
3481
3482<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3482
3482
3483<script> 3484 3485 $(document).ready(function () { 3486 var filter = { 3487 targetId: '1', 3488 targetType: 1 3489 } 3490 3491 new SplashModalRender().triggerRender(filter); 3492 }); 3493</script>
3493 3494 3495 3496 3497 3498 3499 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510
3510<script src="/-1442400649.js" type="text/javascript"></script>
3510 3511 <!----------Google Translate (Mobile Friendly)---------> 3512 3513<style> 3514 #google-translate-container { 3515 float: right; 3516 padding: 3px 5px 0px 0px; 3517 position: fixed; 3518 bottom: 16px; 3519 right: 160px; 3520 z-index: 5; 3521 } 3522 3523 .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * { 3524 font-family: arial; 3525 font-size: 10pt; 3526 background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png"); 3527 background-position: 5px 5px; 3528 background-size: 18px; 3529 background-repeat: no-repeat; 3530 text-indent: 16px; 3531 background-color: #fff; 3532 color: #000 !important; 3533 } 3534 3535 .goog-logo-link { 3536 display: none !important; 3537 } 3538 3539 .goog-te-gadget { 3540 color: transparent !important; 3541 } 3542 3543 .goog-te-gadget .goog-te-combo { 3544 margin: 2px 0 !important; 3545 border-radius: 15px !important; 3546 } 3547 3548 .goog-te-combo{ 3549 border: 1px solid !important; 3550 border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important; 3551 border-radius: 50px !important; 3552 height:31px !important; 3553 padding: 0 1px 0 .25rem !important; 3554 width: 156px; 3555 } 3556 3557 #launcher-wrapper { 3558 bottom: 50px !important; 3559 } 3560 3561</style> 3562 3563<div id="google-translate-container"> 3564 <div id="google_translate_element"> 3565 </div> 3566</div> 3567
3568<script> 3569 3570 function googleTranslateElementInit() { 3571 new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); 3572 // begin accessibility compliance 3573 $('img.goog-te-gadget-icon').attr('alt','Google Translate'); 3574 $('div#goog-gt-tt div.logo img').attr('alt','translate'); 3575 $('div#goog-gt-tt .original-text').css('text-align','left'); 3576 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 3577 $('.goog-te-combo').attr('aria-label','google translate languages'); 3578 $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); 3579 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 3580 } 3581 3582 $(function() { 3583 $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); 3584 }); 3585 3586</script>
3586 3587 3588<!--------------End Google Translate-----------------> 3589 3590 3591<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 3591-3592
3591 3592<script async src="https://www.googletagmanager.com/gtag/js?id=
3592UA-92405804-1
vendor: 13 bytes, line 3592
3592"></script>
3593<script> 3594
vendor: 138 bytes, lines 3594-3598
3594window.dataLayer = window.dataLayer || []; 3595 function gtag(){dataLayer.push(arguments);} 3596 gtag('js', new Date()); 3597 3598 gtag('config', '
3598UA-92405804-1
vendor: 5 bytes, line 3598
3598');
3599</script>
3599 3600 3601<!-- Fixed Nav Adjustment -->
3602<script> 3603 function getValueTS(elem, attr) { 3604 const val = elem.css(attr); 3605 if (val === undefined) return undefined; 3606 const num = parseInt(val, 10); 3607 if (num === NaN) return undefined; 3608 return num; 3609 } 3610 3611 function clampTS(number, min, max) { 3612 return Math.min(Math.max(number, min), max); 3613 } 3614 3615 function isPageEditingTS() { 3616 return ( 3617 $("#doneEditing").length > 0 || // In live edit 3618 typeof DesignCenter !== "undefined" // In theme manager 3619 ); 3620 } 3621 3622 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3623 function isTransparentTS(elem) { 3624 const bg = elem.css('background-color'); 3625 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3626 const matchState = bg.match(bgColorRegexTS); 3627 if (!matchState || matchState.length !== 5) return false; 3628 const alpha = parseFloat(matchState[4], 10); 3629 if (!(alpha >= 0 && alpha < 1)) return false; 3630 return true; 3631 } 3632 3633 function iterateLeftpads(cb) { 3634 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3635 for (let i = 0; i < containersTS.length; i++) { 3636 const containerTS = containersTS[i]; 3637 // Skip the body container and anything with data-skip-leftpad 3638 if ( 3639 containerTS.id !== "bodyContainerTS" && 3640 containerTS.getAttribute('data-skip-leftpad') === null 3641 ) { 3642 cb(containerTS); 3643 } 3644 } 3645 } 3646 3647 const anchor = $("#divToolbars"); 3648 3649 // Outer banner padding (push banner down) 3650 const outerSizingTS = $("#bannerContainerTS"); 3651 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3652 const innerSizingTS = $("#bannerSizingTS"); 3653 const bodyContainerTS = $("#bodyContainerTS"); 3654 3655 const forceUnfixClassTS = "forceUnfixTS"; 3656 3657 const fixedTopTS = $(".fixedTopTS"); 3658 const fixedBottomTS = $(".fixedBottomTS"); 3659 const fixedLeftTS = $(".fixedLeftTS"); 3660 3661 var initialTopTS; 3662 var topAttachTS; 3663 if (fixedTopTS && fixedTopTS.length === 1) { 3664 initialTopTS = getValueTS(fixedTopTS, 'top'); 3665 const attachment = fixedTopTS.attr('data-attach');
3666 if (attachment) topAttachTS = $("#" + attachment); 3667 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3668 } 3669 3670 function resizeAdjustmentTS() { 3671 const editing = isPageEditingTS(); 3672 3673 // Fixed top script 3674 (function () { 3675 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3676 3677 if (editing) { 3678 fixedTopTS[0].classList.add(forceUnfixClassTS); 3679 } else { 3680 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3681 } 3682 3683 const topPosition = fixedTopTS.css('position'); 3684 if (topPosition === 'fixed') { 3685 if (topAttachTS) { 3686 scrollAdjustmentTS(); 3687 } else { 3688 const anchorHeight = anchor.outerHeight() - 1; 3689 fixedTopTS.css('top', anchorHeight + initialTopTS); 3690 } 3691 } else { 3692 fixedTopTS.css('top', initialTopTS); 3693 } 3694 3695 if (topPosition === 'fixed' || topPosition === 'absolute') { 3696 // Bump the banner content down 3697 if (isTransparentTS(fixedTopTS)) { 3698 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 3699 outerSizingTS.css('padding-top', ''); 3700 3701 try { 3702 window.Pages.onResizeHandlersExecute(); 3703 } catch (e) { } 3704 } else { 3705 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 3706 innerSizingTS.css('padding-top', ''); 3707 } 3708 } else { 3709 innerSizingTS.css('padding-top', ''); 3710 outerSizingTS.css('padding-top', ''); 3711 } 3712 })(); 3713 3714 // Fixed bottom script 3715 (function () { 3716 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3717 3718 // If the widget has gone narrow, force unfix 3719 if (editing || fixedBottomTS.outerHeight() > 200) { 3720 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3721 } else { 3722 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3723 } 3724 3725 if (fixedBottomTS.css('position') === 'fixed') { 3726 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3727 } else { 3728 bodyContainerTS.css('padding-bottom', ''); 3729 } 3730 })(); 3731 3732 // Fixed left script 3733 (function () { 3734 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3735 3736 if (editing) { 3737 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3738 } else { 3739 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3740 } 3741 3742 if (fixedLeftTS.css('position') === 'fixed') { 3743 const anchorHeight = anchor.outerHeight() - 1; 3744 fixedLeftTS.css('top', anchorHeight); 3745 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3746 iterateLeftpads(function (containerTS) { 3747 const containerBoundingTS = containerTS.getBoundingClientRect(); 3748 if (containerBoundingTS.left <= leftBoundingTS.right) { 3749 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3750 } 3751 }); 3752 } else { 3753 fixedLeftTS.css('top', ''); 3754 iterateLeftpads(function (containerTS) { 3755 $(containerTS).css('padding-left', ''); 3756 }); 3757 } 3758 })(); 3759 } 3760 3761 function scrollAdjustmentTS() { 3762 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3763 const topPosition = fixedTopTS.css('position'); 3764 if (topPosition === 'fixed' || topPosition === 'absolute') { 3765 const anchorBounding = anchor[0].getBoundingClientRect(); 3766 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3767 const scrollTop = $(window).scrollTop(); 3768 3769 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3770 } else { 3771 fixedTopTS.css('top', initialTopTS); 3772 } 3773 } 3774 3775 $(window).load(function () { 3776 setTimeout(function () { 3777 resizeAdjustmentTS(); 3778 }, 350); 3779 3780 $(window).scroll(function () { 3781 scrollAdjustmentTS(); 3782 }); 3783 3784 var adjustTimeoutTS; 3785 $(window).resize(function () { 3786 clearTimeout(adjustTimeoutTS); 3787 adjustTimeoutTS = setTimeout(function () { 3788 resizeAdjustmentTS(); 3789 }, 350); 3790 });
3791 3792 $.when(window.Pages.angularToolbarComplete).done(function () { 3793 resizeAdjustmentTS(); 3794 }); 3795 }); 3796</script>
3796 3797<!-- End Fixed Nav Adjustment --> 3798 3799 3800
3801<script id="citibot-chatscript" type="text/javascript" src="https://webchat-ui.citibot.net/script.js?account_id=67c23980a67c42195c91e743"></script>
3801 3802 3803 3804 3805 3806<!-- LibraryCalendar Upcoming Events library -->
3806<script defer src="https://opelika.librarycalendar.com/modules/custom/library_calendar/lc_calendar_embed/libraries/upcoming-events/dist/main.js"></script>
3806<!-- AudioEye -->
3806<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash="5c3fefaea2f0768554735283fb6f8e93";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>
3806 <!-- End AudioEye --> 3807 3808 3809
3809<script type="text/javascript"> 3810 $(function () { 3811 document.cookie = "responsiveGhost=0; path=/"; 3812 }); 3813 $(window).on("load", function () { 3814 $('body').addClass('doneLoading').removeClass('hideContent'); 3815 3816 if ($('#404Content').length > 0) 3817 $('div#bodyWrapper').css('padding', '0px'); 3818 }); 3819 </script>
3819 3820 3821 <noscript> 3822 <style> 3823 body.hideContent { 3824 opacity: 1 !important; 3825 } 3826 </style> 3827 </noscript> 3828 3829 3830<div style="display: none;"> 3831 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3832 3833 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3834 <title>Arrow Left</title> 3835 <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> 3836 </symbol> 3837 3838 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3839 <title>Arrow Right</title> 3840 <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> 3841 </symbol> 3842 3843 </svg> 3844</div> 3845
3845<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Baskervville:italic,regular|Cantata+One:regular|Montserrat:600,700,regular|Poppins:500,500italic,600,600italic,700,700italic,800,italic,regular|Roboto:500,500italic,700,700italic,italic,regular|Roboto+Condensed:700,700italic,italic,regular|');</script>
3845 3846 3847 3848 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3849 <div style="display: none;"> 3850 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3851 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3852 <title>Slideshow Left Arrow</title> 3853 <g> 3854 <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> 3855 </g> 3856 </symbol> 3857 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3858 <title>Slideshow Right Arrow</title> 3859 <g> 3860 <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> 3861 </g> 3862 </symbol> 3863 </svg> 3864 </div> 3865 3866 3867 3868 3869 <div id="root-picker-outlet"></div> 3870</body> 3871</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.