1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Town of Stem</title> 5 <meta name="description" content=""> 6 <meta name="keywords" content=""> 7 <meta name="author" content="Town Web | SK"> 8 <meta charset="utf-8" /> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 10 <link rel="icon" type="image/x-icon" href="https://assets.website-files.com/5fd9ec20a182fdcd717d73c6/609565592369ea97d6feffae_favicon-32x32.png"> 11 <meta property="og:title" content="Town of Stem"> 12 <meta property="og:description" content=""> 13 <meta property="og:site_name" content="Town of Stem"> 14 <meta property="og:type" content="website"> 15 <link rel="canonical" href="https://stemnc.org/"> 16 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> 17 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 18 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 19 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.css" integrity="sha512-Woz+DqWYJ51bpVk5Fv0yES/edIMXjj3Ynda+KWTIkGoynAMHrqTcDUQltbipuiaD5ymEo9520lyoVOo9jCQOCA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 20
20<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
20 21
21<script src="/settings.js?v=751c6ce5"></script>
21 22 <link rel="stylesheet" href="/setting.css" /> 23 <style> 24@import url('https://fonts.googleapis.com/css?family=Mulish:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 25@import url('https://fonts.googleapis.com/css?family=Playfair+Display:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 26:root{--favicon-image:url("https://assets.website-files.com/5fd9ec20a182fdcd717d73c6/609565592369ea97d6feffae_favicon-32x32.png");--default-featured-image:url("https://storage.googleapis.com/juniper-media-library/107/2024/07/new-notice.png");--event-default-featured-image:;--primary-color:#004D61;--secondary-color:#5BD1D7;--tertiary-color:#FF502F;--body-background-color:#fff;--primary-font:"Mulish";--hedings-font:"Playfair Display";--default-size:16px;--h1-size:36px;--h2-size:26px;--h3-size:22px;--h4-size:18px;--h5-size:14px;--h6-size:12px;--a-size:16px;}body .sk-page-content{font-family:var(--primary-font);font-size:var(--default-size);}body .sk-page-content h1,body .sk-page-content h2,body .sk-page-content h3,body .sk-page-content h4,body .sk-page-content h5,body .sk-page-content h6{font-family:var(--hedings-font);}body .sk-page-content h1{font-size:var(--h1-size);}body .sk-page-content h2{font-size:var(--h2-size);}body .sk-page-content h3{font-size:var(--h3-size);}body .sk-page-content h4{font-size:var(--h4-size);}body .sk-page-content h5{font-size:var(--h5-size);}body .sk-page-content h6{font-size:var(--h6-size);}body .sk-page-content a{font-size:var(--a-size);} 27</style> 28<link rel="stylesheet" href="/theme.css?v=89b5bf7a" /> 29 <link rel="stylesheet" href="/style.css" /> 30
30<script>window.HeyGovApi = "https:\/\/api.heygov.com"</script>
30<script src="https://edge.heygov.com/heygov.js" data-heygov-jurisdiction="stemnc.org" data-heygov-button-text="Report an issue" data-heygov-button-show="false" data-heygov-button-style="bottom-left" ></script>
30<style>.heygov-widget-button{left:15px;right:auto;top:auto;bottom:15px}</style><style>.userway_p3{left:auto!important;right:15px!important;top:auto!important;bottom:15px!important}</style><style>.userway_p3 .userway_buttons_wrapper{left:auto!important;right:15px!important;top:auto!important;bottom:15px!important;transform: none!important;}</style> 31 <!-- Google tag (gtag.js) -->
vendor: 96 bytes, lines 31-32
31 32 <script async src='https://www.googletagmanager.com/gtag/js?id=
32G-KR0691JDVD
vendor: 44 bytes, lines 32-33
32'></script> 33
33<script> 34
vendor: 235 bytes, lines 34-37
34window.dataLayer = window.dataLayer || []; 35 function gtag(){dataLayer.push(arguments);} 36 gtag('js', new Date()); 37 gtag('config', '
37G-KR0691JDVD
vendor: 36 bytes, lines 37-38
37'); 38
38</script>
38 39
39<script> 40 (function(d) { 41 var s = d.createElement("script"); 42 /* uncomment the following line to override default position*/ 43 s.setAttribute("data-position", 3); 44 /* uncomment the following line to override default size (values: small, large)*/ 45 /* s.setAttribute("data-size", "large");*/ 46 /* uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.)*/ 47 /* s.setAttribute("data-language", "null");*/ 48 /* uncomment the following line to override color set via widget (e.g., #053f67)*/ 49 /*s.setAttribute("data-color", "#ccc");*/ 50 /* uncomment the following line to override type set via widget (1=person, 2=chair, 3=eye, 4=text)*/ 51 /* s.setAttribute("data-type", "1");*/ 52 /* s.setAttribute("data-statement_text:", "Our Accessibility Statement");*/ 53 /* s.setAttribute("data-statement_url", "http://www.example.com/accessibility";*/ 54 /* uncomment the following line to override support on mobile devices*/ 55 /* s.setAttribute("data-mobile", true);*/ 56 /* uncomment the following line to set custom trigger action for accessibility menu*/ 57 /* s.setAttribute("data-trigger", "triggerId")*/ 58 s.setAttribute("data-account", "UILnNGMstU"); 59 s.setAttribute("src", "https://cdn.userway.org/widget.js"); 60 (d.body || d.head).appendChild(s); 61 })(document) 62 </script>
62 63 <noscript> 64 Please ensure Javascript is enabled for purposes of 65 <a href="https://userway.org">website accessibility</a> 66 </noscript> 67</head> 68 69<body class="juniper tw-juniper-body tw-juniper-homepage"> 70 <style> 71 .tw_alerts_header { 72background-color:#5BD1D7; 73 } 74 .header-main{ 75background-color:#004D61; 76 } 77 .tw-alerts-header-social{ 78font-size:2em; 79 } 80 .tw-alerts-header-social a,.tw-alerts-header-social a:hover{ 81color:#004D61; 82 } 83 ul#main-menu .first-level-link{ 84font-size:1rem; 85 } 86 ul#main-menu{ 87justify-content:flex-end; 88 } 89 ul#main-menu .first-level-link{ 90padding-right:30px; 91 } 92 ul#main-menu.navbar-nav .nav-link{ 93color:#fff; 94 } 95 ul#main-menu.navbar-nav .nav-link:hover{ 96color:#5BD1D7; 97 } 98@media (max-width: 991.99px){ 99ul#main-menu.navbar-nav .nav-link{ 100color:#02afae; 101 } 102 } 103@media (max-width: 991.99px){ 104ul#main-menu.navbar-nav .nav-link:hover{ 105color:#02afae; 106 } 107 } 108 ul#main-menu .menu-level-one .dropdown-menu .dropdown-item,ul#main-menu .menu-two .dropdown-toggle,ul#main-menu .sk-megamenu-column-item-link{ 109font-size:16px; 110 } 111 ul#main-menu .menu-level-one .dropdown-menu .dropdown-item:hover,ul#main-menu .nav-item.menu-level-one .nav-item.dropend.menu-two .dropdown-toggle:hover,ul#main-menu .sk-megamenu-column-item-link:hover{ 112color:#5BD1D7; 113 } 114 ul#main-menu .sk-megamenu-column-item-submenu-link{ 115font-size:16px; 116 } 117 header.header-main button.navbar-toggler{ 118background-color:#5BD1D7; 119 } 120 header.header-main #tw-quick-links li a i, header.header-main #tw-quick-links li a span{ 121color:var(--secondary-color); 122 } 123 header.header-main #tw-quick-links li a i{ 124background-color:var(--primary-color); 125 } 126 .offcanvas-body .search-container input::placeholder, .tw_alerts_header input::placeholder{ 127font-size:10px; 128 } 129 #tickerBar{ 130color:#fff; 131 } 132 133</style> 134<style> 135 136 137 @media (max-width: 767.99px) { 138 139 } 140</style> 141 142 143<div class="tw_alerts_header"> 144 <div class="container"> 145 <div class="row row-cols-auto"> 146 <div class="col header-widgets hidden-md-down"> 147 <div class="search-container"> 148 <form action="/search" method="get" role="search" aria-label="Site search"> 149 <div class="search-button searchbutton"> 150 <input class="search expandright" id="searchright-desktop" type="search" name="q" placeholder="Search here..." aria-label="Search site"> 151 <button type="submit" class="fa-solid fa-magnifying-glass" aria-label="Submit search"> 152 </button> 153 </div> 154 </form> 155 </div> 156 </div> 157 <div class="col d-flex align-items-center flex-grow-1"> 158 <div id="tickerBar" data-speed="100" data-direction="left" class="scroll-lefts ticker-bar marquee"> 159 <span></span> 160 </div> 161 </div> 162 <div class="col tw-alerts-header-social text-right"> 163 <div id="headerSocialMenuWrapper"> 164 <ul id="headerSocialMenu" class="nav flex-nowrap justify-content-end"> 165 <li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " aria-current="page" rel="none" href="https://www.facebook.com/TownofStem"><i class="fa-brands fa-square-facebook me-2"></i><span> <span class="visually-hidden">Navigate to </span></span> </a></li> 166 </ul> 167</div> 168 </div> 169 <div class="gtranslate_wrapper"></div> 170 </div> 171 </div> 172</div> 173 174<header class="header-main "> 175 176 <div class="container"> 177 178 <div class="header-container"> 179 <nav class="navbar navbar-expand-lg py-4" aria-label="Offcanvas navbar large"> 180 <div class="container-fluid"> 181 <a class="navbar-brand" rel="home" href="/" title=""> 182 <img src="https://storage.googleapis.com/juniper-media-library/107/2024/07/stem logo.png" width="75em" height="" class="img-responsive" alt="Site logo" decoding="async"> 183 </a> 184 <button class="navbar-toggler mx-auto" type="button" data-bs-toggle="offcanvas" data-bs-target="#primaryMenuOffcanvas" aria-controls="primaryMenuOffcanvas" aria-label="Open primary menu"> 185 <i class="fa-solid fa-bars" aria-hidden="true"></i> 186 </button> 187 <div class="offcanvas offcanvas-start" tabindex="-1" id="primaryMenuOffcanvas" role="dialog" aria-modal="true" aria-label="Primary menu"> 188 <div class="offcanvas-header"> 189 <button type="button" class="btn-close ms-auto" data-bs-dismiss="offcanvas" aria-label="Close"></button> 190 </div> 191 <div class="offcanvas-body align-items-centre"> 192 <ul id="main-menu" class="navbar-nav flex-grow-1"> 193 <li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " aria-current="page" rel="none" href="https://stemnc.org"><span> <span class="visually-hidden">Navigate to </span>Home</span> </a></li><li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " aria-current="page" rel="none" href="/about-stem"><span> <span class="visually-hidden">Navigate to </span>About Stem</span> </a></li><li class="nav-item menu-level-one dropdown" role="listitem"> <a class="nav-link first-level-link dropdown-toggle " rel="none" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><span><span class="visually-hidden">Navigate to </span>Government</span></a> <ul class="dropdown-menu"> <li><a class="dropdown-item" rel="none" href="/meetings"><span>Agendas & Minutes</span></a></li><li><a class="dropdown-item" rel="none" href="/events"><span>Events</span></a></li><li><a class="dropdown-item" rel="none" href="/live-stream"><span>Meetings Live Stream</span></a></li><li><a class="dropdown-item" rel="none" href="/news-and-notices"><span>News & Notices</span></a></li><li><a class="dropdown-item" rel="none" href="/ordinances"><span>Ordinances</span></a></li><li><a class="dropdown-item" rel="none" href="/public-hearings"><span>Public Hearings</span></a></li><li><a class="dropdown-item" rel="none" href="/town-contract-bids"><span>Town Contract Bids</span></a></li><li><a class="dropdown-item" rel="none" href="/town-government"><span>Town Government</span></a></li> </ul></li><li class="nav-item menu-level-one dropdown" role="listitem"> <a class="nav-link first-level-link dropdown-toggle " rel="none" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><span><span class="visually-hidden">Navigate to </span>Departments</span></a> <ul class="dropdown-menu"> <li><a class="dropdown-item" rel="none" href="/mayor-commissioners"><span>Mayor & Commissioners</span></a></li><li><a class="dropdown-item" rel="none" href="/law-enforcement"><span>Law Enforcement</span></a></li><li><a class="dropdown-item" rel="none" href="/planning-board"><span>Planning Board</span></a></li><li><a class="dropdown-item" rel="none" href="/planning-zoning-water
193shed"><span>Planning, Zoning & Watershed</span></a></li><li><a class="dropdown-item" rel="none" href="/committee-vacancies-applications"><span>Committee Vacancies & Applications</span></a></li> </ul></li><li class="nav-item menu-level-one dropdown" role="listitem"> <a class="nav-link first-level-link dropdown-toggle " rel="none" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><span><span class="visually-hidden">Navigate to </span>Community</span></a> <ul class="dropdown-menu"> <li><a class="dropdown-item" rel="none" href="/faqs"><span>FAQs</span></a></li><li><a class="dropdown-item" rel="none" href="/residents"><span>For Residents</span></a></li><li><a class="dropdown-item" rel="none" href="/visitors"><span>For Visitors</span></a></li><li><a class="dropdown-item" rel="none" href="/forms-permits"><span>Forms & Permits</span></a></li><li><a class="dropdown-item" rel="none" href="/gallery"><span>Gallery</span></a></li><li><a class="dropdown-item" rel="none" href="/town-facilities-use"><span>Town Facilities Use</span></a></li><li><a class="dropdown-item" rel="none" href="/jack-day-community-park"><span>Jack Day Community Park</span></a></li><li><a class="dropdown-item" rel="none" href="/parks-recreation"><span>Parks & Recreation</span></a></li><li><a class="dropdown-item" rel="none" href="/trash-recycling"><span>Trash & Recycling</span></a></li><li><a class="dropdown-item" rel="none" href="/subscribe"><span>Subscribe</span></a></li> </ul></li><li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " aria-current="page" rel="none" href="/contact-us"><span> <span class="visually-hidden">Navigate to </span>Contact Us</span> </a></li> 194</ul> 195 </div> 196 </div> 197 </div> 198 </nav> 199 </div> 200 </div> 201 <div class="tw-quick-links-positioner position-absolute "> 202 <div id="tw-quick-links" class="position-fixed tw-quick-links-only-hompage "> 203 <ul id="tw-quick-links-menu" class="navbar-nav"> 204 <li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " data-bs-placement="top" data-bs-toggle="tooltip" title="Agendas & Minutes" aria-current="page" rel="none" href="/meetings"><i class="fa-regular fa-folder-open fa-2x me-2"></i><span> <span class="visually-hidden">Navigate to </span>Agendas & Minutes</span> </a></li><li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " data-bs-placement="top" data-bs-toggle="tooltip" title="Forms & Permits" aria-current="page" rel="none" href="/forms-permits"><i class="fa-solid fa-file-contract fa-2x me-2"></i><span> <span class="visually-hidden">Navigate to </span>Forms & Permits</span> </a></li><li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " data-bs-placement="top" data-bs-toggle="tooltip" title="Ordinances" aria-current="page" rel="none" href="/ordinances"><i class="fa-solid fa-book fa-2x me-2"></i><span> <span class="visually-hidden">Navigate to </span>Ordinances</span> </a></li><li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " data-bs-placement="top" data-bs-toggle="tooltip" title="Parks & Recreation" aria-current="page" rel="none" href="/parks-recreation"><i class="fa-solid fa-signs-post fa-2x me-2"></i><span> <span class="visually-hidden">Navigate to </span>Parks & Recreation</span> </a></li> 205</ul> 206 </div> 207 </div> 208 </header> 209 210 211 212 213 214 <link rel="stylesheet" href="https://storage.googleapis.com/juniper-media-library/twpb-bootstrap.min.css?v=17e66469"><style> 215 section#tw-hero .carousel-item{ 216height:500px; 217 } 218 section#tw-hero #tw-hero-logo{ 219text-align:center; 220 } 221 section#tw-hero .tw-hero-text{ 222text-align:center; 223 } 224 section#tw-hero #tw-hero-logo{ 225padding-top:120px; 226 } 227 section#tw-hero .tw-hero-text{ 228padding-top:120px; 229 } 230 section#tw-hero #homepage-nav .owl-stage-outer, section#tw-hero #homepage-nav .owl-stage-outer a{ 231color:#fff; 232 } 233 section#tw-hero #homepage-nav .owl-prev, section#tw-hero #homepage-nav .owl-next{ 234color:#fff; 235 } 236 section#tw-hero #homepage-nav .owl-stage-outer a{ 237font-size:15px; 238 } 239 section#tw-hero #tw-hero-menu-wrapper{ 240background:var(--primary-color); 241 } 242 section#events-calendar-2019 article{ 243background-color:#5BD1D7; 244 } 245 section#events-calendar-2019 .event-item .event-item-card .event-date{ 246color:#2c2c54; 247 } 248 section#events-calendar-2019 .event-item .event-item-card h4{ 249color:var(--primary-color); 250 } 251 section#events-calendar-2019 .event-item .event-item-card p{ 252color:#666; 253 } 254 section#events-calendar-2019 .event-item .event-item-card .tw-read-more a{ 255color:var(--primary-color); 256 } 257 </style><main class="homepage" id="main-content" style="min-height:500px"> 258 <section id="tw-hero" class="position-relative" role="region" aria-label="Hero section"> 259 <div id="twHeroLineCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" role="region" aria-l
259ive="polite" aria-label="Homepage hero carousel"> 260 <div class="carousel-inner"> 261 262 <div class="carousel-item active " data-bs-interval="" style="background-image: url('https://storage.googleapis.com/juniper-media-library/107/2024/07/pexels-brandon-randolph-1059875-2042161.jpg');"> 263 <div class="slider-overlay"></div> 264 <div class="container"> 265 <div class="row"> 266 <div class="col-12 tw-hero-text"></div> 267 </div> 268 </div> 269 </div> 270 271 </div> 272 <button class="carousel-control-prev" type="button" data-bs-target="#twHeroLineCarousel" data-bs-slide="prev"> 273 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 274 <span class="visually-hidden">Previous</span> 275 </button> 276 <button class="carousel-control-next" type="button" data-bs-target="#twHeroLineCarousel" data-bs-slide="next"> 277 <span class="carousel-control-next-icon" aria-hidden="true"></span> 278 <span class="visually-hidden">Next</span> 279 </button> 280 </div> 281 282 <div id="tw-hero-menu-wrapper"> 283 <div class="container"> 284 <ul id="homepage-nav" class="nav homepage-nav owl-carousel"> 285 <li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " data-bs-placement="top" data-bs-toggle="tooltip" title="Agendas & Minutes" aria-current="page" rel="none" href="/meetings"><i class="fa-regular fa-folder-open me-2"></i><span> <span class="visually-hidden">Navigate to </span>Agendas & Minutes</span> </a></li><li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " data-bs-placement="top" data-bs-toggle="tooltip" title="Forms & Permits" aria-current="page" rel="none" href="/forms-permits"><i class="fa-solid fa-file-contract me-2"></i><span> <span class="visually-hidden">Navigate to </span>Forms & Permits</span> </a></li><li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " data-bs-placement="top" data-bs-toggle="tooltip" title="Ordinances" aria-current="page" rel="none" href="/ordinances"><i class="fa-solid fa-book me-2"></i><span> <span class="visually-hidden">Navigate to </span>Ordinances</span> </a></li><li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " data-bs-placement="top" data-bs-toggle="tooltip" title="Parks & Recreation" aria-current="page" rel="none" href="/parks-recreation"><i class="fa-solid fa-signs-post me-2"></i><span> <span class="visually-hidden">Navigate to </span>Parks & Recreation</span> </a></li> 286</ul> 287 </div> 288 </div> 289 290</section> 291 292<!--SLIDES_ARRAY 293PICTURE=https://bookaweb.s3.eu-central-1.amazonaws.com/media/29913/stara-planina-%282%29.jpg 294TEXT=TextDefault 295#SLIDES_ARRAY--> 296 297<section id="sectionFreeContent" class="homepage-content" role="region" aria-label="Free Content"> 298 <div class="container"> 299 <div class="entry-wrap"> 300 301 <div class="entry-content"> 302 303 <style>.sk-page-content img{max-width:100%;}.column3-3-1720490257677 {padding:5px 5px 5px 5px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.Separator-1720490296073-wrapper {padding:0px 0px 0px 0px;margin:20px 0px 0px 0px;}.Separator-1720490296073 {display: inline-block;width:100%;border-top:3px solid #FF502F;}.column3-1-1720490257677 {padding:5px 5px 5px 5px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.Heading-1720490304889 {text-align:center;padding:20px 20px 20px 20px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.column3-2-1720490257677 {padding:5px 5px 5px 5px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.Separator-1720490289058-wrapper {padding:0px 0px 0px 0px;margin:20px 0px 0px 0px;}.Separator-1720490289058 {display: inline-block;width:100%;border-top:3px solid #FF502F;}.column1-1720490277658 {padding:5px 5px 5px 5px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.Textblock-1720490281094 {padding:20px 20px 20px 20px;margin:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}</style><div class="sk-page-content twpb-row"><div class="twpb-col-12 twpb-col-lg-4 twpb-col-md-4 column3-3-1720490257677 "><div class="Separator-1720490296073-wrapper"><div class="Separator-1720490296073 " /></div></div></div><div class="twpb-col-12 twpb-col-lg-4 twpb-col-md-4 column3-1-1720490257677 "><h1 class="Heading-1720490304889 ">Welcome to Stem!</h1></div><div class="twpb-col-12 twpb-col-lg-4 twpb-col-md-4 column3-2-1720490257677 "><div class="Separator-1720490289058-wrapper"><div class="Separator-1720490289058 " /></div></div></div><div class="twpb-col-12 twpb-col-lg-12 twpb-col-md-12 column1-1720490277658 "><div class="Textblock-1720490281094 " /><section id="main-content"> 304<div class="container"> 305<p style="text-align: center;">At the crossroads of Southern Granville County, Stem preserves our diverse culture, history, natural beauty, and creative spirit. Stem connects big city convenience to small town living. We have all the elements for locally owned restaurants, shops, and artisans to thrive in our
305community. Coming home to Stem is a breath of fresh air with outdoor activities, ample trails, and public gathering spaces.</p> 306</div> 307</section> 308<section id="quick-links" class="quick-links tan-bg p-0"></section></div></div></div> 309 </div> 310 311 </div> 312 </div> 313</section> 314<section class="homepage-posts my-5 py-5" aria-labelledby="news-section-title"> 315 <div class="container"> 316 317 <div class="row"> 318 <div class="col-6"> 319 <h3 id="news-section-title">News & Notices</h3> 320 </div> 321 <div class="col-6 text-end"> 322 <a href="/news-and-notices" aria-label="View All" class="tw-view-more-link text-decoration-none text-uppercase fw-bold">View All</a> 323 </div> 324 </div> 325 <div class="inner-wrap"> 326 <div class="homepage-post-items"> 327 328 <div class="item d-flex"> 329 <article class="d-flex flex-column" aria-labelledby="homepage-news-mobile-food-pantry-tuesday-september-22nd-title"> 330 331 <div class="article-thumbnail"> 332 <a href="/news-and-notices/mobile-food-pantry-tuesday-september-22nd"><img src="https://storage.googleapis.com/juniper-media-library/107/2026/07/Mobile Food Pantry-Ruritan-300x300.jpeg" class="img-responsive" alt="Mobile Food Pantry - Tuesday, September 22nd" /></a> 333 </div> 334 335 <div class="entry-wrap d-flex flex-column flex-grow-1"> 336 337 <header class="entry-header"> 338 339 <p class="entry-metas"> 340 Posted on <span class="fw-bold">2026-09-21</span> 341 </p> 342 343 <h4 id="homepage-news-mobile-food-pantry-tuesday-september-22nd-title" class="entry-title"><a href="/news-and-notices/mobile-food-pantry-tuesday-september-22nd" rel="bookmark">Mobile Food Pantry - Tuesday, September 22nd</a></h4> 344 345 </header> 346 347 <div class="entry-content"> 348 349 </div> 350 351 352 <div class="tw-read-more mt-auto"> 353 <a href="/news-and-notices/mobile-food-pantry-tuesday-september-22nd"> 354 Read Story 355 </a> 356 </div> 357 </div> 358 </article> 359 </div> 360 361 <div class="item d-flex"> 362 <article class="d-flex flex-column" aria-labelledby="homepage-news-community-garden-planting-day-title"> 363 364 <div class="article-thumbnail"> 365 <a href="/news-and-notices/community-garden-planting-day"><img src="https://storage.googleapis.com/juniper-media-library/107/2026/09/Green White Elegant Natural Traditional Garden Party Invitation Flyer 2-300x300.png" class="img-responsive" alt="Community Garden Planting Day!" /></a> 366 </div> 367 368 <div class="entry-wrap d-flex flex-column flex-grow-1"> 369 370 <header class="entry-header"> 371 372 <p class="entry-metas"> 373 Posted on <span class="fw-bold">2026-09-18</span> 374 </p> 375 376 <h4 id="homepage-news-community-garden-planting-day-title" class="entry-title"><a href="/news-and-notices/community-garden-planting-day" rel="bookmark">Community Garden Planting Day!</a></h4> 377 378 </header> 379 380 <div class="entry-content"> 381 382 </div> 383 384 385 <div class="tw-read-more mt-auto"> 386 <a href="/news-and-notices/community-garden-planting-day"> 387 Read Story 388 </a> 389 </div> 390 </div> 391 </article> 392 </div> 393 394 <div class="item d-flex"> 395 <article class="d-flex flex-column" aria-labelledby="homepage-news-sgwasa-notice-title"> 396 397 <div class="article-thumbnail"> 398 <a href="/news-and-notices/sgwasa-notice"><img src="https://storage.googleapis.com/juniper-media-library/107/2026/09/Community Information Session (Monitor)-300x300.png" class="img-responsive" alt="SGWASA Notice" /></a> 399 </div> 400 401 <div class="entry-wrap d-flex flex-column flex-grow-1"> 402 403 <header class="entry-header"> 404 405 <p class="entry-metas"> 406 Posted on <span class="fw-bold">2026-09-11</span> 407 </p> 408 409 <h4 id="homepage-news-sgwasa-notice-title" class="entry-title"><a href="/news-and-notices/sgwasa-notice" rel="bookmark">SGWASA Notice</a></h4> 410 411 </header> 412 413 <div class="entry-content"> 414 SGWASA Connect Expands Access to Utility Information, Expertise and Customer Support 415The South Granv... 416 </div> 417 418 419 <div class="tw-read-more mt-auto"> 420 <a href="/news-and-notices/sgwasa-notice"> 421 Read Story 422 </a> 423 </div> 424 </div> 425 </article> 426 </div> 427 428 <div class="item d-flex"> 429 <article class="d-flex flex-column" aria-labelledby="homepage-news-granville-green-anti-litter-campaign-title"> 430 431 <div class="article-thumbnail"> 432 <a href="/news-and-notices/granville-green-anti-litter-campaign"><img src="https://storage.googleapis.com/juniper-media-library/107/2026/08/Town_of_Stem_Dont_Trash_Our_Town-300x300.png" class="img-responsive" alt="Granville Green Anti-Litter Campaign" /></a> 433 </div> 434 435 <div class="entry-wrap d-flex flex-column flex-grow-1"> 436 437 <header class="entry-header"> 438 439 <p class="entry-metas"> 440 Posted on <span class="fw-bold">2026-08-31</span> 441 </p> 442 443 <h4 id="homepage-news-granville-green-anti-litter-campaign-title" class="entry-title"><a href="/news-and-notices/granville-green-anti-litter-campaign" rel="bookmark">Granville Green Anti-Litter Campaign</a></h4> 444 445 </header> 446 447 <div class="entry-content"> 448 449 </div> 450 451 452 <div class="tw-read-more mt-auto"> 453 <a href="/news-and-notices/granville-green-anti-litter-campaign"> 454 Read Story 455 </a> 456 </div> 457 </div> 458 </article> 459 </div> 460 461 <div class="item d-flex"> 462 <article class="d-flex flex-column" aria-labelledby="homepage-news-veterans-breakfast-title"> 463 464 <div class="article-thumbnail"> 465 <a href="/news-and-notices/veterans-breakfast"><img src="https://storage.googleapis.com/juniper-media-library/107/2026/08/GranvilleVeterans_Breakfast_918-300x300.png" class="img-responsive" alt="Veterans Breakfast" /></a> 466 </div> 467 468 <div class="entry-wrap d-flex flex-column flex-grow-1"> 469 470 <header class="entry-header"> 471 472 <p class="entry-metas"> 473 Posted on <span class="fw-bold">2026-08-28</span> 474 </p> 475 476 <h4 id="homepage-news-veterans-breakfast-title" class="entry-title"><a href="/news-and-notices/veterans-breakfast" rel="bookmark">Veterans Breakfast</a></h4> 477 478 </header> 479 480 <div class="entry-content"> 481 482 </div> 483 484 485 <div class="tw-read-more mt-auto"> 486 <a href="/news-and-notices/veterans-breakfast"> 487 Read Story 488 </a> 489 </div> 490 </div> 491 </article> 492 </div> 493 494 <div class="item d-flex"> 495 <article class="d-flex flex-column" aria-labelledby="homepage-news-notice-
495of-meeting-location-change-title"> 496 497 <div class="article-thumbnail"> 498 <a href="/news-and-notices/notice-of-meeting-location-change"><img src="https://storage.googleapis.com/juniper-media-library/107/2026/08/Stem Meeting notice-300x300.png" class="img-responsive" alt="Notice of Meeting Location Change" /></a> 499 </div> 500 501 <div class="entry-wrap d-flex flex-column flex-grow-1"> 502 503 <header class="entry-header"> 504 505 <p class="entry-metas"> 506 Posted on <span class="fw-bold">2026-08-03</span> 507 </p> 508 509 <h4 id="homepage-news-notice-of-meeting-location-change-title" class="entry-title"><a href="/news-and-notices/notice-of-meeting-location-change" rel="bookmark">Notice of Meeting Location Change</a></h4> 510 511 </header> 512 513 <div class="entry-content"> 514 515 </div> 516 517 518 <div class="tw-read-more mt-auto"> 519 <a href="/news-and-notices/notice-of-meeting-location-change"> 520 Read Story 521 </a> 522 </div> 523 </div> 524 </article> 525 </div> 526 527 </div> 528 </div> 529 </div> 530</section> 531 532 533<section id="events-calendar-2019" aria-labelledby="events-calendar-2019-heading"> 534 <span class="tw-data d-none" data-event_categories_filter="0,"></span> 535 <div class="container"> 536 <div class="row position-relative mb-5"> 537 <div class="col-6 mb-5"> 538 <h3 id="events-calendar-2019-heading" class="events-calendar-title tw-primary fw-bold">Current Events</h3> 539 </div> 540 <div class="col-6 mb-5 text-end"> 541 <a class="tw-view-more-link text-decoration-none text-uppercase fw-bold" href="/events">View All</a> 542 </div> 543 <div class="col-lg-5 d-none d-lg-block"> 544 <div id="tw-events-calendar-2019-wrapper" class="position-relative"> 545 <h4 class="tw-calendar-title tw-primary text-uppercase"> 546 <span id="monthAndYearTitle2019"></span> 547 </h4> 548 <div class="tw-calendar-table"> 549 <table id="events-calendar" class="w-100"> 550 <thead id="thead-month-2019" class="tw-calendar-table-header"> 551 552 </thead> 553 <tbody id="calendar-2019-body" class="tw-calendar-table-body tw-calendar-table-body-simple"> 554 555 </tbody> 556 </table> 557 </div> 558 </div> 559 </div> 560 <div class="d-flex col-lg-7"> 561 <div id="events-calendar-2019-list" class="tw-calendar-events-cards inner-wrap"> 562 <div id="events-calendar-2019-list-container" class="calendar-items"> 563 564 </div> 565 </div> 566 </div> 567 <div class="tw-calendar-loading-overlay position-absolute top-0 start-0 bottom-0 end-0 bg-white d-flex justify-content-center align-items-center d-none" style="opacity: .5;"> 568 <i class="fas fa-spinner fa-pulse fa-3x tw-primary"></i> 569 </div> 570 </div> 571 </div> 572</section> 573 574<!--EVENT_CATEGORIES_DATA_SELECT_ARRAY 575ID=0 576NAME=Event category name 577SLUG=Category slug 578#EVENT_CATEGORIES_DATA_SELECT_ARRAY-->
579<section id="tw-subscribe" class="tw-subscribe-section tw-bg-primary mb-5 pb-5" role="region" aria-labelledby="tw-subscribe-main-title"> 580 <div class="mx-md-3 position-relative"> 581 <div class="container"> 582 <div class="row"> 583 <div id="tw-subscribe-section" class="col-12 py-4"> 584 <div id="tw-subscribe-inner"> 585 <div class="row py-4"> 586 <div class="col-12"> 587 <div class="row"> 588 <div class="col"> 589 <h3 id="tw-subscribe-main-title" class="text-white fw-bold mb-4">Stay Informed</h3> 590 </div> 591 <div class="col tw-alerts-header-social text-right"> 592 <div id="headerSocialMenuWrapper"> 593 <ul id="headerSocialMenu" class="nav flex-nowrap justify-content-end"> 594 <li class="nav-item menu-level-one " role="listitem"> <a class="nav-link first-level-link " aria-current="page" rel="none" href="https://www.facebook.com/TownofStem"><i class="fa-brands fa-square-facebook me-2"></i><span> <span class="visually-hidden">Navigate to </span></span> </a></li> 595 </ul> 596</div> 597 </div> 598 </div> 599 </div> 600 <form action="javascript:void(0);" class="homepage-subscribers-form" id="homepage-subscriber-form-main"> 601 <div class="twd-subscriber-form-box twd-subscriber-quick" style="clear:both"> 602 <div class="row py-2"> 603 <div class="col-lg-3 col-sm-6 mb-3"> 604 <div class="twd-form-control homepage-field"> 605 <input type="text" placeholder="Name *" class="form-control" id="sub_name" name="sub_name" required aria-required="true" aria-label="Name"> 606 </div> 607 </div> 608 <div class="col-lg-3 col-sm-6 mb-3"> 609 <div class="twd-form-control homepage-field"> 610 <input type="email" placeholder="Email *" class="form-control" id="sub_email" name="sub_email" required aria-required="true" aria-label="Email"> 611 </div> 612 </div> 613 <div class="col-lg-3 col-sm-6 mb-3"> 614 <div class="twd-form-control homepage-field"> 615 <input type="text" placeholder="Phone" class="form-control" id="sub_phone" name="sub_phone" aria-label="Phone"> 616 </div> 617 </div> 618 <div class="col-lg-3 col-sm-6 mb-3"> 619 <div class="homepage-field"> 620 <div class="col-12 text-end"> 621 <button id="subs_button" class="btn tw-bg-secondary d-flex align-items-center justify-content-center text-white subscribe-button fw-bold text-uppercase w-100" type="submit" aria-label="Subscribe to updates">Subscribe</button> 622 </div> 623 </div> 624 </div> 625 </div> 626 </div> 627 </form> 628 <!-- Subscribers text disclaimer --> 629 <div class="col-12"> 630 <div class="row-disclaimer">
631 <span class="tw-primary lh-base homepage-text-disclaimer"> 632 *Sign up here to receive ALL notifications for News, Agendas, Minutes, & Packets. If you donât want to receive ALL notifications please visit the 633 <a href="subscribe">Subscribe to Updates</a> 634 page to be able to select notifications for specific categories. 635 </span> 636 </div> 637 </div> 638 </div> 639 </div> 640 </div> 641 </div> 642 </div> 643 </div> 644</section> 645 646</main>
647<script src="https://storage.googleapis.com/juniper-media-library/twpb-bootstrap.min.js?v=dfb10ed8"></script>
647 648 649 <style> 650 651 652 footer#footerDefault{ 653background-color:#5BD1D7; 654 } 655 656</style> 657<footer id="footerDefault" class="footer w-100"> 658 <div class="container py-5"> 659 <div class="row"> 660 <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 p-3"> 661 <a class="footer-brand" href="/"> 662 <img src="https://storage.googleapis.com/juniper-media-library/107/2024/07/stem logo.png" width="200rem" height="" alt="Home" /> 663 </a> 664 <div> 665 666 </div> 667 </div> 668 <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 p-3"> 669 <h5 class="footer-default-heading">Contact Us</h5> 670 <div> 671 <p>102 West Tally Ho Rd<br />Stem, NC 27581</p> 672<p>Mailing ——<br />PO Box 88,<br />Stem, NC 27581</p> 673<p> </p> 674 </div> 675 </div> 676 <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12 p-3"> 677 <h5 class="footer-default-heading">Office Hours</h5> 678 <div> 679 <p>By Appointment </p> 680<p>Tel ——<br />919-529-2717</p> 681<p>Email ——<br /><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9febf0e8f1f0f9ecebfaf2dfecebfaf2f1fcb1f0edf8">[email protected]</a></p> 682 </div> 683 </div> 684 </div> 685 <div class="d-flex justify-content-center mt-3 bottom-footer"> 686 © 2026 Designed & Hosted by <a href="https://www.townweb.com/" class="mx-1" target="blank">Town Web</a> | <a href="/accessibility/" class="mx-1" rel="noopener">Accessibility</a> | <a href="/privacy-policy/" class="ms-1">Privacy Policy</a> 687 </div> 688 </div> 689</footer>
vendor: 116 bytes, lines 689-693
689 690 691 692 693 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
693<script src="/theme.js?v=9deefded"></script>
693<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
vendor: 1 bytes, line 693
693
694<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 694
694
695<script src="https://cdn.jsdelivr.net/npm/[email protected]/jquery.marquee.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 695
695
696<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/0.9.0/jquery.mask.min.js" integrity="sha512-oJCa6FS2+zO3EitUSj+xeiEN9UTr+AjqlBZO58OPadb2RfqwxHpjTU8ckIC8F4nKvom7iru2s8Jwdo+Z8zm0Vg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 696
696
697<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js" integrity="sha512-Ixzuzfxv1EqafeQlTCufWfaC6ful6WFqIz4G+dWvK0beHw0NVJwvCKSgafpy5gwNqKmgUfIBraVwkKI+Cz0SEQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 697
697
698<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"65db41d191a54a209eaaf01c769d9973","r":1,"spa":2}' crossorigin="anonymous"></script>
698 699</body> 700 701</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.