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="apple-itunes-app" content="app-id=1027999777" /> <link rel="manifest" href="/manifest/client"> <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="/-524588952.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">Trails Alliance donates $100k to Help Build SRT Bridge </h2><br><p id="isPasted">City Council accepted a $100,000 donation from the Upstate Greenways and Trails Alliance to help construct a pedestrian bridge along the Swamp Rabbit over Verdae Boulevard. </p><p>Currently a street level crossing with signals, the bridge will provide a safer path for walkers and bikers. Council accepted the donation toward the $4.5 million project on Feb. 10. Construction should begin this spring. </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/HBK7j-TGMms?si=xCzFh2U23dxcSsZ5" title="UGATA Donates Toward SRT Pedestrian Bridge" 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="3866"> <a href="/CivicAlerts.aspx?AID=3866" target="_self"><img class="media" src="/ImageRepository/Document?documentID=30395" alt="alliance" style="width:25%;" /></a> <div class="text" style="margin-left:30%;"> <h4 id="newsFlashItemHeader3866" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3866" target="_self">The Alliance: 100 Units and 100 Percent Affordable </a></h4> <div class="widgetDesc"> The long-awaited Alliance development is one step closer to reality. On Tuesday, Planning Commission unanimously approved the projects modifications, allowing the fully affordable housing project to move forward. <a href="/CivicAlerts.aspx?AID=3866" target="_self" id="newsFlashReadOn3866" aria-labelledby="newsFlashItemHeader3866 newsFlashReadOn3866" class="readOn">The Alliance Housing Project</a> </div> </div> </li> <li class="widgetItem mediaLeft" data-news-i-d="3910"> <a href="/CivicAlerts.aspx?AID=3910" target="_self"><img class="media" src="/ImageRepository/Document?documentID=30805" alt="graphic of trade workers" style="width:25%;" /></a> <div class="text" style="margin-left:30%;"> <h4 id="newsFlashItemHeader3910" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3910" target="_self">Vendor Networking Event on March 11 Targets Trade Businesses </a></h4> <div class="widgetDesc"> Businesses are invited to connect with the City staff who hire for trades projects like carpentry, concrete, electrical, HVAC, landscaping and more. <a href="/CivicAlerts.aspx?AID=3910" target="_self" id="newsFlashReadOn3910" aria-labelledby="newsFlashItemHeader3910 newsFlashReadOn3910" class="readOn">Event Details</a> </div> </div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem mediaLeft" data-news-i-d="3859"> <a href="/CivicAlerts.aspx?AID=3859" target="_self"><img class="media" src="/ImageRepository/Document?documentID=30472" alt="Mohawk Drive" style="width:25%;" /></a> <div class="text" style="margin-left:30%;"> <h4 id="newsFlashItemHeader3859" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3859" target="_self">Improvement Project Begins on Mohawk Drive and Chick Springs Road </a></h4> <div class="widgetDesc"> Construction is underway on a capital improvement project on Mohawk Drive, Gallivan Street, Cary Street and Chick Springs Road. <a href="/CivicAlerts.aspx?AID=3859" target="_self" id="newsFlashReadOn3859" aria-labelledby="newsFlashItemHeader3859 newsFlashReadOn3859" class="readOn">Neighborhood Project</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-04","2025-03-06","2025-03-10","2025-03-11","2025-03-13"]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15076" > <h4 class="widgetTitle">Tue, Mar. 4 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15076">Greenville Water - Commissioners of Public Works </a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15126" > <h4 class="widgetTitle">Thu, Mar. 6 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15126">Greenville Housing Authority</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15077" > <h4 class="widgetTitle">Thu, Mar. 6 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15077">Planning Commission</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15080" > <h4 class="widgetTitle">Mon, Mar. 10 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15080">South Carolina Technology and Aviation Center </a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="14999" > <h4 class="widgetTitle">Mon, Mar. 10 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=14999">City Council - Work Session</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="14986" > <h4 class="widgetTitle">Mon, Mar. 10 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=14986">Formal Meeting of the City Council</a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15329" > <h4 class="widgetTitle">Tue, Mar. 11 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15329">Vendor Networking Event</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15082" > <h4 class="widgetTitle">Tue, Mar. 11 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15082">Youth Commission</a></strong> </div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15074" > <h4 class="widgetTitle">Thu, Mar. 13 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15074">Greenville Local Development Corporation </a></strong> </div> </li> <li class="widgetItem " data-event-i-d="15071" > <h4 class="widgetTitle">Thu, Mar. 13 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15071">Board of Zoning Appeals</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-08","2025-03-13","2025-03-14","2025-03-15","2025-03-20","2025-03-21","2025-03-22"]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="14865" > <h4 class="widgetTitle">Sat, Mar. 8 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=14865">Oxford Markets</a></strong> </div> </li> <li class="widgetItem " data-event-i-d="14964" > <h4 class="widgetTitle">Sat, Mar. 8 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=14964">Downtown Dribble </a></strong> </div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="15030" > <h4 class="widgetTitle">Thu, Mar. 13 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=15030">Downtown Alive</a></strong> </div> </li> <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> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <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> <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> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <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> <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> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <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> <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> </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>