CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />  <script>(function(w,d,s,l,i){w.GAMeasurementID='G-5RNHP23J2B';w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>  <script type='text/javascript'> var enableTelemetry = 'false' var aiConfig = { instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' } 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://az416426.vo.msecnd.net/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); window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; // Add telemetry initializer appInsights.queue.push(function() { appInsights.context.addTelemetryInitializer(function(envelope) { var telemetryItem = envelope.data.baseData; // To check the telemetry item’s type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); </script> <script> function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); </script> <script type="text/javascript"> window.departmentHeader = {}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= true; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = true; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="category0" content="Home" /> <meta name="theme-color" content="rgb(49, 49, 49)"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Odessa, TX | Official Website</title> <meta name="description" content=""> <meta name="keywords" content="Home"> <script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script> <script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script>     <script type="text/javascript"></script> <link href="/-554845694.css" rel="stylesheet" type="text/css" /> <link href="/-524588952.css" rel="stylesheet" type="text/css" /> <link href="/1102040044.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> <script type="text/javascript"> window.Pages = window.Pages || {}; // FrontEnd RWD initialization window.Pages.rwdReady = $.Deferred(); window.Pages.toolBarDeferred = $.Deferred(); window.Pages.rwdSetupComplete = $.Deferred(); window.Pages.megaMenuLoaded = $.Deferred(); window.Pages.angularToolbarComplete = $.Deferred(); window.Pages.frontEndToolbarComplete = $.Deferred(); </script>  <script src="/-980062917.js" type="text/javascript"></script>     <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } </script> <script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script> </head> <body class="wide " > <script>jQuery(document).click(function (event) { var target = jQuery(event.target); if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Image', eventAction: 'Image - ' + text, eventLabel: window.location.href }); } if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { var text = ""; if (target.parents('.button')[0]) { text = target.parents('.button').first().text(); } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } });</script> <div id="fb-root"></div> <div id=skipToContentLinks> <a href="#cc17f3e6bf-4704-4921-8150-acc6192afec4" target="_self" class="skipToContentLink">Skip to Main Content</a> </div> <form id="frmReferenceFormForTelerikEditorDialogs"></form> <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> <input type="hidden" id="hdnStructureID" value="10" /> <input type="hidden" id="hdnContentCollectionID" value="af3de02b-21ff-4a99-a28c-40a44a0b2c88" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="35" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="1" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">  <div class="cpToolbar user public"> <div class="inner selfClear"> <p class="dropdown"><a href="/MyAccount/ProfileCreate" role="link" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more.   </span></p> <ul class="nav secondary"> <li><a href="/MyAccount" role="link" class="button" id="loggedOutToolbarSignInButton"><span>Website Sign In</span></a></li> </ul> </div> </div> <script> $(document).ready(function () { $('#signedOutToolbarCreateProfileButton').keypress(function (e) { if (e.which === 0) return; $(this).click(); }); $('#signedOutToolbarCreateProfileButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; }); $('#loggedOutToolbarSignInButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; }); if ('False' == 'True') { $('#loggedOutToolbarSignInButton').hide(); } }) </script>  </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <div data-cpRole="banner" id="banner2" class="fixedBannerTS"><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> <div class="siteWrap4" data-skip-rightpad=""><div data-cpRole="structuralContainer" id="innerHeaderContainerTS"> <div class="siteWrap4" data-skip-rightpad=""><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a id="bannerLogoTS-117" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Odessa TX Homepage" class="bannerObject" height="109" src="/ImageRepository/Document?documentID=8440" width="160" /></a> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="ccd2990590-bc52-431e-9dd0-56b43a7901cd" data-containerid="d2990590-bc52-431e-9dd0-56b43a7901cd" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="fc57fb44-29cc-4a2f-8ed3-526732e708ab"> <div class="row nest first last wide"> <div class="inner col col24 first last id2ee68b57-e122-442a-ae13-32e7c819007e" style="" data-widgetcontainerid="2ee68b57-e122-442a-ae13-32e7c819007e"> <div data-widget-id="a7ba9850-4175-413f-9893-5d28486c2350" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.js"></script> <script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script> <script defer type="text/javascript"> $(document).ready(function () { try { $(".widgetSearchButton.widgetSearchButtona7ba9850-4175-413f-9893-5d28486c2350").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDepta7ba9850-4175-413f-9893-5d28486c2350").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchFielda7ba9850-4175-413f-9893-5d28486c2350").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDepta7ba9850-4175-413f-9893-5d28486c2350").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDepta7ba9850-4175-413f-9893-5d28486c2350").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchFielda7ba9850-4175-413f-9893-5d28486c2350").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDepta7ba9850-4175-413f-9893-5d28486c2350").is(':checked') || false? '?departmentId=0' : ''), dataType: "json", timeout: 10000, beforeSend: function () { if (currentRequest != null) { currentRequest.abort(); } }, data: { term: request.term, }, success: function (data) { response(data); $('.autoCompleteError').remove(); }, error: function (xmlhttprequest, textstatus, message) { if (textstatus === "timeout") { if ($("#searchFielda7ba9850-4175-413f-9893-5d28486c2350").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchFielda7ba9850-4175-413f-9893-5d28486c2350")); } } }); }, html: true, delay: 500, select: function (event, ui) { $(this).val(ui.item.value); $(this).next().click(); } }); $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { return $("<li class=\"itemList\"></li>") .data("ui-autocomplete-item", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; } } 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. }); </script> <section id="widgetPreviewSearch" class="widget widgetSearch skin98 widgetOptionSet56" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBoxa7ba9850-4175-413f-9893-5d28486c2350" cp5ph="true" id="searchFielda7ba9850-4175-413f-9893-5d28486c2350" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search our Site…" title="Search our Site…" type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtona7ba9850-4175-413f-9893-5d28486c2350" role="button"><img alt="Search Icon" class="imageHover" data-hover="/ImageRepository/Document?documentID=8442" data-image="/ImageRepository/Document?documentID=8441" src="/ImageRepository/Document?documentID=8441" /></a> <label class="searchLabel" for="searchFielda7ba9850-4175-413f-9893-5d28486c2350">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #313131; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #313131; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #313131; } .widgetSearch :-ms-input-placeholder { color: #313131; } .widgetSearch .widgetBody .widgetSearchBoxa7ba9850-4175-413f-9893-5d28486c2350 { color: #313131; height:50px; background:#EFF5FF; padding:0 65px 0 19px; font-family:Raleway; font-weight:600; font-style:italic; border:none; border-radius: 10px; } .widgetSearch .widgetBody .widgetSearchButtona7ba9850-4175-413f-9893-5d28486c2350 { margin:5px 8px 5px 0; } .widgetSearch .widgetSearch-onlyDepta7ba9850-4175-413f-9893-5d28486c2350 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDepta7ba9850-4175-413f-9893-5d28486c2350 { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.css"> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.theme.min.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFielda7ba9850-4175-413f-9893-5d28486c2350").value; } </script> </div> </div>  </div>  </div></div>  </div> </div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1" href="/27/Government" target = "_self" > Government </a> </li><li id="MainItem724" class="topMenuItem" role="none" data-pageid="724" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavDirectory" class="navMainItem mainNavItem mainNavItem2" href="/Directory.aspx" target = "_self" > Directory </a> </li><li id="MainItem1250" class="topMenuItem" role="none" data-pageid="1250" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavPublicSafety" class="navMainItem mainNavItem mainNavItem3" href="/1250/Public-Safety" target = "_self" > Public Safety </a> </li><li id="MainItem157" class="topMenuItem" role="none" data-pageid="157" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem4" href="/157/Departments" target = "_self" > Departments </a> </li> </ol> <script type="text/javascript"> document.addEventListener('DOMContentLoaded',function () { var menuID = 'mainNavMenu'; var menuType = MAIN_MENU; //setup menu manager properties for main menu if (!menuManager.mobileMainNav && true) menuManager.adjustMainItemsWidth('#' + menuID); menuManager.isMainMenuEditable = false; menuManager.mainMenuMaxSubMenuLevels = 4; menuManager.setMOMMode(2, menuType); //Init main menu var setupDraggable = menuManager.isMainMenuEditable; var urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=35&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = false; if (1.00 > 0) menuManager.mainMenuTextResizerRatio = 1.00; if (window.isResponsiveEnabled) menuManager.mainMenuReady.resolve(); }); </script> <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="cc8f823d07-547a-43ec-95b9-d5f5defca052" data-containerid="8f823d07-547a-43ec-95b9-d5f5defca052" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu724" class="contentTop mainNavMegaMenu megaMenuContainer pageID_724 hidden" data-orientation="horizontal"> <div id="cc2ea5f54b-5b29-4d72-ac67-9614513d4e3c" data-containerid="2ea5f54b-5b29-4d72-ac67-9614513d4e3c" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1250" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1250 hidden" data-orientation="horizontal"> <div id="cc0f1a22a6-4d5f-4967-b963-4e5f93d33ac6" data-containerid="0f1a22a6-4d5f-4967-b963-4e5f93d33ac6" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu157" class="contentTop mainNavMegaMenu megaMenuContainer pageID_157 hidden" data-orientation="horizontal"> <div id="cce2fb54ec-975d-44cf-b5d9-07d039b5fd65" data-containerid="e2fb54ec-975d-44cf-b5d9-07d039b5fd65" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </div></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div data-cpRole="structuralContainer" id="bannerSearchTS"> <div class="siteWrap3" data-skip-rightpad=""><div data-cpRole="contentContainer" id="welcomeTS"> <div id="cccf0ef806-1481-44ca-bff9-77e40ed87702" data-containerid="cf0ef806-1481-44ca-bff9-77e40ed87702" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> </div> </div></div> </div> </div> <div id="bannerVideo116" class="hidden"></div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderBannerVideo('bannerVideo116', 'banner1', {"BannerVideoID":15,"BannerOptionID":116,"VideoFileName":"/ModuleFiles/BannerVideos/Website Video-20240124125059.mp4","ImageFileName":"/ImageRepository/Document?documentID=9041","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":854,"VideoHeight":480,"ImageWidth":854,"ImageHeight":480,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}, '<video autoplay playsinline loop muted style="width: 100%" poster="/ImageRepository/Document?documentID=9041"> <source src="/ModuleFiles/BannerVideos/Website Video-20240124125059.mp4" /> <img src="/ImageRepository/Document?documentID=9041" alt="" style="width: 100%"/> </video>'); }); }); </script> </div> </div><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> <div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"><script type='text/javascript'>$('#breadCrumbs').hide();</script></div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="6925" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <div id="cc17f3e6bf-4704-4921-8150-acc6192afec4" data-containerid="17f3e6bf-4704-4921-8150-acc6192afec4" class="pageContent cpGrid cpGrid24" > </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div> </div><div data-cpRole="structuralContainer" id="fixedGbsContainerTS" class="fixedRightTS"> <div class="siteWrap11" data-skip-rightpad=""><div data-cpRole="contentContainer" id="fixedGbsTS"> <div id="cc11c6c7f2-481c-4aad-a3c4-09fb70f40aef" data-containerid="11c6c7f2-481c-4aad-a3c4-09fb70f40aef" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="44cef5ee-d43e-48ce-83a4-613866421eee"> <div class="row nest first last wide"> <div class="inner col col24 first last id82184624-71dc-40b0-95da-4b23011c9d91" style="" data-widgetcontainerid="82184624-71dc-40b0-95da-4b23011c9d91"> <div data-widget-id="24bf7fb2-3a32-4ed4-9d06-47ead3d23c37" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget24bf7fb2-3a32-4ed4-9d06-47ead3d23c37" class="widget widgetGraphicLinks skin104 widgetOptionSet26 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid5 "> <div class="row autoWidths center wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self" aria-label="Facebook graphic"><img src="/ImageRepository/Document?documentID=8450" class="graphicButtonLink" alt="Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=8450'" onmouseout="this.src='/ImageRepository/Document?documentID=8450'" onfocus="this.src='/ImageRepository/Document?documentID=8450'" onblur="this.src='/ImageRepository/Document?documentID=8450'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofodessa/" target="_self" aria-label="Instagram graphic"><img src="/ImageRepository/Document?documentID=8768" class="graphicButtonLink" alt="Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=8768'" onmouseout="this.src='/ImageRepository/Document?documentID=8768'" onfocus="this.src='/ImageRepository/Document?documentID=8768'" onblur="this.src='/ImageRepository/Document?documentID=8768'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/city-of-odessa-texas" target="_self" aria-label="Linkedin graphic"><img src="/ImageRepository/Document?documentID=8452" class="graphicButtonLink" alt="Linkedin" onmouseover="this.src='/ImageRepository/Document?documentID=8452'" onmouseout="this.src='/ImageRepository/Document?documentID=8452'" onfocus="this.src='/ImageRepository/Document?documentID=8452'" onblur="this.src='/ImageRepository/Document?documentID=8452'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCyD5RVySlyGXMaMBmIQ_O1w" target="_self" aria-label="YouTube graphic"><img src="/ImageRepository/Document?documentID=8454" class="graphicButtonLink" alt="YouTube" onmouseover="this.src='/ImageRepository/Document?documentID=8454'" onmouseout="this.src='/ImageRepository/Document?documentID=8454'" onfocus="this.src='/ImageRepository/Document?documentID=8454'" onblur="this.src='/ImageRepository/Document?documentID=8454'"> </a></div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/CityofOdessa" target="_self" aria-label="X graphic"><img src="/ImageRepository/Document?documentID=8453" class="graphicButtonLink" alt="X" onmouseover="this.src='/ImageRepository/Document?documentID=8453'" onmouseout="this.src='/ImageRepository/Document?documentID=8453'" onfocus="this.src='/ImageRepository/Document?documentID=8453'" onblur="this.src='/ImageRepository/Document?documentID=8453'"> </a></div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="backgroundOverlayTS"> <div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap4"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccb67a2c6b-2f5b-4991-8540-a14575787d7b" data-containerid="b67a2c6b-2f5b-4991-8540-a14575787d7b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="64"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="74410838-7eee-48dd-a16d-d85b2d2fc22e"> <div class="row nest first last wide"> <div class="inner col col24 first last iddf868f5a-39b2-4edb-8d53-218be318f7e4" style="" data-widgetcontainerid="df868f5a-39b2-4edb-8d53-218be318f7e4"> <div data-widget-id="1d23afdd-dc70-46aa-9b4c-f16b5563a922" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget1d23afdd-dc70-46aa-9b4c-f16b5563a922" class="widget widgetGraphicLinks skin100 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:64em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid3 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/agendacenter" target="_self" class="fancyButton fancyButton426 " > <span> <span><span class="text">MEETINGS & AGENDAS<br><span class="textStyle1">Find the latest city agendas & minutes.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton426.fancyButton:link,.fancyButton426.fancyButton:visited, .fancyButton426div.fancyButton{ background-repeat: no-repeat; background-position: left top; } .fancyButton426.fancyButton:hover,.fancyButton426.fancyButton:focus,.fancyButton426.fancyButton:active,.fancyButton426.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton426.fancyButton:link > span,.fancyButton426.fancyButton:visited > span, .fancyButton426div.fancyButton > span{ } .fancyButton426.fancyButton:hover > span,.fancyButton426.fancyButton:focus > span,.fancyButton426.fancyButton:active > span,.fancyButton426.fancyButton.hover > span{ } .fancyButton426.fancyButton .text{ color: rgb(239, 245, 255); font-size: 1.1em; font-family: "Oswald"; text-align: left; padding-right: 10px; padding-left: 115px; font-weight: 700; text-decoration: none; background-color: rgb(49, 49, 49); padding-right: 10px; padding-left: 115px; background-image: url('/ImageRepository/Document?documentID=8449'); background-repeat: no-repeat; background-position: 20px center; height:100px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; line-height:1.3; transition:all .3s ease-in-out; position:relative; } .fancyButton426 .text::after{ position:absolute; content:""; width:5px; height:45px; border-radius:3px; bottom:50%; left:91px; transform:translateY(50%); background:#AD8350; } .fancyButton426.fancyButton:hover .text,.fancyButton426.fancyButton:focus .text,.fancyButton426.fancyButton:active .text,.fancyButton426.fancyButton.hover .text{ text-decoration: underline; background-color: rgb(34, 34, 34); background-repeat: no-repeat; background-position: 20px center; } .fancyButton426.fancyButton .textStyle1{ color: rgb(239, 245, 255); font-size: .9em; font-family: Raleway; text-align: left; font-weight: 600; text-decoration: none; } .fancyButton426.fancyButton:hover .textStyle1, .fancyButton426.fancyButton.hover .textStyle1{ text-decoration: none; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="/1161/Animal-Services" target="_self" class="fancyButton fancyButton427 " > <span> <span><span class="text">ANIMAL SERVICES<br><span class="textStyle1">View contact information.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton427.fancyButton:link,.fancyButton427.fancyButton:visited, .fancyButton427div.fancyButton{ background-repeat: no-repeat; background-position: left top; } .fancyButton427.fancyButton:hover,.fancyButton427.fancyButton:focus,.fancyButton427.fancyButton:active,.fancyButton427.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton427.fancyButton:link > span,.fancyButton427.fancyButton:visited > span, .fancyButton427div.fancyButton > span{ } .fancyButton427.fancyButton:hover > span,.fancyButton427.fancyButton:focus > span,.fancyButton427.fancyButton:active > span,.fancyButton427.fancyButton.hover > span{ } .fancyButton427.fancyButton .text{ color: rgb(239, 245, 255); font-size: 1.1em; font-family: "Oswald"; text-align: left; padding-right: 10px; padding-left: 115px; font-weight: 700; text-decoration: none; background-color: rgb(49, 49, 49); padding-right: 10px; padding-left: 115px; background-image: url('/ImageRepository/Document?documentID=8448'); background-repeat: no-repeat; background-position: 20px center; height:100px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; line-height:1.3; transition:all .3s ease-in-out; position:relative; } .fancyButton427 .text::after{ position:absolute; content:""; width:5px; height:45px; border-radius:3px; bottom:50%; left:91px; transform:translateY(50%); background:#AD8350; } .fancyButton427.fancyButton:hover .text,.fancyButton427.fancyButton:focus .text,.fancyButton427.fancyButton:active .text,.fancyButton427.fancyButton.hover .text{ text-decoration: underline; background-color: rgb(34, 34, 34); background-repeat: no-repeat; background-position: 20px center; } .fancyButton427.fancyButton .textStyle1{ color: rgb(239, 245, 255); font-size: .9em; font-family: Raleway; text-align: left; font-weight: 600; text-decoration: none; } .fancyButton427.fancyButton:hover .textStyle1, .fancyButton427.fancyButton.hover .textStyle1{ text-decoration: none; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://ogis.maps.arcgis.com/apps/CrowdsourceReporter/index.html?appid=7573dc3db3c54afc9241a63814516500" target="_blank" class="fancyButton fancyButton428 " aria-label="REPORT CITY ISSUES Application Information. Opens in new window"> <span> <span><span class="text">REPORT CITY ISSUES<br><span class="textStyle1">Application Information.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton428.fancyButton:link,.fancyButton428.fancyButton:visited, .fancyButton428div.fancyButton{ background-repeat: no-repeat; background-position: left top; } .fancyButton428.fancyButton:hover,.fancyButton428.fancyButton:focus,.fancyButton428.fancyButton:active,.fancyButton428.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton428.fancyButton:link > span,.fancyButton428.fancyButton:visited > span, .fancyButton428div.fancyButton > span{ } .fancyButton428.fancyButton:hover > span,.fancyButton428.fancyButton:focus > span,.fancyButton428.fancyButton:active > span,.fancyButton428.fancyButton.hover > span{ } .fancyButton428.fancyButton .text{ color: rgb(239, 245, 255); font-size: 1.1em; font-family: "Oswald"; text-align: left; padding-right: 10px; padding-left: 115px; font-weight: 700; text-decoration: none; background-color: rgb(49, 49, 49); padding-right: 10px; padding-left: 115px; background-image: url('/ImageRepository/Document?documentID=8447'); background-repeat: no-repeat; background-position: 20px center; height:100px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; line-height:1.3; transition:all .3s ease-in-out; position:relative; } .fancyButton428 .text::after{ position:absolute; content:""; width:5px; height:45px; border-radius:3px; bottom:50%; left:91px; transform:translateY(50%); background:#AD8350; } .fancyButton428.fancyButton:hover .text,.fancyButton428.fancyButton:focus .text,.fancyButton428.fancyButton:active .text,.fancyButton428.fancyButton.hover .text{ text-decoration: underline; background-color: rgb(34, 34, 34); background-repeat: no-repeat; background-position: 20px center; } .fancyButton428.fancyButton .textStyle1{ color: rgb(239, 245, 255); font-size: .9em; font-family: Raleway; text-align: left; font-weight: 600; text-decoration: none; } .fancyButton428.fancyButton:hover .textStyle1, .fancyButton428.fancyButton.hover .textStyle1{ text-decoration: none; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://odessatx.applicantpro.com/jobs/" target="_self" class="fancyButton fancyButton429 " > <span> <span><span class="text">JOB OPENINGS<br><span class="textStyle1">Find current job openings.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton429.fancyButton:link,.fancyButton429.fancyButton:visited, .fancyButton429div.fancyButton{ background-repeat: no-repeat; background-position: left top; } .fancyButton429.fancyButton:hover,.fancyButton429.fancyButton:focus,.fancyButton429.fancyButton:active,.fancyButton429.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton429.fancyButton:link > span,.fancyButton429.fancyButton:visited > span, .fancyButton429div.fancyButton > span{ } .fancyButton429.fancyButton:hover > span,.fancyButton429.fancyButton:focus > span,.fancyButton429.fancyButton:active > span,.fancyButton429.fancyButton.hover > span{ } .fancyButton429.fancyButton .text{ color: rgb(239, 245, 255); font-size: 1.1em; font-family: "Oswald"; text-align: left; padding-right: 10px; padding-left: 115px; font-weight: 700; text-decoration: none; background-color: rgb(49, 49, 49); padding-right: 10px; padding-left: 115px; background-image: url('/ImageRepository/Document?documentID=8444'); background-repeat: no-repeat; background-position: 20px center; height:100px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; line-height:1.3; transition:all .3s ease-in-out; position:relative; } .fancyButton429 .text::after{ position:absolute; content:""; width:5px; height:45px; border-radius:3px; bottom:50%; left:91px; transform:translateY(50%); background:#AD8350; } .fancyButton429.fancyButton:hover .text,.fancyButton429.fancyButton:focus .text,.fancyButton429.fancyButton:active .text,.fancyButton429.fancyButton.hover .text{ text-decoration: underline; background-color: rgb(34, 34, 34); background-repeat: no-repeat; background-position: 20px center; } .fancyButton429.fancyButton .textStyle1{ color: rgb(239, 245, 255); font-size: .9em; font-family: Raleway; text-align: left; font-weight: 600; text-decoration: none; } .fancyButton429.fancyButton:hover .textStyle1, .fancyButton429.fancyButton.hover .textStyle1{ text-decoration: none; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://www.odessa-tx.gov/1214/Pay-Your-Utility-Bill" target="_self" class="fancyButton fancyButton430 " > <span> <span><span class="text">PAY UTILITY BILL<br><span class="textStyle1">Easily pay your bills online.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton430.fancyButton:link,.fancyButton430.fancyButton:visited, .fancyButton430div.fancyButton{ background-repeat: no-repeat; background-position: left top; } .fancyButton430.fancyButton:hover,.fancyButton430.fancyButton:focus,.fancyButton430.fancyButton:active,.fancyButton430.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton430.fancyButton:link > span,.fancyButton430.fancyButton:visited > span, .fancyButton430div.fancyButton > span{ } .fancyButton430.fancyButton:hover > span,.fancyButton430.fancyButton:focus > span,.fancyButton430.fancyButton:active > span,.fancyButton430.fancyButton.hover > span{ } .fancyButton430.fancyButton .text{ color: rgb(239, 245, 255); font-size: 1.1em; font-family: "Oswald"; text-align: left; padding-right: 10px; padding-left: 115px; font-weight: 700; text-decoration: none; background-color: rgb(49, 49, 49); padding-right: 10px; padding-left: 115px; background-image: url('/ImageRepository/Document?documentID=8446'); background-repeat: no-repeat; background-position: 20px center; height:100px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; line-height:1.3; transition:all .3s ease-in-out; position:relative; } .fancyButton430 .text::after{ position:absolute; content:""; width:5px; height:45px; border-radius:3px; bottom:50%; left:91px; transform:translateY(50%); background:#AD8350; } .fancyButton430.fancyButton:hover .text,.fancyButton430.fancyButton:focus .text,.fancyButton430.fancyButton:active .text,.fancyButton430.fancyButton.hover .text{ text-decoration: underline; background-color: rgb(34, 34, 34); background-repeat: no-repeat; background-position: 20px center; } .fancyButton430.fancyButton .textStyle1{ color: rgb(239, 245, 255); font-size: .9em; font-family: Raleway; text-align: left; font-weight: 600; text-decoration: none; } .fancyButton430.fancyButton:hover .textStyle1, .fancyButton430.fancyButton.hover .textStyle1{ text-decoration: none; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://odessatx.mycusthelp.com/WEBAPP/_rs/(S(oq2yarxg5aqwcsc11olntstd))/supporthome.aspx" target="_self" class="fancyButton fancyButton431 " > <span> <span><span class="text">PUBLIC RECORDS REQUEST<br><span class="textStyle1">Stay informed with us.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton431.fancyButton:link,.fancyButton431.fancyButton:visited, .fancyButton431div.fancyButton{ background-repeat: no-repeat; background-position: left top; } .fancyButton431.fancyButton:hover,.fancyButton431.fancyButton:focus,.fancyButton431.fancyButton:active,.fancyButton431.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton431.fancyButton:link > span,.fancyButton431.fancyButton:visited > span, .fancyButton431div.fancyButton > span{ } .fancyButton431.fancyButton:hover > span,.fancyButton431.fancyButton:focus > span,.fancyButton431.fancyButton:active > span,.fancyButton431.fancyButton.hover > span{ } .fancyButton431.fancyButton .text{ color: rgb(239, 245, 255); font-size: 1.1em; font-family: "Oswald"; text-align: left; padding-right: 10px; padding-left: 115px; font-weight: 700; text-decoration: none; background-color: rgb(49, 49, 49); padding-right: 10px; padding-left: 115px; background-image: url('/ImageRepository/Document?documentID=8448'); background-repeat: no-repeat; background-position: 20px center; height:100px; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; line-height:1.3; transition:all .3s ease-in-out; position:relative; } .fancyButton431 .text::after{ position:absolute; content:""; width:5px; height:45px; border-radius:3px; bottom:50%; left:91px; transform:translateY(50%); background:#AD8350; } .fancyButton431.fancyButton:hover .text,.fancyButton431.fancyButton:focus .text,.fancyButton431.fancyButton:active .text,.fancyButton431.fancyButton.hover .text{ text-decoration: underline; background-color: rgb(34, 34, 34); background-repeat: no-repeat; background-position: 20px center; } .fancyButton431.fancyButton .textStyle1{ color: rgb(239, 245, 255); font-size: .9em; font-family: Raleway; text-align: left; font-weight: 600; text-decoration: none; } .fancyButton431.fancyButton:hover .textStyle1, .fancyButton431.fancyButton.hover .textStyle1{ text-decoration: none; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer1"> <div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="cc5b15f668-68dd-4150-9386-56995e9439de" data-containerid="5b15f668-68dd-4150-9386-56995e9439de" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="82"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="031a723a-4b26-4329-84fc-1c593f3b2c14"> <div class="row nest first last wide"> <div class="inner col col8 first last id1585c14a-1806-4e1b-8010-f8e545904a29" style="" data-widgetcontainerid="1585c14a-1806-4e1b-8010-f8e545904a29"> <div data-widget-id="44b8c10a-27d0-4028-80c8-7bbef493563e" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv44b8c10a-27d0-4028-80c8-7bbef493563e" class="widget widgetInfoAdvanced skin105 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header44b8c10a-27d0-4028-80c8-7bbef493563e"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline">GET TO KNOW</h1><p><a href="https://www.odessa-tx.gov/670/City-Council" target="_blank" rel="noopener"><span style="font-size: 14px;">Odessa Mayor Cal Hendrick and</span></a></p><p><a href="https://www.odessa-tx.gov/670/City-Council" target="_blank" rel="noopener"><span style="font-size: 14px;">Odessa City Council</span></a></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv44b8c10a-27d0-4028-80c8-7bbef493563e .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="b4ae30c4-869f-4262-850c-b6eb93851ba9"> <div class="row nest first last wide"> <div class="inner col col1 first last id82fde613-047c-4166-939f-a7d093dd3f9a" style="" data-widgetcontainerid="82fde613-047c-4166-939f-a7d093dd3f9a"> <div class="widget widgetSpacer" id="fedf2bc2-496e-4910-a515-a625b585dffe"></div> </div>  </div>  </div><div class="outer col col15 last" style="" data-widgetcontainerid="6f21d0e1-74f3-46c5-9772-f78992c6c9c8"> <div class="row nest first last wide"> <div class="inner col col15 first last idb57f2aea-5818-4971-8552-3a6c5bc5ec73" style="" data-widgetcontainerid="b57f2aea-5818-4971-8552-3a6c5bc5ec73"> <div data-widget-id="1fa9bcf1-9ae4-4b6f-92e2-824ddcfe304d" data-widget-controller-path="/QuickLinks/Widget"> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div><div data-cpRole="structuralContainer" id="homeContainer2"> <div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cc198a09ef-b980-4d76-99ef-2cd5ac03ddc7" data-containerid="198a09ef-b980-4d76-99ef-2cd5ac03ddc7" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="62"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="ce07d5fd-18d7-44d4-b535-fe9c9777ca86"> <div class="row nest first last wide"> <div class="inner col col24 first last idae09f961-8084-4483-a29f-b188a441d44c" style="" data-widgetcontainerid="ae09f961-8084-4483-a29f-b188a441d44c"> <div data-widget-id="77bd1ceb-3e24-4fda-8dbe-d75f051243c2" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv77bd1ceb-3e24-4fda-8dbe-d75f051243c2" class="widget widgetInfoAdvanced skin110 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header77bd1ceb-3e24-4fda-8dbe-d75f051243c2"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline" style="text-align: center;">NEWS RELEASES</h1><p style="text-align: center;">Keep up with the city</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv77bd1ceb-3e24-4fda-8dbe-d75f051243c2 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col11 first" style="" data-widgetcontainerid="4186831b-b682-4793-97a6-72a38b38230e"> <div class="row nest first last wide"> <div class="inner col col11 first last ida62ada08-7aee-4242-add5-ba414034dbf5" style="" data-widgetcontainerid="a62ada08-7aee-4242-add5-ba414034dbf5"> <div class="widget slideShow skin107" role="region" aria-label="Slideshow" id="slideshow8668f50e-95c3-4d9a-af6c-09d190c5d7cc" aria-haspopup="false" data-widgetID="8668f50e-95c3-4d9a-af6c-09d190c5d7cc"> <input type="hidden" class="slideTiming" value="5"/> <input type="hidden" class="transitionTiming" value="1"/> <input type="hidden" class="hdnSlideshowUniqueID" value="2620" /> <div id="divSlideshow2620" class="cpSlideshow widgetBody cpSlideshowJS2620 narrow"> <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" /> <script src="/-358974846.js" type="text/javascript"></script> <div class="cpWindow cpWindowJS2620 "> <ol class="semanticList cpSlider fade cpSliderJS2620"> <li class="hidden" id="2620_14673" data-index="0" aria-hidden="true"> <img src="/ImageRepository/Document?documentID=16347" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14674" data-index="1" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16348" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14675" data-index="2" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16349" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14676" data-index="3" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16350" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14677" data-index="4" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16351" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14678" data-index="5" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16352" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14679" data-index="6" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16353" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14680" data-index="7" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16354" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14681" data-index="8" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16355" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14682" data-index="9" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16356" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14683" data-index="10" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16357" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14684" data-index="11" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16358" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14685" data-index="12" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16359" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14686" data-index="13" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16360" class="" alt="Welcome to Odessa!" title="Welcome to Odessa!" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa!</h4> </div> </div> </li> <li class="hidden" id="2620_14687" data-index="14" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=15894" class="" alt="Welcome to Odessa" title="Welcome to Odessa" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa</h4> <p class="widgetDesc widgetItem">Find out what's happening in Odessa</p> </div> </div> </li> <li class="hidden" id="2620_14688" data-index="15" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16215" class="" alt="Welcome to Odessa" title="Welcome to Odessa" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa </h4> </div> </div> </li> <li class="hidden" id="2620_14689" data-index="16" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=15883" class="" alt="Welcome to Odessa" title="Welcome to Odessa" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa</h4> </div> </div> </li> <li class="hidden" id="2620_14690" data-index="17" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=15881" class="" alt="Welcome to Odessa" title="Welcome to Odessa" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa</h4> </div> </div> </li> <li class="hidden" id="2620_14691" data-index="18" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=15888" class="" alt="Welcome to Odessa" title="Welcome to Odessa" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa</h4> </div> </div> </li> <li class="hidden" id="2620_14692" data-index="19" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=15889" class="" alt="Welcome to Odessa" title="Welcome to Odessa" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa</h4> </div> </div> </li> <li class="hidden" id="2620_14693" data-index="20" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=15890" class="" alt="Welcome to Odessa" title="Welcome to Odessa" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa</h4> </div> </div> </li> <li class="hidden" id="2620_14694" data-index="21" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=15892" class="" alt="Welcome to Odessa" title="Welcome to Odessa" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa</h4> </div> </div> </li> <li class="hidden" id="2620_14695" data-index="22" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=15893" class="" alt="Welcome to Odessa" title="Welcome to Odessa" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2620" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Welcome to Odessa</h4> </div> </div> </li> </ol> <div class="contentSlideshowControls"> <button class="arrowNew next nextJS2620 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> </svg> </button> <button class="arrowNew prev prevJS2620 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> </svg> </button> </div> </div> <ol class="semanticList pager dots"> <li class="active" id="dot2620_14673"> <a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14673" data-dotNumber="1"> 1 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14674"> <a href="#targetImage" aria-label="Mapping dot for slide number 2" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14674" data-dotNumber="2"> 2 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14675"> <a href="#targetImage" aria-label="Mapping dot for slide number 3" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14675" data-dotNumber="3"> 3 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14676"> <a href="#targetImage" aria-label="Mapping dot for slide number 4" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14676" data-dotNumber="4"> 4 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14677"> <a href="#targetImage" aria-label="Mapping dot for slide number 5" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14677" data-dotNumber="5"> 5 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14678"> <a href="#targetImage" aria-label="Mapping dot for slide number 6" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14678" data-dotNumber="6"> 6 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14679"> <a href="#targetImage" aria-label="Mapping dot for slide number 7" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14679" data-dotNumber="7"> 7 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14680"> <a href="#targetImage" aria-label="Mapping dot for slide number 8" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14680" data-dotNumber="8"> 8 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14681"> <a href="#targetImage" aria-label="Mapping dot for slide number 9" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14681" data-dotNumber="9"> 9 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14682"> <a href="#targetImage" aria-label="Mapping dot for slide number 10" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14682" data-dotNumber="10"> 10 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14683"> <a href="#targetImage" aria-label="Mapping dot for slide number 11" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14683" data-dotNumber="11"> 11 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14684"> <a href="#targetImage" aria-label="Mapping dot for slide number 12" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14684" data-dotNumber="12"> 12 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14685"> <a href="#targetImage" aria-label="Mapping dot for slide number 13" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14685" data-dotNumber="13"> 13 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14686"> <a href="#targetImage" aria-label="Mapping dot for slide number 14" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14686" data-dotNumber="14"> 14 <span class="visuallyhidden">Welcome to Odessa!</span> </a> </li> <li class="" id="dot2620_14687"> <a href="#targetImage" aria-label="Mapping dot for slide number 15" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14687" data-dotNumber="15"> 15 <span class="visuallyhidden">Welcome to Odessa</span> </a> </li> <li class="" id="dot2620_14688"> <a href="#targetImage" aria-label="Mapping dot for slide number 16" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14688" data-dotNumber="16"> 16 <span class="visuallyhidden">Welcome to Odessa</span> </a> </li> <li class="" id="dot2620_14689"> <a href="#targetImage" aria-label="Mapping dot for slide number 17" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14689" data-dotNumber="17"> 17 <span class="visuallyhidden">Welcome to Odessa</span> </a> </li> <li class="" id="dot2620_14690"> <a href="#targetImage" aria-label="Mapping dot for slide number 18" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14690" data-dotNumber="18"> 18 <span class="visuallyhidden">Welcome to Odessa</span> </a> </li> <li class="" id="dot2620_14691"> <a href="#targetImage" aria-label="Mapping dot for slide number 19" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14691" data-dotNumber="19"> 19 <span class="visuallyhidden">Welcome to Odessa</span> </a> </li> <li class="" id="dot2620_14692"> <a href="#targetImage" aria-label="Mapping dot for slide number 20" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14692" data-dotNumber="20"> 20 <span class="visuallyhidden">Welcome to Odessa</span> </a> </li> <li class="" id="dot2620_14693"> <a href="#targetImage" aria-label="Mapping dot for slide number 21" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14693" data-dotNumber="21"> 21 <span class="visuallyhidden">Welcome to Odessa</span> </a> </li> <li class="" id="dot2620_14694"> <a href="#targetImage" aria-label="Mapping dot for slide number 22" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14694" data-dotNumber="22"> 22 <span class="visuallyhidden">Welcome to Odessa</span> </a> </li> <li class="" id="dot2620_14695"> <a href="#targetImage" aria-label="Mapping dot for slide number 23" role="button" onclick=" return false; " class="dotJS2620" data-targetImageli="2620_14695" data-dotNumber="23"> 23 <span class="visuallyhidden">Welcome to Odessa</span> </a> </li> </ol> <div aria-live="polite" aria-atomic="true" class="liveRegionJS2620 visuallyhidden"></div> <script type="text/javascript"> //  </script> </div> <script type="text/javascript"> (function () { const widgetHandlers = function (e) { $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div> <script type="text/javascript"> function SlideshowWidgetCallback(widgetID, response) { if (window.ContentCollectionInstance.IsWorkingCopy) { //Remove this field since the partial view adds it back. $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); else $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); contentUpdated(); } else { ContentCollectionInstance.reloadContent(); } $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); } (function (){ const widgetHandlers = function () { var hasEditRights = false; if (window.File && window.FileList && window.FileReader && hasEditRights) { var SlideshowWidget = 3; makeWidgetAreaDroppable('8668f50e-95c3-4d9a-af6c-09d190c5d7cc', $('#slideshow' + '8668f50e-95c3-4d9a-af6c-09d190c5d7cc'), SlideshowWidget, true, SlideshowWidgetCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '8668f50e-95c3-4d9a-af6c-09d190c5d7cc'), 'Click to start adding images.'); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="265397f5-3c32-4318-8c3d-27c9ff9d35b9"> <div class="row nest first last wide"> <div class="inner col col1 first last id1b844209-e1f0-447e-ab02-2b675078a088" style="" data-widgetcontainerid="1b844209-e1f0-447e-ab02-2b675078a088"> <div class="widget widgetSpacer" id="12adc47a-bf69-4c28-a011-b81ac2eb11fe"></div> </div>  </div>  </div><div class="outer col col12 last" style="" data-widgetcontainerid="2dc9cd70-ba42-421c-881b-fb33fea0625d"> <div class="row nest first last wide"> <div class="inner col col12 first last id29e3d94a-68eb-450a-bf18-d41ca659e9f0" style="" data-widgetcontainerid="29e3d94a-68eb-450a-bf18-d41ca659e9f0"> <div data-widget-id="0c9687fd-b7dd-4cc4-8b48-448dae6e8f09" data-widget-controller-path="/NewsFlash/Widget"> <section class="widget widgetNewsFlash skin109 widgetOptionSet57 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash0c9687fd-b7dd-4cc4-8b48-448dae6e8f09" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide" style=""> <div class="col col1 first last"> <ol class="semanticList"> <li class="widgetItem" data-news-i-d="2644"> <h4 id="newsFlashItemHeader2644" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=2644" target="_self">Welcome Home, Aaron Smith! </a></h4> <div class="widgetDesc"> <a href="/CivicAlerts.aspx?AID=2644" target="_self" id="newsFlashReadOn2644" aria-labelledby="newsFlashItemHeader2644 newsFlashReadOn2644" class="readOn">Read on...</a> </div> </li> <li class="widgetItem" data-news-i-d="2617"> <h4 id="newsFlashItemHeader2617" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=2617" target="_self">City Manager Opening </a></h4> <div class="widgetDesc"> <a href="/CivicAlerts.aspx?AID=2617" target="_self" id="newsFlashReadOn2617" aria-labelledby="newsFlashItemHeader2617 newsFlashReadOn2617" class="readOn">Read on...</a> </div> </li> <li class="widgetItem" data-news-i-d="2599"> <h4 id="newsFlashItemHeader2599" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=2599" target="_self">Water Meter Replacement Project/Proyecto de reemplazo de medidores de agua </a></h4> <div class="widgetDesc"> <a href="/CivicAlerts.aspx?AID=2599" target="_self" id="newsFlashReadOn2599" aria-labelledby="newsFlashItemHeader2599 newsFlashReadOn2599" class="readOn">Read on...</a> </div> </li> <li class="widgetItem" data-news-i-d="2645"> <h4 id="newsFlashItemHeader2645" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=2645" target="_self">Keep Our Community Clean! </a></h4> <div class="widgetDesc"> <a href="/CivicAlerts.aspx?AID=2645" target="_self" id="newsFlashReadOn2645" aria-labelledby="newsFlashItemHeader2645 newsFlashReadOn2645" class="readOn">Read on...</a> </div> </li> </ol> </div> </div> <a id="newsFlashViewAll0c9687fd-b7dd-4cc4-8b48-448dae6e8f09" class="widgetViewAll alignRight" style="" href="/CivicAlerts.aspx?CID=1,13" aria-label="News Flash View All">View All News</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer3"><div class="inner"> <div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent3a"> <div id="cc9ca534a3-c348-4a12-87a4-42042cd2a58c" data-containerid="9ca534a3-c348-4a12-87a4-42042cd2a58c" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="192bf67a-1c74-4fe9-9c4d-4ea4b3b05ea5"> <div class="row nest first last wide"> <div class="inner col col24 first last ide2a60ab5-3aa4-4655-9bbb-72b9129434b9" style="" data-widgetcontainerid="e2a60ab5-3aa4-4655-9bbb-72b9129434b9"> <div data-widget-id="b5c5be62-6006-4183-93c1-10384e0dbeb7" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkb5c5be62-6006-4183-93c1-10384e0dbeb7" class="widget widgetQuickLinks skin106 widgetOptionSet39 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> <header class="widgetHeader" id="quickLinksHeaderb5c5be62-6006-4183-93c1-10384e0dbeb7"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/381/Police" target="_self" >Odessa Police</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/271/Fire-Rescue" target="_self" >Odessa Fire Rescue</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.odessa-tx.gov/1272/Geointelligence-GIS" target="_blank" aria-label="Geointelligence opens in new window">Geointelligence</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/804/Development" target="_self" >Development</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div><div data-cpRole="contentContainer" id="homeContent3b"> <div id="cca6ed5e79-3486-42f5-b3f0-699fc3fb43d8" data-containerid="a6ed5e79-3486-42f5-b3f0-699fc3fb43d8" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="b6031c8d-0600-406f-8464-95e55fcdae96"> <div class="row nest first wide"> <div class="inner col col24 first last idfef3c2ac-e81e-41b8-857e-f9005abcedad" style="" data-widgetcontainerid="fef3c2ac-e81e-41b8-857e-f9005abcedad"> <div data-widget-id="98091dd4-d147-48ac-b419-74c324b1d2ff" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv98091dd4-d147-48ac-b419-74c324b1d2ff" class="widget widgetInfoAdvanced skin110 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header98091dd4-d147-48ac-b419-74c324b1d2ff"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline" style="text-align: center;">MEETINGS & EVENTS</h1> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv98091dd4-d147-48ac-b419-74c324b1d2ff .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last id2728da53-d625-4c6d-ad2f-ecde542c48c5" style="" data-widgetcontainerid="2728da53-d625-4c6d-ad2f-ecde542c48c5"> <div data-widget-id="e2e2862a-2a87-4b47-841a-3f587a2f1eab" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendare2e2862a-2a87-4b47-841a-3f587a2f1eab" class="widget widgetCalendar skin108 widgetOptionSet58 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid2 mediaAbove"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar" style=""> <input type="hidden" name="monthToRender" data-year="2025" data-month="02" /> <h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" id="miniCalendarHeadere2e2862a-2a87-4b47-841a-3f587a2f1eab"><button aria-label="Previous Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><div tabindex="0" class="cp-miniCalendar-title">February 2025</div><button aria-label="Next Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> <table role="grid" aria-labelledby="miniCalendarHeadere2e2862a-2a87-4b47-841a-3f587a2f1eab" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> Sun </abbr></th> <th scope="col"><abbr title=" Monday "> Mon </abbr></th> <th scope="col"><abbr title=" Tuesday "> Tue </abbr></th> <th scope="col"><abbr title=" Wednesday "> Wed </abbr></th> <th scope="col"><abbr title=" Thursday "> Thu </abbr></th> <th scope="col"><abbr title=" Friday "> Fri </abbr></th> <th scope="col"><abbr title=" Saturday "> Sat </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span> </span></td> <td class="not"><span> </span></td> <td class="not"><span> </span></td> <td class="not"><span> </span></td> <td class="not"><span> </span></td> <td class="not"><span> </span></td> <td><span><time datetime="2025-02-01"> 1</time></span></td> </tr> <tr><td><span><time datetime="2025-02-02"> 2</time></span></td> <td><span><time datetime="2025-02-03"> 3</time></span></td> <td><span><time datetime="2025-02-04"> 4</time></span></td> <td><span><time datetime="2025-02-05"> 5</time></span></td> <td><span><time datetime="2025-02-06"> 6</time></span></td> <td><span><time datetime="2025-02-07"> 7</time></span></td> <td><span><time datetime="2025-02-08"> 8</time></span></td> </tr> <tr><td><span><time datetime="2025-02-09"> 9</time></span></td> <td><span><time datetime="2025-02-10">10</time></span></td> <td><span><time datetime="2025-02-11">11</time></span></td> <td><span><time datetime="2025-02-12">12</time></span></td> <td><span><time datetime="2025-02-13">13</time></span></td> <td><span><time datetime="2025-02-14">14</time></span></td> <td><span><time datetime="2025-02-15">15</time></span></td> </tr> <tr><td><span><time datetime="2025-02-16">16</time></span></td> <td><span><time datetime="2025-02-17">17</time></span></td> <td><span><time datetime="2025-02-18">18</time></span></td> <td><span><time datetime="2025-02-19">19</time></span></td> <td><span><time datetime="2025-02-20">20</time></span></td> <td><span><time datetime="2025-02-21">21</time></span></td> <td><span><time datetime="2025-02-22">22</time></span></td> </tr> <tr><td><span><time datetime="2025-02-23">23</time></span></td> <td><span><time datetime="2025-02-24">24</time></span></td> <td><span><time datetime="2025-02-25">25</time></span></td> <td><span><time datetime="2025-02-26">26</time></span></td> <td><span><time datetime="2025-02-27">27</time></span></td> <td class="today"><span><time datetime="2025-02-28">28</time></span></td> <td class="not"><span> </span></td> </tr> </tbody> </table> </div> <script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script> <script> $(function () { var miniCalendar = new MiniCalendar(); miniCalendar.init({ widgetId: "e2e2862a-2a87-4b47-841a-3f587a2f1eab", preventNavigationOnArrows: false, displayDatesOutsideOfCurrentMonth: false }); }); </script> <div class="row narrow" style=""> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="[]" name="day-list" /> <p class="widgetItem">There are no published events in current month.</p> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div></div> </div><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccbca5003b-7e57-440f-bf03-dba820d5444a" data-containerid="bca5003b-7e57-440f-bf03-dba820d5444a" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="57"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="8252fb77-def4-490b-b637-f42122f1b40d"> <div class="row nest first last wide"> <div class="inner col col24 first last id12ec5782-d548-46fa-9a58-07cdf1b144b0" style="" data-widgetcontainerid="12ec5782-d548-46fa-9a58-07cdf1b144b0"> <div data-widget-id="ba04dab2-aae9-42e2-b54d-aa7ef7beaa3f" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvba04dab2-aae9-42e2-b54d-aa7ef7beaa3f" class="widget widgetInfoAdvanced skin102 widgetOptionSet55 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:57em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerba04dab2-aae9-42e2-b54d-aa7ef7beaa3f"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid6 "> <div class="row autoWidths center wide"> <div class="col col1 first "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p style="text-align: center;">CITY OF ODESSA</p> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p>411 W 8th Street</p> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p style="text-align: center;">Odessa, TX 79760</p> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p style="text-align: center;">Phone:<a href="tel:4323353200">432-335-3200</a></p> </li> </ol> </div> <div class="col col1 last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p style="text-align: center;"><a href="/Directory.aspx">Department Directory</a></p> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvba04dab2-aae9-42e2-b54d-aa7ef7beaa3f .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="a93a4ca2-ebf0-40cb-99be-6b214bcd0558"> <div class="row nest first last wide"> <div class="inner col col24 first last idc16f8333-b2d7-4e42-a684-0917281b5434" style="" data-widgetcontainerid="c16f8333-b2d7-4e42-a684-0917281b5434"> <div data-widget-id="85d45c98-2939-48e1-bf08-fb660d12561c" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink85d45c98-2939-48e1-bf08-fb660d12561c" class="widget widgetQuickLinks skin102 widgetOptionSet54 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:57em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> <header class="widgetHeader" id="quickLinksHeader85d45c98-2939-48e1-bf08-fb660d12561c"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid7 "> <div class="row autoWidths center narrow"> <div class="col col1 first "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.odessa-tx.gov/171/Code-Enforcement" target="_blank" aria-label="Code Enforcement opens in new window">Code Enforcement</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.odessa-tx.gov/257/Public-Works" target="_blank" aria-label="Public Works opens in new window">Public Works</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.odessa-tx.gov/292/Utilities" target="_blank" aria-label="Utilities opens in new window">Utilities</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.odessa-tx.gov/390/Municipal-Court" target="_blank" aria-label="Municipal Court opens in new window">Municipal Court</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> </ol> </div> <div class="col col1 "> <ol class="semanticList"> </ol> </div> <div class="col col1 "> <ol class="semanticList"> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div></div> </footer><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap4"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc73bae154-b05a-48b9-9db4-63393f905718" data-containerid="73bae154-b05a-48b9-9db4-63393f905718" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="a26c20b7-0dee-4522-a7c8-9bfe9f652a85"> <div class="row nest first last wide"> <div class="inner col col24 first last idb352c7e9-a27d-47db-bd4a-54e4ef100497" style="" data-widgetcontainerid="b352c7e9-a27d-47db-bd4a-54e4ef100497"> <div data-widget-id='4b83cc60-4621-4598-9a60-3326c60dd9dc' data-moduleName="customHtml" id='widgetCustomHtml4b83cc60-4621-4598-9a60-3326c60dd9dc' class="widget widgetCustomHtml skin103 narrow" > <div class="widgetBody pageStyles" id="widgetBody4b83cc60-4621-4598-9a60-3326c60dd9dc"> <div id="customHtml4b83cc60-4621-4598-9a60-3326c60dd9dc"><div><style> /* CP icon */ .cpBylineIconTS { } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link { } .cpBylineTS { text-align: center; } .p{ color:#AF282E; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } </style> <div class="widgetItem cpBylineTS"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> <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> <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> </svg> <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> </div> </div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> <div id="banner2-118" style="display: none"></div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderBanner('banner2-118', 'banner2', {"BannerOptionID":118,"ThemeID":35,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":393,"BannerOptionID":118,"FileName":"/ImageRepository/Document?documentID=8460","Height":1150,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":14,"BannerOptionID":118,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202312141446443433.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, {"BannerImageID":393,"BannerOptionID":118,"FileName":"/ImageRepository/Document?documentID=8460","Height":1150,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, '/App_Themes/2023 - Home/Images/', '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=8460" />'); }); }); </script> </div> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <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"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" 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> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc">  Loading </div> </div> <div class="cp-Splash-footer"> <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> </div> </div> </div> <div tabindex="0"></div> <script src="/Assets/Scripts/APIClient.js"></script> <script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script> <script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script> <script> $(document).ready(function () { var filter = { targetId: '1', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/-700606170.js" type="text/javascript"></script>  <script> function getValueTS(elem, attr) { const val = elem.css(attr); if (val === undefined) return undefined; const num = parseInt(val, 10); if (num === NaN) return undefined; return num; } function clampTS(number, min, max) { return Math.min(Math.max(number, min), max); } function isPageEditingTS() { return ( $("#doneEditing").length > 0 || // In live edit typeof DesignCenter !== "undefined" // In theme manager ); } const bgColorRegexTS = /rgba$(\d+), (\d+), (\d+), (\d*\.?\d*)$/; function isTransparentTS(elem) { const bg = elem.css('background-color'); if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; const matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; const alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-leftpad') === null ) { cb(containerTS); } } } function iterateRightpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-rightpad') === null ) { cb(containerTS); } } } const anchor = $("#divToolbars"); // Outer banner padding (push banner down) const outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers const innerSizingTS = $("#bannerSizingTS"); const bodyContainerTS = $("#bodyContainerTS"); const headerContainerTS = $("#headerContainerTS"); const forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); const fixedRightTS = $(".fixedRightTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); const attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { const editing = isPageEditingTS(); // Fixed top script (function () { if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; if (editing) { fixedTopTS[0].classList.add(forceUnfixClassTS); } else { fixedTopTS[0].classList.remove(forceUnfixClassTS); } const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { const anchorHeight = anchor.outerHeight() - 1; fixedTopTS.css('top', anchorHeight + initialTopTS); } } else { fixedTopTS.css('top', initialTopTS); } if (topPosition === 'fixed' || topPosition === 'absolute') { // Bump the banner content down if (isTransparentTS(fixedTopTS)) { innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); innerSizingTS.css('padding-top', ''); } } else { innerSizingTS.css('padding-top', ''); outerSizingTS.css('padding-top', ''); } })(); // Fixed bottom script (function () { if (!fixedBottomTS || fixedBottomTS.length === 0) return; // If the widget has gone narrow, force unfix if (editing || fixedBottomTS.outerHeight() > 200) { fixedBottomTS[0].classList.add(forceUnfixClassTS); } else { fixedBottomTS[0].classList.remove(forceUnfixClassTS); } if (fixedBottomTS.css('position') === 'fixed') { bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); } else { bodyContainerTS.css('padding-bottom', ''); } })(); // Fixed left script (function () { if (!fixedLeftTS || fixedLeftTS.length === 0) return; if (editing) { fixedLeftTS[0].classList.add(forceUnfixClassTS); } else { fixedLeftTS[0].classList.remove(forceUnfixClassTS); } if (fixedLeftTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; const headerHeight = headerContainerTS.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight + headerHeight + 100); const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); // Fixed right script (function () { if (!fixedRightTS || fixedRightTS.length === 0) return; if (editing) { fixedRightTS[0].classList.add(forceUnfixClassTS); } else { fixedRightTS[0].classList.remove(forceUnfixClassTS); } if (fixedRightTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; const headerHeight = headerContainerTS.outerHeight() - 1; fixedRightTS.css('top', anchorHeight + headerHeight + 100); const rightBoundingTS = fixedRightTS[0].getBoundingClientRect(); iterateRightpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= rightBoundingTS.right) { $(containerTS).css('padding-right', rightBoundingTS.width + 16); } }); } else { fixedRightTS.css('top', ''); iterateRightpads(function (containerTS) { $(containerTS).css('padding-right', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { const anchorBounding = anchor[0].getBoundingClientRect(); const attachBounding = topAttachTS[0].getBoundingClientRect(); const scrollTop = $(window).scrollTop(); fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); } else { fixedTopTS.css('top', initialTopTS); } } $(window).load(function () { setTimeout(function () { resizeAdjustmentTS(); }, 350); $(window).scroll(function () { scrollAdjustmentTS(); }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { resizeAdjustmentTS(); }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { resizeAdjustmentTS(); }); }); </script>   <style> #google-translate-container { float: right; padding: 3px 5px 0px 0px; position: fixed; bottom: 16px; right: 110px; z-index: 5; } .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * { font-family: arial; font-size: 10pt; background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png"); background-position: 5px 5px; background-size: 18px; background-repeat: no-repeat; text-indent: 16px; background-color: #fff; color: #000 !important; } .goog-logo-link { display: none !important; } .goog-te-gadget { color: transparent !important; } .goog-te-gadget .goog-te-combo { margin: 2px 0 !important; border-radius: 15px !important; } .goog-te-combo{ border: 1px solid !important; border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important; border-radius: 50px !important; height:31px !important; padding: 0 1px 0 .25rem !important; width: 156px; } #launcher-wrapper { bottom: 50px !important; } </style> <div id="google-translate-container"> <div id="google_translate_element"> </div> </div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); // begin accessibility compliance $('img.goog-te-gadget-icon').attr('alt','Google Translate'); $('div#goog-gt-tt div.logo img').attr('alt','translate'); $('div#goog-gt-tt .original-text').css('text-align','left'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); $('.goog-te-combo').attr('aria-label','google translate languages'); $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); } $(function() { $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); }); </script>   <script> function moveBannerToOuterWrap() { if ($(".fixedBannerTS #bannerDivbanner2").length) { $(".fixedBannerTS #bannerDivbanner2").appendTo("#outer-wrap"); } else { setTimeout(function () { moveBannerToOuterWrap(); }, 500); } } moveBannerToOuterWrap(); </script> <script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash="8b4080e142fa77fb9869331323d1edba";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>  <script type="text/javascript"> $(function () { document.cookie = "responsiveGhost=0; path=/"; }); $(window).on("load", function () { $('body').addClass('doneLoading').removeClass('hideContent'); if ($('#404Content').length > 0) $('div#bodyWrapper').css('padding', '0px'); }); </script> <noscript> <style> body.hideContent { opacity: 1 !important; } </style> </noscript> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> <symbol id="iconArrow--left" viewbox="0 0 25 25"> <title>Arrow Left</title> <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> </symbol> <symbol id="iconArrow--right" viewbox="0 0 25 25"> <title>Arrow Right</title> <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> </symbol> </svg> </div> <script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lato:700,700italic,italic,regular|Open+Sans:300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Oswald:200,300,500,600,700,regular|Raleway:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|');</script> <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> <title>Slideshow Left Arrow</title> <g> <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> </g> </symbol> <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> <title>Slideshow Right Arrow</title> <g> <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> </g> </symbol> </svg> </div> <div id="root-picker-outlet"></div> </body> </html>