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-PM33NKDPRB';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鈥檚 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: 60em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = false; 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"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10760591-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_6615.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TVJWMS4');</script>    <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '425571826240853'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=425571826240853&ev=PageView &noscript=1"/> </noscript>   <meta name="facebook-domain-verification" content="fnhmq76dgqlxdtc206mawupi1t88c3" />   <meta name="facebook-domain-verification" content="royl9p57kmwvat65av9v86uc6pvg8k" />   <meta name="facebook-domain-verification" content="8j5xr79as8n2tst4e8bcvh61ndmccj" />  <meta name="category0" content="Home" /> <meta name="theme-color" content="#00704a"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Greenville, SC - Official Website | Official Website</title> <meta name="description" content="Official homepage for the city of Greenville, South Carolina"> <meta name="keywords" content="Greenville,City,Local,Government,Municipal,parks,public works,economic development,streets,parking"> <meta name="facebook-domain-verification" content="royl9p57kmwvat65av9v86uc6pvg8k"/> <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="/2045813088.css" rel="stylesheet" type="text/css" /> <link href="/-2140193130.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="#cc9b263b9d-a7e2-4e23-b747-b6d686e76be0" 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="3" /> <input type="hidden" id="hdnContentCollectionID" value="208a03f6-18ed-4cab-9e38-85e021ed08fc" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="22" /> <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> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>  <div data-cpRole="structuralContainer" id="structuralContainer1"> <div data-cpRole="structuralContainer" id="structuralContainer2"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="structuralContainer3"> <div class="siteWrap"><header class="siteHeader"><div data-cpRole="banner" id="banner2" class="logo_ts empty"> <a id="banner2-120" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Homepage" class="bannerObject" height="179" src="/ImageRepository/Document?documentID=12906" width="388" /></a> </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="MainItem950" class="topMenuItem" role="none" data-pageid="950" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2" href="/950/Departments" target = "_self" > Departments </a> </li><li id="MainItem1595" class="topMenuItem" role="none" data-pageid="1595" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem3" href="/1595/Business" target = "_self" > Business </a> </li><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavVisitors" class="navMainItem mainNavItem mainNavItem4" href="/101/Visitors" target = "_self" > Visitors </a> </li><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavResidents" class="navMainItem mainNavItem mainNavItem5" href="/31/Residents" target = "_self" > Residents </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=22&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = true; 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="0"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cccfa66957-c1cd-4bb1-8493-578bd038e8ef" data-containerid="cfa66957-c1cd-4bb1-8493-578bd038e8ef" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu950" class="contentTop mainNavMegaMenu megaMenuContainer pageID_950 hidden" data-orientation="horizontal"> <div id="cc5f242234-b9be-44b9-ad05-6c6d1c0984dd" data-containerid="5f242234-b9be-44b9-ad05-6c6d1c0984dd" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1595" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1595 hidden" data-orientation="horizontal"> <div id="cc2fb76e8a-3cde-41fc-8002-85e61598b5ff" data-containerid="2fb76e8a-3cde-41fc-8002-85e61598b5ff" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc53f7d4a0-cbb9-4747-96f1-e62a2cd3b4df" data-containerid="53f7d4a0-cbb9-4747-96f1-e62a2cd3b4df" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc5b86061f-fcf8-4a49-b946-37be79127e3e" data-containerid="5b86061f-fcf8-4a49-b946-37be79127e3e" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></header></div> </div><div data-cpRole="structuralContainer" id="structuralContainer4"> <div class="siteWrap"><aside data-cpRole="contentContainer" id="contentContainer4a" class="search_ts"> <div id="cc6026b21a-63c2-4320-9471-5541fbdfea66" data-containerid="6026b21a-63c2-4320-9471-5541fbdfea66" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="25"> <div class="row outer autoWidths center wide"><div class="outer col col4 first" style="" data-widgetcontainerid="c6d76773-3e49-4777-83f4-93a36c027958"> <div class="row nest first last wide"> <div class="inner col col4 first last id096f5161-2810-4793-9274-8c4b6b414f91" style="" data-widgetcontainerid="096f5161-2810-4793-9274-8c4b6b414f91"> <div data-widget-id="1ab01887-b288-4b54-be2a-ef03c321cf03" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget1ab01887-b288-4b54-be2a-ef03c321cf03" class="widget widgetGraphicLinks skin67 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid1 "> <div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.greenvillesc.gov" target="_self" aria-label="Home graphic"><img src="/ImageRepository/Document?documentID=13093" class="graphicButtonLink" alt="Home" onmouseover="this.src='/ImageRepository/Document?documentID=13095'" onmouseout="this.src='/ImageRepository/Document?documentID=13093'" onfocus="this.src='/ImageRepository/Document?documentID=13095'" onblur="this.src='/ImageRepository/Document?documentID=13093'"> </a></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col20 last" style="" data-widgetcontainerid="71833aa2-a3e0-46d9-8e8a-fe2868e399f1"> <div class="row nest first last wide"> <div class="inner col col20 first last id536ded89-7800-4cb9-8836-96444ff93e2f" style="" data-widgetcontainerid="536ded89-7800-4cb9-8836-96444ff93e2f"> <div data-widget-id="29912188-6399-41f0-bfb1-5fac323e7bb3" 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.widgetSearchButton29912188-6399-41f0-bfb1-5fac323e7bb3").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept29912188-6399-41f0-bfb1-5fac323e7bb3").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField29912188-6399-41f0-bfb1-5fac323e7bb3").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept29912188-6399-41f0-bfb1-5fac323e7bb3").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept29912188-6399-41f0-bfb1-5fac323e7bb3").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField29912188-6399-41f0-bfb1-5fac323e7bb3").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept29912188-6399-41f0-bfb1-5fac323e7bb3").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 ($("#searchField29912188-6399-41f0-bfb1-5fac323e7bb3").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField29912188-6399-41f0-bfb1-5fac323e7bb3")); } } }); }, 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 skin67 widgetOptionSet15" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox29912188-6399-41f0-bfb1-5fac323e7bb3" cp5ph="true" id="searchField29912188-6399-41f0-bfb1-5fac323e7bb3" name="searchField" onchange="searchBtnApplyQuery();" placeholder="I鈥檓 Looking For..." title="I鈥檓 Looking For..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton29912188-6399-41f0-bfb1-5fac323e7bb3" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=12912" data-image="/ImageRepository/Document?documentID=12911" src="/ImageRepository/Document?documentID=12911" /></a> <label class="searchLabel" for="searchField29912188-6399-41f0-bfb1-5fac323e7bb3">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #6e7272; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #6e7272; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #6e7272; } .widgetSearch :-ms-input-placeholder { color: #6e7272; } .widgetSearch .widgetBody .widgetSearchBox29912188-6399-41f0-bfb1-5fac323e7bb3 { color: #6e7272; background: #ffffff; padding: 22px 67px 23px 20px; border: 0; border-radius: 35px; box-shadow: 0px 5px 21px -5px rgba(0,0,0,0.21); line-height: 1; font-family:'Lato', sans-serif; font-size:1.2em; } .widgetSearch .widgetBody .widgetSearchButton29912188-6399-41f0-bfb1-5fac323e7bb3 { margin:0; } .widgetSearch .widgetSearch-onlyDept29912188-6399-41f0-bfb1-5fac323e7bb3 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept29912188-6399-41f0-bfb1-5fac323e7bb3 { 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("searchField29912188-6399-41f0-bfb1-5fac323e7bb3").value; } </script> </div> </div>  </div>  </div></div>  <div class="row outer autoWidths center wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="cf1d9f61-3a1b-41d4-a972-ce349af11425"> <div class="row nest first last wide"> <div class="inner col col24 first last id9134eb36-b4c1-44c0-a14a-99465c0bdb0b" style="" data-widgetcontainerid="9134eb36-b4c1-44c0-a14a-99465c0bdb0b"> <div data-widget-id="174e67ce-c575-49c8-8cb2-a0283ef531c6" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget174e67ce-c575-49c8-8cb2-a0283ef531c6" class="widget widgetGraphicLinks skin67 widgetOptionSet24 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' 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="Go to Facebook graphic"><img src="/ImageRepository/Document?documentID=34" class="graphicButtonLink" alt="Go to Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=33'" onmouseout="this.src='/ImageRepository/Document?documentID=34'" onfocus="this.src='/ImageRepository/Document?documentID=33'" onblur="this.src='/ImageRepository/Document?documentID=34'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/CityGreenville" target="_self" aria-label="Visit Twitter online graphic"><img src="/ImageRepository/Document?documentID=36" class="graphicButtonLink" alt="Visit Twitter online" onmouseover="this.src='/ImageRepository/Document?documentID=35'" onmouseout="this.src='/ImageRepository/Document?documentID=36'" onfocus="this.src='/ImageRepository/Document?documentID=35'" onblur="this.src='/ImageRepository/Document?documentID=36'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self" aria-label="YouTube graphic"><img src="/ImageRepository/Document?documentID=38" class="graphicButtonLink" alt="YouTube" onmouseover="this.src='/ImageRepository/Document?documentID=37'" onmouseout="this.src='/ImageRepository/Document?documentID=38'" onfocus="this.src='/ImageRepository/Document?documentID=37'" onblur="this.src='/ImageRepository/Document?documentID=38'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://instagram.com/cityofgreenvillesc/" target="_blank" aria-label="Instagram graphic opens in new window"><img src="/ImageRepository/Document?documentID=3370" class="graphicButtonLink" alt="Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=3371'" onmouseout="this.src='/ImageRepository/Document?documentID=3370'" onfocus="this.src='/ImageRepository/Document?documentID=3371'" onblur="this.src='/ImageRepository/Document?documentID=3370'"> </a></div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/cityofgreenvillesc/" target="_self" aria-label="social linkedin default graphic"><img src="/ImageRepository/Document?documentID=29362" class="graphicButtonLink" alt="social linkedin default" onmouseover="this.src='/ImageRepository/Document?documentID=29363'" onmouseout="this.src='/ImageRepository/Document?documentID=29362'" onfocus="this.src='/ImageRepository/Document?documentID=29363'" onblur="this.src='/ImageRepository/Document?documentID=29362'"> </a></div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </aside></div> </div><div data-cpRole="structuralContainer" id="structuralContainer16"> <div class="siteWrap2"><aside data-cpRole="contentContainer" id="contentContainer16a" class="welcome_ts"> <div id="ccb04eb6d6-951d-4427-9da6-c7614a18b762" data-containerid="b04eb6d6-951d-4427-9da6-c7614a18b762" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside></div> </div> <div id="bannerImagesJSON121" class="hidden"></div> <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> </div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderExternalBannerSlideshow('banner1', {"BannerOptionID":121,"ThemeID":22,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":3,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"2","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":692,"BannerOptionID":121,"FileName":"/ImageRepository/Document?documentID=30322","Height":965,"Width":2600,"StartingOn":"\/Date(1735711200000)\/","StoppingOn":"\/Date(1772258400000)\/","IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":7,"BannerOptionID":121,"VideoFileName":"/ModuleFiles/BannerVideos/MainWebBanner_Jan2024-20240125064124.mp4","ImageFileName":"/ImageRepository/Document?documentID=26152","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":1920,"VideoHeight":1080,"ImageWidth":1920,"ImageHeight":1080,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Home/Images/', 'Slideshow'); }); }); </script> </div> </div><div data-cpRole="structuralContainer" id="structuralContainer10"> <div class="siteWrap2"><aside data-cpRole="contentContainer" id="contentContainer10a"> <div id="cccdd25e76-98b9-4b5b-a2c0-8608c6d9c7cf" data-containerid="cdd25e76-98b9-4b5b-a2c0-8608c6d9c7cf" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="15"> <div class="row outer wide"><div class="outer col col12 first" style="" data-widgetcontainerid="03fd4871-1c53-4b96-873d-1f185c30b205"> <div class="row nest first last wide"> <div class="inner col col12 first last idf3bc3f2e-ec99-4594-b93a-1c7c22132b99" style="" data-widgetcontainerid="f3bc3f2e-ec99-4594-b93a-1c7c22132b99"> <div data-widget-id="0f124edc-e2e1-4bce-b8c5-57de5b7bd42e" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget0f124edc-e2e1-4bce-b8c5-57de5b7bd42e" class="widget widgetGraphicLinks skin69 widgetOptionSet25 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid4 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/72" target="_self" class="fancyButton fancyButton832 " > <span> <span><span class="text">Special <br>Events</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton832.fancyButton:link,.fancyButton832.fancyButton:visited, .fancyButton832div.fancyButton{ padding-top: 105px; background-image: url('/ImageRepository/Document?documentID=12923'); background-repeat: no-repeat; background-position: center top; transition: background .3s ease-in-out;} .fancyButton832.fancyButton:hover,.fancyButton832.fancyButton:focus,.fancyButton832.fancyButton:active,.fancyButton832.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12939'); } .fancyButton832.fancyButton:link > span,.fancyButton832.fancyButton:visited > span, .fancyButton832div.fancyButton > span{ } .fancyButton832.fancyButton:hover > span,.fancyButton832.fancyButton:focus > span,.fancyButton832.fancyButton:active > span,.fancyButton832.fancyButton.hover > span{ } .fancyButton832.fancyButton .text{ color: #202020; font-size: 1em; font-family: "Arial"; text-align: center; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3;} .fancyButton832.fancyButton:hover .text,.fancyButton832.fancyButton:focus .text,.fancyButton832.fancyButton:active .text,.fancyButton832.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/513" target="_self" class="fancyButton fancyButton831 " > <span> <span><span class="text">Parking</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton831.fancyButton:link,.fancyButton831.fancyButton:visited, .fancyButton831div.fancyButton{ padding-top: 105px; background-image: url(/ImageRepository/Document?documentID=12919); background-repeat: no-repeat; background-position: center top; transition: background .3s ease-in-out;} .fancyButton831.fancyButton:hover,.fancyButton831.fancyButton:focus,.fancyButton831.fancyButton:active,.fancyButton831.fancyButton.hover{ background-image: url(/ImageRepository/Document?documentID=12920); } .fancyButton831.fancyButton:link > span,.fancyButton831.fancyButton:visited > span, .fancyButton831div.fancyButton > span{ } .fancyButton831.fancyButton:hover > span,.fancyButton831.fancyButton:focus > span,.fancyButton831.fancyButton:active > span,.fancyButton831.fancyButton.hover > span{ } .fancyButton831.fancyButton .text{ color: #202020; font-size: 1em; font-family: "Arial"; text-align: center; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3;} .fancyButton831.fancyButton:hover .text,.fancyButton831.fancyButton:focus .text,.fancyButton831.fancyButton:active .text,.fancyButton831.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/1843" target="_self" class="fancyButton fancyButton1490 " > <span> <span><span class="text">unity <br>park</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1490.fancyButton:link,.fancyButton1490.fancyButton:visited, .fancyButton1490div.fancyButton{ padding-top: 105px; background-image: url('/ImageRepository/Document?documentID=21141'); background-repeat: no-repeat; background-position: center top; transition: background .3s ease-in-out;} .fancyButton1490.fancyButton:hover,.fancyButton1490.fancyButton:focus,.fancyButton1490.fancyButton:active,.fancyButton1490.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=21142'); } .fancyButton1490.fancyButton:link > span,.fancyButton1490.fancyButton:visited > span, .fancyButton1490div.fancyButton > span{ } .fancyButton1490.fancyButton:hover > span,.fancyButton1490.fancyButton:focus > span,.fancyButton1490.fancyButton:active > span,.fancyButton1490.fancyButton.hover > span{ } .fancyButton1490.fancyButton .text{ color: #202020; font-size: 1em; font-family: "Arial"; text-align: center; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3;} .fancyButton1490.fancyButton:hover .text,.fancyButton1490.fancyButton:focus .text,.fancyButton1490.fancyButton:active .text,.fancyButton1490.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/167" target="_self" class="fancyButton fancyButton2978 " > <span> <span><span class="text">falls <br>park</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton2978.fancyButton:link,.fancyButton2978.fancyButton:visited, .fancyButton2978div.fancyButton{ padding-top: 105px; background-image: url(/ImageRepository/Document?documentID=21139); background-repeat: no-repeat; background-position: center top; transition: background .3s ease-in-out;} .fancyButton2978.fancyButton:hover,.fancyButton2978.fancyButton:focus,.fancyButton2978.fancyButton:active,.fancyButton2978.fancyButton.hover{ background-image: url(/ImageRepository/Document?documentID=21140); } .fancyButton2978.fancyButton:link > span,.fancyButton2978.fancyButton:visited > span, .fancyButton2978div.fancyButton > span{ } .fancyButton2978.fancyButton:hover > span,.fancyButton2978.fancyButton:focus > span,.fancyButton2978.fancyButton:active > span,.fancyButton2978.fancyButton.hover > span{ } .fancyButton2978.fancyButton .text{ color: #202020; font-size: 1em; font-family: "Arial"; text-align: center; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3;} .fancyButton2978.fancyButton:hover .text,.fancyButton2978.fancyButton:focus .text,.fancyButton2978.fancyButton:active .text,.fancyButton2978.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col12 last" style="" data-widgetcontainerid="80fa6d54-f02e-4d62-89ad-bf2b3b2c1c08"> <div class="row nest first last wide"> <div class="inner col col12 first last id93e7ff44-9005-4f2d-b4d7-28acfa6c6476" style="" data-widgetcontainerid="93e7ff44-9005-4f2d-b4d7-28acfa6c6476"> <div data-widget-id="2398cecd-0198-4538-b3dc-6096992dbc61" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget2398cecd-0198-4538-b3dc-6096992dbc61" class="widget widgetGraphicLinks skin69 widgetOptionSet25 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid4 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/151/Greenlink-Transit" target="_self" class="fancyButton fancyButton833 " > <span> <span><span class="text">Bus & <br>Trolley</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton833.fancyButton:link,.fancyButton833.fancyButton:visited, .fancyButton833div.fancyButton{ padding-top: 105px; background-image: url('/ImageRepository/Document?documentID=12915'); background-repeat: no-repeat; background-position: center top; transition: background .3s ease-in-out;} .fancyButton833.fancyButton:hover,.fancyButton833.fancyButton:focus,.fancyButton833.fancyButton:active,.fancyButton833.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12936'); } .fancyButton833.fancyButton:link > span,.fancyButton833.fancyButton:visited > span, .fancyButton833div.fancyButton > span{ } .fancyButton833.fancyButton:hover > span,.fancyButton833.fancyButton:focus > span,.fancyButton833.fancyButton:active > span,.fancyButton833.fancyButton.hover > span{ } .fancyButton833.fancyButton .text{ color: #202020; font-size: 1em; font-family: "Arial"; text-align: center; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3;} .fancyButton833.fancyButton:hover .text,.fancyButton833.fancyButton:focus .text,.fancyButton833.fancyButton:active .text,.fancyButton833.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/1633" target="_self" class="fancyButton fancyButton1107 " > <span> <span><span class="text">AFFORDABLE<br>HOUSING</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1107.fancyButton:link,.fancyButton1107.fancyButton:visited, .fancyButton1107div.fancyButton{ padding-top: 105px; background-image: url('/ImageRepository/Document?documentID=21586'); background-repeat: no-repeat; background-position: center top; transition: background .3s ease-in-out;} .fancyButton1107.fancyButton:hover,.fancyButton1107.fancyButton:focus,.fancyButton1107.fancyButton:active,.fancyButton1107.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=21587'); } .fancyButton1107.fancyButton:link > span,.fancyButton1107.fancyButton:visited > span, .fancyButton1107div.fancyButton > span{ } .fancyButton1107.fancyButton:hover > span,.fancyButton1107.fancyButton:focus > span,.fancyButton1107.fancyButton:active > span,.fancyButton1107.fancyButton.hover > span{ } .fancyButton1107.fancyButton .text{ color: #202020; font-size: 1em; font-family: "Arial"; text-align: center; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3;} .fancyButton1107.fancyButton:hover .text,.fancyButton1107.fancyButton:focus .text,.fancyButton1107.fancyButton:active .text,.fancyButton1107.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/150" target="_self" class="fancyButton fancyButton834 " > <span> <span><span class="text">Parks & <br>Recreation</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton834.fancyButton:link,.fancyButton834.fancyButton:visited, .fancyButton834div.fancyButton{ padding-top: 105px; background-image: url('/ImageRepository/Document?documentID=12921'); background-repeat: no-repeat; background-position: center top; transition: background .3s ease-in-out;} .fancyButton834.fancyButton:hover,.fancyButton834.fancyButton:focus,.fancyButton834.fancyButton:active,.fancyButton834.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12938'); } .fancyButton834.fancyButton:link > span,.fancyButton834.fancyButton:visited > span, .fancyButton834div.fancyButton > span{ } .fancyButton834.fancyButton:hover > span,.fancyButton834.fancyButton:focus > span,.fancyButton834.fancyButton:active > span,.fancyButton834.fancyButton.hover > span{ } .fancyButton834.fancyButton .text{ color: #202020; font-size: 1em; font-family: "Arial"; text-align: center; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3;} .fancyButton834.fancyButton:hover .text,.fancyButton834.fancyButton:focus .text,.fancyButton834.fancyButton:active .text,.fancyButton834.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/agendacenter" target="_self" class="fancyButton fancyButton835 " > <span> <span><span class="text">Agendas & <br>Minutes</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton835.fancyButton:link,.fancyButton835.fancyButton:visited, .fancyButton835div.fancyButton{ padding-top: 105px; background-image: url('/ImageRepository/Document?documentID=12913'); background-repeat: no-repeat; background-position: center top; transition: background .3s ease-in-out;} .fancyButton835.fancyButton:hover,.fancyButton835.fancyButton:focus,.fancyButton835.fancyButton:active,.fancyButton835.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12914'); } .fancyButton835.fancyButton:link > span,.fancyButton835.fancyButton:visited > span, .fancyButton835div.fancyButton > span{ } .fancyButton835.fancyButton:hover > span,.fancyButton835.fancyButton:focus > span,.fancyButton835.fancyButton:active > span,.fancyButton835.fancyButton.hover > span{ } .fancyButton835.fancyButton .text{ color: #202020; font-size: 1em; font-family: "Arial"; text-align: center; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; text-transform: uppercase; letter-spacing: .1em; line-height: 1.3;} .fancyButton835.fancyButton:hover .text,.fancyButton835.fancyButton:focus .text,.fancyButton835.fancyButton:active .text,.fancyButton835.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </aside></div> </div><div data-cpRole="structuralContainer" id="structuralContainer5"> <div class="siteWrap2"><div data-cpRole="structuralContainer" id="structuralContainer6" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="structuralContainer7" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="structuralContainer8" class="contentWrap"> <div data-cpRole="breadCrumbs" class="breadCrumbContainer" id="breadCrumbs"><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="34603" /> <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="cc9b263b9d-a7e2-4e23-b747-b6d686e76be0" data-containerid="9b263b9d-a7e2-4e23-b747-b6d686e76be0" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="50" > <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="07169599-beac-498c-96a9-07ee34cc8be8"> <div class="row nest first wide"> <div class="inner col col24 first last id39e91d58-d350-4e6b-a731-e6bffd2a3bad" style="" data-widgetcontainerid="39e91d58-d350-4e6b-a731-e6bffd2a3bad"> <div data-widget-id='eac5c03b-25e5-4247-abc0-e41063b41807' data-moduleName="customHtml" id='widgetCustomHtmleac5c03b-25e5-4247-abc0-e41063b41807' class="widget widgetCustomHtml skin72 narrow" > <div class="widgetBody pageStyles" id="widgetBodyeac5c03b-25e5-4247-abc0-e41063b41807"> <div id="customHtmleac5c03b-25e5-4247-abc0-e41063b41807"><div>News & Announcements</div></div> </div> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last id9c2bc371-5267-488b-a8f3-ac4b95c4f706" style="" data-widgetcontainerid="9c2bc371-5267-488b-a8f3-ac4b95c4f706"> <div data-widget-id="850fc1e1-83dd-4389-a611-302a9c4e134f" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv850fc1e1-83dd-4389-a611-302a9c4e134f" class="widget widgetInfoAdvanced skin83 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="header850fc1e1-83dd-4389-a611-302a9c4e134f"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"> <div class="col col1 first "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <div class="text"><h2 class="subhead1"><span data-teams="true" id="isPasted">Council Adopts Greenville Zoo Strategic Plan</span></h2><br><p id="isPasted"><span data-teams="true" id="isPasted">The zoo's strategic and facility concept plan prioritizes animal wellbeing, conservation efforts, education and improved guest experience. Priority projects include an expanded farmyard with global species and improvements to the orangutan exhibit. The expanded space makes room for multiple families of orangutans and resumed breeding.</span><br><br><a href="https://www.greenvillesc.gov/DocumentCenter/View/30937/Greenville-Zoo-Strategic-Plan-2024-2028-PDF">View the Strategic Plan</a></p></div> </li> </ol> </div> <div class="col col1 last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><iframe width="100%" height="315" src="https://www.youtube.com/embed/McLkMZgqto8?si=AhUPiBJG84G-AsFV" title="Greenville Zoo Strategic Plan" frameborder="0" allowfullscreen=""></iframe></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) { $('#divInfoAdv850fc1e1-83dd-4389-a611-302a9c4e134f .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="0807cccd-11f6-4ee8-a99f-1d5d1a169d13"> <div class="row nest first last wide"> <div class="inner col col24 first last id600c67cd-7cbc-49c2-95fc-4ee9910eb19e" style="" data-widgetcontainerid="600c67cd-7cbc-49c2-95fc-4ee9910eb19e"> <div data-widget-id="8250b55a-2ea5-4713-83a6-afa3d78d3bb2" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv8250b55a-2ea5-4713-83a6-afa3d78d3bb2" class="widget widgetInfoAdvanced skin83 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="header8250b55a-2ea5-4713-83a6-afa3d78d3bb2"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"> <div class="col col1 first "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <div class="text"><h2 class="subhead1">Week In Review</h2><a href="https://nfff.akaraisin.com/ui/greenville22"></a><br><span data-offset-key="6f9dq-2-0" style="box-sizing: border-box; color: rgb(41, 47, 51); font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: pre-wrap; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span data-text="true" style="box-sizing: border-box;">Watch our Week in Review on video or text "GVLthisWeek" to 866-874-2232 to have the newsletter texted to you every Friday! </span></span></div> </li> </ol> </div> <div class="col col1 last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><iframe width="100%" height="315" src="https://www.youtube.com/embed/videoseries?list=PLAMgxxS34L7qemlh0-3UC454TW0B0j2Tu&width=860&height=450&" title="Greenville This Week" frameborder="0" allowfullscreen=""></iframe></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) { $('#divInfoAdv8250b55a-2ea5-4713-83a6-afa3d78d3bb2 .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="6a0b6622-21bd-4110-8eed-81a3365f4a23"> <div class="row nest first wide"> <div class="inner col col24 first last id2df886d7-743e-44b4-8da3-a9ca60244963" style="" data-widgetcontainerid="2df886d7-743e-44b4-8da3-a9ca60244963"> <div data-widget-id="984db626-3b17-4285-8e13-c06c31dcc105" data-widget-controller-path="/NewsFlash/Widget"> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last iddf22bf81-e168-402b-9e28-52b41f5d29bb" style="" data-widgetcontainerid="df22bf81-e168-402b-9e28-52b41f5d29bb"> <div data-widget-id="dd1958b7-aa90-47ac-9b65-3a018578d875" data-widget-controller-path="/NewsFlash/Widget"> <style scoped type="text/css">.widgetOptionSet55 img{border-radius:10px 0 0 10px;} @media(max-width:50em){.widgetOptionSet55 img{border-radius:0 0 0 0;}} @media(max-width:30em){.widgetOptionSet55 img{border-radius:10px 10px 0 0;}}</style> <section class="widget widgetNewsFlash skin73 widgetOptionSet55 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashdd1958b7-aa90-47ac-9b65-3a018578d875" data-elementqueryclasses='{"wide-narrow":"min-width:50em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide" style=""> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem mediaLeft" data-news-i-d="3962"> <a href="/CivicAlerts.aspx?AID=3962" target="_self"><img class="media" src="/ImageRepository/Document?documentID=30940" alt="map showing location of sewer main damage" style="width:25%;" /></a> <div class="text" style="margin-left:30%;"> <h4 id="newsFlashItemHeader3962" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3962" target="_self">Sliding Rock Trail Closed </a></h4> <div class="widgetDesc"> Crews are repairing a sewer main damaged by a fallen tree in the wooded area near Webster Road and Cloverdale Lane. The trail will be closed until further notice. </div> </div> </li> <li class="widgetItem mediaLeft" data-news-i-d="3961"> <a href="/CivicAlerts.aspx?AID=3961" target="_self"><img class="media" src="/ImageRepository/Document?documentID=30935" alt="City crew members planting trees" style="width:25%;" /></a> <div class="text" style="margin-left:30%;"> <h4 id="newsFlashItemHeader3961" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3961" target="_self">Tree Ordinance Funds Boost Hurricane Recovery </a></h4> <div class="widgetDesc"> The City of Greenville is working to replenish its tree canopy, thanks to nearly $2 million in funding from the 2021 Tree Ordinance. <a href="/CivicAlerts.aspx?AID=3961" target="_self" id="newsFlashReadOn3961" aria-labelledby="newsFlashItemHeader3961 newsFlashReadOn3961" class="readOn">Tree Update</a> </div> </div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem mediaLeft" data-news-i-d="3958"> <a href="https://www.greenvillesc.gov/ImageRepository/Document?documentID=30886" target="_self"><img class="media" src="/ImageRepository/Document?documentID=30886" alt="map showing Cleveland Street closure and detour route" style="width:25%;" /></a> <div class="text" style="margin-left:30%;"> <h4 id="newsFlashItemHeader3958" class="widgetTitle"> <a href="https://www.greenvillesc.gov/ImageRepository/Document?documentID=30886" target="_self">Cleveland Street Closure Begins March 17 </a></h4> <div class="widgetDesc"> As part of the South Downtown Sewer Improvement project, contractors will install new sewer underneath Cleveland Street. This will require a full closure of Cleveland Street from March 17 to 31. <a id="newsFlashReadOn3958" aria-labelledby="newsFlashItemHeader3958 newsFlashReadOn3958" href="https://www.greenvillesc.gov/ImageRepository/Document?documentID=30886" target="_self" class="readOn">View Closure Map</a> </div> </div> </li> <li class="widgetItem mediaLeft" data-news-i-d="3914"> <a href="/CivicAlerts.aspx?AID=3914" target="_self"><img class="media" src="/ImageRepository/Document?documentID=30835" alt="Rendering of the new downtown Design Center facade along Main Street" style="width:25%;" /></a> <div class="text" style="margin-left:30%;"> <h4 id="newsFlashItemHeader3914" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3914" target="_self">City Council Approves Lease for State-of-the-Art Design Center </a></h4> <div class="widgetDesc"> The City鈥檚 planning and development department will move to Main Street and welcome the public to learn about upcoming projects. <a href="/CivicAlerts.aspx?AID=3914" target="_self" id="newsFlashReadOn3914" aria-labelledby="newsFlashItemHeader3914 newsFlashReadOn3914" class="readOn">Design Center Details</a> </div> </div> </li> </ol> </div> </div> <a id="newsFlashViewAlldd1958b7-aa90-47ac-9b65-3a018578d875" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=30" aria-label="News Flash View All">More 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 class="newCP"> </div> </div> </div> </div> </div></div> </div><div data-cpRole="structuralContainer" id="structuralContainer13"> <div class="siteWrap2"><aside data-cpRole="contentContainer" id="contentContainer13a"> <div id="ccc025837a-1fe1-44f3-8fd6-b3698b590608" data-containerid="c025837a-1fe1-44f3-8fd6-b3698b590608" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="59d9afba-520b-4e4f-865d-563089e4f069"> <div class="row nest first last wide"> <div class="inner col col24 first last id589334c2-db38-4446-aba8-810887fafead" style="" data-widgetcontainerid="589334c2-db38-4446-aba8-810887fafead"> <div data-widget-id="76257a88-64a4-4847-9bed-359f2203b607" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget76257a88-64a4-4847-9bed-359f2203b607" class="widget widgetGraphicLinks skin77 widgetOptionSet34 wide" data-elementqueryclasses='{"wide-narrow":"min-width:45em"}' 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="/656/Building-Permits" target="_self" class="fancyButton fancyButton844 " > <span> <span><span class="text">Building & PERMIT Center</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton844.fancyButton:link,.fancyButton844.fancyButton:visited, .fancyButton844div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=13627'); background-repeat: no-repeat; background-position: center center; border-radius:30px 0 0 0; background-size: cover; height: 225px; margin-top: 75px; margin-right: 14px; margin-bottom: 14px; transition: all .3s ease-in-out; position: relative; } .fancyButton844:after { position: absolute; border-radius:30px 0 0 0; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: rgba(133,189,0,.2); z-index: 0; } @media(max-width:30em){ .fancyButton844{ margin:14px!important; }} .fancyButton844.fancyButton:hover,.fancyButton844.fancyButton:focus,.fancyButton844.fancyButton:active,.fancyButton844.fancyButton.hover{ height: 300px; margin-top: 0; }} .fancyButton844.fancyButton:link > span,.fancyButton844.fancyButton:visited > span, .fancyButton844div.fancyButton > span{ } .fancyButton844.fancyButton:hover > span,.fancyButton844.fancyButton:focus > span,.fancyButton844.fancyButton:active > span,.fancyButton844.fancyButton.hover > span{ } .fancyButton844.fancyButton .text{ color: #00472e; font-size: 1.5em; font-family: "Lato"; text-align: center; padding-bottom: 1em; font-weight: 700; text-decoration: none; padding-bottom: 1em; background-repeat: no-repeat; background-position: center center; transition: all .3s ease-in-out; border-radius:30px 0 0 0; text-transform: uppercase; letter-spacing: .03em; background: #81b800; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: 100px; z-index: 2; } @media(max-width:30em){ .fancyButton844 .text{ border-radius:0 0 0 0!important; } } .fancyButton844.fancyButton:hover .text,.fancyButton844.fancyButton:focus .text,.fancyButton844.fancyButton:active .text,.fancyButton844.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; bottom: 0; top: 215px; padding-top: 1em; border-radius:0 0 0 0; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/275/Garbage-Recycling" target="_self" class="fancyButton fancyButton845 " > <span> <span><span class="text">Trash & REcycling Guide</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton845.fancyButton:link,.fancyButton845.fancyButton:visited, .fancyButton845div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=20759'); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 225px; margin-top: 75px; margin-right: 14px; margin-left: 14px; margin-bottom: 14px; transition: all .3s ease-in-out; position: relative; } .fancyButton845:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: rgba(33,22,71,.2); z-index: 0; } @media(max-width:30em){ .fancyButton845{ margin:14px!important; }} .fancyButton845.fancyButton:hover,.fancyButton845.fancyButton:focus,.fancyButton845.fancyButton:active,.fancyButton845.fancyButton.hover{ height: 300px; margin-top: 0;} .fancyButton845.fancyButton:link > span,.fancyButton845.fancyButton:visited > span, .fancyButton845div.fancyButton > span{ } .fancyButton845.fancyButton:hover > span,.fancyButton845.fancyButton:focus > span,.fancyButton845.fancyButton:active > span,.fancyButton845.fancyButton.hover > span{ } .fancyButton845.fancyButton .text{ color: #fff; font-size: 1.5em; font-family: "Lato"; text-align: center; padding-bottom: 1em; font-weight: 700; text-decoration: none; padding-bottom: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; text-transform: uppercase; letter-spacing: .03em; background: #201647; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: 100px; z-index: 2; } .fancyButton845.fancyButton:hover .text,.fancyButton845.fancyButton:focus .text,.fancyButton845.fancyButton:active .text,.fancyButton845.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; bottom: 0; top: 215px; padding-top: 1em; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/316/Swamp-Rabbit-Trail" target="_self" class="fancyButton fancyButton846 " > <span> <span><span class="text">Swamp rabbit trail</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton846.fancyButton:link,.fancyButton846.fancyButton:visited, .fancyButton846div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=28342'); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 225px; border-radius:0 30px 0 0; margin-top: 75px; margin-left: 14px; margin-bottom: 14px; transition: all .3s ease-in-out; position: relative; } .fancyButton846:after { position: absolute; border-radius:0 30px 0 0; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: rgba(0,99,65,.2); z-index: 0; } @media(max-width:30em){ .fancyButton846{ margin:14px!important; }} .fancyButton846.fancyButton:hover,.fancyButton846.fancyButton:focus,.fancyButton846.fancyButton:active,.fancyButton846.fancyButton.hover{ height: 300px; margin-top: 0;} .fancyButton846.fancyButton:link > span,.fancyButton846.fancyButton:visited > span, .fancyButton846div.fancyButton > span{ } .fancyButton846.fancyButton:hover > span,.fancyButton846.fancyButton:focus > span,.fancyButton846.fancyButton:active > span,.fancyButton846.fancyButton.hover > span{ } .fancyButton846.fancyButton .text{ color: #fff; font-size: 1.5em; font-family: "Lato"; text-align: center; padding-bottom: 1em; font-weight: 700; text-decoration: none; padding-bottom: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; text-transform: uppercase; letter-spacing: .03em; background: #006341; position: absolute; border-radius:0 30px 0 0; left: 0; right: 0; top: 0; bottom: 0; padding-top: 100px; z-index: 2; } @media(max-width:30em){ .fancyButton846 .text{ border-radius:0 0 0 0!important; } } .fancyButton846.fancyButton:hover .text,.fancyButton846.fancyButton:focus .text,.fancyButton846.fancyButton:active .text,.fancyButton846.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; bottom: 0; top: 215px; padding-top: 1em; border-radius:0 0 0 0; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="9ff29ee6-3c13-4897-b4be-d24023d27cb5"> <div class="row nest first last wide"> <div class="inner col col24 first last id815e3f40-6087-4749-bb05-0aff64237e9e" style="" data-widgetcontainerid="815e3f40-6087-4749-bb05-0aff64237e9e"> <div data-widget-id="8e15cbf7-cca5-4cab-923e-fed43d58295e" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget8e15cbf7-cca5-4cab-923e-fed43d58295e" class="widget widgetGraphicLinks skin77 widgetOptionSet34 wide" data-elementqueryclasses='{"wide-narrow":"min-width:45em"}' 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="/176" target="_self" class="fancyButton fancyButton847 " > <span> <span><span class="text">Report a Concern</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton847.fancyButton:link,.fancyButton847.fancyButton:visited, .fancyButton847div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=13632'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius:0 0 0 30px; height: 225px; margin-bottom: 75px; margin-right: 14px; margin-top: 14px; transition: all .3s ease-in-out; position: relative; } .fancyButton847:after { position: absolute; border-radius:0 0 0 30px; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: rgba(53,27,114,.2); z-index: 0; } @media(max-width:30em){ .fancyButton847{ margin:14px!important; }} .fancyButton847.fancyButton:hover,.fancyButton847.fancyButton:focus,.fancyButton847.fancyButton:active,.fancyButton847.fancyButton.hover{ height: 300px; margin-bottom: 0;} .fancyButton847.fancyButton:link > span,.fancyButton847.fancyButton:visited > span, .fancyButton847div.fancyButton > span{ } .fancyButton847.fancyButton:hover > span,.fancyButton847.fancyButton:focus > span,.fancyButton847.fancyButton:active > span,.fancyButton847.fancyButton.hover > span{ } .fancyButton847.fancyButton .text{ color: #fff; font-size: 1.5em; font-family: "Lato"; text-align: center; padding-bottom: 1em; font-weight: 700; text-decoration: none; padding-bottom: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; text-transform: uppercase; letter-spacing: .03em; background: #31226a; position: absolute; border-radius:0 0 0 30px; left: 0; right: 0; top: 0; bottom: 0; padding-top: 100px; z-index: 2; } @media(max-width:30em){ .fancyButton847 .text{ border-radius:0!important; } } .fancyButton847.fancyButton:hover .text,.fancyButton847.fancyButton:focus .text,.fancyButton847.fancyButton:active .text,.fancyButton847.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; bottom: 0; bottom: 215px; padding-top: 25px; border-radius:0 0 0 0px; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://jobs.greenvillesc.gov/" target="_self" class="fancyButton fancyButton848 " > <span> <span><span class="text">View Job Opportunities</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton848.fancyButton:link,.fancyButton848.fancyButton:visited, .fancyButton848div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=13628'); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 225px; margin-bottom: 75px; margin-right: 14px; margin-left: 14px; margin-top: 14px; transition: all .3s ease-in-out; position: relative; } .fancyButton848:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: rgba(255,163,0,.2); z-index: 0; } @media(max-width:30em){ .fancyButton848{ margin:14px!important; }} .fancyButton848.fancyButton:hover,.fancyButton848.fancyButton:focus,.fancyButton848.fancyButton:active,.fancyButton848.fancyButton.hover{ height: 300px; margin-bottom: 0;} .fancyButton848.fancyButton:link > span,.fancyButton848.fancyButton:visited > span, .fancyButton848div.fancyButton > span{ } .fancyButton848.fancyButton:hover > span,.fancyButton848.fancyButton:focus > span,.fancyButton848.fancyButton:active > span,.fancyButton848.fancyButton.hover > span{ } .fancyButton848.fancyButton .text{ color: #201647; font-size: 1.5em; font-family: "Lato"; text-align: center; padding-bottom: 1em; font-weight: 700; text-decoration: none; padding-bottom: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; text-transform: uppercase; letter-spacing: .03em; background: #ffa300; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: 100px; z-index: 2; } .fancyButton848.fancyButton:hover .text,.fancyButton848.fancyButton:focus .text,.fancyButton848.fancyButton:active .text,.fancyButton848.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; bottom: 0; bottom: 215px; padding-top: 25px; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/list.aspx" target="_self" class="fancyButton fancyButton849 " > <span> <span><span class="text">Subscribe to Enews & Notifications</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton849.fancyButton:link,.fancyButton849.fancyButton:visited, .fancyButton849div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=13629'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius:0 0 30px 0; height: 225px; margin-bottom: 75px; margin-left: 14px; margin-top: 14px; transition: all .3s ease-in-out; position: relative; } .fancyButton849:after { position: absolute; border-radius:0 0 30px 0; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: rgba(91,194,231,.2); z-index: 0; } @media(max-width:30em){ .fancyButton849{ margin:14px!important; }} .fancyButton849.fancyButton:hover,.fancyButton849.fancyButton:focus,.fancyButton849.fancyButton:active,.fancyButton849.fancyButton.hover{ height: 300px; margin-bottom: 0;} .fancyButton849.fancyButton:link > span,.fancyButton849.fancyButton:visited > span, .fancyButton849div.fancyButton > span{ } .fancyButton849.fancyButton:hover > span,.fancyButton849.fancyButton:focus > span,.fancyButton849.fancyButton:active > span,.fancyButton849.fancyButton.hover > span{ } .fancyButton849.fancyButton .text{ color: #201647; font-size: 1.5em; font-family: "Lato"; text-align: center; padding-bottom: 1em; font-weight: 700; text-decoration: none; padding-bottom: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; text-transform: uppercase; border-radius:0 0 30px 0; letter-spacing: .03em; background: #55b4d7; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: 90px; z-index: 2; line-height: 1.2!important; } @media(max-width:30em){ .fancyButton849 .text{ border-radius:0 0 0 0!important; } } .fancyButton849.fancyButton:hover .text,.fancyButton849.fancyButton:focus .text,.fancyButton849.fancyButton:active .text,.fancyButton849.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; bottom: 0; bottom: 215px; padding-top: 25px; border-radius:0 0 0px 0; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </aside></div> </div><div data-cpRole="structuralContainer" id="structuralContainer14"> <div class="siteWrap2"><aside data-cpRole="contentContainer" id="contentContainer14a"> <div id="cc45ab420c-fc18-4af3-9477-bbf1c17cb5e6" data-containerid="45ab420c-fc18-4af3-9477-bbf1c17cb5e6" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="e05949d9-8287-4c6c-b1b4-0c3e79a305fd"> <div class="row nest first last wide"> <div class="inner col col24 first last id6bb50292-34c3-455e-a32a-41fad419fe72" style="" data-widgetcontainerid="6bb50292-34c3-455e-a32a-41fad419fe72"> <div data-widget-id='9d8a7ad3-8bc6-42a3-9362-df028f494355' data-moduleName="customHtml" id='widgetCustomHtml9d8a7ad3-8bc6-42a3-9362-df028f494355' class="widget widgetCustomHtml skin72 narrow" > <div class="widgetBody pageStyles" id="widgetBody9d8a7ad3-8bc6-42a3-9362-df028f494355"> <div id="customHtml9d8a7ad3-8bc6-42a3-9362-df028f494355"><div>Upcoming Events</div></div> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="a5eca2ed-b199-42b5-a82b-fb373fc9f6c6"> <div class="row nest first last wide"> <div class="inner col col24 first last id78eb439e-ce8a-4bc9-914d-804f8ec55064" style="" data-widgetcontainerid="78eb439e-ce8a-4bc9-914d-804f8ec55064"> <div id="divTabbedef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3" class="widget widgetTabbed wide skin75" data-widgetid="ef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3" role="tablist"> <ol class="tabbedWidget cpTabs " style=" "> <li style="width: 48%;" class="active"> <a href="#tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_0" class="tabButton" role="tab" aria-controls="#tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Government Meetings" contenteditable="false">Government Meetings</span></a> </li><li style="width: 48%;" class=""> <a href="#tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_1" class="tabButton" role="tab" aria-controls="#tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_1" aria-selected="false" ><span class="tabName editable" data-sequence="1" data-tabname="Event Calendar" contenteditable="false">Event Calendar</span></a> </li> </ol> <div class="cpTabPanels"> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class="active"> <a href="#tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_0" class="tabButton" role="tab" aria-controls="#tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Government Meetings" contenteditable="false">Government Meetings</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel showing" style="" id="tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_0" role="tabpanel"> <div data-widget-id="8204c9dc-6e53-4065-99a1-35733f8a7544" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <script type="text/javascript"> function openCalendarPublicSubmissionModal(calendarID, eventID, isCopy, order, updatePanelID, isSubmit) { var title = null; var className = null; if (isSubmit) { title = ' Event Submission'; className = 'submitEvent'; } else className = 'liveEdit calendar'; var url = '/common/modules/Calendar/calendarLiveEdit.aspx?calendarID=' + calendarID + '&eventID=' + eventID + '&order=' + order + '&updatePanelID=' + updatePanelID; if (isSubmit) url = url + '&submit=1'; if (isCopy) url = url + '&strPage=itemCopy'; else url = url + '&strPage=itemForm'; openCpModal({ title: title, className: className, isFrontEnd: true, useIframe: true, draggable: true, url: url }); } $(document).ready(function (e) { if (typeof $ !== 'undefined') { $(document).ready(function (e) { //Bind the submit event click handler. $('.widgetPublicSubmit').unbind('click').click(function (e) { openCalendarPublicSubmissionModal(0, 0, false, 0, '', true); return false; }); }); } }); </script> <div id="widgetCalendar8204c9dc-6e53-4065-99a1-35733f8a7544" class="widget widgetCalendar skin75 widgetOptionSet3 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid5 "> <div class="calendarInnerWrapper"> <div class="row narrow" style=""> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="["2025-03-17","2025-03-19","2025-03-20","2025-03-21","2025-03-24","2025-03-25"]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15087" > <h4 class="widgetTitle">Mon, Mar. 17 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15087">Greenville Airport Commission</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15127" > <h4 class="widgetTitle">Mon, Mar. 17 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15127">Greenville City Economic Development Corporation</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15081" > <h4 class="widgetTitle">Wed, Mar. 19 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15081">Springwood Cemetery Advisory Committee</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15073" > <h4 class="widgetTitle">Thu, Mar. 20 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15073">CANCELED: Historic Review Board</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15079" > <h4 class="widgetTitle">Thu, Mar. 20 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15079">Richland Cemetery Advisory Committee</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15072" > <h4 class="widgetTitle">Thu, Mar. 20 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15072">CANCELED: Design Review Board</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15455" > <h4 class="widgetTitle">Fri, Mar. 21 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15455">Planning Commission - Special Called Meeting</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15000" > <h4 class="widgetTitle">Mon, Mar. 24 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15000">City Council - Work Session</a></strong> </div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="14987" > <h4 class="widgetTitle">Mon, Mar. 24 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=14987">Formal Meeting of the City Council</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15070" > <h4 class="widgetTitle">Tue, Mar. 25 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15070">Arts in Public Places Commission</a></strong> </div> </li> </ol> </div> </div> </div> <a id="calendarViewAll8204c9dc-6e53-4065-99a1-35733f8a7544" class="widgetViewAll alignLeft" style="" href="/calendar.aspx?CID=29,28,14" aria-label="Calendar View All">View All Events</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class=""> <a href="#tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_1" class="tabButton" role="tab" aria-controls="#tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_1" aria-selected="false" ><span class="tabName editable" data-sequence="1" data-tabname="Event Calendar" contenteditable="false">Event Calendar</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel " style="display: none;" id="tabef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3_1" role="tabpanel"> <div data-widget-id="843f18c5-007a-471b-b6d1-f1bdade3eea1" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <script type="text/javascript"> function openCalendarPublicSubmissionModal(calendarID, eventID, isCopy, order, updatePanelID, isSubmit) { var title = null; var className = null; if (isSubmit) { title = ' Event Submission'; className = 'submitEvent'; } else className = 'liveEdit calendar'; var url = '/common/modules/Calendar/calendarLiveEdit.aspx?calendarID=' + calendarID + '&eventID=' + eventID + '&order=' + order + '&updatePanelID=' + updatePanelID; if (isSubmit) url = url + '&submit=1'; if (isCopy) url = url + '&strPage=itemCopy'; else url = url + '&strPage=itemForm'; openCpModal({ title: title, className: className, isFrontEnd: true, useIframe: true, draggable: true, url: url }); } $(document).ready(function (e) { if (typeof $ !== 'undefined') { $(document).ready(function (e) { //Bind the submit event click handler. $('.widgetPublicSubmit').unbind('click').click(function (e) { openCalendarPublicSubmissionModal(0, 0, false, 0, '', true); return false; }); }); } }); </script> <div id="widgetCalendar843f18c5-007a-471b-b6d1-f1bdade3eea1" class="widget widgetCalendar skin75 widgetOptionSet3 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid5 "> <div class="calendarInnerWrapper"> <div class="row narrow" style=""> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="["2025-03-14","2025-03-15","2025-03-20","2025-03-21","2025-03-22","2025-03-27","2025-03-28"]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15090" > <h4 class="widgetTitle">Fri, Mar. 14 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15090">Main Street Friday</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="14866" > <h4 class="widgetTitle">Sat, Mar. 15 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=14866">Oxford Markets</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15121" > <h4 class="widgetTitle">Sat, Mar. 15 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15121">Greenville St. Patrick's Day Festival</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15260" > <h4 class="widgetTitle">Sat, Mar. 15 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15260">Chase the Rainbow</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15031" > <h4 class="widgetTitle">Thu, Mar. 20 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15031">Downtown Alive</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15091" > <h4 class="widgetTitle">Fri, Mar. 21 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15091">Main Street Friday</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="14867" > <h4 class="widgetTitle">Sat, Mar. 22 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=14867">Oxford Markets</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15032" > <h4 class="widgetTitle">Thu, Mar. 27 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15032">Downtown Alive</a></strong> </div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15254" > <h4 class="widgetTitle">Fri, Mar. 28 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15254">Drumming Up Awareness</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15092" > <h4 class="widgetTitle">Fri, Mar. 28 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15092">Main Street Friday</a></strong> </div> </li> </ol> </div> </div> </div> <a id="calendarViewAll843f18c5-007a-471b-b6d1-f1bdade3eea1" class="widgetViewAll alignLeft" style="" href="/calendar.aspx?CID=25" aria-label="Calendar View All">View All Events</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $.when(window.Pages.rwdReady).done(function () { var tabbedWidgetID = 'divTabbedef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3'; var mediaQuerySize = 50; if (mediaQuerySize > 0) { var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; var $tabbedWidget = $('#' + tabbedWidgetID); window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { deferSetup: false, setup: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); $tabbedWidget.data("tabHeightSet", false); } }, match: function () { $tabbedWidget.addClass('wide').removeClass('narrow'); cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').show(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide(); if($tabbedWidget.data("tabHeightSet") == false) { $tabbedWidget.data("tabHeightSet", true); var tabbedWidgetID = 'divTabbedef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3'; setTabbedWidgetsTabHeight(tabbedWidgetID); } $('.cpTabPanels').unbind('click'); }, unmatch: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); } $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } }); } }); //Used for when page is initially loaded if($('#divTabbedef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3').hasClass('narrow')) { $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } //If responsive not enabled, execute this after a timeout if(!isResponsiveEnabled) { window.setTimeout(function(){ var tabbedWidgetID = 'divTabbedef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3'; typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); }, 1500); } function reinitCarousels() { if (window.carouselsToInit) { for (var i = 0; i < window.carouselsToInit.length; i++) { carouselsToInit[i](); } } } function sizeTabbedContent(element){ if(window.Pages){ if(window.Pages.onResizeHandlers){ var setTabbedInterval = setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 25) setTimeout(function () { clearInterval(setTabbedInterval); if ($.cookie("enableLiveEdit") === "true") { setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 2000); } }, 2500); element.onclick="window.setTimeout(function(){reinitCarousels();},2);" } } } function adjustTab(e) { e.preventDefault(); window.setTimeout(function(){ reinitCarousels(); }, 2); sizeTabbedContent(this); } var tabButtons = document.querySelectorAll("#divTabbedef0b88da-f7fd-4cfb-9d0c-37f3d6bbccf3 .tabButton"); tabButtons.forEach(function (tabButton) { tabButton.addEventListener("click", adjustTab); }); </script> </div>  </div>  </div></div>  </div> </aside></div> </div><div data-cpRole="structuralContainer" id="structuralContainer15"> <div class="siteWrap2"><aside data-cpRole="contentContainer" id="contentContainer15a"> <div id="cc3adc12e4-e885-400a-acea-a9bb8c150419" data-containerid="3adc12e4-e885-400a-acea-a9bb8c150419" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="464e42af-5697-49a2-b517-dc126e3de1d0"> <div class="row nest first last wide"> <div class="inner col col24 first last idc9da1b11-f045-4e53-a825-e3bd4ec1510c" style="" data-widgetcontainerid="c9da1b11-f045-4e53-a825-e3bd4ec1510c"> <div data-widget-id='1e0aedb3-52f3-4f40-9b3e-5773669e3d5a' data-moduleName="customHtml" id='widgetCustomHtml1e0aedb3-52f3-4f40-9b3e-5773669e3d5a' class="widget widgetCustomHtml skin72 narrow" > <div class="widgetBody pageStyles" id="widgetBody1e0aedb3-52f3-4f40-9b3e-5773669e3d5a"> <div id="customHtml1e0aedb3-52f3-4f40-9b3e-5773669e3d5a"><div>Greenville City Council</div></div> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="6f43454f-5f95-434a-a988-a45d722837f0"> <div class="row nest first last wide"> <div class="inner col col24 first last idf5b6d94e-99ff-49f9-82e8-cf79b6137c0e" style="" data-widgetcontainerid="f5b6d94e-99ff-49f9-82e8-cf79b6137c0e"> <div class="widget widgetSpacer" id="44248ae8-2726-4904-8c61-63e9f50a6c3e"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="9411eaf4-015f-4189-86bb-0671e2fd8fcd"> <div class="row nest first last wide"> <div class="inner col col24 first last id29b26971-006a-4424-83f9-3ca10181f258" style="" data-widgetcontainerid="29b26971-006a-4424-83f9-3ca10181f258"> <div data-widget-id="2467ed02-8210-4ff3-9467-4e1225f1b93d" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget2467ed02-8210-4ff3-9467-4e1225f1b93d" class="widget widgetGraphicLinks skin76 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:35em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid3 "> <div class="row autoWidths center wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/547" target="_self" class="fancyButton fancyButton1078 " > <span> <span><span class="text"><span class="textStyle1">Knox White</span><br>Mayor<br></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1078.fancyButton:link,.fancyButton1078.fancyButton:visited, .fancyButton1078div.fancyButton{ padding-top: 175px; background-image: url('/ImageRepository/Document?documentID=13256'); background-repeat: no-repeat; background-position: center top; min-width: 230px;} .fancyButton1078.fancyButton:hover,.fancyButton1078.fancyButton:focus,.fancyButton1078.fancyButton:active,.fancyButton1078.fancyButton.hover{ } .fancyButton1078.fancyButton:link > span,.fancyButton1078.fancyButton:visited > span, .fancyButton1078div.fancyButton > span{ } .fancyButton1078.fancyButton:hover > span,.fancyButton1078.fancyButton:focus > span,.fancyButton1078.fancyButton:active > span,.fancyButton1078.fancyButton.hover > span{ } .fancyButton1078.fancyButton .text{ color: #000; font-family: "Lato"; text-align: center; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1078.fancyButton:hover .text,.fancyButton1078.fancyButton:focus .text,.fancyButton1078.fancyButton:active .text,.fancyButton1078.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1078.fancyButton .textStyle1{ color: #006341; font-size: 1.3em; font-weight: 900; text-decoration: none; text-transform: uppercase; line-height:2em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out;} .fancyButton1078.fancyButton:hover .textStyle1, .fancyButton1078.fancyButton.hover .textStyle1{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} .fancyButton1078.fancyButton .textStyle2{ color: #201648; font-size: 1.1em; text-align: center; font-weight: 900; text-decoration: none; line-height:2.5em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out; } .fancyButton1078.fancyButton:hover .textStyle2, .fancyButton1078.fancyButton.hover .textStyle2{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/548" target="_self" class="fancyButton fancyButton1079 " > <span> <span><span class="text"><span class="textStyle2"></span><span class="textStyle1">John Deworken</span><br>District 1<br></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1079.fancyButton:link,.fancyButton1079.fancyButton:visited, .fancyButton1079div.fancyButton{ padding-top: 175px; background-image: url('/ImageRepository/Document?documentID=20641'); background-repeat: no-repeat; background-position: center top; min-width: 230px;} .fancyButton1079.fancyButton:hover,.fancyButton1079.fancyButton:focus,.fancyButton1079.fancyButton:active,.fancyButton1079.fancyButton.hover{ } .fancyButton1079.fancyButton:link > span,.fancyButton1079.fancyButton:visited > span, .fancyButton1079div.fancyButton > span{ } .fancyButton1079.fancyButton:hover > span,.fancyButton1079.fancyButton:focus > span,.fancyButton1079.fancyButton:active > span,.fancyButton1079.fancyButton.hover > span{ } .fancyButton1079.fancyButton .text{ color: #000; font-family: "Lato"; text-align: center; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1079.fancyButton:hover .text,.fancyButton1079.fancyButton:focus .text,.fancyButton1079.fancyButton:active .text,.fancyButton1079.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1079.fancyButton .textStyle1{ color: #006341; font-size: 1.3em; font-weight: 900; text-decoration: none; text-transform: uppercase; line-height:2em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out;} .fancyButton1079.fancyButton:hover .textStyle1, .fancyButton1079.fancyButton.hover .textStyle1{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} .fancyButton1079.fancyButton .textStyle2{ color: #201648; font-size: 1.1em; text-align: center; font-weight: 900; text-decoration: none; line-height:2.5em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out; } .fancyButton1079.fancyButton:hover .textStyle2, .fancyButton1079.fancyButton.hover .textStyle2{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/554" target="_self" class="fancyButton fancyButton1080 " > <span> <span><span class="text"><span class="textStyle1">Lillian Brock Flemming</span><br>District 2<br></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1080.fancyButton:link,.fancyButton1080.fancyButton:visited, .fancyButton1080div.fancyButton{ padding-top: 175px; background-image: url('/ImageRepository/Document?documentID=26677'); background-repeat: no-repeat; background-position: center top; min-width: 230px;} .fancyButton1080.fancyButton:hover,.fancyButton1080.fancyButton:focus,.fancyButton1080.fancyButton:active,.fancyButton1080.fancyButton.hover{ } .fancyButton1080.fancyButton:link > span,.fancyButton1080.fancyButton:visited > span, .fancyButton1080div.fancyButton > span{ } .fancyButton1080.fancyButton:hover > span,.fancyButton1080.fancyButton:focus > span,.fancyButton1080.fancyButton:active > span,.fancyButton1080.fancyButton.hover > span{ } .fancyButton1080.fancyButton .text{ color: #000; font-family: "Lato"; text-align: center; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1080.fancyButton:hover .text,.fancyButton1080.fancyButton:focus .text,.fancyButton1080.fancyButton:active .text,.fancyButton1080.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1080.fancyButton .textStyle1{ color: #006341; font-size: 1.3em; font-weight: 900; text-decoration: none; text-transform: uppercase; line-height:2em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out;} .fancyButton1080.fancyButton:hover .textStyle1, .fancyButton1080.fancyButton.hover .textStyle1{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} .fancyButton1080.fancyButton .textStyle2{ color: #201648; font-size: 1.1em; text-align: center; font-weight: 900; text-decoration: none; line-height:2.5em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out; } .fancyButton1080.fancyButton:hover .textStyle2, .fancyButton1080.fancyButton.hover .textStyle2{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="34aecff6-ab52-4d9b-99d6-76901dac0c0d"> <div class="row nest first last wide"> <div class="inner col col24 first last idb4c94a8b-5407-4f44-b3db-cc6db963c5fd" style="" data-widgetcontainerid="b4c94a8b-5407-4f44-b3db-cc6db963c5fd"> <div class="widget widgetSpacer" id="c8e5743b-d0d8-45f8-876a-4bebc69823b3"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="74f602db-1255-40ac-aab9-d864269a1f67"> <div class="row nest first wide"> <div class="inner col col24 first last id283025a1-aa94-4054-82b2-f94515e90700" style="" data-widgetcontainerid="283025a1-aa94-4054-82b2-f94515e90700"> <div class="widget widgetSpacer" id="32fd2353-b1fd-4aca-9415-4b22440467cd"></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last idf97d55a0-9abc-4cc1-8d65-7182f6eff67e" style="" data-widgetcontainerid="f97d55a0-9abc-4cc1-8d65-7182f6eff67e"> <div data-widget-id="91ed8b4c-3a66-4bf6-8009-b034b63ae1c2" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget91ed8b4c-3a66-4bf6-8009-b034b63ae1c2" class="widget widgetGraphicLinks skin76 widgetOptionSet24 wide" data-elementqueryclasses='{"wide-narrow":"min-width:35em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid4 "> <div class="row autoWidths center wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/558" target="_self" class="fancyButton fancyButton1081 " > <span> <span><span class="text"><span class="textStyle1">Ken Gibson</span><br>District 3<br></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1081.fancyButton:link,.fancyButton1081.fancyButton:visited, .fancyButton1081div.fancyButton{ padding-top: 175px; background-image: url('/ImageRepository/Document?documentID=20667'); background-repeat: no-repeat; background-position: center top; min-width: 230px;} .fancyButton1081.fancyButton:hover,.fancyButton1081.fancyButton:focus,.fancyButton1081.fancyButton:active,.fancyButton1081.fancyButton.hover{ } .fancyButton1081.fancyButton:link > span,.fancyButton1081.fancyButton:visited > span, .fancyButton1081div.fancyButton > span{ } .fancyButton1081.fancyButton:hover > span,.fancyButton1081.fancyButton:focus > span,.fancyButton1081.fancyButton:active > span,.fancyButton1081.fancyButton.hover > span{ } .fancyButton1081.fancyButton .text{ color: #000; font-family: "Lato"; text-align: center; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1081.fancyButton:hover .text,.fancyButton1081.fancyButton:focus .text,.fancyButton1081.fancyButton:active .text,.fancyButton1081.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1081.fancyButton .textStyle1{ color: #006341; font-size: 1.3em; font-weight: 900; text-decoration: none; text-transform: uppercase; line-height:2em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out;} .fancyButton1081.fancyButton:hover .textStyle1, .fancyButton1081.fancyButton.hover .textStyle1{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} .fancyButton1081.fancyButton .textStyle2{ color: #201648; font-size: 1.1em; text-align: center; font-weight: 900; text-decoration: none; line-height:2.5em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out; } .fancyButton1081.fancyButton:hover .textStyle2, .fancyButton1081.fancyButton.hover .textStyle2{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/562" target="_self" class="fancyButton fancyButton1082 " > <span> <span><span class="text"><span class="textStyle1">Wil brasington</span><br>District 4<br></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1082.fancyButton:link,.fancyButton1082.fancyButton:visited, .fancyButton1082div.fancyButton{ padding-top: 175px; background-image: url('/ImageRepository/Document?documentID=20670'); background-repeat: no-repeat; background-position: center top; min-width: 230px;} .fancyButton1082.fancyButton:hover,.fancyButton1082.fancyButton:focus,.fancyButton1082.fancyButton:active,.fancyButton1082.fancyButton.hover{ } .fancyButton1082.fancyButton:link > span,.fancyButton1082.fancyButton:visited > span, .fancyButton1082div.fancyButton > span{ } .fancyButton1082.fancyButton:hover > span,.fancyButton1082.fancyButton:focus > span,.fancyButton1082.fancyButton:active > span,.fancyButton1082.fancyButton.hover > span{ } .fancyButton1082.fancyButton .text{ color: #000; font-family: "Lato"; text-align: center; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1082.fancyButton:hover .text,.fancyButton1082.fancyButton:focus .text,.fancyButton1082.fancyButton:active .text,.fancyButton1082.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1082.fancyButton .textStyle1{ color: #006341; font-size: 1.3em; font-weight: 900; text-decoration: none; text-transform: uppercase; line-height:2em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out;} .fancyButton1082.fancyButton:hover .textStyle1, .fancyButton1082.fancyButton.hover .textStyle1{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} .fancyButton1082.fancyButton .textStyle2{ color: #201648; font-size: 1.1em; text-align: center; font-weight: 900; text-decoration: none; line-height:2.5em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out; } .fancyButton1082.fancyButton:hover .textStyle2, .fancyButton1082.fancyButton.hover .textStyle2{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/1186" target="_self" class="fancyButton fancyButton1084 " > <span> <span><span class="text"><span class="textStyle1">Dorothy dowe</span><br>At Large<br></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1084.fancyButton:link,.fancyButton1084.fancyButton:visited, .fancyButton1084div.fancyButton{ padding-top: 175px; background-image: url('/ImageRepository/Document?documentID=26676'); background-repeat: no-repeat; background-position: center top; min-width: 230px;} .fancyButton1084.fancyButton:hover,.fancyButton1084.fancyButton:focus,.fancyButton1084.fancyButton:active,.fancyButton1084.fancyButton.hover{ } .fancyButton1084.fancyButton:link > span,.fancyButton1084.fancyButton:visited > span, .fancyButton1084div.fancyButton > span{ } .fancyButton1084.fancyButton:hover > span,.fancyButton1084.fancyButton:focus > span,.fancyButton1084.fancyButton:active > span,.fancyButton1084.fancyButton.hover > span{ } .fancyButton1084.fancyButton .text{ color: #000; font-family: "Lato"; text-align: center; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1084.fancyButton:hover .text,.fancyButton1084.fancyButton:focus .text,.fancyButton1084.fancyButton:active .text,.fancyButton1084.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1084.fancyButton .textStyle1{ color: #006341; font-size: 1.3em; font-weight: 900; text-decoration: none; text-transform: uppercase; line-height:2em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out;} .fancyButton1084.fancyButton:hover .textStyle1, .fancyButton1084.fancyButton.hover .textStyle1{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} .fancyButton1084.fancyButton .textStyle2{ color: #201648; font-size: 1.1em; text-align: center; font-weight: 900; text-decoration: none; line-height:2.5em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out; } .fancyButton1084.fancyButton:hover .textStyle2, .fancyButton1084.fancyButton.hover .textStyle2{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/570" target="_self" class="fancyButton fancyButton1083 " > <span> <span><span class="text"><span class="textStyle1">Russell Stall</span><br>At Large<br></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1083.fancyButton:link,.fancyButton1083.fancyButton:visited, .fancyButton1083div.fancyButton{ padding-top: 175px; background-image: url('/ImageRepository/Document?documentID=20640'); background-repeat: no-repeat; background-position: center top; min-width: 230px;} .fancyButton1083.fancyButton:hover,.fancyButton1083.fancyButton:focus,.fancyButton1083.fancyButton:active,.fancyButton1083.fancyButton.hover{ } .fancyButton1083.fancyButton:link > span,.fancyButton1083.fancyButton:visited > span, .fancyButton1083div.fancyButton > span{ } .fancyButton1083.fancyButton:hover > span,.fancyButton1083.fancyButton:focus > span,.fancyButton1083.fancyButton:active > span,.fancyButton1083.fancyButton.hover > span{ } .fancyButton1083.fancyButton .text{ color: #000; font-family: "Lato"; text-align: center; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1083.fancyButton:hover .text,.fancyButton1083.fancyButton:focus .text,.fancyButton1083.fancyButton:active .text,.fancyButton1083.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1083.fancyButton .textStyle1{ color: #006341; font-size: 1.3em; font-weight: 900; text-decoration: none; text-transform: uppercase; line-height:2em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out;} .fancyButton1083.fancyButton:hover .textStyle1, .fancyButton1083.fancyButton.hover .textStyle1{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} .fancyButton1083.fancyButton .textStyle2{ color: #201648; font-size: 1.1em; text-align: center; font-weight: 900; text-decoration: none; line-height:2.5em; padding-bottom:.3em; border-bottom: 2px solid rgba(0,0,0,0); transition:.2s ease-in-out; } .fancyButton1083.fancyButton:hover .textStyle2, .fancyButton1083.fancyButton.hover .textStyle2{ text-decoration: none; padding-bottom:.1em; margin-bottom:.2em; border-bottom: 2px solid #85bd00;} </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="ad4426ab-1c4a-4702-9936-e022de1b511e"> <div class="row nest first last wide"> <div class="inner col col24 first last id6810f5c6-71af-4ad3-8f66-fda6def3dd0f" style="" data-widgetcontainerid="6810f5c6-71af-4ad3-8f66-fda6def3dd0f"> <div class="widget widgetSpacer" id="a239ce2d-37b0-4eff-ab3d-9bdb75402c09"></div> </div>  </div>  </div></div>  </div> </aside></div> </div><div data-cpRole="structuralContainer" id="structuralContainer11"> <div class="siteWrap"><div data-cpRole="banner" id="banner3" class="footerLogo_ts empty"> <a id="banner3-122" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Homepage" class="bannerObject" height="179" src="/ImageRepository/Document?documentID=12906" width="388" /></a> </div><footer data-cpRole="contentContainer" id="contentContainer11b" class="siteFooter"> <div id="ccf879f89a-60f7-4396-9983-e30022d005bc" data-containerid="f879f89a-60f7-4396-9983-e30022d005bc" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="de2a6258-9765-49d9-a73a-5aa835dc7383"> <div class="row nest first last wide"> <div class="inner col col24 first last id61b4f0f2-23a3-4589-8e80-5bc46b3cef6d" style="" data-widgetcontainerid="61b4f0f2-23a3-4589-8e80-5bc46b3cef6d"> <div data-widget-id="a1f88c6a-7a91-47c9-ae43-2af011737847" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgeta1f88c6a-7a91-47c9-ae43-2af011737847" class="widget widgetGraphicLinks skin67 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid1 "> <div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="#" target="_self" class="fancyButton fancyButton836 " > <span> <span><span class="text">Back to Top</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton836.fancyButton:link,.fancyButton836.fancyButton:visited, .fancyButton836div.fancyButton{ background-color: #fff; height: 50px; width: 50px; background-image: url('/ImageRepository/Document?documentID=12925'); background-repeat: no-repeat; background-position: center center; border-radius: 10px; margin: 0 auto;} .fancyButton836.fancyButton:hover,.fancyButton836.fancyButton:focus,.fancyButton836.fancyButton:active,.fancyButton836.fancyButton.hover{ } .fancyButton836.fancyButton:link > span,.fancyButton836.fancyButton:visited > span, .fancyButton836div.fancyButton > span{ } .fancyButton836.fancyButton:hover > span,.fancyButton836.fancyButton:focus > span,.fancyButton836.fancyButton:active > span,.fancyButton836.fancyButton.hover > span{ } .fancyButton836.fancyButton .text{ font-size: 1em; font-family: "Lato"; text-align: center; font-style: normal; text-decoration: none; background-repeat: no-repeat; background-position: left top; line-height: 1.2; color: transparent;} .fancyButton836.fancyButton:hover .text,.fancyButton836.fancyButton:focus .text,.fancyButton836.fancyButton:active .text,.fancyButton836.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } </style> </div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="e0d8892e-40b3-4bf1-89aa-4775c02cfecb"> <div class="row nest first last wide"> <div class="inner col col24 first last id6a34b710-5b25-4975-b283-a8cf1998966a" style="" data-widgetcontainerid="6a34b710-5b25-4975-b283-a8cf1998966a"> <div data-widget-id="17ced264-c544-4e59-bbde-bc08a0f4cfd9" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink17ced264-c544-4e59-bbde-bc08a0f4cfd9" class="widget widgetQuickLinks skin70 widgetOptionSet52 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="quickLinksHeader17ced264-c544-4e59-bbde-bc08a0f4cfd9"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid9 "> <div class="row autoWidths left narrow"> <div class="col col1 first "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</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="/176" target="_self" >Contact Us</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="/859" target="_self" >Accessibility</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="/SiteMap" target="_self" >Site Map</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="/125" target="_self" >Web Policy and Copyright</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.outlook.com/" target="_self" >Webmail</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://timesheet.greenvillesc.gov/" target="_self" >Timesheet</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.greenvillesc.gov/ess" target="_self" >ESS</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://greenvillesc.gov/1722" target="_self" >Citynet</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 class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="abde2800-2e6d-49f8-9ce9-97936b0c2438"> <div class="row nest first wide"> <div class="inner col col24 first last id59f0cd3d-932d-47e7-a0be-1003a2518265" style="" data-widgetcontainerid="59f0cd3d-932d-47e7-a0be-1003a2518265"> <div data-widget-id="baaecdbf-ad37-4a2e-ad19-8632cccf739b" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvbaaecdbf-ad37-4a2e-ad19-8632cccf739b" class="widget widgetInfoAdvanced skin70 widgetOptionSet51 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="headerbaaecdbf-ad37-4a2e-ad19-8632cccf739b"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid4 "> <div class="row autoWidths left wide"> <div class="col col1 first "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> 206 S Main Street, Greenville, SC 29601<br> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><a class="Hyperlink" href="tel:864-271-5333" target="_self">Police Non-Emergency: 864-271-5333</a></p> </li> </ol> </div> <div class="col col1 last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><a class="Hyperlink" href="/176" target="_self">Greenville Cares Information Center</a> <a class="Hyperlink" href="tel:864-232-2273" target="_self">864-232-2273</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) { $('#divInfoAdvbaaecdbf-ad37-4a2e-ad19-8632cccf739b .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last idbf60b20e-4964-446f-a0c7-0839273dc595" style="" data-widgetcontainerid="bf60b20e-4964-446f-a0c7-0839273dc595"> <div data-widget-id="65ea7fe4-701f-44b8-a083-5e41672e5211" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget65ea7fe4-701f-44b8-a083-5e41672e5211" class="widget widgetGraphicLinks skin70 widgetOptionSet24 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid4 "> <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="Go to Facebook graphic"><img src="/ImageRepository/Document?documentID=34" class="graphicButtonLink" alt="Go to Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=33'" onmouseout="this.src='/ImageRepository/Document?documentID=34'" onfocus="this.src='/ImageRepository/Document?documentID=33'" onblur="this.src='/ImageRepository/Document?documentID=34'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/CityGreenville" target="_self" aria-label="Visit Twitter online graphic"><img src="/ImageRepository/Document?documentID=36" class="graphicButtonLink" alt="Visit Twitter online" onmouseover="this.src='/ImageRepository/Document?documentID=35'" onmouseout="this.src='/ImageRepository/Document?documentID=36'" onfocus="this.src='/ImageRepository/Document?documentID=35'" onblur="this.src='/ImageRepository/Document?documentID=36'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self" aria-label="YouTube graphic"><img src="/ImageRepository/Document?documentID=38" class="graphicButtonLink" alt="YouTube" onmouseover="this.src='/ImageRepository/Document?documentID=37'" onmouseout="this.src='/ImageRepository/Document?documentID=38'" onfocus="this.src='/ImageRepository/Document?documentID=37'" onblur="this.src='/ImageRepository/Document?documentID=38'"> </a></div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://instagram.com/cityofgreenvillesc/" target="_blank" aria-label="Instagram graphic opens in new window"><img src="/ImageRepository/Document?documentID=3370" class="graphicButtonLink" alt="Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=3371'" onmouseout="this.src='/ImageRepository/Document?documentID=3370'" onfocus="this.src='/ImageRepository/Document?documentID=3371'" onblur="this.src='/ImageRepository/Document?documentID=3370'"> </a></div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </footer><aside data-cpRole="contentContainer" id="contentContainer11c" class="backtotop_ts"> <div id="cc8219b4a8-1e5b-4a80-8dfe-c3f90a445112" data-containerid="8219b4a8-1e5b-4a80-8dfe-c3f90a445112" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> </div> </aside></div> </div><div data-cpRole="structuralContainer" id="structuralContainer12"> <div class="siteWrap2"><aside data-cpRole="contentContainer" id="contentContainer12a"> <div id="cccd39605e-4603-458a-91db-375809780d71" data-containerid="cd39605e-4603-458a-91db-375809780d71" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="1"> <div class="row outer autoWidths center wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="04249a4e-6e7d-495a-998d-5c4983abdcb6"> <div class="row nest first last wide"> </div>  </div></div>  </div> </aside></div> </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 type="text/javascript"> var translateActiveCookie = getCookieValue('translateActive'); if (translateActiveCookie == 'true') { enableGoogleTranslate(); } else { var button = '<a href="#translate" class="translateWidget" title="Enable Google Translate" style="background-color: #FFF;border-color: #9b9b9b #d5d5d5 transparent #d5d5d5;border-style: solid;border-width: 1px 1px 0 1px;bottom: 0px;color: #000;cursor: pointer;font-size: .9em;padding: 2px 6px 3px 4px;position: fixed;right: 20px;z-index: 5;">'; button += '<img alt="Google Translate Icon" src="/Assets/Images/GoogleTranslate.gif" style="box-sizing: content-box !important;height:19px;margin: -2px 0 0 -2px;padding-right: 5px;width:19px;">Enable Google Translate</a>'; $('div[data-cprole="structuralContainer"]').last().after(button); } function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); } function enableGoogleTranslate() { $('#google_translate_element').show(); var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); $('div[data-cprole="structuralContainer"]').last().after('<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div>'); document.cookie = "translateActive=true; expires=12/31/2999; path=/"; } $('a.translateWidget').unbind('click').click(function (e) { $(this).hide(); enableGoogleTranslate(); return false; }); </script>  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:81391,hjsv:5}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv='); </script>  <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-TVJWMS4 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script type="text/javascript"> _linkedin_partner_id = "4150196"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=4150196&fmt=gif" /> </noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-QFR8J87C05"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-QFR8J87C05'); </script> <script async src="https://analytics.silktide.com/d3962a5786b3aa613e5da880d61ed275.js"></script> <script> (function (s,i,l,k,y) { s[i] = s[i] || y; s[l] = s[l] || []; s[k] = function(e, p) { p = p || {}; p.event = e; s[l].push(p); }; s[k]('page_load'); })(window, 'stConfig', 'stEvents', 'silktide', {}); </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,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>