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’s type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); </script> <script> function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); </script> <script type="text/javascript"> window.departmentHeader = {}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= true; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 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="category1" content="Departments" /> <meta name="category2" content="Community Development" /> <meta name="category3" content="Affordable Housing" /> <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>Affordable housing  | Greenville, SC - Official Website</title> <meta name="description" content="Learn about the city's work to create affordable housing for residents."> <meta name="keywords" content="build,affordable,housing"> <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="/789695552.css" rel="stylesheet" type="text/css" /> <link href="/-139473574.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="/-1356065630.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="#cc98eb1fbb-a3e2-40a9-b790-04782fa59bac" 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="6" /> <input type="hidden" id="hdnContentCollectionID" value="ba579112-eacb-41e2-90e2-fdec4a213d5e" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="20" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="1633" /> <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="structuralContainer" id="structuralContainer3"> <div class="siteWrap"><header class="siteHeader"><div data-cpRole="banner" id="banner2" class="logo_ts empty"> <a 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=20&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="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc6d8121cc-5661-4801-8a54-453b328bea86" data-containerid="6d8121cc-5661-4801-8a54-453b328bea86" 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="ccdc513ece-558e-4b54-b536-d2a471319a6d" data-containerid="dc513ece-558e-4b54-b536-d2a471319a6d" 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="cc4811d550-c248-4e65-8396-6449acf23d16" data-containerid="4811d550-c248-4e65-8396-6449acf23d16" 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="cc9386e984-ef3c-4421-9e0c-6e0b317f73a2" data-containerid="9386e984-ef3c-4421-9e0c-6e0b317f73a2" 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="cc839ef64a-d092-40dc-9358-36385760df01" data-containerid="839ef64a-d092-40dc-9358-36385760df01" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav><div data-cpRole="structuralContainer" id="structuralContainer4"> <aside data-cpRole="contentContainer" id="contentContainer4a" class="search_ts"> <div id="cc0fc0de4c-01cf-442f-8c1b-850ca398555f" data-containerid="0fc0de4c-01cf-442f-8c1b-850ca398555f" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col5 first" style="" data-widgetcontainerid="a9602f14-790a-4909-a97a-6534c83c94a0"> <div class="row nest first last wide"> <div class="inner col col5 first last id35f644be-0794-424a-b993-045bbf40a5a2" style="" data-widgetcontainerid="35f644be-0794-424a-b993-045bbf40a5a2"> <div data-widget-id="b045f496-ca06-4c37-a323-44d5a7c31489" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetb045f496-ca06-4c37-a323-44d5a7c31489" 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 col19 last" style="" data-widgetcontainerid="8b47529f-8e8c-49b1-8a6a-9131d74632af"> <div class="row nest first last wide"> <div class="inner col col19 first last id3c83d03f-4718-4c9c-8d8a-0cf252d1f385" style="" data-widgetcontainerid="3c83d03f-4718-4c9c-8d8a-0cf252d1f385"> <div data-widget-id="16087d00-6ebc-4c41-b940-cc9427256024" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.10.4/js/jquery.ui.autocomplete.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.widgetSearchButton16087d00-6ebc-4c41-b940-cc9427256024").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept16087d00-6ebc-4c41-b940-cc9427256024").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField16087d00-6ebc-4c41-b940-cc9427256024").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept16087d00-6ebc-4c41-b940-cc9427256024").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept16087d00-6ebc-4c41-b940-cc9427256024").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField16087d00-6ebc-4c41-b940-cc9427256024").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept16087d00-6ebc-4c41-b940-cc9427256024").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 ($("#searchField16087d00-6ebc-4c41-b940-cc9427256024").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField16087d00-6ebc-4c41-b940-cc9427256024")); } } }); }, 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 widgetSearchBox16087d00-6ebc-4c41-b940-cc9427256024" cp5ph="true" id="searchField16087d00-6ebc-4c41-b940-cc9427256024" name="searchField" onchange="searchBtnApplyQuery();" placeholder="I’m Looking For..." title="I’m Looking For..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton16087d00-6ebc-4c41-b940-cc9427256024" 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="searchField16087d00-6ebc-4c41-b940-cc9427256024">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 .widgetSearchBox16087d00-6ebc-4c41-b940-cc9427256024 { 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 .widgetSearchButton16087d00-6ebc-4c41-b940-cc9427256024 { margin:0; } .widgetSearch .widgetSearch-onlyDept16087d00-6ebc-4c41-b940-cc9427256024 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept16087d00-6ebc-4c41-b940-cc9427256024 { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.10.4/themes/jquery-ui.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField16087d00-6ebc-4c41-b940-cc9427256024").value; } </script> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="7b49170e-5b7e-47db-8102-f53edb973963"> <div class="row nest first last wide"> <div class="inner col col24 first last id800bcf30-b614-4f5e-ad74-bd3990a00b69" style="" data-widgetcontainerid="800bcf30-b614-4f5e-ad74-bd3990a00b69"> <div data-widget-id="50372794-ceda-4f69-acd2-4b9ef90e5b4f" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget50372794-ceda-4f69-acd2-4b9ef90e5b4f" 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 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> </aside> </div></header></div> </div> </div><div data-cpRole="structuralContainer" id="structuralContainer13"> <div class="siteWrap2"><aside data-cpRole="contentContainer" id="contentContainer13a"> <div id="cc558935db-eae8-496a-86bb-d9fa8bbb6394" data-containerid="558935db-eae8-496a-86bb-d9fa8bbb6394" class="pageContent cpGrid cpGrid24 showInMobile"> </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"> <ol class="semanticList breadCrumbs"> <li><a class="breadCrumb" href="/">Home</a></li><li><a class="breadCrumb" href="/950/Departments">Departments</a></li><li><a class="breadCrumb" href="/265/Community-Development">Community Development</a></li><li id="currentBCPage" data-pageid="1633">Affordable Housing</li> </ol> </div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="1633" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="265" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="33972" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Affordable Housing" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <h1 id="versionHeadLine" class="headline"> Affordable housing  </h1> <div id="cc98eb1fbb-a3e2-40a9-b790-04782fa59bac" data-containerid="98eb1fbb-a3e2-40a9-b790-04782fa59bac" class="pageContent cpGrid cpGrid24" > <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="ed87724c-97ab-4dba-b23a-6f5680c6a809"> <div class="row nest first wide"> <div class="inner col col24 first last idd382c230-8f2f-437a-b1a2-bd6405855b1c" style="" data-widgetcontainerid="d382c230-8f2f-437a-b1a2-bd6405855b1c"> <div data-widget-id='629fd775-36c6-4b72-81e0-f86f62071acb' data-moduleName="customHtml" id='widgetCustomHtml629fd775-36c6-4b72-81e0-f86f62071acb' class="widget widgetCustomHtml skin67 narrow" > <div class="widgetBody pageStyles" id="widgetBody629fd775-36c6-4b72-81e0-f86f62071acb"> <div id="customHtml629fd775-36c6-4b72-81e0-f86f62071acb"><div><iframe width="600" height="350" src="https://www.youtube.com/embed/DEPk542sNnM?si=i85IhH7dqBgxDXKf" title="Affordable Housing Update" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div> </div> </div> </div>  </div>  <div class="row nest wide"> <div class="inner col col24 first last id892f96f4-7d24-4742-a2f4-b0f63efc5af3" style="" data-widgetcontainerid="892f96f4-7d24-4742-a2f4-b0f63efc5af3"> <div class="widget editor pageStyles narrow" id="divEditor728f1126-5a22-4b0c-bd3c-8eb1f322f351" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h2 class="subhead1" id="isPasted">Greenville Leads with Housing Solutions</h2><p><span style="font-size: 14.4px;">Greenville is being developed for ALL residents. </span><span style="font-size: 14.4px;">We are taking meaningful action to create affordable housing.  </span></p><p><span style="font-size: 14.4px;">Both the </span> <span style="font-size: 14.4px;"><a href="/1398">GVL2040 Comprehensive Plan</a></span><span style="font-size: 14.4px;"> and Greenville </span> <span style="font-size: 14.4px;"><a href="/283">City Council</a></span><span style="font-size: 14.4px;"> prioritize affordable housing, neighborhoods, open space and mobility.  </span></p><p><span style="font-size: 14.4px;">Our new </span> <span style="font-size: 14.4px;"><a href="/devcode">development code</a></span><span style="font-size: 14.4px;"> includes affordable housing incentives and focuses on balanced growth that creates opportunity for everyone to thrive.  </span></p><p><span style="font-size: 14.4px;">The city has made specific investments in affordable housing every year since the 2018 Affordable Housing Action plan – more than $10.5 million so far with an additional $14 million planned over the next five years. Thanks to key partnerships with Habitat for Humanity and Homes of Hope, in the summer of 2024, there are 100 affordable units under construction in the city.</span></p><p class="blockquote" style="text-align: left; font-size: 1.5em;">"We invest in people. Money is not the only answer. Partnership, creativity, mindfulness and accountability are required for a positive impact on quality of life for all."</p><p class="blockquote" style="text-align: right; font-size: 1.5em;"><span style="text-align:right;"><em>— Mayor Knox White</em></span></p><p id="isPasted">In April 2023, Greenville City Council affirmed their support of a <a href="https://greenvillehousingfund.com/">Greenville Housing Fund</a> (GHF) plan to accelerate affordable housing projects within the city limits. </p><p>The Council unanimously re-affirmed their commitment of $2.5 million annually through 2027, giving GHF the support it needs to leverage $33 million for affordable housing projects. The Council’s action means GHF can secure financing and pursue an accelerated plan to create affordable multi-family housing, particularly along corridors. In neighborhoods, GHF also will support homeownership opportunities with single-family homes.</p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '728f1126-5a22-4b0c-bd3c-8eb1f322f351')); }); </script> </div> </div>  </div>  <div class="row nest wide"> <div class="inner col col24 first last id53072adf-3398-4569-918e-5e7c17078b44" style="" data-widgetcontainerid="53072adf-3398-4569-918e-5e7c17078b44"> <div data-widget-id="9f911db0-f859-40b4-92dc-9941bd1ba5d0" data-widget-controller-path="/NewsFlash/Widget"> <script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script> <script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script> <style scoped type="text/css">.widgetOptionSet23 .widgetItem .media {padding-bottom: 1em;}</style> <section class="widget widgetNewsFlash skin74 widgetOptionSet23 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash9f911db0-f859-40b4-92dc-9941bd1ba5d0" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="newsFlashHeader9f911db0-f859-40b4-92dc-9941bd1ba5d0"> <header class="widgetHeader" id="newsFlashHeader9f911db0-f859-40b4-92dc-9941bd1ba5d0"> <div class=""> <h3><a style="" href="/CivicAlerts.aspx?CID=71" >We provide tools so our partners can build homes.</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="cpCarousel cpCarousel9f911db0-f859-40b4-92dc-9941bd1ba5d0"> <div class="cpWindow cpWindow9f911db0-f859-40b4-92dc-9941bd1ba5d0"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="/CivicAlerts.aspx?AID=3832" target="_self"><img class="media" src="/ImageRepository/Document?documentID=30107" alt="aerial rendering of Mosaic development" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader3832" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3832" target="_self">Bonus Height Provision Will Add 65 Affordable Homes to Mosaic Development </a> </h4> <div class="widgetDesc"> Affordable housing is a key part of a major new residential development in Greenville’s West End. <a id="newsFlashReadOn3832" href="/CivicAlerts.aspx?AID=3832" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader3832 newsFlashReadOn3832">The Mosaic</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=3571" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=27891" alt="Sheryl Pierce speaking at an event celebrating work completed at Century Plaza" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader3571" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3571" target="_self">City and Greenville Housing Fund Celebrate Renovated Century Plaza </a> </h4> <div class="widgetDesc"> Longtime resident Sheryl Pierce shared her story, saying "I don't have a house, I have a home. And a home is what matters." <a id="newsFlashReadOn3571" href="/CivicAlerts.aspx?AID=3571" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader3571 newsFlashReadOn3571">Century Plaza</a> </div> </div> </li> <li class="widgetItem" data-index="2"> <a href="/CivicAlerts.aspx?AID=3285" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=25502" alt="Developer James Jordon, Mayor Knox White and Rev. Stacey Mills " data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader3285" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3285" target="_self">Partners Invest $13 Million in Affordable, Workforce and Senior Housing </a> </h4> <div class="widgetDesc"> Representatives from the Greenville Housing Fund (GHF), the City of Greenville, and Truist Bank celebrated the first of several housing developments to be funded using an innovative partnership. <a id="newsFlashReadOn3285" href="/CivicAlerts.aspx?AID=3285" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader3285 newsFlashReadOn3285">Housing Details</a> </div> </div> </li> <li class="widgetItem" data-index="3"> <a href="https://youtu.be/-Ibu7VHBnEw" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=22044" alt="Maria and Melissa Huerta at their home site" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader2917" class="widgetTitle"> <a href="https://youtu.be/-Ibu7VHBnEw" target="_self">"IT FEELS LIKE A LOT FOR OUR FAMILY TO HAVE ITS OWN HOME." </a> </h4> <div class="widgetDesc"> Maria Huerta is looking forward to having a new home, a place where her family can build memories. <a href="https://youtu.be/-Ibu7VHBnEw" target="_self" class="readOn">Watch the Huerta's Story</a> </div> </div> </li> <li class="widgetItem" data-index="4"> <a href="/CivicAlerts.aspx?AID=2883" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21597" alt="Yvonne Oneal, in the library at her affordable senior housing complex" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader2883" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=2883" target="_self">"I FEEL LIKE I’M IN A DREAM RIGHT NOW, I HAVE TO CHECK MYSELF TO MAKE SURE I’M HERE." </a> </h4> <div class="widgetDesc"> Yvonne Oneal found safe, affordable housing as a resident of Renaissance Park senior housing apartments. </div> </div> </li> <li class="widgetItem" data-index="5"> <a href="https://youtu.be/N45jqLyxuRE" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21596" alt="Joi Phillips, in front of her new first-time home" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader2882" class="widgetTitle"> <a href="https://youtu.be/N45jqLyxuRE" target="_self">"THE CITY OF GREENVILLE HAS A GREAT PROGRAM. YOU JUST HAVE TO GET IN TOUCH." </a> </h4> <div class="widgetDesc"> First-time homeowner Joi Phillips said the down-payment assistance program helped her seal the deal on her new home. <a href="https://youtu.be/N45jqLyxuRE" target="_self" class="readOn">Watch Joi's Story</a> </div> </div> </li> <li class="widgetItem" data-index="6"> <a href="/CivicAlerts.aspx?AID=2881" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21598" alt="Two women, including Christina, celebrating with a selfie at a Habitat for Humanity wall raising." data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader2881" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=2881" target="_self">"I’M AMAZED BY EVERYONE’S HARD WORK, STILL CAN’T BELIEVE THIS ACTUALLY MY HOUSE." </a> </h4> <div class="widgetDesc"> Christina Milagria (right) celebrated with family, friends and Habitat volunteers at the wall raising for her Habitat for Humanity home. </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> //  </script> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last idb4b353f5-0e1a-45b7-bf57-4b41a29c7484" style="" data-widgetcontainerid="b4b353f5-0e1a-45b7-bf57-4b41a29c7484"> <div class="widget editor pageStyles narrow" id="divEditor927f6cec-9368-4eb0-bd16-491a5d913b91" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h2>WHAT IS AFFORDABLE?</h2><p><img src="/ImageRepository/Document?documentId=21202" class="fr-fil fr-dii" alt="Pie chart showing 30% off all income covering housing costs" style="width: 341px;">Strictly speaking, affordable housing is housing that doesn’t take up more than a third of your monthly income.</p><p>So, if you’re earning $3,000 a month ($36,000/year), that’s no more than $1,000/month.</p><p>Median income in Greenville is about $60,000 – that’s $5,000/month. Therefore, affordable housing is anything that doesn’t top $1,667/month. Depending on credit scores, down payments and other variables, that’s enough to buy a $250,000 home.</p><p>But here’s the problem: median housing values are now above $300,000 in the city, meaning median income families are being squeezed out. In the end, it comes down to the fact that as housing prices rise, families are forced to either overpay or move further away, putting both pressure on their wallets and overall quality of life.</p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '927f6cec-9368-4eb0-bd16-491a5d913b91')); }); </script> </div> </div>  </div>  </div></div>  </div> </div> <div class="newCP"> </div> </div> </div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccab58b923-f53d-4650-8df2-55c79fbb2f9c" data-containerid="ab58b923-f53d-4650-8df2-55c79fbb2f9c" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="a25a5462-4bfb-44cb-a237-c637fbed34f2"> <div class="row nest first wide"> <div class="inner col col24 first last id823e82e0-a2bf-46c6-83c2-1bc5c7f1ca26" style="" data-widgetcontainerid="823e82e0-a2bf-46c6-83c2-1bc5c7f1ca26"> <div data-widget-id="9b72d376-8cde-4a63-bc4a-9ac077f03ce6" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget9b72d376-8cde-4a63-bc4a-9ac077f03ce6" class="widget widgetGraphicLinks skin68 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="/2026" target="_self" class="fancyButton fancyButton1518 " > <span> <span><span class="text"><br>History & Future of <br>Affordable Housing</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1518.fancyButton:link,.fancyButton1518.fancyButton:visited, .fancyButton1518div.fancyButton{ background-color: #fff; background-repeat: no-repeat; background-position: left top; border-radius:15px; max-width:375px; -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); transition:.2s ease-in-out; margin:.5em;} .fancyButton1518.fancyButton:hover,.fancyButton1518.fancyButton:focus,.fancyButton1518.fancyButton:active,.fancyButton1518.fancyButton.hover{ background-color: #00704a; background-repeat: no-repeat; background-position: left top; } .fancyButton1518.fancyButton:link > span,.fancyButton1518.fancyButton:visited > span, .fancyButton1518div.fancyButton > span{ } .fancyButton1518.fancyButton:hover > span,.fancyButton1518.fancyButton:focus > span,.fancyButton1518.fancyButton:active > span,.fancyButton1518.fancyButton.hover > span{ } .fancyButton1518.fancyButton .text{ color: #00704a; font-size: 1.2em; font-family: "Lato"; padding-top: 16em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; font-weight: 700; text-decoration: none; padding-top: 16em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; background-image: url('/ImageRepository/Document?documentID=21374'); background-repeat: no-repeat; background-position: left top; border-radius:15px;text-transform:uppercase; transition:.2s ease-in-out; line-height:1.1;} .fancyButton1518.fancyButton:hover .text,.fancyButton1518.fancyButton:focus .text,.fancyButton1518.fancyButton:active .text,.fancyButton1518.fancyButton.hover .text{ color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1518.fancyButton .textStyle1{ color: #000; font-size: .8em; font-family: Arial; text-align: left; font-style: normal; text-decoration: none; font-weight:200; text-transform:none; transition:.2s ease-in-out; } .fancyButton1518.fancyButton:hover .textStyle1, .fancyButton1518.fancyButton.hover .textStyle1{ color: #fff; text-decoration: none; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="/2029" target="_self" class="fancyButton fancyButton1521 " > <span> <span><span class="text"><br>Completed &<br>Planned Projects</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1521.fancyButton:link,.fancyButton1521.fancyButton:visited, .fancyButton1521div.fancyButton{ background-color: #fff; background-repeat: no-repeat; background-position: left top; border-radius:15px; max-width:375px; -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); transition:.2s ease-in-out; margin:.5em;} .fancyButton1521.fancyButton:hover,.fancyButton1521.fancyButton:focus,.fancyButton1521.fancyButton:active,.fancyButton1521.fancyButton.hover{ background-color: #00704a; background-repeat: no-repeat; background-position: left top; } .fancyButton1521.fancyButton:link > span,.fancyButton1521.fancyButton:visited > span, .fancyButton1521div.fancyButton > span{ } .fancyButton1521.fancyButton:hover > span,.fancyButton1521.fancyButton:focus > span,.fancyButton1521.fancyButton:active > span,.fancyButton1521.fancyButton.hover > span{ } .fancyButton1521.fancyButton .text{ color: #00704a; font-size: 1.2em; font-family: "Lato"; padding-top: 16em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; font-weight: 700; text-decoration: none; padding-top: 16em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; background-image: url('/ImageRepository/Document?documentID=21380'); background-repeat: no-repeat; background-position: left top; border-radius:15px;text-transform:uppercase; transition:.2s ease-in-out; line-height:1.1;} .fancyButton1521.fancyButton:hover .text,.fancyButton1521.fancyButton:focus .text,.fancyButton1521.fancyButton:active .text,.fancyButton1521.fancyButton.hover .text{ color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1521.fancyButton .textStyle1{ color: #000; font-size: .8em; font-family: Arial; text-align: left; font-style: normal; text-decoration: none; font-weight:200; text-transform:none; transition:.2s ease-in-out; } .fancyButton1521.fancyButton:hover .textStyle1, .fancyButton1521.fancyButton.hover .textStyle1{ color: #fff; text-decoration: none; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="/1867" target="_self" class="fancyButton fancyButton1522 " > <span> <span><span class="text"><br>Affordable Housing<br>in Unity Park</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1522.fancyButton:link,.fancyButton1522.fancyButton:visited, .fancyButton1522div.fancyButton{ background-color: #fff; background-repeat: no-repeat; background-position: left top; border-radius:15px; max-width:375px; -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); transition:.2s ease-in-out; margin:.5em;} .fancyButton1522.fancyButton:hover,.fancyButton1522.fancyButton:focus,.fancyButton1522.fancyButton:active,.fancyButton1522.fancyButton.hover{ background-color: #00704a; background-repeat: no-repeat; background-position: left top; } .fancyButton1522.fancyButton:link > span,.fancyButton1522.fancyButton:visited > span, .fancyButton1522div.fancyButton > span{ } .fancyButton1522.fancyButton:hover > span,.fancyButton1522.fancyButton:focus > span,.fancyButton1522.fancyButton:active > span,.fancyButton1522.fancyButton.hover > span{ } .fancyButton1522.fancyButton .text{ color: #00704a; font-size: 1.2em; font-family: "Lato"; padding-top: 16em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; font-weight: 700; text-decoration: none; padding-top: 16em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; background-image: url('/ImageRepository/Document?documentID=21378'); background-repeat: no-repeat; background-position: left top; border-radius:15px;text-transform:uppercase; transition:.2s ease-in-out; line-height:1.1;} .fancyButton1522.fancyButton:hover .text,.fancyButton1522.fancyButton:focus .text,.fancyButton1522.fancyButton:active .text,.fancyButton1522.fancyButton.hover .text{ color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1522.fancyButton .textStyle1{ color: #000; font-size: .8em; font-family: Arial; text-align: left; font-style: normal; text-decoration: none; font-weight:200; text-transform:none; transition:.2s ease-in-out; } .fancyButton1522.fancyButton:hover .textStyle1, .fancyButton1522.fancyButton.hover .textStyle1{ color: #fff; text-decoration: none; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="/2027" target="_self" class="fancyButton fancyButton1519 " > <span> <span><span class="text"><br>Missing Middle<br>Housing</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton1519.fancyButton:link,.fancyButton1519.fancyButton:visited, .fancyButton1519div.fancyButton{ background-color: #fff; background-repeat: no-repeat; background-position: left top; border-radius:15px; max-width:375px; -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.22); transition:.2s ease-in-out; margin:.5em;} .fancyButton1519.fancyButton:hover,.fancyButton1519.fancyButton:focus,.fancyButton1519.fancyButton:active,.fancyButton1519.fancyButton.hover{ background-color: #00704a; background-repeat: no-repeat; background-position: left top; } .fancyButton1519.fancyButton:link > span,.fancyButton1519.fancyButton:visited > span, .fancyButton1519div.fancyButton > span{ } .fancyButton1519.fancyButton:hover > span,.fancyButton1519.fancyButton:focus > span,.fancyButton1519.fancyButton:active > span,.fancyButton1519.fancyButton.hover > span{ } .fancyButton1519.fancyButton .text{ color: #00704a; font-size: 1.2em; font-family: "Lato"; padding-top: 16em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; font-weight: 700; text-decoration: none; padding-top: 16em; padding-bottom: 1em; padding-right: 1em; padding-left: 1em; background-image: url('/ImageRepository/Document?documentID=21379'); background-repeat: no-repeat; background-position: left top; border-radius:15px;text-transform:uppercase; transition:.2s ease-in-out; line-height:1.1;} .fancyButton1519.fancyButton:hover .text,.fancyButton1519.fancyButton:focus .text,.fancyButton1519.fancyButton:active .text,.fancyButton1519.fancyButton.hover .text{ color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton1519.fancyButton .textStyle1{ color: #000; font-size: .8em; font-family: Arial; text-align: left; font-style: normal; text-decoration: none; font-weight:200; text-transform:none; transition:.2s ease-in-out; } .fancyButton1519.fancyButton:hover .textStyle1, .fancyButton1519.fancyButton.hover .textStyle1{ color: #fff; text-decoration: none; } </style> </div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last id8775df9f-4a24-47dd-b6e6-bb9fee1c8519" style="" data-widgetcontainerid="8775df9f-4a24-47dd-b6e6-bb9fee1c8519"> <div class="widget editor pageStyles narrow" id="divEditor04403498-c191-4806-a064-5ac54b716fbd" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h3 class="subhead2">Partner SUPPORT</h3><p>✅ $2.5 million contributed annually to the Greenville Housing Fund</p><p>✅ Accelerated affordable housing projects with GHF contribution, by enabling the non-profit to borrow $13.3 million</p><p>✅ Acquired and/or donated 16.7 acres of land, valued at $11.3 million, to partners such as United Housing Connections, Homes of Hope, Genesis Homes, Greenville Housing Fund and Habitat for Humanity.</p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '04403498-c191-4806-a064-5ac54b716fbd')); }); </script> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="4b1005e1-2175-4102-ab25-2e4848a20599"> <div class="row nest first last wide"> <div class="inner col col24 first last id38fc8f25-67b5-4d4f-83e4-c3025a667ff5" style="" data-widgetcontainerid="38fc8f25-67b5-4d4f-83e4-c3025a667ff5"> <div class="widget slideShow skin67" role="region" aria-label="Slideshow" id="slideshow9f5a2602-3e38-4bdc-9436-330f029c26c7" aria-haspopup="false" data-widgetID="9f5a2602-3e38-4bdc-9436-330f029c26c7"> <input type="hidden" class="slideTiming" value="5"/> <input type="hidden" class="transitionTiming" value="1"/> <input type="hidden" class="hdnSlideshowUniqueID" value="15342" /> <header id="widgetHeader9f5a2602-3e38-4bdc-9436-330f029c26c7" class="widgetHeader"> <div> <h3 id="slideshowHeaderText9f5a2602-3e38-4bdc-9436-330f029c26c7" data-headertext="This is How We Do It">This is How We Do It</h3> </div> </header> <div id="divSlideshow15342" class="cpSlideshow widgetBody cpSlideshowJS15342 narrow"> <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" /> <script src="/718240160.js" type="text/javascript"></script> <div class="cpWindow cpWindowJS15342 "> <ol class="semanticList cpSlider fade cpSliderJS15342"> <li class="hidden" id="15342_78096" data-index="0" aria-hidden="true"> <img src="/ImageRepository/Document?documentID=21642" class="" alt="Women standing in front of her first home" title="Women standing in front of her first home" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="15342_78097" data-index="1" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21639" class="" alt="Graphic text - Financial Investment" title="Graphic text - Financial Investment" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="15342_78098" data-index="2" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21641" class="" alt="Affordable housing duplex" title="Affordable housing duplex" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="15342_78099" data-index="3" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21634" class="" alt="Graphic - Words Land Donation with house icons" title="Graphic - Words Land Donation with house icons" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="15342_78100" data-index="4" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21635" class="" alt="Aerial view of Unity Park" title="Aerial view of Unity Park" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="15342_78101" data-index="5" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21636" class="" alt="Graphic text - Rent and Down Payment Assistance" title="Graphic text - Rent and Down Payment Assistance" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="15342_78102" data-index="6" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21638" class="" alt="Group standing outside of new rental home" title="Group standing outside of new rental home" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="15342_78103" data-index="7" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21637" class="" alt="Graphic Text - Incentives for Developers" title="Graphic Text - Incentives for Developers" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="15342_78104" data-index="8" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21640" class="" alt="Rendering of affordable multi-family housing" title="Rendering of affordable multi-family housing" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="15342_78105" data-index="9" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=21643" class="" alt="Graphic text - Progress through partnership" title="Graphic text - Progress through partnership" data-delayed-image="" style="height: 1px" /> </li> </ol> <div class="contentSlideshowControls"> <button class="arrowNew next nextJS15342 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> </svg> </button> <button class="arrowNew prev prevJS15342 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> </svg> </button> </div> </div> <ol class="semanticList pager dots"> <li class="active" id="dot15342_78096"> <a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78096" data-dotNumber="1"> 1 <span class="visuallyhidden">Women standing in front of her first home</span> </a> </li> <li class="" id="dot15342_78097"> <a href="#targetImage" aria-label="Mapping dot for slide number 2" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78097" data-dotNumber="2"> 2 <span class="visuallyhidden">Graphic text - Financial Investment</span> </a> </li> <li class="" id="dot15342_78098"> <a href="#targetImage" aria-label="Mapping dot for slide number 3" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78098" data-dotNumber="3"> 3 <span class="visuallyhidden">Affordable housing duplex</span> </a> </li> <li class="" id="dot15342_78099"> <a href="#targetImage" aria-label="Mapping dot for slide number 4" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78099" data-dotNumber="4"> 4 <span class="visuallyhidden">Graphic - Words Land Donation with house icons</span> </a> </li> <li class="" id="dot15342_78100"> <a href="#targetImage" aria-label="Mapping dot for slide number 5" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78100" data-dotNumber="5"> 5 <span class="visuallyhidden">Aerial view of Unity Park</span> </a> </li> <li class="" id="dot15342_78101"> <a href="#targetImage" aria-label="Mapping dot for slide number 6" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78101" data-dotNumber="6"> 6 <span class="visuallyhidden">Graphic text - Rent and Down Payment Assistance</span> </a> </li> <li class="" id="dot15342_78102"> <a href="#targetImage" aria-label="Mapping dot for slide number 7" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78102" data-dotNumber="7"> 7 <span class="visuallyhidden">Group standing outside of new rental home</span> </a> </li> <li class="" id="dot15342_78103"> <a href="#targetImage" aria-label="Mapping dot for slide number 8" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78103" data-dotNumber="8"> 8 <span class="visuallyhidden">Graphic Text - Incentives for Developers</span> </a> </li> <li class="" id="dot15342_78104"> <a href="#targetImage" aria-label="Mapping dot for slide number 9" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78104" data-dotNumber="9"> 9 <span class="visuallyhidden">Rendering of affordable multi-family housing</span> </a> </li> <li class="" id="dot15342_78105"> <a href="#targetImage" aria-label="Mapping dot for slide number 10" role="button" onclick=" return false; " class="dotJS15342" data-targetImageli="15342_78105" data-dotNumber="10"> 10 <span class="visuallyhidden">Graphic text - Progress through partnership</span> </a> </li> </ol> <div aria-live="polite" aria-atomic="true" class="liveRegionJS15342 visuallyhidden"></div> <script type="text/javascript"> //  </script> </div> <script type="text/javascript"> (function () { const widgetHandlers = function (e) { $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div> <script type="text/javascript"> function SlideshowWidgetCallback(widgetID, response) { if (window.ContentCollectionInstance.IsWorkingCopy) { //Remove this field since the partial view adds it back. $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); else $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); contentUpdated(); } else { ContentCollectionInstance.reloadContent(); } $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); } (function (){ const widgetHandlers = function () { var hasEditRights = false; if (window.File && window.FileList && window.FileReader && hasEditRights) { var SlideshowWidget = 3; makeWidgetAreaDroppable('9f5a2602-3e38-4bdc-9436-330f029c26c7', $('#slideshow' + '9f5a2602-3e38-4bdc-9436-330f029c26c7'), SlideshowWidget, true, SlideshowWidgetCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '9f5a2602-3e38-4bdc-9436-330f029c26c7'), 'Click to start adding images.'); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div>  </div>  </div></div>  </div> </aside> </div><div data-cpRole="structuralContainer" id="structuralContainer9" class="siteSidebar"> <aside data-cpRole="contentContainer" id="contentContainer9a"> <div id="cc4483ca71-64a5-47d5-bcd6-6bcf186544ab" data-containerid="4483ca71-64a5-47d5-bcd6-6bcf186544ab" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> <ol role="menu" id="secondaryMenusecondaryNav" data-parent="1633" class="rootNavMenu accordionNav"> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1632" data-pageid="1632"> <div class="accordionNavItem"> <a href="/1632/Affordable-Housing-Programs" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Affordable Housing Programs</a> <a href="#" class="openAccordionNav accordionSecondaryNavItem" title="Expand Affordable Housing Programs Submenu"></a> </div> <ol role="menu" aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" style="display: none;" data-parent="1632"> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem1635" data-pageid="1635"> <div class="accordionNavItem"> <a href="/1635/Homeownership-Opportunities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Homeownership Opportunities</span></a> </div> </li> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem306" data-pageid="306"> <div class="accordionNavItem"> <a href="/306/Homeowner-Rehabilitation-Programs" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Homeowner Rehabilitation Programs</span></a> </div> </li> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem1636" data-pageid="1636"> <div class="accordionNavItem"> <a href="/1636/Greenville-Neighborhoods" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Greenville Neighborhoods</span></a> </div> </li> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem288" data-pageid="288"> <div class="accordionNavItem"> <a href="/288/Other-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Other Resources</span></a> </div> </li> </ol> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2029" data-pageid="2029"> <div class="accordionNavItem"> <a href="/2029/Affordable-Housing-Projects" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Affordable Housing Projects</a> <a href="#" class="openAccordionNav accordionSecondaryNavItem" title="Expand Affordable Housing Projects Submenu"></a> </div> <ol role="menu" aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" style="display: none;" data-parent="2029"> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem2030" data-pageid="2030"> <div class="accordionNavItem"> <a href="/1867" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Affordable Housing in Unity Park</span></a> </div> </li> </ol> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1275" data-pageid="1275"> <div class="accordionNavItem"> <a href="/1275/Greenville-Housing-Fund" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Greenville Housing Fund</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2026" data-pageid="2026"> <div class="accordionNavItem"> <a href="/2026/History-Future-of-Affordable-Housing" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">History & Future of Affordable Housing</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1640" data-pageid="1640"> <div class="accordionNavItem"> <a href="/1640/Developer-Incentives" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Developer Incentives</a> <a href="#" class="openAccordionNav accordionSecondaryNavItem" title="Expand Developer Incentives Submenu"></a> </div> <ol role="menu" aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" style="display: none;" data-parent="1640"> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem266" data-pageid="266"> <div class="accordionNavItem"> <a href="/266/Brownfields" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Brownfields</span></a> <a href="#" class="openAccordionNav accordionNavMenuItem" title="Expand Brownfields Submenu"></a> </div> <ol role="menu" aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" style="display: none;" data-parent="266"> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem269" data-pageid="269"> <div class="accordionNavItem"> <a href="/269/Environmental-Contaminants" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Environmental Contaminants</span></a> </div> </li> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem268" data-pageid="268"> <div class="accordionNavItem"> <a href="/268/Realtors-Developers" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Realtors & Developers</span></a> </div> </li> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem270" data-pageid="270"> <div class="accordionNavItem"> <a href="/270/Site-Assessments" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Site Assessments</span></a> </div> </li> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem1558" data-pageid="1558"> <div class="accordionNavItem"> <a href="/1558/Brownfields-Requests" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Brownfields Requests</span></a> </div> </li> </ol> </li> </ol> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2027" data-pageid="2027"> <div class="accordionNavItem"> <a href="/2027/Missing-Middle-Housing" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Missing Middle Housing</a> </div> </li> </ol> <script type="text/javascript"> $(document).ready(function () { //setup menu manager properties for secondary menu menuManager.isSideMenuEditable = false; menuManager.sideMenuMaxSubMenuLevels = 4; menuManager.sideMenuHasCustomLinks = false; }); </script> <script type="text/javascript"> $(document).ready(function () { $('*[id^="SideItem"]').each(function () { var ids = $('[id="' + this.id + '"]'); if (ids.length > 1) $.each(ids, function (index, value) { value.id = value.id + '_' + index; }); }); $('.hasAccordionChildren .openAccordionNav').click(function (e) { e.preventDefault(); showHideAccordionMenuForSecondaryNav($(this)); }); $("#secondaryNav .grippy").each(function () { menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); }); $("#secondaryNav li").each(function () { menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); }); }); </script> </nav><aside data-cpRole="contentContainer" id="contentContainer9b"> <div id="cc033b55d7-3d18-475d-a3ac-c2cad43e5080" data-containerid="033b55d7-3d18-475d-a3ac-c2cad43e5080" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside> </div> </div></div> </div><div data-cpRole="structuralContainer" id="structuralContainer10"> <div class="siteWrap2"><aside data-cpRole="contentContainer" id="contentContainer10a"> <div id="cc308fbc57-984e-48a2-ab6d-9b6ed90a8ba5" data-containerid="308fbc57-984e-48a2-ab6d-9b6ed90a8ba5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50"> <div class="row outer wide"><div class="outer col col12 first" style="" data-widgetcontainerid="44114772-48f7-4329-996b-39dbe19958d1"> <div class="row nest first last wide"> <div class="inner col col12 first last id0acba51d-98b6-4fbc-8991-ab19ad27a546" style="" data-widgetcontainerid="0acba51d-98b6-4fbc-8991-ab19ad27a546"> <div data-widget-id="8964bf95-2e97-4550-acc0-cd6784421aed" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget8964bf95-2e97-4550-acc0-cd6784421aed" class="widget widgetGraphicLinks skin69 widgetOptionSet34 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="0dda846a-5f9e-455d-8ca1-aa9f441f366b"> <div class="row nest first last wide"> <div class="inner col col12 first last id729636b5-4e20-46a3-a47f-baa3fcbf56f4" style="" data-widgetcontainerid="729636b5-4e20-46a3-a47f-baa3fcbf56f4"> <div data-widget-id="74810b43-cecd-4564-9b82-156eb39dd7ae" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget74810b43-cecd-4564-9b82-156eb39dd7ae" class="widget widgetGraphicLinks skin69 widgetOptionSet34 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="structuralContainer11"> <div class="siteWrap"><div data-cpRole="banner" id="banner3" class="footerLogo_ts empty"> <a 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="cc8c3da2f4-8899-4558-bfdb-6ef7b08ee65f" data-containerid="8c3da2f4-8899-4558-bfdb-6ef7b08ee65f" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="ab223760-5bc6-41fb-ace8-6cf127218691"> <div class="row nest first last wide"> <div class="inner col col24 first last id01ec71cc-bc2b-45d3-9e84-0f251503d400" style="" data-widgetcontainerid="01ec71cc-bc2b-45d3-9e84-0f251503d400"> <div data-widget-id="b9d3e42b-ba95-4066-82f5-bb21a8ed2360" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkb9d3e42b-ba95-4066-82f5-bb21a8ed2360" 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="quickLinksHeaderb9d3e42b-ba95-4066-82f5-bb21a8ed2360"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid3 "> <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 last"> <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> </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="d8607130-d5ee-47fc-a6d1-17fcfda829e1"> <div class="row nest first last wide"> <div class="inner col col24 first last id2383c25e-80fd-420b-aa24-11a97b582951" style="" data-widgetcontainerid="2383c25e-80fd-420b-aa24-11a97b582951"> <div data-widget-id="beefec7c-dce4-4483-83c1-752cd33abbd9" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvbeefec7c-dce4-4483-83c1-752cd33abbd9" 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="headerbeefec7c-dce4-4483-83c1-752cd33abbd9"> <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) { $('#divInfoAdvbeefec7c-dce4-4483-83c1-752cd33abbd9 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  </div> </footer><aside data-cpRole="contentContainer" id="contentContainer11c" class="backtotop_ts"> <div id="ccb76d0156-20b4-4016-a055-c1d631c2abae" data-containerid="b76d0156-20b4-4016-a055-c1d631c2abae" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="2d3109b2-797e-4ebf-b664-52ca2ed849bf"> <div class="row nest first last wide"> <div class="inner col col24 first last ide993adc6-a9b3-4032-85c8-eefe9a926f62" style="" data-widgetcontainerid="e993adc6-a9b3-4032-85c8-eefe9a926f62"> <div data-widget-id="3d9a4b9c-d186-482c-85f2-1227da55a580" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget3d9a4b9c-d186-482c-85f2-1227da55a580" 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> </aside></div> </div><div data-cpRole="structuralContainer" id="structuralContainer12"> <div class="siteWrap2"><aside data-cpRole="contentContainer" id="contentContainer12a"> <div id="ccde678ecb-8960-4bc5-afb5-a78a81b8ae26" data-containerid="de678ecb-8960-4bc5-afb5-a78a81b8ae26" 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="ea896454-4954-41ff-928d-f452b436cf9c"> <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: '1633', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script type="text/javascript">function dynamicStretchContainers () {Core.Layout.stretchContainers('#structuralContainer9');}</script> <script src="/773427118.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>