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-Z4WFQ0Z3SW';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= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = true; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="category0" content="Home" /> <meta name="theme-color" content="rgb(109, 160, 0)"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Shelbyville, IN | Official Website</title> <meta name="description" content=""> <meta name="keywords" content="Home"> <script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script> <script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script>     <script type="text/javascript"></script> <link href="/1542570128.css" rel="stylesheet" type="text/css" /> <link href="/1464957202.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="/922815410.js" type="text/javascript"></script>     <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } </script> </head> <body class="wide hideContent" > <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')[0].text; } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } });</script> <div id="fb-root"></div> <div id=skipToContentLinks> <a href="#cc9b263b9d-a7e2-4e23-b747-b6d686e76be0" target="_self" class="skipToContentLink">Skip to Main Content</a> </div> <form id="frmReferenceFormForTelerikEditorDialogs"></form> <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> <input type="hidden" id="hdnStructureID" value="3" /> <input type="hidden" id="hdnContentCollectionID" value="e8b6ec92-848a-4d5b-ae53-0f435253c945" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="17" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="1" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> <style> @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700); .alertText .customAlert { color: #EAEAEA; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; font-weight: bold; height: 27px; left: 57px; line-height: 27px; overflow: hidden; position: absolute; top: 15px; white-space: nowrap; width: 268px; } </style> <div id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: #222222;"> <div id="1_divAlertToolbarInner" class="alertToolbarInner" style="font-size: 16px;"> <a href="/AlertCenter.aspx" id="1_lnkAlertText" class="alertText" style="border-right: 1px solid #000000;"> <img src="/Common/Images/AlertCenter/alertBarBlink.svg" id="1_imgDot" alt="Emergency Alert" class="redDot" /> <span id="1_customAlert" class="customAlert">Thanksgiving Notice</span> </a> <span id="1_spnAlertContainer" class="alertContainer"><a href="/AlertCenter.aspx?AID=All-City-of-Shelbyville-offices-will-be--5" target="_self" class="alert" style="border-left: 1px solid #635e65; border-right: 1px solid #000000;background: #030303 url(/Common/images/AlertCenter/alertBarBlackTextBckg.png) repeat-x; color: #FFFFFF;"> All City of Shelbyville offices will be closed for Thanksgiving Thursday-Friday November 28 & November 29 <span style="color: #FC4C2F;">Read On...</span> </a> </span> </div> </div> <div id="1_divAlertBarEmpty" class="alertBarEmpty"></div>    <div class="cpToolbar user public"> <div class="inner selfClear"> <p class="dropdown"><a href="/MyAccount/ProfileCreate" role="link" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more.   </span></p> <ul class="nav secondary"> <li><a href="/MyAccount" role="link" class="button" id="loggedOutToolbarSignInButton"><span>Website Sign In</span></a></li> </ul> </div> </div> <script> $(document).ready(function () { $('#signedOutToolbarCreateProfileButton').keypress(function (e) { if (e.which === 0) return; $(this).click(); }); $('#signedOutToolbarCreateProfileButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; }); $('#loggedOutToolbarSignInButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; }); if ('False' == 'True') { $('#loggedOutToolbarSignInButton').hide(); } }) </script>  </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <header data-cpRole="structuralContainer" id="headerContainerTS"> <div class="siteWrap3"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Indiana Shelbyville Homepage" class="bannerObject" height="100" src="/ImageRepository/Document?documentID=618" width="182" /></a> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="ccff9b04a2-984a-480e-9c85-3b471f4fb52c" data-containerid="ff9b04a2-984a-480e-9c85-3b471f4fb52c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="f6fe0f72-75dd-4e40-a7d0-ce753ad9110f"> <div class="row nest first last wide"> <div class="inner col col24 first last id727d9274-88e9-41b5-ac7b-e4695457a1b2" style="" data-widgetcontainerid="727d9274-88e9-41b5-ac7b-e4695457a1b2"> <div data-widget-id="58df3667-a703-4170-88e0-5963633492fb" 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.widgetSearchButton58df3667-a703-4170-88e0-5963633492fb").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept58df3667-a703-4170-88e0-5963633492fb").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField58df3667-a703-4170-88e0-5963633492fb").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept58df3667-a703-4170-88e0-5963633492fb").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept58df3667-a703-4170-88e0-5963633492fb").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField58df3667-a703-4170-88e0-5963633492fb").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept58df3667-a703-4170-88e0-5963633492fb").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 ($("#searchField58df3667-a703-4170-88e0-5963633492fb").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField58df3667-a703-4170-88e0-5963633492fb")); } } }); }, 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 skin43 widgetOptionSet15" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox58df3667-a703-4170-88e0-5963633492fb" cp5ph="true" id="searchField58df3667-a703-4170-88e0-5963633492fb" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." title="Search..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton58df3667-a703-4170-88e0-5963633492fb" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=617" data-image="/ImageRepository/Document?documentID=616" src="/ImageRepository/Document?documentID=616" /></a> <label class="searchLabel" for="searchField58df3667-a703-4170-88e0-5963633492fb">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #000; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #000; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #000; } .widgetSearch :-ms-input-placeholder { color: #000; } .widgetSearch .widgetBody .widgetSearchBox58df3667-a703-4170-88e0-5963633492fb { color: #000; font-family: DM Sans; font-weight: 500; font-size: 1em; height: 40px; border-left: 4px solid rgb(109, 160, 0); border-right: none; border-top: none; border-bottom: none; background: none; padding: 0 80px 0 20px; } .widgetSearch .widgetBody .widgetSearchButton58df3667-a703-4170-88e0-5963633492fb { } .widgetSearch .widgetSearch-onlyDept58df3667-a703-4170-88e0-5963633492fb { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept58df3667-a703-4170-88e0-5963633492fb { 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("searchField58df3667-a703-4170-88e0-5963633492fb").value; } </script> </div> </div>  </div>  </div></div>  </div> </div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1" href="/27/Government" target = "_self" > Government </a> </li><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem2" href="/101/Community" target = "_self" > Community </a> </li><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="False"> <a role="menuitem" id="mainNavBusiness" class="navMainItem mainNavItem mainNavItem3" href="https://shelbychamber.net/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self"> Business </a> </li><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4" href="/9/How-Do-I" target = "_self" > How Do I... </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=17&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = false; if (1.00 > 0) menuManager.mainMenuTextResizerRatio = 1.00; if (window.isResponsiveEnabled) menuManager.mainMenuReady.resolve(); }); </script> <aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="0"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc8948c586-464b-45a2-9944-256e67cc6cbf" data-containerid="8948c586-464b-45a2-9944-256e67cc6cbf" 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="cc0b31da25-b960-4b22-96c9-2c1256987031" data-containerid="0b31da25-b960-4b22-96c9-2c1256987031" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="ccb3807a03-4569-495d-8777-bf1cc48807a5" data-containerid="b3807a03-4569-495d-8777-bf1cc48807a5" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div class="siteWrap"><div data-cpRole="structuralContainer" id="bannerContentTS"> <div data-cpRole="contentContainer" id="bannerContentTSa"> <div id="cc87797bc6-40e1-4d30-89d1-9bd998f61d97" data-containerid="87797bc6-40e1-4d30-89d1-9bd998f61d97" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </div> </div></div> </div> <div id="bannerImagesJSON56" class="hidden"></div> <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> </div> <script type="text/javascript"> onOrLive($(window), function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderExternalBannerSlideshow('banner1', {"BannerOptionID":56,"ThemeID":17,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"7","SlideshowTransition":0,"SlideShowTransitionTiming":"2","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":70,"BannerOptionID":56,"FileName":"/ImageRepository/Document?documentID=73","Height":700,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":0,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":71,"BannerOptionID":56,"FileName":"/ImageRepository/Document?documentID=72","Height":700,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":69,"BannerOptionID":56,"FileName":"/ImageRepository/Document?documentID=74","Height":700,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":72,"BannerOptionID":56,"FileName":"/ImageRepository/Document?documentID=71","Height":700,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Home/Images/', 'Rotating', '0'); }); }, "load"); </script> </div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc68ce459e-a701-49a6-a723-cbbdba21bdfa" data-containerid="68ce459e-a701-49a6-a723-cbbdba21bdfa" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="2"> <div class="row outer wide"><div class="outer col col12 first" style="" data-widgetcontainerid="5ddf0386-6d8a-48fe-b1b4-dcfdd121c0e2"> <div class="row nest first last wide"> <div class="inner col col12 first last id860a7fed-4797-487d-b219-cdf4bc180017" style="" data-widgetcontainerid="860a7fed-4797-487d-b219-cdf4bc180017"> <div data-widget-id="31ac5572-3d58-40e9-bb7f-9a104ecb24a8" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget31ac5572-3d58-40e9-bb7f-9a104ecb24a8" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:33em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid3 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/agendacenter" target="_self" class="fancyButton fancyButton54 " > <span> <span><span class="text">Agendas & Minutes</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton54.fancyButton:link,.fancyButton54.fancyButton:visited, .fancyButton54div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=622'); background-repeat: no-repeat; background-position: center 10px ; background-size: 130px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;} .fancyButton54.fancyButton:hover,.fancyButton54.fancyButton:focus,.fancyButton54.fancyButton:active,.fancyButton54.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=621'); background-repeat: no-repeat; background-position: center top; } .fancyButton54.fancyButton:link > span,.fancyButton54.fancyButton:visited > span, .fancyButton54div.fancyButton > span{ } .fancyButton54.fancyButton:hover > span,.fancyButton54.fancyButton:focus > span,.fancyButton54.fancyButton:active > span,.fancyButton54.fancyButton.hover > span{ } .fancyButton54.fancyButton .text{ color: rgb(56, 56, 56); font-family: "DM Sans"; padding-top: 9.5em; font-weight: 500; text-decoration: none; padding-top: 9.5em; background-image: url('/ImageRepository/Document?documentID=620'); background-repeat: no-repeat; background-position: center 52px ; background-size: 50px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .fancyButton54.fancyButton:hover .text,.fancyButton54.fancyButton:focus .text,.fancyButton54.fancyButton:active .text,.fancyButton54.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=78'); background-repeat: no-repeat; background-position: center 42px ; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://sites.google.com/cityofshelbyvillein.com/city-projects/home" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton55 " > <span> <span><span class="text">City Projects</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton55.fancyButton:link,.fancyButton55.fancyButton:visited, .fancyButton55div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=622'); background-repeat: no-repeat; background-position: center 10px ; background-size: 130px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;} .fancyButton55.fancyButton:hover,.fancyButton55.fancyButton:focus,.fancyButton55.fancyButton:active,.fancyButton55.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=621'); background-repeat: no-repeat; background-position: center top; } .fancyButton55.fancyButton:link > span,.fancyButton55.fancyButton:visited > span, .fancyButton55div.fancyButton > span{ } .fancyButton55.fancyButton:hover > span,.fancyButton55.fancyButton:focus > span,.fancyButton55.fancyButton:active > span,.fancyButton55.fancyButton.hover > span{ } .fancyButton55.fancyButton .text{ color: rgb(56, 56, 56); font-family: "DM Sans"; padding-top: 9.5em; font-weight: 500; text-decoration: none; padding-top: 9.5em; background-image: url('/ImageRepository/Document?documentID=623'); background-repeat: no-repeat; background-position: center 50px ; background-size: 50px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .fancyButton55.fancyButton:hover .text,.fancyButton55.fancyButton:focus .text,.fancyButton55.fancyButton:active .text,.fancyButton55.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=82'); background-repeat: no-repeat; background-position: center 40px ; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://www.invoicecloud.com/portal/(S(nhxsvtjs5hz55nlkuovbycez))/Site2.aspx?G=2d514b28-018f-4f6e-824f-42ed508f3c1c" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton56 " > <span> <span><span class="text">Online Payments</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton56.fancyButton:link,.fancyButton56.fancyButton:visited, .fancyButton56div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=622'); background-repeat: no-repeat; background-position: center 10px ; background-size: 130px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;} .fancyButton56.fancyButton:hover,.fancyButton56.fancyButton:focus,.fancyButton56.fancyButton:active,.fancyButton56.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=621'); background-repeat: no-repeat; background-position: center top; } .fancyButton56.fancyButton:link > span,.fancyButton56.fancyButton:visited > span, .fancyButton56div.fancyButton > span{ } .fancyButton56.fancyButton:hover > span,.fancyButton56.fancyButton:focus > span,.fancyButton56.fancyButton:active > span,.fancyButton56.fancyButton.hover > span{ } .fancyButton56.fancyButton .text{ color: rgb(56, 56, 56); font-family: "DM Sans"; padding-top: 9.5em; font-weight: 500; text-decoration: none; padding-top: 9.5em; background-image: url('/ImageRepository/Document?documentID=625'); background-repeat: no-repeat; background-position: center 51px ; background-size: 50px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .fancyButton56.fancyButton:hover .text,.fancyButton56.fancyButton:focus .text,.fancyButton56.fancyButton:active .text,.fancyButton56.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=86'); background-repeat: no-repeat; background-position: center 41px ; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col12 last" style="" data-widgetcontainerid="a6c7b489-a0c9-49b4-82df-f64010e434aa"> <div class="row nest first last wide"> <div class="inner col col12 first last idaa54a2e6-9826-4ce6-9aa3-40f234662173" style="" data-widgetcontainerid="aa54a2e6-9826-4ce6-9aa3-40f234662173"> <div data-widget-id="d0896b92-807f-404d-b139-0aaec8f44fd2" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetd0896b92-807f-404d-b139-0aaec8f44fd2" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:33em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid3 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/242/Trash-Pickup-Information" target="_self" class="fancyButton fancyButton57 " > <span> <span><span class="text">Trash Collection</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton57.fancyButton:link,.fancyButton57.fancyButton:visited, .fancyButton57div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=622'); background-repeat: no-repeat; background-position: center 10px ; background-size: 130px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;} .fancyButton57.fancyButton:hover,.fancyButton57.fancyButton:focus,.fancyButton57.fancyButton:active,.fancyButton57.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=621'); background-repeat: no-repeat; background-position: center top; } .fancyButton57.fancyButton:link > span,.fancyButton57.fancyButton:visited > span, .fancyButton57div.fancyButton > span{ } .fancyButton57.fancyButton:hover > span,.fancyButton57.fancyButton:focus > span,.fancyButton57.fancyButton:active > span,.fancyButton57.fancyButton.hover > span{ } .fancyButton57.fancyButton .text{ color: rgb(56, 56, 56); font-family: "DM Sans"; padding-top: 9.5em; font-weight: 500; text-decoration: none; padding-top: 9.5em; background-image: url('/ImageRepository/Document?documentID=627'); background-repeat: no-repeat; background-position: center 51px ; background-size: 50px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .fancyButton57.fancyButton:hover .text,.fancyButton57.fancyButton:focus .text,.fancyButton57.fancyButton:active .text,.fancyButton57.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=90'); background-repeat: no-repeat; background-position: center 41px ; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/RequestTracker.aspx" target="_self" class="fancyButton fancyButton58 " > <span> <span><span class="text">Report an Issue</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton58.fancyButton:link,.fancyButton58.fancyButton:visited, .fancyButton58div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=622'); background-repeat: no-repeat; background-position: center 10px ; background-size: 130px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;} .fancyButton58.fancyButton:hover,.fancyButton58.fancyButton:focus,.fancyButton58.fancyButton:active,.fancyButton58.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=621'); background-repeat: no-repeat; background-position: center top; } .fancyButton58.fancyButton:link > span,.fancyButton58.fancyButton:visited > span, .fancyButton58div.fancyButton > span{ } .fancyButton58.fancyButton:hover > span,.fancyButton58.fancyButton:focus > span,.fancyButton58.fancyButton:active > span,.fancyButton58.fancyButton.hover > span{ } .fancyButton58.fancyButton .text{ color: rgb(56, 56, 56); font-family: "DM Sans"; padding-top: 9.5em; font-weight: 500; text-decoration: none; padding-top: 9.5em; background-image: url('/ImageRepository/Document?documentID=626'); background-repeat: no-repeat; background-position: center 51px ; background-size: 50px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .fancyButton58.fancyButton:hover .text,.fancyButton58.fancyButton:focus .text,.fancyButton58.fancyButton:active .text,.fancyButton58.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=88'); background-repeat: no-repeat; background-position: center 41px ; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/list.aspx" target="_self" class="fancyButton fancyButton59 " > <span> <span><span class="text">Notify Me®</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton59.fancyButton:link,.fancyButton59.fancyButton:visited, .fancyButton59div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=622'); background-repeat: no-repeat; background-position: center 10px ; background-size: 130px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out;} .fancyButton59.fancyButton:hover,.fancyButton59.fancyButton:focus,.fancyButton59.fancyButton:active,.fancyButton59.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=621'); background-repeat: no-repeat; background-position: center top; } .fancyButton59.fancyButton:link > span,.fancyButton59.fancyButton:visited > span, .fancyButton59div.fancyButton > span{ } .fancyButton59.fancyButton:hover > span,.fancyButton59.fancyButton:focus > span,.fancyButton59.fancyButton:active > span,.fancyButton59.fancyButton.hover > span{ } .fancyButton59.fancyButton .text{ color: rgb(56, 56, 56); font-family: "Montserrat"; padding-top: 9.5em; font-weight: 500; text-decoration: none; padding-top: 9.5em; background-image: url('/ImageRepository/Document?documentID=624'); background-repeat: no-repeat; background-position: center 51px ; background-size: 50px; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .fancyButton59.fancyButton:hover .text,.fancyButton59.fancyButton:focus .text,.fancyButton59.fancyButton:active .text,.fancyButton59.fancyButton.hover .text{ text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=84'); background-repeat: no-repeat; background-position: center 41px ; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> <div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"><script type='text/javascript'>$('#breadCrumbs').hide();</script></div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="1286" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> <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" /> <div id="cc9b263b9d-a7e2-4e23-b747-b6d686e76be0" data-containerid="9b263b9d-a7e2-4e23-b747-b6d686e76be0" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="40" > </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer1"> <div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="cc17d7caca-b9f6-44ed-93e2-cdf3d9e5083b" data-containerid="17d7caca-b9f6-44ed-93e2-cdf3d9e5083b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="d33c7796-114a-4fda-88a4-a7ad9f640a51"> <div class="row nest first last wide"> <div class="inner col col24 first last idc96fe3d4-ba24-47a2-a9ab-efca90f5d287" style="" data-widgetcontainerid="c96fe3d4-ba24-47a2-a9ab-efca90f5d287"> <div data-widget-id="589195c3-a5a8-4257-b264-607968b9584c" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget589195c3-a5a8-4257-b264-607968b9584c" class="widget widgetGraphicLinks skin43 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:55em"}' 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="https://www.visitshelbycounty.com" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton60 " > <span> <span><span class="text"><span class="textStyle1">Visit</span><span class="textStyle2">Learn More</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton60.fancyButton:link,.fancyButton60.fancyButton:visited, .fancyButton60div.fancyButton{ height: 300px; background-image: url('/ImageRepository/Document?documentID=101'); background-repeat: no-repeat; background-position: center center; max-height: 300px; background-size: cover; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: background 2s ease; overflow: hidden; margin: 1em; box-shadow: 0px 3px 10px #00000033; border-radius: 10px; border: 3px solid #6DA000; } .fancyButton60:before { content:""; display: block; position: absolute; width: 0; height: 0; background: #000; box-shadow: 0 3px 10px #00000033; transition: width .75s ease-out, height .5s ease-out; z-index: 2; border-radius: 10px; } .fancyButton60:hover:before { width: 70%; height: 70%; transition: width .75s ease, height .75s ease; } .fancyButton60:after { content:""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000000B3; transition: all .5s ease; transition-delay: 0s; z-index: 1; } .fancyButton60:hover:after { transition: background .5s ease; transition-delay: .3s; background: #2C2E6600; } .fancyButton60 span { z-index: 2;} .fancyButton60.fancyButton:hover,.fancyButton60.fancyButton:focus,.fancyButton60.fancyButton:active,.fancyButton60.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton60.fancyButton:link > span,.fancyButton60.fancyButton:visited > span, .fancyButton60div.fancyButton > span{ } .fancyButton60.fancyButton:hover > span,.fancyButton60.fancyButton:focus > span,.fancyButton60.fancyButton:active > span,.fancyButton60.fancyButton.hover > span{ } .fancyButton60.fancyButton .text{ color: #fff; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; max-width: 60%; } .fancyButton60.fancyButton:hover .text,.fancyButton60.fancyButton:focus .text,.fancyButton60.fancyButton:active .text,.fancyButton60.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton60.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 2.4em; font-family: DM Sans; font-weight: 700; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 2px #2C2E66; transition: .2s ease-in-out; position: relative; display: block; padding-bottom: 5px; margin-bottom: 5px; } .fancyButton60 .textStyle1:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 5px; width: 40px; height: 3px; background: #6DA000; margin: 0 auto; transition: .4s ease; } .fancyButton60:hover .textStyle1:after { width: 120px; background: #F36316;} .fancyButton60.fancyButton:hover .textStyle1, .fancyButton60.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: none; text-shadow: 0 1px 2px #2C2E6600;} .fancyButton60.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-family: DM Sans; font-style: normal; text-decoration: none; opacity: 0; transition: all .3s ease-in-out; text-transform: uppercase;} .fancyButton60.fancyButton:hover .textStyle2, .fancyButton60.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1; transition: all .3s ease-in-out;} </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://www.shelbyparks.com" target="_self" class="fancyButton fancyButton169 " > <span> <span><span class="text"><span class="textStyle1">PLAY</span><span class="textStyle2">Learn More</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton169.fancyButton:link,.fancyButton169.fancyButton:visited, .fancyButton169div.fancyButton{ height: 300px; background-image: url('/ImageRepository/Document?documentID=99'); background-repeat: no-repeat; background-position: center center; max-height: 300px; background-size: cover; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: background 2s ease; overflow: hidden; margin: 1em; box-shadow: 0px 3px 10px #00000033; border-radius: 10px; border: 3px solid #6DA000; } .fancyButton169:before { content:""; display: block; position: absolute; width: 0; height: 0; background: #000; box-shadow: 0 3px 10px #00000033; transition: width .75s ease-out, height .5s ease-out; z-index: 2; border-radius: 10px; } .fancyButton169:hover:before { width: 70%; height: 70%; transition: width .75s ease, height .75s ease; } .fancyButton169:after { content:""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000000B3; transition: all .5s ease; transition-delay: 0s; z-index: 1; } .fancyButton169:hover:after { transition: background .5s ease; transition-delay: .3s; background: #2C2E6600; } .fancyButton169 span { z-index: 2;} .fancyButton169.fancyButton:hover,.fancyButton169.fancyButton:focus,.fancyButton169.fancyButton:active,.fancyButton169.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton169.fancyButton:link > span,.fancyButton169.fancyButton:visited > span, .fancyButton169div.fancyButton > span{ } .fancyButton169.fancyButton:hover > span,.fancyButton169.fancyButton:focus > span,.fancyButton169.fancyButton:active > span,.fancyButton169.fancyButton.hover > span{ } .fancyButton169.fancyButton .text{ color: #fff; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; max-width: 60%; } .fancyButton169.fancyButton:hover .text,.fancyButton169.fancyButton:focus .text,.fancyButton169.fancyButton:active .text,.fancyButton169.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton169.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 2.4em; font-family: DM Sans; font-weight: 700; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 2px #2C2E66; transition: .2s ease-in-out; position: relative; display: block; padding-bottom: 5px; margin-bottom: 5px; } .fancyButton169 .textStyle1:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 5px; width: 40px; height: 3px; background: #6DA000; margin: 0 auto; transition: .4s ease; } .fancyButton169:hover .textStyle1:after { width: 120px; background: #F36316;} .fancyButton169.fancyButton:hover .textStyle1, .fancyButton169.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: none; text-shadow: 0 1px 2px #2C2E6600;} .fancyButton169.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-family: DM Sans; font-style: normal; text-decoration: none; opacity: 0; transition: all .3s ease-in-out; text-transform: uppercase;} .fancyButton169.fancyButton:hover .textStyle2, .fancyButton169.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1; transition: all .3s ease-in-out;} </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://shelbydevelopment.com/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" class="fancyButton fancyButton167 " aria-label="Develop Learn More Opens in new window"> <span> <span><span class="text"><span class="textStyle1">Develop</span><span class="textStyle2">Learn More</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton167.fancyButton:link,.fancyButton167.fancyButton:visited, .fancyButton167div.fancyButton{ height: 300px; background-image: url('/ImageRepository/Document?documentID=98'); background-repeat: no-repeat; background-position: center center; max-height: 300px; background-size: cover; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: background 2s ease; overflow: hidden; margin: 1em; box-shadow: 0px 3px 10px #00000033; border-radius: 10px; border: 3px solid #6DA000; } .fancyButton167:before { content:""; display: block; position: absolute; width: 0; height: 0; background: #000; box-shadow: 0 3px 10px #00000033; transition: width .75s ease-out, height .5s ease-out; z-index: 2; border-radius: 10px; } .fancyButton167:hover:before { width: 70%; height: 70%; transition: width .75s ease, height .75s ease; } .fancyButton167:after { content:""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000000B3; transition: all .5s ease; transition-delay: 0s; z-index: 1; } .fancyButton167:hover:after { transition: background .5s ease; transition-delay: .3s; background: #2C2E6600; } .fancyButton167 span { z-index: 2;} .fancyButton167.fancyButton:hover,.fancyButton167.fancyButton:focus,.fancyButton167.fancyButton:active,.fancyButton167.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton167.fancyButton:link > span,.fancyButton167.fancyButton:visited > span, .fancyButton167div.fancyButton > span{ } .fancyButton167.fancyButton:hover > span,.fancyButton167.fancyButton:focus > span,.fancyButton167.fancyButton:active > span,.fancyButton167.fancyButton.hover > span{ } .fancyButton167.fancyButton .text{ color: #fff; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; max-width: 60%; } .fancyButton167.fancyButton:hover .text,.fancyButton167.fancyButton:focus .text,.fancyButton167.fancyButton:active .text,.fancyButton167.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton167.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 2.4em; font-family: DM Sans; font-weight: 700; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 2px #2C2E66; transition: .2s ease-in-out; position: relative; display: block; padding-bottom: 5px; margin-bottom: 5px; } .fancyButton167 .textStyle1:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 5px; width: 40px; height: 3px; background: #6DA000; margin: 0 auto; transition: .4s ease; } .fancyButton167:hover .textStyle1:after { width: 120px; background: #F36316;} .fancyButton167.fancyButton:hover .textStyle1, .fancyButton167.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: none; text-shadow: 0 1px 2px #2C2E6600;} .fancyButton167.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-family: DM Sans; font-style: normal; text-decoration: none; opacity: 0; transition: all .3s ease-in-out; text-transform: uppercase;} .fancyButton167.fancyButton:hover .textStyle2, .fancyButton167.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1; transition: all .3s ease-in-out;} </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://www.mainstreetshelbyville.org/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton168 " > <span> <span><span class="text"><span class="textStyle1">Preserve</span><span class="textStyle2">Learn More</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton168.fancyButton:link,.fancyButton168.fancyButton:visited, .fancyButton168div.fancyButton{ height: 300px; background-image: url('/ImageRepository/Document?documentID=100'); background-repeat: no-repeat; background-position: center center; max-height: 300px; background-size: cover; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: background 2s ease; overflow: hidden; margin: 1em; box-shadow: 0px 3px 10px #00000033; border-radius: 10px; border: 3px solid #6DA000; } .fancyButton168:before { content:""; display: block; position: absolute; width: 0; height: 0; background: #000; box-shadow: 0 3px 10px #00000033; transition: width .75s ease-out, height .5s ease-out; z-index: 2; border-radius: 10px; } .fancyButton168:hover:before { width: 70%; height: 70%; transition: width .75s ease, height .75s ease; } .fancyButton168:after { content:""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000000B3; transition: all .5s ease; transition-delay: 0s; z-index: 1; } .fancyButton168:hover:after { transition: background .5s ease; transition-delay: .3s; background: #2C2E6600; } .fancyButton168 span { z-index: 2;} .fancyButton168.fancyButton:hover,.fancyButton168.fancyButton:focus,.fancyButton168.fancyButton:active,.fancyButton168.fancyButton.hover{ background-repeat: no-repeat; background-position: center center; } .fancyButton168.fancyButton:link > span,.fancyButton168.fancyButton:visited > span, .fancyButton168div.fancyButton > span{ } .fancyButton168.fancyButton:hover > span,.fancyButton168.fancyButton:focus > span,.fancyButton168.fancyButton:active > span,.fancyButton168.fancyButton.hover > span{ } .fancyButton168.fancyButton .text{ color: #fff; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; max-width: 60%; } .fancyButton168.fancyButton:hover .text,.fancyButton168.fancyButton:focus .text,.fancyButton168.fancyButton:active .text,.fancyButton168.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton168.fancyButton .textStyle1{ color: rgb(255, 255, 255); font-size: 2.4em; font-family: DM Sans; font-weight: 700; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 2px #2C2E66; transition: .2s ease-in-out; position: relative; display: block; padding-bottom: 5px; margin-bottom: 5px; } .fancyButton168 .textStyle1:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 5px; width: 40px; height: 3px; background: #6DA000; margin: 0 auto; transition: .4s ease; } .fancyButton168:hover .textStyle1:after { width: 120px; background: #F36316;} .fancyButton168.fancyButton:hover .textStyle1, .fancyButton168.fancyButton.hover .textStyle1{ color: rgb(255, 255, 255); text-decoration: none; text-shadow: 0 1px 2px #2C2E6600;} .fancyButton168.fancyButton .textStyle2{ color: rgb(255, 255, 255); font-family: DM Sans; font-style: normal; text-decoration: none; opacity: 0; transition: all .3s ease-in-out; text-transform: uppercase;} .fancyButton168.fancyButton:hover .textStyle2, .fancyButton168.fancyButton.hover .textStyle2{ text-decoration: none; opacity: 1; transition: all .3s ease-in-out;} </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer2"> <div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cc2b987645-9b1c-4f7e-b413-814383b9f9f8" data-containerid="2b987645-9b1c-4f7e-b413-814383b9f9f8" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="b1de1e7e-31c6-4407-aa52-ef146ccd8c43"> <div class="row nest first wide"> <div class="inner col col24 first last id6780a6de-10fe-4b21-9436-3e53d11aa052" style="" data-widgetcontainerid="6780a6de-10fe-4b21-9436-3e53d11aa052"> <div data-widget-id="751280e6-e45a-45fa-aa70-227b697cb9a6" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv751280e6-e45a-45fa-aa70-227b697cb9a6" class="widget widgetInfoAdvanced skin58 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header751280e6-e45a-45fa-aa70-227b697cb9a6"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline" style="text-align: center;">News & Announcements</h1> </li> <li class="InfoAdvanced widgetItem fr-view"> <p style="text-align: center;">Stay Up To Date</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv751280e6-e45a-45fa-aa70-227b697cb9a6 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last id3515eca7-ea6d-44d5-83d2-b10b8833fac2" style="" data-widgetcontainerid="3515eca7-ea6d-44d5-83d2-b10b8833fac2"> <div data-widget-id="74940b80-e316-45fd-9c5a-aaf80a054a7a" 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> <section class="widget widgetNewsFlash skin57 widgetOptionSet30 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash74940b80-e316-45fd-9c5a-aaf80a054a7a" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid1 "> <div class="cpCarousel cpCarousel74940b80-e316-45fd-9c5a-aaf80a054a7a"> <div class="cpWindow cpWindow74940b80-e316-45fd-9c5a-aaf80a054a7a"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="/CivicAlerts.aspx?AID=38" target="_self"><img class="media" src="/ImageRepository/Document?documentID=722" alt="Public Notice overlay on outdoor picture of front of city hall" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader38" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=38" target="_self">Meetings of City Governmental Bodies for November 2024 </a> </h4> <div class="widgetDesc"> Attend in person or virtually at our public governmental body meetings! <a id="newsFlashReadOn38" href="/CivicAlerts.aspx?AID=38" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader38 newsFlashReadOn38">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=46" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=802" alt="City Logo and Article Title Overlayed on Picture of RailRoad Crossing bar" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader46" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=46" target="_self">City of Shelbyville Street Department Awarded Grant for Railroad Crossing Safety Improvement </a> </h4> <div class="widgetDesc"> The City of Shelbyville Street Department has been awarded a $15,470 grant through the Railroad Grade Crossing Fund (GCF) to enhance safety at railroad-highway intersections. <a id="newsFlashReadOn46" href="/CivicAlerts.aspx?AID=46" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader46 newsFlashReadOn46">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="2"> <a href="https://lifeinindy.com/neighborhoods/shelbyville/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=801" alt="City Logo and Article Title on top of blurred background of teens talking" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader45" class="widgetTitle"> <a href="https://lifeinindy.com/neighborhoods/shelbyville/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank">Shelbyville, Indiana, is a quiet, small town on the border of big-city vibrance. </a> </h4> <div class="widgetDesc"> Located just southeast of Indianapolis, Shelbyville is one of the best kept secrets in the Indy region. If you like the comforts of rural living but also want close proximity to city life, congratulations! You’ve stumbled upon your community! <a href="https://lifeinindy.com/neighborhoods/shelbyville/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="3"> <a href="/CivicAlerts.aspx?AID=41" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=793" alt="Parade entry request" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader41" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=41" target="_self">Parade Float Registration Open Until November 27 </a> </h4> <div class="widgetDesc"> Shelbyville is kicking off the holiday season with the 2024 Christmas Parade on Friday, December 6th at 7:00 PM. Local organizations are invited to join the festive tradition by entering floats or units. Entry deadline is November 27th! <a id="newsFlashReadOn41" href="/CivicAlerts.aspx?AID=41" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader41 newsFlashReadOn41">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="4"> <a href="/CivicAlerts.aspx?AID=40" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=792" alt="INDOT CCMG (1)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader40" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=40" target="_self">Press Release | Shelbyville Awarded $1 mil Through INDOT Matching Grant </a> </h4> <div class="widgetDesc"> Governor Eric J. Holcomb and the Indiana Department of Transportation gathered today at the Pike County Courthouse in Petersburg with cities, towns, and counties from across southwest Indiana receiving portions of the nearly $140 million... <a id="newsFlashReadOn40" href="/CivicAlerts.aspx?AID=40" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader40 newsFlashReadOn40">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="5"> <a href="https://iedc.in.gov/events/news/details/2024/10/31/readi-2.0-investments-launch-in-ari-region-with-community-focused-non-profit-center" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=717" alt="Non-Profit Center" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader36" class="widgetTitle"> <a href="https://iedc.in.gov/events/news/details/2024/10/31/readi-2.0-investments-launch-in-ari-region-with-community-focused-non-profit-center" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank">READI 2.0 Investments Launch in ARI Region with Community-Focused Non-Profit Center </a> </h4> <div class="widgetDesc"> Local and regional leaders in the Accelerate Rural Indiana (ARI) region today announced the allocation of READI 2.0 funding to support the development of the new Non-Profit Center in Shelbyville, marking the region’s first investment. <a href="https://iedc.in.gov/events/news/details/2024/10/31/readi-2.0-investments-launch-in-ari-region-with-community-focused-non-profit-center" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" rel="noopener" class="readOn">READI 2.0 Investments Launch in Shelbyville</a> </div> </div> </li> <li class="widgetItem" data-index="6"> <a href="/CivicAlerts.aspx?AID=52" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=722" alt="Public Notice overlay on outdoor picture of front of city hall" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader52" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=52" target="_self">Public Notice | Planning Commission Meeting Canceled </a> </h4> <div class="widgetDesc"> Due to lack of agenda items, meeting has been canceled for 11/25/2024. <a id="newsFlashReadOn52" href="/CivicAlerts.aspx?AID=52" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader52 newsFlashReadOn52">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="7"> <a href="/CivicAlerts.aspx?AID=51" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=722" alt="Public Notice overlay on outdoor picture of front of city hall" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader51" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=51" target="_self">City Council Tax Abatement Committee Meeting </a> </h4> <div class="widgetDesc"> <a id="newsFlashReadOn51" href="/CivicAlerts.aspx?AID=51" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader51 newsFlashReadOn51">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="8"> <div class="text"> <h4 id="newsFlashItemHeader50" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=50" target="_self">Public Notice | Board of Works and Public Utilities Board MTG </a> </h4> <div class="widgetDesc"> <a id="newsFlashReadOn50" href="/CivicAlerts.aspx?AID=50" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader50 newsFlashReadOn50">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="9"> <a href="/CivicAlerts.aspx?AID=49" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=722" alt="Public Notice overlay on outdoor picture of front of city hall" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader49" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=49" target="_self">Public Notice | Aviation Commissioners Executive Session </a> </h4> <div class="widgetDesc"> Executive Session pursuant to Ind. Code § 5-14-1.5-6.1(b)(5) to receive information about and interview prospective employees. <a id="newsFlashReadOn49" href="/CivicAlerts.aspx?AID=49" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader49 newsFlashReadOn49">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="10"> <a href="https://intendindiana.org/city-of-shelbyville-and-intend-indiana-announce-partnership-to-develop-affordable-housing/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=804" alt="City Logo and Article Title on top of blurred background of sky view of neighborhood" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader48" class="widgetTitle"> <a href="https://intendindiana.org/city-of-shelbyville-and-intend-indiana-announce-partnership-to-develop-affordable-housing/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank">City of Shelbyville and Intend Indiana Announce Partnership to Develop Affordable Housing </a> </h4> <div class="widgetDesc"> This collaboration aims to increase affordable homeownership options for low-to-moderate-income residents in Shelbyville, marking a significant step forward in the city’s commitment to neighborhood revitalization. <a href="https://intendindiana.org/city-of-shelbyville-and-intend-indiana-announce-partnership-to-develop-affordable-housing/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="11"> <a href="https://mcusercontent.com/e34060166b13f923e4a3299f1/files/cd46e439-2eca-0c2c-e385-439524a92491/2024_Progress_Grant_Press_Release.pdf" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=724" alt="2024 City and County Progress Grant Recipients Overlayed on Blue River Community Foundation Logo" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader39" class="widgetTitle"> <a href="https://mcusercontent.com/e34060166b13f923e4a3299f1/files/cd46e439-2eca-0c2c-e385-439524a92491/2024_Progress_Grant_Press_Release.pdf" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank">BRCF Announces 2024 City & County Progress Grant Recipients </a> </h4> <div class="widgetDesc"> Since 2010, these grants have supported the ongoing efforts of local organizations to enhance the quality of life in the Shelby County community. <a href="https://mcusercontent.com/e34060166b13f923e4a3299f1/files/cd46e439-2eca-0c2c-e385-439524a92491/2024_Progress_Grant_Press_Release.pdf" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="12"> <a href="/CivicAlerts.aspx?AID=37" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=722" alt="Public Notice overlay on outdoor picture of front of city hall" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader37" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=37" target="_self">City of Shelbyville Holiday Schedule </a> </h4> <div class="widgetDesc"> 2025 Holiday Schedule <a id="newsFlashReadOn37" href="/CivicAlerts.aspx?AID=37" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader37 newsFlashReadOn37">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="13"> <a href="/CivicAlerts.aspx?AID=35" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=685" alt="lo res joseph fountain" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader35" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=35" target="_self">Press Release | Shelbyville, IN Awarded $444,069 Grant for Roadwork </a> </h4> <div class="widgetDesc"> Shelbyville, IN Awarded $444,069 Grant for Roadwork through INDOT Community Crossings Matching Grant Program <a id="newsFlashReadOn35" href="/CivicAlerts.aspx?AID=35" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader35 newsFlashReadOn35">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="14"> <a href="/CivicAlerts.aspx?AID=34" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=653" alt="Z92_8934" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader34" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=34" target="_self">Press Release | Celebrate 100 Years of MHP at Taste of Shelby County </a> </h4> <div class="widgetDesc"> Major Health Partners Hospital and Taste of Shelby County Join Forces for Historic 100-Year Celebration <a id="newsFlashReadOn34" href="/CivicAlerts.aspx?AID=34" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader34 newsFlashReadOn34">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="15"> <a href="/CivicAlerts.aspx?AID=33" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=697" alt="download (6)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader33" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=33" target="_self">Press Release | Sun Installation Unveiled on Blue River Trail </a> </h4> <div class="widgetDesc"> We are thrilled to announce the unveiling of the breathtaking sun installation, the final piece of our scaled solar system along the Blue River Trail <a id="newsFlashReadOn33" href="/CivicAlerts.aspx?AID=33" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader33 newsFlashReadOn33">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="16"> <a href="/CivicAlerts.aspx?AID=32" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=649" alt="Shelbyville 2" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader32" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=32" target="_self">Press Release | Beacons Installed in Historic District </a> </h4> <div class="widgetDesc"> New Rectangular Rapid Flashing Beacons Installed in Shelbyville's Historic District to Enhance Pedestrian Safety <a id="newsFlashReadOn32" href="/CivicAlerts.aspx?AID=32" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader32 newsFlashReadOn32">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="17"> <a href="/CivicAlerts.aspx?AID=31" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=650" alt="Shelbyville 1" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader31" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=31" target="_self">Press Release | N Riley Highway Road Enhancement Project </a> </h4> <div class="widgetDesc"> This significant infrastructure project aims to improve road safety, enhance pedestrian access, and incorporate new community-focused features to benefit both residents and visitors. <a id="newsFlashReadOn31" href="/CivicAlerts.aspx?AID=31" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader31 newsFlashReadOn31">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="18"> <a href="/CivicAlerts.aspx?AID=30" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=691" alt="photoforcaleb (1)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader30" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=30" target="_self">Press Release | Community Input Survey </a> </h4> <div class="widgetDesc"> City of Shelbyville Parks and Recreation Invites Community to Participate in Community Input Survey for 5-Year Strategic Plan Development <a id="newsFlashReadOn30" href="/CivicAlerts.aspx?AID=30" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader30 newsFlashReadOn30">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="19"> <a href="/CivicAlerts.aspx?AID=29" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=688" alt="453753419_1041507084253555_1926390481612116288_n" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader29" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=29" target="_self">Press Release | Board of Works Leadership Change </a> </h4> <div class="widgetDesc"> The City of Shelbyville announces that Val Phares is stepping down from the Board of Works due to schedule conflicts <a id="newsFlashReadOn29" href="/CivicAlerts.aspx?AID=29" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader29 newsFlashReadOn29">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="20"> <a href="/CivicAlerts.aspx?AID=28" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=673" alt="DSC_9312" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader28" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=28" target="_self">Press Release | Shelbyville Surpasses State Development Milestone Ahead of Schedule </a> </h4> <div class="widgetDesc"> ARI is currently on track to become the first region in Indiana to reach the 65% milestone in regional development by the third quarter of this year, two quarters ahead of projections. <a id="newsFlashReadOn28" href="/CivicAlerts.aspx?AID=28" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader28 newsFlashReadOn28">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="21"> <a href="/CivicAlerts.aspx?AID=27" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=679" alt="DSC_9412" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader27" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=27" target="_self">Press Release | Q2 Construction Video Update </a> </h4> <div class="widgetDesc"> City of Shelbyville Releases Q2 Construction Video Update Showcasing Major Infrastructure Improvements <a id="newsFlashReadOn27" href="/CivicAlerts.aspx?AID=27" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader27 newsFlashReadOn27">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="22"> <a href="/CivicAlerts.aspx?AID=26" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=678" alt="DSC_9358" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader26" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=26" target="_self">Press Release | Grant Awards from the Indiana Arts Commission </a> </h4> <div class="widgetDesc"> The City of Shelbyville is thrilled to announce that two local organizations have been awarded grants from the Indiana Arts Commission (IAC). <a id="newsFlashReadOn26" href="/CivicAlerts.aspx?AID=26" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader26 newsFlashReadOn26">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="23"> <a href="https://www.korncountry.com/2024/10/16/shelbyville-unveils-new-brand-and-vision-for-future/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=635" alt="Logo Tagline (2)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader23" class="widgetTitle"> <a href="https://www.korncountry.com/2024/10/16/shelbyville-unveils-new-brand-and-vision-for-future/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank">KornCountry | Shelbyville unveils new brand and vision for future </a> </h4> <div class="widgetDesc"> Shelbyville, a city steeped in history and tradition, took a confident step into the future on Tuesday and revealed its striking new brand: Next Door, Next Level. <a href="https://www.korncountry.com/2024/10/16/shelbyville-unveils-new-brand-and-vision-for-future/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="24"> <a href="https://www.shelbynews.com/news/city-of-shelbyville-unveils-rebranding-seven-month-effort-included-community-input/article_3ab410c3-7198-512d-b910-f66d0864455c.html" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=634" alt="NEW LOGO (30 x 20 in)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader22" class="widgetTitle"> <a href="https://www.shelbynews.com/news/city-of-shelbyville-unveils-rebranding-seven-month-effort-included-community-input/article_3ab410c3-7198-512d-b910-f66d0864455c.html" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank">Shelbyville News | City of Shelbyville unveils rebranding: Seven-month effort... </a> </h4> <div class="widgetDesc"> After a seven-month process, the City of Shelbyville unveiled the city’s new logo and tagline with a presentation at the Intelliplex Conference Center on Tuesday. <a href="https://www.shelbynews.com/news/city-of-shelbyville-unveils-rebranding-seven-month-effort-included-community-input/article_3ab410c3-7198-512d-b910-f66d0864455c.html" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="25"> <a href="https://www.giant.fm/shelby-county/news/local-news/shelbyville-unveils-new-brand/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=637" alt="Logo Tagline (3)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader21" class="widgetTitle"> <a href="https://www.giant.fm/shelby-county/news/local-news/shelbyville-unveils-new-brand/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank">GiantFM | Shelbyville unveils new brand </a> </h4> <div class="widgetDesc"> The City of Shelbyville replaced its three-decade old logo and slogan “Pride in Progress” Tuesday at the Intelliplex Conference Center with a more modern looking logo and tagline, “Next door. Next level.” <a href="https://www.giant.fm/shelby-county/news/local-news/shelbyville-unveils-new-brand/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="26"> <a href="https://inbusinessshelbycounty.com/scribes/f/villeians-level-up-to-rural-revolution" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=636" alt="Logo Tagline (4)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader20" class="widgetTitle"> <a href="https://inbusinessshelbycounty.com/scribes/f/villeians-level-up-to-rural-revolution" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank">Vill(e)ians Level Up to Rural Revolution </a> </h4> <div class="widgetDesc"> Shelbyville, Indiana, is shedding outdated narratives and embracing a new era. Known in the past for economic stagnation, opioid and other drug addictions, and a wave of graduates who sought opportunities elsewhere, the town is turning a corner. <a href="https://inbusinessshelbycounty.com/scribes/f/villeians-level-up-to-rural-revolution" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="27"> <a href="https://addisontimes.substack.com/p/friday-october-18-2024" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=635" alt="Logo Tagline (2)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader19" class="widgetTitle"> <a href="https://addisontimes.substack.com/p/friday-october-18-2024" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank">City Launches Rebranding Effort </a> </h4> <div class="widgetDesc"> A new city logo and slogan (and video) arrived in Shelbyville this week, with “Next door. Next level.” replacing the long-standing “Pride in Progress.” <a href="https://addisontimes.substack.com/p/friday-october-18-2024" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="28"> <a href="/CivicAlerts.aspx?AID=13" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=95" alt="Concert" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader13" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=13" target="_self">Stay connected! </a> </h4> <div class="widgetDesc"> Subscribe to Notify Me to receive updates and information about community news and happenings. <a id="newsFlashReadOn13" href="/CivicAlerts.aspx?AID=13" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader13 newsFlashReadOn13">Read on...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> //  </script> <a id="newsFlashViewAll74940b80-e316-45fd-9c5a-aaf80a054a7a" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1" aria-label="News Flash View All">View All News</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer3"><div class="inner"> <div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent3a"> <div id="cc45b7ce5c-aa35-404c-8354-9f2091ddedd2" data-containerid="45b7ce5c-aa35-404c-8354-9f2091ddedd2" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="5c015a41-418c-4d2b-8d53-94232d60b9ab"> <div class="row nest first last wide"> <div class="inner col col24 first last id7cc66312-d419-4c14-a4fd-39fa32e8115a" style="" data-widgetcontainerid="7cc66312-d419-4c14-a4fd-39fa32e8115a"> <div data-widget-id="ae566be3-2bef-4fba-94d3-d8b5e14ce622" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvae566be3-2bef-4fba-94d3-d8b5e14ce622" class="widget widgetInfoAdvanced skin58 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerae566be3-2bef-4fba-94d3-d8b5e14ce622"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline" style="text-align: center;">Upcoming Events & Updates</h1> </li> <li class="InfoAdvanced widgetItem fr-view"> <p style="text-align: center;">Get Connected With Shelbyville</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvae566be3-2bef-4fba-94d3-d8b5e14ce622 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col12 first" style="" data-widgetcontainerid="54b39ee6-aa2b-417d-be81-8da6f70734fa"> <div class="row nest first last wide"> <div class="inner col col12 first last id2d7f779a-b20d-45cb-9e41-c7e22c8bbdd5" style="" data-widgetcontainerid="2d7f779a-b20d-45cb-9e41-c7e22c8bbdd5"> <div id="divTabbed711e4a7a-0afc-4560-8055-13fb5fbd5218" class="widget widgetTabbed wide skin59" data-widgetid="711e4a7a-0afc-4560-8055-13fb5fbd5218" role="tablist"> <ol class="tabbedWidget cpTabs " style=" "> <li style="width: 48%;" class="active"> <a href="#tab711e4a7a-0afc-4560-8055-13fb5fbd5218_0" class="tabButton" role="tab" aria-controls="#tab711e4a7a-0afc-4560-8055-13fb5fbd5218_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Events" contenteditable="false">Events</span></a> </li><li style="width: 48%;" class=""> <a href="#tab711e4a7a-0afc-4560-8055-13fb5fbd5218_1" class="tabButton" role="tab" aria-controls="#tab711e4a7a-0afc-4560-8055-13fb5fbd5218_1" aria-selected="false" ><span class="tabName editable" data-sequence="1" data-tabname="Meetings" contenteditable="false">Meetings</span></a> </li> </ol> <div class="cpTabPanels"> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class="active"> <a href="#tab711e4a7a-0afc-4560-8055-13fb5fbd5218_0" class="tabButton" role="tab" aria-controls="#tab711e4a7a-0afc-4560-8055-13fb5fbd5218_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Events" contenteditable="false">Events</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel showing" style="" id="tab711e4a7a-0afc-4560-8055-13fb5fbd5218_0" role="tabpanel"> <div data-widget-id="de8d421e-1b4c-4c44-b587-9fbe62b932ff" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <script type="text/javascript"> function openCalendarPublicSubmissionModal(calendarID, eventID, isCopy, order, updatePanelID, isSubmit) { var title = null; var className = null; if (isSubmit) { title = ' Event Submission'; className = 'submitEvent'; } else className = 'liveEdit calendar'; var url = '/common/modules/Calendar/calendarLiveEdit.aspx?calendarID=' + calendarID + '&eventID=' + eventID + '&order=' + order + '&updatePanelID=' + updatePanelID; if (isSubmit) url = url + '&submit=1'; if (isCopy) url = url + '&strPage=itemCopy'; else url = url + '&strPage=itemForm'; openCpModal({ title: title, className: className, isFrontEnd: true, useIframe: true, draggable: true, url: url }); } $(document).ready(function (e) { if (typeof $ !== 'undefined') { $(document).ready(function (e) { //Bind the submit event click handler. $('.widgetPublicSubmit').unbind('click').click(function (e) { openCalendarPublicSubmissionModal(0, 0, false, 0, '', true); return false; }); }); } }); </script> <div id="widgetCalendarde8d421e-1b4c-4c44-b587-9fbe62b932ff" class="widget widgetCalendar skin59 widgetOptionSet48 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid2 mediaAbove"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar" style=""> <input type="hidden" name="monthToRender" data-year="2024" data-month="11" /> <h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" id="miniCalendarHeaderde8d421e-1b4c-4c44-b587-9fbe62b932ff"><button aria-label="Previous Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><div tabindex="0" class="cp-miniCalendar-title">November 2024</div><button aria-label="Next Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> <table role="grid" aria-labelledby="miniCalendarHeaderde8d421e-1b4c-4c44-b587-9fbe62b932ff" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> S </abbr></th> <th scope="col"><abbr title=" Monday "> M </abbr></th> <th scope="col"><abbr title=" Tuesday "> T </abbr></th> <th scope="col"><abbr title=" Wednesday "> W </abbr></th> <th scope="col"><abbr title=" Thursday "> T </abbr></th> <th scope="col"><abbr title=" Friday "> F </abbr></th> <th scope="col"><abbr title=" Saturday "> S </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span><time datetime="2024-10-27">27</time></span></td> <td class="not"><span><time datetime="2024-10-28">28</time></span></td> <td class="not"><span><time datetime="2024-10-29">29</time></span></td> <td class="not"><span><time datetime="2024-10-30">30</time></span></td> <td class="not"><span><time datetime="2024-10-31">31</time></span></td> <td><span><time datetime="2024-11-01"> 1</time></span></td> <td><span><time datetime="2024-11-02"> 2</time></span></td> </tr> <tr><td><span><time datetime="2024-11-03"> 3</time></span></td> <td><span><time datetime="2024-11-04"> 4</time></span></td> <td><span><time datetime="2024-11-05"> 5</time></span></td> <td><span><time datetime="2024-11-06"> 6</time></span></td> <td><span><time datetime="2024-11-07"> 7</time></span></td> <td><span><time datetime="2024-11-08"> 8</time></span></td> <td><span><time datetime="2024-11-09"> 9</time></span></td> </tr> <tr><td><span><time datetime="2024-11-10">10</time></span></td> <td><span><time datetime="2024-11-11">11</time></span></td> <td><span><time datetime="2024-11-12">12</time></span></td> <td><span><time datetime="2024-11-13">13</time></span></td> <td><span><time datetime="2024-11-14">14</time></span></td> <td><span><time datetime="2024-11-15">15</time></span></td> <td><span><time datetime="2024-11-16">16</time></span></td> </tr> <tr><td><span><time datetime="2024-11-17">17</time></span></td> <td><span><time datetime="2024-11-18">18</time></span></td> <td><span><time datetime="2024-11-19">19</time></span></td> <td><span><time datetime="2024-11-20">20</time></span></td> <td><span><time datetime="2024-11-21">21</time></span></td> <td><span><time datetime="2024-11-22">22</time></span></td> <td><span><time datetime="2024-11-23">23</time></span></td> </tr> <tr><td><span><time datetime="2024-11-24">24</time></span></td> <td><span><time datetime="2024-11-25">25</time></span></td> <td class="today"><span><time datetime="2024-11-26">26</time></span></td> <td><span><time datetime="2024-11-27">27</time></span></td> <td><a tabindex="0" href='/calendar.aspx?view=list&year=2024&month=11&day=28&CID=14,22'><time datetime="2024-11-28">28</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2024&month=11&day=29&CID=14,22'><time datetime="2024-11-29">29</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2024&month=11&day=30&CID=14,22'><time datetime="2024-11-30">30</time></a></td> </tr> </tbody> </table> </div> <script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script> <script> $(function () { var miniCalendar = new MiniCalendar(); miniCalendar.init({ widgetId: "de8d421e-1b4c-4c44-b587-9fbe62b932ff", preventNavigationOnArrows: false, displayDatesOutsideOfCurrentMonth: true }); }); </script> <div class="row narrow" style=""> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="["2024-11-28","2024-11-29","2024-11-30"]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="1067" > <h4 class="widgetTitle">Thu, Nov. 28 - Fri, Nov. 29 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1067">Thanksgiving Observed- All offices closed</a></strong> </div> <a href="/Calendar.aspx?EID=1067" class="readOn" style="display:block;"><span class="visuallyHidden">Thanksgiving Observed- All offices closed</span><span aria-hidden="true">Read on...</span></a> </li> <li class="widgetItem " data-event-i-d="1135" > <h4 class="widgetTitle">Fri, Nov. 29 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1135" target="_self">Black Friday 5K</a></strong> </div> <a href="/Calendar.aspx?EID=1135" class="readOn" style="display:block;" target="_self"><span class="visuallyHidden">Black Friday 5K</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="1085" > <h4 class="widgetTitle">Fri, Nov. 29 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1085" target="_self">The Strand Theatre Presents Elf</a></strong> </div> <a href="/Calendar.aspx?EID=1085" class="readOn" style="display:block;" target="_self"><span class="visuallyHidden">The Strand Theatre Presents Elf</span><span aria-hidden="true">Read on...</span></a> </li> <li class="widgetItem " data-event-i-d="1112" > <h4 class="widgetTitle">Sat, Nov. 30 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1112" target="_self">Shop Local with Mainstreet Shelbyville's Passport to Christmas</a></strong> </div> <a href="/Calendar.aspx?EID=1112" class="readOn" style="display:block;" target="_self"><span class="visuallyHidden">Shop Local with Mainstreet Shelbyville's Passport to Christmas</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> </div> </div> <a id="calendarViewAllde8d421e-1b4c-4c44-b587-9fbe62b932ff" class="widgetViewAll alignLeft" style="" href="/calendar.aspx?CID=14,22" aria-label="Calendar View All">View All Events</a> <a style="" href="#" class="widgetPublicSubmit alignRight">Submit an Event</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class=""> <a href="#tab711e4a7a-0afc-4560-8055-13fb5fbd5218_1" class="tabButton" role="tab" aria-controls="#tab711e4a7a-0afc-4560-8055-13fb5fbd5218_1" aria-selected="false" ><span class="tabName editable" data-sequence="1" data-tabname="Meetings" contenteditable="false">Meetings</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel " style="display: none;" id="tab711e4a7a-0afc-4560-8055-13fb5fbd5218_1" role="tabpanel"> <div data-widget-id="30f35e8e-de30-409f-bd76-111102fb9d64" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <script type="text/javascript"> function openCalendarPublicSubmissionModal(calendarID, eventID, isCopy, order, updatePanelID, isSubmit) { var title = null; var className = null; if (isSubmit) { title = ' Event Submission'; className = 'submitEvent'; } else className = 'liveEdit calendar'; var url = '/common/modules/Calendar/calendarLiveEdit.aspx?calendarID=' + calendarID + '&eventID=' + eventID + '&order=' + order + '&updatePanelID=' + updatePanelID; if (isSubmit) url = url + '&submit=1'; if (isCopy) url = url + '&strPage=itemCopy'; else url = url + '&strPage=itemForm'; openCpModal({ title: title, className: className, isFrontEnd: true, useIframe: true, draggable: true, url: url }); } $(document).ready(function (e) { if (typeof $ !== 'undefined') { $(document).ready(function (e) { //Bind the submit event click handler. $('.widgetPublicSubmit').unbind('click').click(function (e) { openCalendarPublicSubmissionModal(0, 0, false, 0, '', true); return false; }); }); } }); </script> <div id="widgetCalendar30f35e8e-de30-409f-bd76-111102fb9d64" class="widget widgetCalendar skin59 widgetOptionSet48 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid2 mediaAbove"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar" style=""> <input type="hidden" name="monthToRender" data-year="2024" data-month="11" /> <h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" id="miniCalendarHeader30f35e8e-de30-409f-bd76-111102fb9d64"><button aria-label="Previous Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><div tabindex="0" class="cp-miniCalendar-title">November 2024</div><button aria-label="Next Month" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> <table role="grid" aria-labelledby="miniCalendarHeader30f35e8e-de30-409f-bd76-111102fb9d64" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> S </abbr></th> <th scope="col"><abbr title=" Monday "> M </abbr></th> <th scope="col"><abbr title=" Tuesday "> T </abbr></th> <th scope="col"><abbr title=" Wednesday "> W </abbr></th> <th scope="col"><abbr title=" Thursday "> T </abbr></th> <th scope="col"><abbr title=" Friday "> F </abbr></th> <th scope="col"><abbr title=" Saturday "> S </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span><time datetime="2024-10-27">27</time></span></td> <td class="not"><span><time datetime="2024-10-28">28</time></span></td> <td class="not"><span><time datetime="2024-10-29">29</time></span></td> <td class="not"><span><time datetime="2024-10-30">30</time></span></td> <td class="not"><span><time datetime="2024-10-31">31</time></span></td> <td><span><time datetime="2024-11-01"> 1</time></span></td> <td><span><time datetime="2024-11-02"> 2</time></span></td> </tr> <tr><td><span><time datetime="2024-11-03"> 3</time></span></td> <td><span><time datetime="2024-11-04"> 4</time></span></td> <td><span><time datetime="2024-11-05"> 5</time></span></td> <td><span><time datetime="2024-11-06"> 6</time></span></td> <td><span><time datetime="2024-11-07"> 7</time></span></td> <td><span><time datetime="2024-11-08"> 8</time></span></td> <td><span><time datetime="2024-11-09"> 9</time></span></td> </tr> <tr><td><span><time datetime="2024-11-10">10</time></span></td> <td><span><time datetime="2024-11-11">11</time></span></td> <td><span><time datetime="2024-11-12">12</time></span></td> <td><span><time datetime="2024-11-13">13</time></span></td> <td><span><time datetime="2024-11-14">14</time></span></td> <td><span><time datetime="2024-11-15">15</time></span></td> <td><span><time datetime="2024-11-16">16</time></span></td> </tr> <tr><td><span><time datetime="2024-11-17">17</time></span></td> <td><span><time datetime="2024-11-18">18</time></span></td> <td><span><time datetime="2024-11-19">19</time></span></td> <td><span><time datetime="2024-11-20">20</time></span></td> <td><span><time datetime="2024-11-21">21</time></span></td> <td><span><time datetime="2024-11-22">22</time></span></td> <td><span><time datetime="2024-11-23">23</time></span></td> </tr> <tr><td><span><time datetime="2024-11-24">24</time></span></td> <td><span><time datetime="2024-11-25">25</time></span></td> <td class="today"><span><time datetime="2024-11-26">26</time></span></td> <td><span><time datetime="2024-11-27">27</time></span></td> <td><a tabindex="0" href='/calendar.aspx?view=list&year=2024&month=11&day=28&CID=14,22'><time datetime="2024-11-28">28</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2024&month=11&day=29&CID=14,22'><time datetime="2024-11-29">29</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2024&month=11&day=30&CID=14,22'><time datetime="2024-11-30">30</time></a></td> </tr> </tbody> </table> </div> <script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script> <script> $(function () { var miniCalendar = new MiniCalendar(); miniCalendar.init({ widgetId: "30f35e8e-de30-409f-bd76-111102fb9d64", preventNavigationOnArrows: false, displayDatesOutsideOfCurrentMonth: true }); }); </script> <div class="row narrow" style=""> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="["2024-11-28","2024-11-29","2024-11-30"]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="1067" > <h4 class="widgetTitle">Thu, Nov. 28 - Fri, Nov. 29 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1067">Thanksgiving Observed- All offices closed</a></strong> </div> <a href="/Calendar.aspx?EID=1067" class="readOn" style="display:block;"><span class="visuallyHidden">Thanksgiving Observed- All offices closed</span><span aria-hidden="true">Read on...</span></a> </li> <li class="widgetItem " data-event-i-d="1135" > <h4 class="widgetTitle">Fri, Nov. 29 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1135" target="_self">Black Friday 5K</a></strong> </div> <a href="/Calendar.aspx?EID=1135" class="readOn" style="display:block;" target="_self"><span class="visuallyHidden">Black Friday 5K</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="1085" > <h4 class="widgetTitle">Fri, Nov. 29 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1085" target="_self">The Strand Theatre Presents Elf</a></strong> </div> <a href="/Calendar.aspx?EID=1085" class="readOn" style="display:block;" target="_self"><span class="visuallyHidden">The Strand Theatre Presents Elf</span><span aria-hidden="true">Read on...</span></a> </li> <li class="widgetItem " data-event-i-d="1112" > <h4 class="widgetTitle">Sat, Nov. 30 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1112" target="_self">Shop Local with Mainstreet Shelbyville's Passport to Christmas</a></strong> </div> <a href="/Calendar.aspx?EID=1112" class="readOn" style="display:block;" target="_self"><span class="visuallyHidden">Shop Local with Mainstreet Shelbyville's Passport to Christmas</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> </div> </div> <a id="calendarViewAll30f35e8e-de30-409f-bd76-111102fb9d64" class="widgetViewAll alignLeft" style="" href="/calendar.aspx?CID=14,22" aria-label="Calendar View All">View All Events</a> <a style="" href="#" class="widgetPublicSubmit alignRight">Submit an Event</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $.when(window.Pages.rwdReady).done(function () { var tabbedWidgetID = 'divTabbed711e4a7a-0afc-4560-8055-13fb5fbd5218'; var mediaQuerySize = 40; if (mediaQuerySize > 0) { var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; var $tabbedWidget = $('#' + tabbedWidgetID); window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { deferSetup: false, setup: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); $tabbedWidget.data("tabHeightSet", false); } }, match: function () { $tabbedWidget.addClass('wide').removeClass('narrow'); cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').show(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide(); if($tabbedWidget.data("tabHeightSet") == false) { $tabbedWidget.data("tabHeightSet", true); var tabbedWidgetID = 'divTabbed711e4a7a-0afc-4560-8055-13fb5fbd5218'; setTabbedWidgetsTabHeight(tabbedWidgetID); } $('.cpTabPanels').unbind('click'); }, unmatch: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); } $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } }); } }); //Used for when page is initially loaded if($('#divTabbed711e4a7a-0afc-4560-8055-13fb5fbd5218').hasClass('narrow')) { $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } //If responsive not enabled, execute this after a timeout if(!isResponsiveEnabled) { window.setTimeout(function(){ var tabbedWidgetID = 'divTabbed711e4a7a-0afc-4560-8055-13fb5fbd5218'; typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); }, 1500); } function reinitCarousels() { if (window.carouselsToInit) { for (var i = 0; i < window.carouselsToInit.length; i++) { carouselsToInit[i](); } } } function sizeTabbedContent(element){ if(window.Pages){ if(window.Pages.onResizeHandlers){ var setTabbedInterval = setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 25) setTimeout(function () { clearInterval(setTabbedInterval); if ($.cookie("enableLiveEdit") === "true") { setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 2000); } }, 2500); element.onclick="window.setTimeout(function(){reinitCarousels();},2);" } } } function adjustTab(e) { e.preventDefault(); window.setTimeout(function(){ reinitCarousels(); }, 2); sizeTabbedContent(this); } var tabButtons = document.querySelectorAll("#divTabbed711e4a7a-0afc-4560-8055-13fb5fbd5218 .tabButton"); tabButtons.forEach(function (tabButton) { tabButton.addEventListener("click", adjustTab); }); </script> </div>  </div>  </div><div class="outer col col2" style="" data-widgetcontainerid="e62483c2-b999-4576-b1cd-16870c803054"> <div class="row nest first last wide"> <div class="inner col col2 first last id6f384f0b-0fbb-40e2-b4a1-e0a1227b60e8" style="" data-widgetcontainerid="6f384f0b-0fbb-40e2-b4a1-e0a1227b60e8"> <div class="widget widgetSpacer" id="2edc4054-75c5-40fd-bda7-f44a759ff610"></div> </div>  </div>  </div><div class="outer col col10 last" style="" data-widgetcontainerid="4c1e4b39-d7fe-4d78-8e3e-83d4d029e4f7"> <div class="row nest first wide"> <div class="inner col col10 first last id3a06e43a-cb0f-47b3-85f4-060011183de6" style="" data-widgetcontainerid="3a06e43a-cb0f-47b3-85f4-060011183de6"> <div id="divTabbed3cb83048-3212-401a-826d-6e383dce07ea" class="widget widgetTabbed wide skin61" data-widgetid="3cb83048-3212-401a-826d-6e383dce07ea" role="tablist"> <ol class="tabbedWidget cpTabs " style=" "> <li class="active"> <a href="#tab3cb83048-3212-401a-826d-6e383dce07ea_0" class="tabButton" role="tab" aria-controls="#tab3cb83048-3212-401a-826d-6e383dce07ea_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Facebook" contenteditable="false">Facebook</span></a> </li><li class=""> <a href="#tab3cb83048-3212-401a-826d-6e383dce07ea_1" class="tabButton" role="tab" aria-controls="#tab3cb83048-3212-401a-826d-6e383dce07ea_1" aria-selected="false" ><span class="tabName editable" data-sequence="1" data-tabname="Instagram" contenteditable="false">Instagram</span></a> </li> </ol> <div class="cpTabPanels"> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class="active"> <a href="#tab3cb83048-3212-401a-826d-6e383dce07ea_0" class="tabButton" role="tab" aria-controls="#tab3cb83048-3212-401a-826d-6e383dce07ea_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Facebook" contenteditable="false">Facebook</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel showing" style="" id="tab3cb83048-3212-401a-826d-6e383dce07ea_0" role="tabpanel"> <div data-widget-id='dcd41080-c6f5-40d5-be55-75430c940854' data-moduleName="customHtml" id='widgetCustomHtmldcd41080-c6f5-40d5-be55-75430c940854' class="widget widgetCustomHtml skin61 narrow" > <div class="widgetBody pageStyles" id="widgetBodydcd41080-c6f5-40d5-be55-75430c940854"> <div id="customHtmldcd41080-c6f5-40d5-be55-75430c940854"><div> <div class="facebook-container"> <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fcityofshelbyville&tabs=timeline&width=400&height=500&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true&appId" width="400" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </div>  <style> [class^="facebook-container"] { text-align: center; } </style> <script> (function() { // If you do not want to maintain aspect ratio: set to zero const aspectRatio = 1.4; const selectors = [".facebook-container"]; const minWidth = 220; const maxWidth = 500; // Facebook widget will not expand past 500 const minHeight = 350; const maxHeight = 600; const widthRegexp = /(width=)([0-9]+)/; const heightRegexp = /(height=)([0-9]+)/; let width = 0; let height = 0; function clamp__TS(num, min, max) { return Math.min(Math.max(num, min), max); } function adjustFacebookContainers__TS() { for (const sel of selectors) { adjustContainer__TS(sel); } } function adjustContainer__TS(selector) { const container = $(selector); const frame = $(selector + " > iframe"); if (frame === undefined || frame.length === 0) { console.warn("No facebook widget found..."); } else { const rawSrc = frame.attr("src"); const containerWidth = container.width(); // Container is hidden, probably "display: none;" if (containerWidth === 0) { const parents = container.parents(); for (let i = 0; i < parents.length; i++) { const parent = $(parents[i]); if (parent.css("display") === "none") { let mobileTab = parent.siblings(); mobileTab = mobileTab[mobileTab.length - 1]; if (!mobileTab) { console.error("Warning: No mobile tab found for facebook container, returning...") return; } let tabbedWidget = parents.filter(function(_, e) { return e.classList.contains("widget") && e.classList.contains("widgetTabbed"); }); if (tabbedWidget.length !== 1) { console.error("Warning: No tab list found for facebook container, returning...") return; } tabbedWidget = tabbedWidget[0]; let desktopTab = $(tabbedWidget).select(".tabbedWidget.cpTabs"); if (desktopTab.length !== 1) { console.error("Warning: No desktop tabs found for facebook container, returning...") return; } desktopTab = desktopTab[0]; /* // Get .cpTabPanels let desktopTab = parent.parent(); // Get .cpTabs desktopTab = desktopTab.siblings(); desktopTab = desktopTab[0]; // Get the matching tab (from the mobile tab text) desktopTab = $(desktopTab).children(); desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0]; console.log(desktopTab);*/ const desktopHandler = () => { adjustContainer__TS(selector); desktopTab.removeEventListener("click", desktopHandler); } const mobileHandler = () => { adjustContainer__TS(selector); mobileTab.removeEventListener("click", mobileHandler); } desktopTab.addEventListener("click", desktopHandler); mobileTab.addEventListener("click", mobileHandler); break; } } return; } width = clamp__TS(containerWidth, minWidth, maxWidth); height = clamp__TS(Math.floor(width * aspectRatio), minHeight, maxHeight); // Replace src and style on iframe try { const oldWidth = rawSrc.match(widthRegexp); const oldHeight = rawSrc.match(heightRegexp); if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) { return; } const newSrc = rawSrc .replace(widthRegexp, "width=" + parseInt(width)) .replace(heightRegexp, "height=" + parseInt(height)); // Set attributes on frame frame.attr("src", newSrc); frame.css("width", width); frame.css("height", height); } catch (e) { console.warn("Failed replacing width & height"); console.warn(e); } } } let adjustTimeoutFn; $(window).load(function() { setTimeout(function() { adjustFacebookContainers__TS(); }, 750); $(window).resize(function() { clearTimeout(adjustTimeoutFn); adjustTimeoutFn = setTimeout(function() { adjustFacebookContainers__TS(); }, 750); }); $.when(window.Pages.angularToolbarComplete).done(function() { adjustFacebookContainers__TS(); }); }); })(); </script> </div></div> </div> </div> </div> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class=""> <a href="#tab3cb83048-3212-401a-826d-6e383dce07ea_1" class="tabButton" role="tab" aria-controls="#tab3cb83048-3212-401a-826d-6e383dce07ea_1" aria-selected="false" ><span class="tabName editable" data-sequence="1" data-tabname="Instagram" contenteditable="false">Instagram</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel " style="display: none;" id="tab3cb83048-3212-401a-826d-6e383dce07ea_1" role="tabpanel"> <div data-widget-id='ce58f555-42df-43df-b21a-24333f2d6f30' data-moduleName="customHtml" id='widgetCustomHtmlce58f555-42df-43df-b21a-24333f2d6f30' class="widget widgetCustomHtml skin61 narrow" > <div class="widgetBody pageStyles" id="widgetBodyce58f555-42df-43df-b21a-24333f2d6f30"> <div id="customHtmlce58f555-42df-43df-b21a-24333f2d6f30"><div><blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/cityofshelbyville/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/cityofshelbyville/?utm_source=ig_embed&utm_campaign=loading" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewbox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">View this profile on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/cityofshelbyville/?utm_source=ig_embed&utm_campaign=loading" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">Shelbyville, IN</a> (@<a href="https://www.instagram.com/cityofshelbyville/?utm_source=ig_embed&utm_campaign=loading" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">cityofshelbyville</a>) • Instagram photos and videos</p></div></blockquote> <script async="" src="//www.instagram.com/embed.js"></script></div></div> </div> </div> </div> </div> </div> <script type="text/javascript"> $.when(window.Pages.rwdReady).done(function () { var tabbedWidgetID = 'divTabbed3cb83048-3212-401a-826d-6e383dce07ea'; var mediaQuerySize = 300; if (mediaQuerySize > 0) { var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; var $tabbedWidget = $('#' + tabbedWidgetID); window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { deferSetup: false, setup: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); $tabbedWidget.data("tabHeightSet", false); } }, match: function () { $tabbedWidget.addClass('wide').removeClass('narrow'); cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').show(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide(); if($tabbedWidget.data("tabHeightSet") == false) { $tabbedWidget.data("tabHeightSet", true); var tabbedWidgetID = 'divTabbed3cb83048-3212-401a-826d-6e383dce07ea'; setTabbedWidgetsTabHeight(tabbedWidgetID); } $('.cpTabPanels').unbind('click'); }, unmatch: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); } $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } }); } }); //Used for when page is initially loaded if($('#divTabbed3cb83048-3212-401a-826d-6e383dce07ea').hasClass('narrow')) { $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } //If responsive not enabled, execute this after a timeout if(!isResponsiveEnabled) { window.setTimeout(function(){ var tabbedWidgetID = 'divTabbed3cb83048-3212-401a-826d-6e383dce07ea'; typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); }, 1500); } function reinitCarousels() { if (window.carouselsToInit) { for (var i = 0; i < window.carouselsToInit.length; i++) { carouselsToInit[i](); } } } function sizeTabbedContent(element){ if(window.Pages){ if(window.Pages.onResizeHandlers){ var setTabbedInterval = setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 25) setTimeout(function () { clearInterval(setTabbedInterval); if ($.cookie("enableLiveEdit") === "true") { setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 2000); } }, 2500); element.onclick="window.setTimeout(function(){reinitCarousels();},2);" } } } function adjustTab(e) { e.preventDefault(); window.setTimeout(function(){ reinitCarousels(); }, 2); sizeTabbedContent(this); } var tabButtons = document.querySelectorAll("#divTabbed3cb83048-3212-401a-826d-6e383dce07ea .tabButton"); tabButtons.forEach(function (tabButton) { tabButton.addEventListener("click", adjustTab); }); </script> </div>  </div>  <div class="row nest last wide"> <div class="inner col col10 first last iddb36d69f-68c6-4d0b-8496-a4bd990e9b19" style="" data-widgetcontainerid="db36d69f-68c6-4d0b-8496-a4bd990e9b19"> <div data-widget-id="73b46cac-a285-48e5-acc8-1f9c1efcc440" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget73b46cac-a285-48e5-acc8-1f9c1efcc440" class="widget widgetGraphicLinks skin43 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="https://www.linkedin.com/in/shelbyvillecityvoice" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton162 " > <span> <span><span class="text">Linkedin</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton162.fancyButton:link,.fancyButton162.fancyButton:visited, .fancyButton162div.fancyButton{ background-color: rgb(234, 241, 246); background-repeat: no-repeat; background-position: left center; line-height: 1.2; text-align: center; text-transform: uppercase; position: relative; border-radius: 10px; box-shadow: 0 3px 10px #00000033; background-size: 6px; } .fancyButton162::after { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgb(0, 0, 0); content: ""; position: absolute; left: 20px; top: 50%; transform: translate(0, -50%); width: 0; height: 0;} .fancyButton162.fancyButton:hover,.fancyButton162.fancyButton:focus,.fancyButton162.fancyButton:active,.fancyButton162.fancyButton.hover{ background-repeat: no-repeat; } .fancyButton162.fancyButton:link > span,.fancyButton162.fancyButton:visited > span, .fancyButton162div.fancyButton > span{ } .fancyButton162.fancyButton:hover > span,.fancyButton162.fancyButton:focus > span,.fancyButton162.fancyButton:active > span,.fancyButton162.fancyButton.hover > span{ } .fancyButton162.fancyButton .text{ color: rgb(0, 0, 0); font-size: 1.4em; font-family: "DM Sans"; padding-top: 1em; padding-bottom: 1em; padding-right: 2.5em; padding-left: 2.5em; font-weight: 700; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 2.5em; padding-left: 2.5em; background-repeat: no-repeat; background-position: left top; } .fancyButton162.fancyButton:hover .text,.fancyButton162.fancyButton:focus .text,.fancyButton162.fancyButton:active .text,.fancyButton162.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div></div> </div><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc9d015e36-dd67-4b73-9a10-0f07e951e212" data-containerid="9d015e36-dd67-4b73-9a10-0f07e951e212" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="9f000b34-9dab-4b9b-97b4-855adc146fe6"> <div class="row nest first last wide"> <div class="inner col col24 first last id848a46a3-edac-4635-8f9d-97beb2db8ed2" style="" data-widgetcontainerid="848a46a3-edac-4635-8f9d-97beb2db8ed2"> <div data-widget-id="a25b37c1-6b96-4ff3-b22a-c961b462d143" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdva25b37c1-6b96-4ff3-b22a-c961b462d143" class="widget widgetInfoAdvanced skin56 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headera25b37c1-6b96-4ff3-b22a-c961b462d143"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline" style="text-align: center;">Next door. Next Level</h1> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdva25b37c1-6b96-4ff3-b22a-c961b462d143 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col3 first" style="" data-widgetcontainerid="cced448d-4d1c-427c-b4eb-30781c78fa83"> <div class="row nest first wide"> <div class="inner col col3 first last idb6482649-9cfd-4290-b783-cc0b0c91e0e3" style="" data-widgetcontainerid="b6482649-9cfd-4290-b783-cc0b0c91e0e3"> <div data-widget-id="293ec3be-5593-4976-8028-0659781580b4" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv293ec3be-5593-4976-8028-0659781580b4" class="widget widgetInfoAdvanced skin43 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header293ec3be-5593-4976-8028-0659781580b4"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><a href="/"><img src="/ImageRepository/Document?documentId=619" class="fr-dib" alt="Indiana Shelbyville Homepage" style="width: 185px;"></a></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv293ec3be-5593-4976-8028-0659781580b4 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col3 first last id33ccf06c-8226-4db7-b771-cecf4facbc11" style="" data-widgetcontainerid="33ccf06c-8226-4db7-b771-cecf4facbc11"> <div data-widget-id="8bc29fa4-e72a-42a6-8d3a-29230348cb73" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget8bc29fa4-e72a-42a6-8d3a-29230348cb73" class="widget widgetGraphicLinks skin55 widgetOptionSet4 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 cpGrid3 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/cityofshelbyville" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" aria-label=" Facebook graphic"><img src="/ImageRepository/Document?documentID=48" class="graphicButtonLink" alt=" Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=48'" onmouseout="this.src='/ImageRepository/Document?documentID=48'" onfocus="this.src='/ImageRepository/Document?documentID=48'" onblur="this.src='/ImageRepository/Document?documentID=48'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/stories/cityofshelbyville/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" aria-label=" Instagram graphic"><img src="/ImageRepository/Document?documentID=49" class="graphicButtonLink" alt=" Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=49'" onmouseout="this.src='/ImageRepository/Document?documentID=49'" onfocus="this.src='/ImageRepository/Document?documentID=49'" onblur="this.src='/ImageRepository/Document?documentID=49'"> </a></div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/cityofshelbyvilleindiana" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" aria-label="Linkedin graphic"><img src="/ImageRepository/Document?documentID=52" class="graphicButtonLink" alt="Linkedin" onmouseover="this.src='/ImageRepository/Document?documentID=52'" onmouseout="this.src='/ImageRepository/Document?documentID=52'" onfocus="this.src='/ImageRepository/Document?documentID=52'" onblur="this.src='/ImageRepository/Document?documentID=52'"> </a></div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col2" style="" data-widgetcontainerid="476096f1-07da-4702-ac0d-ce6332158028"> <div class="row nest first last wide"> <div class="inner col col2 first last id2be20f58-43c7-4603-93fc-9a7de16f6a84" style="" data-widgetcontainerid="2be20f58-43c7-4603-93fc-9a7de16f6a84"> <div class="widget widgetSpacer" id="413d59b3-7e4b-4ff4-b82a-cc4cef2bc3ff"></div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="77079471-bfcf-440e-90f5-88e52831d46f"> <div class="row nest first last wide"> <div class="inner col col6 first last id8b8ea56d-57de-4673-8eb9-690efec438af" style="" data-widgetcontainerid="8b8ea56d-57de-4673-8eb9-690efec438af"> <div data-widget-id="8b89e782-ffde-46f6-b6bc-90d4417d352c" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv8b89e782-ffde-46f6-b6bc-90d4417d352c" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header8b89e782-ffde-46f6-b6bc-90d4417d352c"> <header class="widgetHeader" id="header8b89e782-ffde-46f6-b6bc-90d4417d352c"> <div class=""> <h3 >Contact Us</h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p>44 West Washington Street<br>Shelbyville, IN 46176</p> </li> <li class="InfoAdvanced widgetItem fr-view"> <p><a href="mailto:mailto:mayor@cityofshelbyvillein.com">Email Us</a><br>City Hall: <a href="tel:3173986624">317-398-6624</a></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv8b89e782-ffde-46f6-b6bc-90d4417d352c .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="87bbd46b-7b89-4975-a491-4c1de8dbdd5f"> <div class="row nest first last wide"> <div class="inner col col1 first last idb2da843e-907e-43a5-91b3-ed1c8f6405c7" style="" data-widgetcontainerid="b2da843e-907e-43a5-91b3-ed1c8f6405c7"> <div class="widget widgetSpacer" id="ffbc20be-9bd9-4c01-bb0c-1c771a4dd574"></div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="a170eba7-64f7-4866-8c4a-d09e637af19d"> <div class="row nest first last wide"> <div class="inner col col6 first last id941fd133-c5f5-4ee9-8548-5368fd5ce157" style="" data-widgetcontainerid="941fd133-c5f5-4ee9-8548-5368fd5ce157"> <div data-widget-id="b3b102af-2d71-4b07-bf10-4fa38ab7d9af" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkb3b102af-2d71-4b07-bf10-4fa38ab7d9af" class="widget widgetQuickLinks skin37 widgetOptionSet29 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderb3b102af-2d71-4b07-bf10-4fa38ab7d9af"> <header class="widgetHeader" id="quickLinksHeaderb3b102af-2d71-4b07-bf10-4fa38ab7d9af"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=15" >Quick Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/FAQ.aspx" target="_self" >FAQs</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/255/Common-Council" target="_self" >Common Council</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/Calendar.aspx" target="_self" >Community Events</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/CivicAlerts.aspx" target="_self" >Community News</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/259/Ordinances" target="_self" >Ordinances</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 class="outer col col1" style="" data-widgetcontainerid="c125bf07-88c6-45cd-ad58-7d4a36a37996"> <div class="row nest first last wide"> <div class="inner col col1 first last idc630254a-cbd5-4749-aae4-c0ab93f6056c" style="" data-widgetcontainerid="c630254a-cbd5-4749-aae4-c0ab93f6056c"> <div class="widget widgetSpacer" id="2e24a168-f0c4-4354-92ec-4fee5d0e175d"></div> </div>  </div>  </div><div class="outer col col5 last" style="" data-widgetcontainerid="e8b33b6b-e301-430e-a699-60d9b4d4fe6e"> <div class="row nest first last wide"> <div class="inner col col5 first last id5b5527ba-4ba0-43e2-aed9-a217d03a075d" style="" data-widgetcontainerid="5b5527ba-4ba0-43e2-aed9-a217d03a075d"> <div data-widget-id="d66361b4-f114-4540-978c-f37800107097" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkd66361b4-f114-4540-978c-f37800107097" class="widget widgetQuickLinks skin37 widgetOptionSet29 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderd66361b4-f114-4540-978c-f37800107097"> <header class="widgetHeader" id="quickLinksHeaderd66361b4-f114-4540-978c-f37800107097"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=16" >Site Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" >Copyright Notices</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy Policy</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div></div> </footer><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc8956905c-b092-4f51-bd83-87403704598d" data-containerid="8956905c-b092-4f51-bd83-87403704598d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="352501ae-5671-42e4-85cf-36d5c42c0164"> <div class="row nest first last wide"> <div class="inner col col24 first last id4a947857-413b-42c5-a30d-afec1e8724e2" style="" data-widgetcontainerid="4a947857-413b-42c5-a30d-afec1e8724e2"> <div data-widget-id='23b5533a-75f2-493f-96f0-a62af88b1c89' data-moduleName="customHtml" id='widgetCustomHtml23b5533a-75f2-493f-96f0-a62af88b1c89' class="widget widgetCustomHtml skin43 narrow" > <div class="widgetBody pageStyles" id="widgetBody23b5533a-75f2-493f-96f0-a62af88b1c89"> <div id="customHtml23b5533a-75f2-493f-96f0-a62af88b1c89"><div> <style> /* CP icon */ .cpBylineIconTS { color: #000; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link, .cpBylineTextTS a:visited, .cpBylineTextTS a:hover, .cpBylineTextTS a:focus, .cpBylineTextTS a:active { color: #000!important; } .cpBylineTS { text-align: center; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } </style> <div class="widgetItem cpBylineTS"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> </svg> <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);">CivicPlus®</a></span> </div></div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc">  Loading </div> </div> <div class="cp-Splash-footer"> <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> </div> </div> </div> <div tabindex="0"></div> <script src="/Assets/Scripts/APIClient.js"></script> <script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script> <script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script> <script> $(document).ready(function () { var filter = { targetId: '1', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/-109116973.js" type="text/javascript"></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=DM+Sans:500,500italic,600,600italic,700,700italic,italic,regular|Montserrat:500,600,700,800,900,italic,regular|Oswald:500,600,700,regular|Sora:500,600,700,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>