PageSourceSearch

https://stemnc.org/

html stemnc.org collected 2026-10-04 13:28:58 UTC 45,167 bytes, 701 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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, &amp; 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 &mdash;&mdash;<br />PO Box 88,<br />Stem, NC 27581</p>
673<p>&nbsp;</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&nbsp;</p>
680<p>Tel &mdash;&mdash;<br />919-529-2717</p>
681<p>Email &mdash;&mdash;<br /><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9febf0e8f1f0f9ecebfaf2dfecebfaf2f1fcb1f0edf8">[email&#160;protected]</a></p>
682                </div>
683            </div>
684        </div>
685        <div class="d-flex justify-content-center mt-3 bottom-footer">
686            © 2026 Designed &amp; 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.