PageSourceSearch

https://jbgbuilders.com/gallery

html jbgbuilders.com collected 2026-10-04 02:50:54 UTC 52,272 bytes, 1,141 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-us" class="no-js">
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    
8    <meta name="gmaps-key" content="AIzaSyBHRjwQMlux_40csWqAGvgFtV1VfsquJqI" charset="utf-8" />
9    <meta name="msapplication-TileColor" content="#da532c">
10    <meta name="theme-color" content="#ffffff">
11    <meta name="format-detection" content="telephone=no">
12    <link rel="shortcut icon" href="/images/site/favicon.ico" />
13    <link rel="icon" type="image/png" href="/images/site/favicon-16x16.png" sizes="16x16" />
14    <link rel="icon" type="image/png" href="/images/site/favicon-32x32.png" sizes="32x32" />
15    <link rel="icon" type="image/png" href="/images/site/android-chrome-192x192.png" sizes="16x16" />
16    <link rel="apple-touch-icon" href="/images/site/apple-touch-icon.png" sizes="180x180" />
17    <link rel="manifest" href="manifest.json" />
18    <base href="/">
19    <title>Gallery of Custom Homes in Kearneysville  and Bunker Hill WV</title>
20<meta name="keyword" content=""/>
21<meta name="description" content="See photos of our new homes for sale in Berkeley and Jefferson County, West Virginia. Contact us for more information about floorplans and pricing"/>
22<link rel="canonical" href="https://jbgbuilders.com/gallery">
23
24<meta property="og:title" content="Gallery of Custom Homes in Kearneysville  and Bunker Hill WV" />
25<meta property="og:description" content="See photos of our new homes for sale in Berkeley and Jefferson County, West Virginia. Contact us for more information about floorplans and pricing" />
26<meta property="og:type" content="website" />
27<meta property="og:url" content="https://jbgbuilders.com/gallery" />
28
29<meta name="p:domain_verify" content="03a861ec5bf1c67dd91cf389c6cd767f"/>
30
31    <!-- PRODUCTION INDEXABLE -->
32    <meta name="robots" content="index, follow" />
33    
33<script type="application/ld+json">
34                {
35            "@context" : "http://schema.org",
36            "@type" : "LocalBusiness",
37            "name" : "JBG Builders",
38            "image": "https://jbgbuilders.com/images/site/email/logo.png",
39            "url" : "https://jbgbuilders.com/",
40            "telephone": "(703) 863-3833",
41            "address": {
42                "@type": "PostalAddress",
43                "streetAddress": "4115 Charles Town Road",
44                "addressLocality": "Kearneysville",
45                "addressRegion": "West Virginia",
46                "postalCode": "25430",
47                "addressCountry": "US"
48            },
49            "sameAs" : [
50                "https://www.facebook.com/jbgbuilderss/",
51                "https://www.instagram.com/jbgbuilders/",
52                "https://www.pinterest.com/jbgbuilders/"
53            ]
54        }
55    </script>
55
56    <style>[v-cloak] { display: none; }</style>
57<link rel="stylesheet" href="/css/app.css?id=4f7f96fefb705eef88b8">
58            
58<script type="text/javascript">
59    var googleApiKey = "AIzaSyBHRjwQMlux_40csWqAGvgFtV1VfsquJqI";
60    var googleRecaptchaKey = "6Lda99MZAAAAAARNhB0SfR7VicqivpZ6oP_Q6kS-";
61    // Remove .no-js from html - javascript is not disabled
62    document.documentElement.className = '';
63</script>
63
64
65
66<link rel="stylesheet" href="https://cdn.kiprotect.com/klaro/v0.7.22/klaro.min.css" />
67<script defer type="text/javascript" src="https://jbgbuilders.com/config/klaro.config.js"></script>
vendor: 1 bytes, line 67
67
68<script defer type="text/javascript" src="https://cdn.kiprotect.com/klaro/v0.7.22/klaro.js"></script>
68
69
70    <!-- Google Tag Manager -->
71    
71<script>
vendor: 359 bytes, lines 71-75
71(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
72        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
73        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
74        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
75        })(window,document,'script','dataLayer','
75GTM-W33QP9R
vendor: 3 bytes, line 75
75');
75</script>
75
76        <!-- End Google Tag Manager -->
77        
77<script>
78            window.dataLayer = window.dataLayer || [];
79            function gtag() { dataLayer.push(arguments); }
80            gtag('js', new Date());
81            gtag('config', 'GTM-W33QP9R');
82            gtag('environment', 'production');
83        </script>
83
84
85<!-- Typekit fonts -->
86<script>
87    (function(d) {
88    var config = {
89        kitId: 'aqu3zol',
90        scriptTimeout: 3000,
91        async: true
92    },
93    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
94    })(document);
95</script>
95
96<!-- End Typekit fonts --></head>
97<body  class=" gallery " >
98    
99            <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 99-100
99
100    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
100GTM-W33QP9R
vendor: 91 bytes, lines 100-102
100"
101    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
102    
102<!-- End Google Tag Manager (noscript) -->
103
104
105
106
107
108<script language='javaScript1.1' async src='//towntag.co/43768ea1-dfac-42f3-90bd-88ef8f6867e1/t.js'></script>
108
109
110
111    
112    <div id="app">
113        
114                           <div is="main-nav" :variant="&quot;fixed&quot;" inline-template>
115    <header class="main-header main-header--fixed  ">
116        <div class="global-horizontal-padding main-nav">
117            <div class="grid grid--middle grid--between main-nav__inner">
118                <div class="main-nav__logo-wrap">
119                    <a href="/" class="main-nav__logo-link" aria-label="JBG Homes Homepage">
120                       <svg xmlns="http://www.w3.org/2000/svg" width="83" height="86" viewBox="0 0 83 86" class="svg-logo">
121    <g fill="none" fill-rule="nonzero">
122      <path fill="#BA2025" d="M82.82 50.93h-7v-3.14c0-.8.22-1.43.62-1.83.31-.31.69-.47 1.16-.47h.02c.84 0 1.29.48 1.56 1 .28-.82.75-1.39 1.7-1.39h.02c1.25 0 1.92 1.03 1.92 2.59v3.24zm-4.05-1.21v-1.68c0-.79-.31-1.32-.95-1.32h-.02c-.55 0-.89.44-.89 1.23v1.77h1.86zm2.96 0v-2.04c0-.84-.33-1.35-.96-1.35h-.02c-.59 0-.94.47-.94 1.44v1.95h1.92zm1.2-8.88c0 1.82-1.05 2.98-3.08 2.98h-4.03v-1.23h3.98c1.3 0 2-.67 2-1.77 0-1.09-.66-1.76-1.95-1.76h-4.03v-1.23h3.97c2.09 0 3.14 1.18 3.14 3.01zm-.11-4.77h-7v-1.23h7v1.23zm0-3.1h-7v-1.23h5.88v-3.68h1.12v4.91zm0-6.19h-7v-2.61c0-2.2 1.51-3.72 3.48-3.72h.02c1.97 0 3.5 1.52 3.5 3.72v2.61zm-1.12-1.23v-1.38c0-1.47-.99-2.43-2.36-2.43h-.02c-1.37 0-2.38.96-2.38 2.43v1.38h4.76zm1.12-6.59h-7v-5.19h1.1v3.96h1.82v-3.51h1.1v3.51h1.88v-4.01h1.1v5.24zm0-6.7h-7V9.14c0-.88.26-1.57.7-2.02.38-.37.9-.58 1.51-.58h.02c1.15 0 1.84.69 2.12 1.67l2.65-1.89v1.45l-2.44 1.72v1.54h2.44v1.23zm-3.53-1.23v-1.8c0-.88-.46-1.44-1.17-1.44h-.02c-.75 0-1.16.54-1.16 1.45v1.79h2.35zm3.63-8.45c0 1.07-.37 2.08-1.12 2.92l-.88-.74c.58-.67.91-1.34.91-2.21 0-.76-.35-1.24-.88-1.24h-.02c-.5 0-.77.28-1.07 1.58-.36 1.49-.8 2.33-2.09 2.33h-.02c-1.2 0-2.03-1-2.03-2.39 0-1.02.31-1.83.88-2.54l.93.66c-.47.63-.72 1.26-.72 1.9 0 .72.37 1.14.83 1.14h.02c.54 0 .78-.32 1.1-1.66.36-1.48.89-2.25 2.05-2.25h.02c1.31 0 2.09 1.03 2.09 2.5z"/>
123      <path fill="#BA2025" d="M11.556 58.36h6.804v16.092c0 4.536-.504 6.12-1.656 7.56-1.8 2.34-4.824 3.492-7.524 3.492-.648 0-8.928 0-8.964-9.072h7.236c.072 1.224.252 3.096 2.052 3.096 2.052 0 2.052-2.16 2.052-3.384V58.36z"/>
124      <path fill="#006972" d="M28.412 85V58.36h8.208c4.5 0 6.588.432 8.532 2.592 1.188 1.224 1.584 2.844 1.584 4.392 0 2.052-.936 4.14-3.096 5.364 4.284 1.512 4.392 5.076 4.392 6.192 0 2.124-.828 4.464-2.448 5.796C43.136 84.748 41.372 85 36.872 85h-8.46zm6.516-20.664v4.14h2.412c.936 0 2.88 0 2.88-2.124 0-2.016-1.836-2.016-2.88-2.016h-2.412zm0 9.828v4.86h3.204c.864 0 3.384 0 3.384-2.556 0-2.304-2.304-2.304-3.384-2.304h-3.204z"/>
125      <path fill="#6EAF43" d="M65.788 69.844h15.804c.036.468.036.864.036 1.404 0 8.928-6.84 14.292-14.22 14.292-8.064 0-14.148-6.3-14.148-13.968 0-7.956 6.408-13.716 14.256-13.716 6.372 0 11.844 4.284 13.32 9.432h-7.632c-1.044-1.872-2.988-3.456-5.868-3.456-3.348 0-7.272 2.484-7.272 7.74 0 5.58 3.96 7.992 7.308 7.992 3.384 0 5.652-1.692 6.372-4.284h-7.956v-5.436z"/>
126      <path fill="#006972" d="M68 1v53H29.555V34.678h-6.34l35.016-23.51L44.8 1.918l-21.115 14.18v-3.764h-8.47v9.45L1 31.33V1h67zM8.864 31.33V54H1V31.33h7.864z"/>
127    </g>
128</svg>
129
130                    </a>
131                </div>
132                <div class="grid__spacer main-nav__spacer"></div>
133                <nav class="main-nav__nav">
134                    <ul class="grid grid--middle main-nav__list">
135                                                    <li class="grid__item grid grid--middle main-nav__item hide--phone">
136                                <button     type="button"                            class="cta cta--secondary get-on-the-list__main"
137    	    @click.prevent="$parent.openModal('modal-sign-up')"
138        >
139    <div class="grid grid--middle grid--center cta__content">
140                    <div class="grid grid--middle cta__icon cta__icon--left">
141                <i class="icon-pen"></i> 
142
143
144
145
146
147
148
149
150
151            </div>
152                <div class="cta__text">
153            Get On The List
154        </div>
155            </div>
156</button>
157                            </li>
158                                                <li class="sr-only">
159                            <a href="#main" class="main-nav__skip-link">Skip Navigation</a>
160                        </li>
161                        <li
162                            class="grid__item grid grid--middle main-nav__item trigger"
163                            tabindex="-1"
164                        >
165                            <button
166                                type="button"
167                                aria-label="Open Menu"
168                                tabindex="-1"
169                                class="grid grid--middle main-nav__link main-nav__hamburger"
170                                :class="{'main-nav__hamburger--active': isActive}"
171                                @click.stop="toggleNav($event)"
172                            >
173                                <span class="main-nav__link-icon">
174                                    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="19" viewBox="0 0 28 19" class="svg-hamburger">
175    <g fill-rule="nonzero">
176      <path d="M0 16h28v3H0z" class="svg-hamburger__top"/>
177      <path d="M0 8h28v3H0z" class="svg-hamburger__middle-1"/>
178      <path d="M0 8h28v3H0z" class="svg-hamburger__middle-2"/>
179      <path d="M0 0h28v3H0z" class="svg-hamburger__bottom"/>
180    </g>
181</svg>
182
183
184
185
186                                </span>
187                            </button>
188                        </li>
189                    </ul>
190                </nav>
191            </div>
192        </div>
193        <div class="sidebar-nav--barrier" v-show="isActive" @click.stop="toggleNav($event)"></div>
194<div class="sidebar-nav sidebar-nav--fixed" ref="sidebar" :class="{'sidebar-nav--active': isActive}" v-cloak>
195    <div class="global-horizontal-padding global-max-width sidebar-nav__inner">
196        <nav class="sidebar-nav__nav">
197            <ul class="grid grid--wrap grid--columns-phone-1 grid--columns-tablet-3 grid--columns-desktop-5 grid--gutter-10 sidebar-nav__lists">
198                <li class="grid__item sidebar-nav__category">
199                    <button
200                        type="button"
201                        class="sidebar-nav__title"
202                        tabindex="-1"
203                        @click="toggleSubNav('build')"
204                        @focus.stop="toggleSubNav('')"
205                    >Build</button>
206                    <ul class="sidebar-nav__list" :class="{'sidebar-nav__list--active': activeSub === 'build'}">
207                        <li class="sidebar-nav__item">
208                            <a href="https://jbgbuilders.com/communities" class="sidebar-nav__link" data-category="build">Communities</a>
209                        </li>
210                        <li class="sidebar-nav__item">
211                            <a href="https://jbgbuilders.com/floorplans" class="sidebar-nav__link" data-category="build">Floorplans</a>
212                        </li>
213                        <li class="sidebar-nav__item">
214                            <a href="https://jbgbuilders.com/gallery" class="sidebar-nav__link" data-category="build">Gallery</a>
215                        </li>
216                    </ul>
217                </li>
218                <li class="grid__item sidebar-nav__category">
219                    <button
220                        type="button"
221                        class="sidebar-nav__title"
222                        tabindex="-1"
223                        @click="toggleSubNav('buy')"
224                    >Buy</button>
225                    <ul class="sidebar-nav__list" :class="{'sidebar-nav__list--active': activeSub === 'buy'}">
226                        <li class="sidebar-nav__item">
227                            <a href="https://jbgbuilders.com/quick-deliveries" class="sidebar-nav__link" data-category="buy">Quick Move-In Homes</a>
228                        </li>
229                        <li class="sidebar-nav__item">
230                            <a href="https://jbgbuilders.com/models" class="sidebar-nav__link" data-category="buy">Current Models</a>
231                        </li>
232                        <li class="sidebar-nav__item">
233                            <a href="https://jbgbuilders.com/finance-your-home" class="sidebar-nav__link" data-category="buy">Finance Your Home</a>
234                        </li>
235                        <li class="sidebar-nav__item">
236                            <a href="https://jbgbuilders.com/finance-your-home#mortgage-calculator" class="sidebar-nav__link" data-category="buy">Mortgage Calculator</a>
237                        </li>
238                    </ul>
239                </li>
240                <li class="grid__item sidebar-nav__category">
241                    <button
242                        type="button"
243                        class="sidebar-nav__title"
244                        tabindex="-1"
245                        @click="toggleSubNav('rent')"
246                    >Rent</button>
247                    <ul class="sidebar-nav__list" :class="{'sidebar-nav__list--active': activeSub === 'rent'}">
248                        <li class="sidebar-nav__item">
249                            <a href="https://jbgbuilders.com/rentals/long-term" class="sidebar-nav__link" data-category="rent">Long Term Rentals</a>
250                        </li>
251                        <li class="sidebar-nav__item">
252                            <a href="https://jbgbuilders.com/rentals/vacation" class="sidebar-nav__link" data-category="rent">Vacation Rentals</a>
253                        </li>
254                    </ul>
255                </li>
256                <li class="grid__item sidebar-nav__category">
257                    <button
258                        type="button"
259                        class="sidebar-nav__title"
260                        tabindex="-1"
261                        @click="toggleSubNav('about')"
262                    >About</button>
263                    <ul class="sidebar-nav__list" :class="{'sidebar-nav__list--active': activeSub === 'about'}">
264                        <li class="sidebar-nav__item">
265                            <a href="https://jbgbuilders.com/the-jbg-difference" class="sidebar-nav__link" data-category="about">The JBG Difference</a>
266                        </li>
267                        <li class="sidebar-nav__item">
268                            <a href="https://jbgbuilders.com/our-building-process" class="sidebar-nav__link" data-category="about">Our Building Process</a>
269                        </li>
270                        <li class="sidebar-nav__item">
271                            <a href="https://jbgbuilders.com/homebuyers-faq" class="sidebar-nav__link" data-category="about">Homebuyers FAQs</a>
272                        </li>
273                    </ul>
274                </li>
275                <li class="grid__item sidebar-nav__category">
276                    <button
277                        type="button"
278                        class="sidebar-nav__title"
279                        tabindex="-1"
280                        @click="toggleSubNav('contact')"
281                    >Contact</button>
282                    <ul class="sidebar-nav__list" :class="{'sidebar-nav__list--active': activeSub === 'contact'}">
283                        <li class="sidebar-nav__item">
284                            <a href="https://jbgbuilders.com/contact" class="sidebar-nav__link" data-category="contact">Corporate Contacts</a>
285                        </li>
286                        <li class="sidebar-nav__item">
287                            <a href="https://jbgbuilders.com/models" class="sidebar-nav__link" data-category="contact">Model Locations</a>
288                        </li>
289                        <li class="sidebar-nav__item">
290                            <a href="https://jbgbuilders.com/contact" class="sidebar-nav__link" data-category="contact">Get In Touch</a>
291                        </li>
292                        <li class="sidebar-nav__item">
293                            <a href="https://jbgbuilders.com/homeowners" class="sidebar-nav__link" data-category="contact">Homeowner Requests</a>
294                        </li>
295                    </ul>
296                </li>
297            </ul>
298        </nav>
299    </div>
300    <div class="grid grid--between grid--middle sidebar-nav__footer">
301        <div class="grid grid--middle sidebar-nav__social">
302            <a href="https://www.facebook.com/jbgbuilderss/" target="_blank" rel="nofollow" class="grid--inline grid--center grid--middle sidebar-nav__link" aria-label="Find us on Facebook">
303                <i class="icon-facebook"></i> 
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319            </a>
320            <a href="https://www.instagram.com/jbgbuilders/" target="_blank" rel="nofollow" class="grid--inline grid--center grid--middle sidebar-nav__link" aria-label="Follow us on Instagram">
321                <i class="icon-instagram"></i> 
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336            </a>
337            <a href="https://www.pinterest.com/jbgbuilders/" target="_blank" rel="nofollow" class="grid--inline grid--center grid--middle sidebar-nav__link" aria-label="Follow us on Pinterest">
338                <i class="icon-pinterest"></i> 
339
340
341
342
343
344
345
346
347
348
349
350
351
352            </a>
353        </div>
354        <div class="sidebar-nav__cta">
355            <button     type="button"                            class="cta cta--secondary get-on-the-list__sidebar"
356    	    @click.prevent="openModal('modal-sign-up')"
357        >
358    <div class="grid grid--middle grid--center cta__content">
359                <div class="cta__text">
360            Get On The List
361        </div>
362            </div>
363</button>
364        </div>
365    </div>
366</div>
367    </header>
368</div>
369                
370
371        
372        	<main id="main" class="template-base" v-lazy-load>
373				<div is="media-gallery" inline-template>
374    <section class="gallery__main">
375		<header class="global-horizontal-padding  gallery__header">
376			<div class="grid grid--middle grid--between gallery__header-inner">
377				<h1 class="gallery__title">Media Gallery</h1>
378			</div>
379		</header>
380		<div
381			class="global-max-width-small gallery__tags"
382			:class="{'gallery__tags--active': isFilterPanelActive}"
383		>
384			<button
385				type="button"
386				class="grid grid--middle grid--between gallery__filter-toggle hide--gt-tablet"
387				tabindex="0"
388				@click="toggleFiltersPanel"
389			>
390				<div class="gallery__filter-toggle-text">Filter By Tag</div>
391				<div class="grid grid--middle gallery__filter-toggle-icon">
392					<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 448 512" class="svg-chevron">
393    <path d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z" />
394</svg>
395
396
397
398
399
400
401
402				</div>
403			</button>
404			<ul class="gallery__tag-list">
405				<li class="gallery__tag-item">
406					<button
407						type="button"
408						tabindex="0"
409						class="grid--inline grid--middle gallery__tag"
410						:class="{'active': tags.includes('all')}"
411						:disabled="tags.includes('all')"
412						title="Show all"
413						@click="toggleTag('all')"
414					>
415						<span class="grid grid--middle gallery__tag-icon">
416							<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" class="svg-check">
417    <path fill-rule="nonzero" d="M7.293.293l1.414 1.414L3.5 6.914.293 3.707l1.414-1.414L3.5 4.085z"/>
418</svg>
419
420
421
422
423
424
425						</span>
426						<span class="gallery__tag-text">All</span>
427					</button>
428				</li>
429									<li class="gallery__tag-item">
430						<button
431							type="button"
432							tabindex="0"
433							class="grid--inline grid--middle gallery__tag"
434							:class="{'active': tags.includes('Kitchen')}"
435							:title="(tags.includes('Kitchen') ? 'Hide' : 'Show') + ' Kitchen'"
436							@click="toggleTag('Kitchen')"
437						>
438							<span class="grid grid--middle gallery__tag-icon">
439								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" class="svg-check">
440    <path fill-rule="nonzero" d="M7.293.293l1.414 1.414L3.5 6.914.293 3.707l1.414-1.414L3.5 4.085z"/>
441</svg>
442
443
444
445
446
447
448								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" class="svg-remove">
449    <path fill-rule="nonzero" d="M2.104.69L4.5 3.086 6.896.69c.57.36 1.054.844 1.414 1.414L5.914 4.5 8.31 6.896A4.524 4.524 0 016.896 8.31L4.5 5.914 2.104 8.31A4.524 4.524 0 01.69 6.896L3.086 4.5.69 2.104c.36-.57.844-1.054 1.414-1.414z"/>
450</svg>
451
452
453
454
455
456							</span>
457							<span class="gallery__tag-text">
458								Kitchen
459							</span>
460						</button>
461					</li>
462									<li class="gallery__tag-item">
463						<button
464							type="button"
465							tabindex="0"
466							class="grid--inline grid--middle gallery__tag"
467							:class="{'active': tags.includes('Exterior')}"
468							:title="(tags.includes('Exterior') ? 'Hide' : 'Show') + ' Exterior'"
469							@click="toggleTag('Exterior')"
470						>
471							<span class="grid grid--middle gallery__tag-icon">
472								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" class="svg-check">
473    <path fill-rule="nonzero" d="M7.293.293l1.414 1.414L3.5 6.914.293 3.707l1.414-1.414L3.5 4.085z"/>
474</svg>
475
476
477
478
479
480
481								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" class="svg-remove">
482    <path fill-rule="nonzero" d="M2.104.69L4.5 3.086 6.896.69c.57.36 1.054.844 1.414 1.414L5.914 4.5 8.31 6.896A4.524 4.524 0 016.896 8.31L4.5 5.914 2.104 8.31A4.524 4.524 0 01.69 6.896L3.086 4.5.69 2.104c.36-.57.844-1.054 1.414-1.414z"/>
483</svg>
484
485
486
487
488
489							</span>
490							<span class="gallery__tag-text">
491								Exterior
492							</span>
493						</button>
494					</li>
495									<li class="gallery__tag-item">
496						<button
497							type="button"
498							tabindex="0"
499							class="grid--inline grid--middle gallery__tag"
500							:class="{'active': tags.includes('Primary Bedroom')}"
501							:title="(tags.includes('Primary Bedroom') ? 'Hide' : 'Show') + ' Primary Bedroom'"
502							@click="toggleTag('Primary Bedroom')"
503						>
504							<span class="grid grid--middle gallery__tag-icon">
505								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" class="svg-check">
506    <path fill-rule="nonzero" d="M7.293.293l1.414 1.414L3.5 6.914.293 3.707l1.414-1.414L3.5 4.085z"/>
507</svg>
508
509
510
511
512
513
514								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" class="svg-remove">
515    <path fill-rule="nonzero" d="M2.104.69L4.5 3.086 6.896.69c.57.36 1.054.844 1.414 1.414L5.914 4.5 8.31 6.896A4.524 4.524 0 016.896 8.31L4.5 5.914 2.104 8.31A4.524 4.524 0 01.69 6.896L3.086 4.5.69 2.104c.36-.57.844-1.054 1.414-1.414z"/>
516</svg>
517
518
519
520
521
522							</span>
523							<span class="gallery__tag-text">
524								Primary Bedroom
525							</span>
526						</button>
527					</li>
528									<li class="gallery__tag-item">
529						<button
530							type="button"
531							tabindex="0"
532							class="grid--inline grid--middle gallery__tag"
533							:class="{'active': tags.includes('Primary Bathroom')}"
534							:title="(tags.includes('Primary Bathroom') ? 'Hide' : 'Show') + ' Primary Bathroom'"
535							@click="toggleTag('Primary Bathroom')"
536						>
537							<span class="grid grid--middle gallery__tag-icon">
538								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewB
538ox="0 0 9 7" class="svg-check">
539    <path fill-rule="nonzero" d="M7.293.293l1.414 1.414L3.5 6.914.293 3.707l1.414-1.414L3.5 4.085z"/>
540</svg>
541
542
543
544
545
546
547								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" class="svg-remove">
548    <path fill-rule="nonzero" d="M2.104.69L4.5 3.086 6.896.69c.57.36 1.054.844 1.414 1.414L5.914 4.5 8.31 6.896A4.524 4.524 0 016.896 8.31L4.5 5.914 2.104 8.31A4.524 4.524 0 01.69 6.896L3.086 4.5.69 2.104c.36-.57.844-1.054 1.414-1.414z"/>
549</svg>
550
551
552
553
554
555							</span>
556							<span class="gallery__tag-text">
557								Primary Bathroom
558							</span>
559						</button>
560					</li>
561									<li class="gallery__tag-item">
562						<button
563							type="button"
564							tabindex="0"
565							class="grid--inline grid--middle gallery__tag"
566							:class="{'active': tags.includes('Living Area')}"
567							:title="(tags.includes('Living Area') ? 'Hide' : 'Show') + ' Living Area'"
568							@click="toggleTag('Living Area')"
569						>
570							<span class="grid grid--middle gallery__tag-icon">
571								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" class="svg-check">
572    <path fill-rule="nonzero" d="M7.293.293l1.414 1.414L3.5 6.914.293 3.707l1.414-1.414L3.5 4.085z"/>
573</svg>
574
575
576
577
578
579
580								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" class="svg-remove">
581    <path fill-rule="nonzero" d="M2.104.69L4.5 3.086 6.896.69c.57.36 1.054.844 1.414 1.414L5.914 4.5 8.31 6.896A4.524 4.524 0 016.896 8.31L4.5 5.914 2.104 8.31A4.524 4.524 0 01.69 6.896L3.086 4.5.69 2.104c.36-.57.844-1.054 1.414-1.414z"/>
582</svg>
583
584
585
586
587
588							</span>
589							<span class="gallery__tag-text">
590								Living Area
591							</span>
592						</button>
593					</li>
594									<li class="gallery__tag-item">
595						<button
596							type="button"
597							tabindex="0"
598							class="grid--inline grid--middle gallery__tag"
599							:class="{'active': tags.includes('Other Rooms')}"
600							:title="(tags.includes('Other Rooms') ? 'Hide' : 'Show') + ' Other Rooms'"
601							@click="toggleTag('Other Rooms')"
602						>
603							<span class="grid grid--middle gallery__tag-icon">
604								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" class="svg-check">
605    <path fill-rule="nonzero" d="M7.293.293l1.414 1.414L3.5 6.914.293 3.707l1.414-1.414L3.5 4.085z"/>
606</svg>
607
608
609
610
611
612
613								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" class="svg-remove">
614    <path fill-rule="nonzero" d="M2.104.69L4.5 3.086 6.896.69c.57.36 1.054.844 1.414 1.414L5.914 4.5 8.31 6.896A4.524 4.524 0 016.896 8.31L4.5 5.914 2.104 8.31A4.524 4.524 0 01.69 6.896L3.086 4.5.69 2.104c.36-.57.844-1.054 1.414-1.414z"/>
615</svg>
616
617
618
619
620
621							</span>
622							<span class="gallery__tag-text">
623								Other Rooms
624							</span>
625						</button>
626					</li>
627									<li class="gallery__tag-item">
628						<button
629							type="button"
630							tabindex="0"
631							class="grid--inline grid--middle gallery__tag"
632							:class="{'active': tags.includes('Bathroom')}"
633							:title="(tags.includes('Bathroom') ? 'Hide' : 'Show') + ' Bathroom'"
634							@click="toggleTag('Bathroom')"
635						>
636							<span class="grid grid--middle gallery__tag-icon">
637								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="7" viewBox="0 0 9 7" class="svg-check">
638    <path fill-rule="nonzero" d="M7.293.293l1.414 1.414L3.5 6.914.293 3.707l1.414-1.414L3.5 4.085z"/>
639</svg>
640
641
642
643
644
645
646								<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" class="svg-remove">
647    <path fill-rule="nonzero" d="M2.104.69L4.5 3.086 6.896.69c.57.36 1.054.844 1.414 1.414L5.914 4.5 8.31 6.896A4.524 4.524 0 016.896 8.31L4.5 5.914 2.104 8.31A4.524 4.524 0 01.69 6.896L3.086 4.5.69 2.104c.36-.57.844-1.054 1.414-1.414z"/>
648</svg>
649
650
651
652
653
654							</span>
655							<span class="gallery__tag-text">
656								Bathroom
657							</span>
658						</button>
659					</li>
660							</ul>
661		</div>
662		<div class="global-horizontal-padding gallery__body">
663			<div class="global-vertical-padding global-horizontal-padding grid grid--middle grid--center gallery__loader" v-if="isLoading">
664				<div class="loading-icon">
665    <div></div>
666    <div></div>
667    <div></div>
668    <div></div>
669    <div></div>
670    <div></div>
671    <div></div>
672    <div></div>
673    <div></div>
674    <div></div>
675    <div></div>
676    <div></div>
677</div>			</div>
678			<div class="gallery__empty" v-if="!isLoading && filteredGallery.length === 0" v-cloak>
679				<p>
680					Sorry we don&rsquo;t have any images
681					matching those filters.
682				</p>
683				<p>Check back soon!</p>
684			</div>
685			<div is="watch-scroll" :observe-once="true" :threshold="[0,.5,1]" inline-template>
686				<div class="global-max-width-small gallery__galleries">
687					<ul class="grid grid--wrap grid--columns-phone-2 grid--columns-tablet-3 grid--columns-desktop-4 grid--gutter-20 gallery__list" v-cloak>
688						<li
689							class="animated grid__item gallery__item"
690							v-for="(item, index) in $parent.filteredGallery"
691							:class="['delay0-' + index + 's', {'fadeIn': isInView}]"
692						>
693							<button
694								type="button"
695								tabindex="0"
696								class="gallery__button"
697								aria-label="View Image"
698								@click="$parent.openModal('modal-gallery', {images: $parent.filteredGallery, key: 'image', index: index})"
699							>
700								<div
701									class="gallery__button-image"
702									:style="{backgroundImage: 'url(' + item.image.medium + ')'}"
703								></div>
704							</button>
705						</li>
706					</ul>
707				</div>
708			</div>
709		</div>
710    </section>
711</div>
712	</main>
713        
714
715        
716                            <footer id="footer" class="footer">
717    <div class="footer__main">
718        <div class="global-max-width global-horizontal-padding grid--wrap grid--flex footer__inner">
719            <div class="footer__block">
720                <h6 class="footer__title">JBG Builders</h6>
721                <address class="footer__address">
722                    <div class="footer__address-title"><strong>Corporate Address:</strong></div>
723                    <a href="//goo.gl/maps/8PXZXtt9w4tgata48" target="_blank" rel="noopener noreferrer nofollow">4115 Charles Town Road, Kearneysville WV 25430</a><br>
724                    <a href="tel:703-863-3833">(703) 863-3833</a><br>
725                    <a href="mailto:[email protected]">Email Us</a>
726                </address>
727                <ul class="grid footer__social-list hide--gt-phone">
728                    <li class="footer__social-item">
729                        <a href="https://www.facebook.com/jbgbuilderss/" target="_blank" rel="nofollow" class="grid--inline grid--center grid--middle footer__social-link" aria-label="Find us on Facebook">
730                            <i class="icon-facebook"></i> 
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746                        </a>
747                    </li>
748                    <li class="footer__social-item">
749                        <a href="https://www.instagram.com/jbgbuilders/" target="_blank" rel="nofollow" class="grid--inline grid--center grid--middle footer__social-link" aria-label="Follow us on Instagram">
750                            <i class="icon-instagram"></i> 
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765                        </a>
766                    </li>
767                    <li class="footer__social-item">
768                        <a href="https://www.pinterest.com/jbgbuilders/" target="_blank" rel="nofollow" class="grid--inline grid--center grid--middle footer__social-link" aria-label="Follow us on Pinterest">
769                            <i class="icon-pinterest"></i> 
770
771
772
773
774
775
776
777
778
779
780
781
782
783                        </a>
784                    </li>
785                </ul>
786            </div>
787            <div class="grid__item footer__block">
788                <h6 class="footer__title">Quick Links</h6>
789                <div class="grid grid--wrap grid--columns-phone-1 grid--columns-tablet-2 grid--columns-desktop-2 grid--columns-big-3 grid--gutter-20 footer__grid">
790                    <ul class="grid__item footer__link-list">
791                        <li class="footer__link-item">
792                            <a href="https://jbgbuilders.com/communities" class="footer__link">JBG Communities</a>
793                        </li>
794                        <li class="footer__link-item">
795                            <a href="https://jbgbuilders.com/quick-deliveries" class="footer__link">Quick Move-In Homes</a>
796                        </li>
797                        <li class="footer__link-item">
798                            <a href="https://jbgbuilders.com/floorplans" class="footer__link">Our Floorplans</a>
799                        </li>
800                    </ul>
801                    <ul class="grid__item footer__link-list">
802                        <li class="footer__link-item">
803                            <a href="https://jbgbuilders.com/the-jbg-difference" class="footer__link">The JBG Difference</a>
804                        </li>
805                        <li class="footer__link-item">
806                            <a href="https://jbgbuilders.com/finance-your-home" class="footer__link">Finance Your Home</a>
807                        </li>
808                    </ul>
809                    <ul class="grid__item footer__link-list">
810                        <li class="footer__link-item">
811                            <a href="https://jbgbuilders.com/contact" class="footer__link">Contact JBG</a>
812                        </li>
813                        <li class="footer__link-item">
814                            <a href="https://jbgbuilders.com/models" class="footer__link">Model Locations</a>
815                        </li>
816                        <li class="footer__link-item">
817                            <a href="https://jbgbuilders.com/homeowners" class="footer__link">Homeowners</a>
818                        </li>
819                    </ul>
820                </div>
821            </div>
822        </div>
823    </div>
824    <div class="footer__colophon">
825        <div class="global-max-width global-horizontal-padding footer__inner">
826            <div class="grid grid--fill footer__colophon-top">
827                <div class="footer__eoh" aria-label="Equal Opportunity Housing">
828                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" class="svg-equal-opportunity-housing">
829    <path fill-rule="evenodd" d="M2.4 16.35h-.82v.32h.76v.27h-.76v.4h.86v.27H1.27v-1.54H2.4v.28zm1.77 1.2l-.17.18-.19-.18a.8.8 0 0 1-.4.1c-.2 0-.73-.08-.73-.8 0-.73.53-.82.74-.82.2 0 .74.09.74.81 0 .26-.07.43-.16.55l.17.16zm-.73-.35l.16-.18.17.15a.7.7 0 0 0 .07-.33c0-.43-.25-.54-.42-.54-.18 0-.42.11-.42.54 0 .44.24.54.42.54.05 0 .11 0 .17-.04l-.15-.14zm2.24-.12c0 .4-.25.58-.64.58-.14 0-.35-.04-.49-.2-.08-.09-.11-.21-.12-.37v-1.02h.33v1c0 .22.13.31.28.31.22 0 .3-.1.3-.3v-1h.34v1zm.58.22l-.11.31H5.8l.55-1.54h.37l.54 1.54h-.35l-.1-.31h-.56zm.28-.88l-.2.61h.4l-.2-.61zm1.3.92h.78v.27h-1.1v-1.54h.33v1.27zm2-.42v.7h-.32v-1.55h.32v.59h.6v-.59h.32v1.54h-.32v-.69h-.6zm1.21-.08c0-.72.54-.8.74-.8.21 0 .75.08.75.8 0 .73-.54.82-.75.82-.2 0-.74-.1-.74-.82zm.33 0c0 .44.24.54.41.54.18 0 .42-.1.42-.54 0-.43-.24-.54-.42-.54-.17 0-.41.11-.41.54zm2.7.24c0 .4-.25.58-.64.58-.14 0-.35-.04-.49-.2-.08-.09-.12-.21-.12-.37v-1.02h.33v1c0 .22.12.31.27.31.23 0 .32-.1.32-.3v-1h.33v1zm.58.06c0 .09.05.25.33.25.15 0 .32-.04.32-.2 0-.12-.11-.15-.27-.2l-.17-.03c-.25-.06-.5-.11-.5-.45 0-.18.1-.48.6-.48.48 0 .6.31.6.5h-.3c-.01-.07-.04-.23-.32-.23-.12 0-.27.04-.27.18 0 .12.1.15.16.16l.38.1c.21.05.4.13.4.41 0 .46-.47.5-.6.5-.57 0-.66-.32-.66-.51h.3zm1.23.47v-1.54h.32v1.54h-.32zm1.6-1.54h.3v1.54h-.31l-.63-1.1v1.1h-.3v-1.54h.33l.61 1.08v-1.08zm1.39.71h.64v.83h-.21l-.04-.19c-.08.1-.2.24-.48.24-.37 0-.7-.27-.7-.81 0-.42.23-.82.75-.82.47 0 .66.3.67.52h-.32c0-.06-.1-.25-.33-.25-.24 0-.45.16-.45.55 0 .42.23.53.45.53.07 0 .3-.03.38-.34h-.36v-.26zM1.2 19.18c0-.72.54-.8.74-.8.2 0 .74.08.74.8 0 .73-.54.82-.74.82-.2 0-.74-.09-.74-.81zm.32 0c0 .44.25.55.42.55.17 0 .42-.11.42-.54 0-.43-.25-.54-.42-.54-.17 0-.42.1-.42.54zm2.04.22v.56h-.32v-1.54h.7c.3 0 .49.19.49.49 0 .14-.08.5-.5.5h-.37zm0-.26h.3c.24 0 .24-.18.24-.24 0-.16-.08-.22-.28-.22h-.26v.46zm1.74.26v.56h-.32v-1.54h.7c.3 0 .48.19.48.49 0 .14-.08.5-.49.5H5.3zm0-.26h.3c.24 0 .24-.18.24-.24 0-.16-.08-.22-.28-.22H5.3v.46zm1.35.05c0-.73.53-.81.74-.81.2 0 .74.08.74.8 0 .73-.54.82-.74.82-.2 0-.74-.09-.74-.81zm.32 0c0 .43.24.54.42.54.17 0 .42-.11.42-.54 0-.43-.25-.54-.42-.54-.18 0-.42.1-.42.54zm1.72.77v-1.54h.78c.4 0 .48.3.48.43 0 .17-.08.32-.23.37.12.06.2.1.2.4 0 .22 0 .27.06.3v.04h-.36a1.04 1.04 0 0 1-.03-.31c0-.21-.01-.3-.25-.3H9v.6H8.7zm.31-.87h.38c.17 0 .25-.05.25-.2 0-.09-.03-.2-.22-.2H9v.4zm2.15.87h-.32v-1.27h-.46v-.27h1.25v.27h-.47v1.27zm2.2-.54c0 .4-.24.58-.63.58-.14 0-.36-.04-.5-.19-.08-.1-.1-.22-.11-.37v-1.02h.33v1c0 .21.12.3.27.3.22 0 .31-.1.31-.29v-1.01h.33v1zm1.56-1h.3v1.54h-.32l-.63-1.1v1.1h-.3v-1.54h.33l.62 1.07v-1.07zm.89 1.54v-1.54h.32v1.54h-.32zm1.58 0h-.32v-1.27h-.47v-.27h1.26v.27h-.47v1.27zm1.68 0h-.32v-.58l-.53-.96h.38l.32.67.3-.67h.37l-.52.96v.58zm-1.77-7.4v-6.6l-6.9-3.56L3.4 5.97v6.59H17.3zM10.39 0l10.54 5.12v2.4h-1.4v7.2H1.16v-7.2H0v-2.4L10.39 0zM7.13 8.3V5.96h6.44v2.32H7.13zm0 3.33V9.3h6.44v2.33H7.13z"/>
830</svg>
831
832
833                </div>
834                <div class="grid__item grid__item--fill footer__copyright">
835                    <div class="footer__copyright-top">
836                        <span class="footer__text">&copy; 2026 JBG Builders</span>
837                        <span class="footer__divider"></span>
838                        <span class="footer__text">Licence: #WV050035 Broker - Clarence Haymaker</span>
839                    </div>
840                    <div class="footer__copyright-bottom">
841                        <span class="footer__text"><a href="/privacy-policy">Privacy Policy</a></span>
842                        <span class="footer__divider"></span>
843                        <span class="footer__text"><a href="https://jbgbuilders.com/site-map">Site Map</a></span>
844                    </div>
845                </div>
846            </div>
847            <div class="footer__colophon-bottom">
848                <div class="footer__credits">Homebuilder Website by <a href="https://graphiclanguage.net/" target="_blank">Graphic Language</a>
849            </div>
850        </div>
851    </div>
852</footer>
853                
854
855        
856                	<div
857    class="modal modal-gallery"
858    :class="{'modal--active': modalOpen && modalOpen === 'modal-gallery'}"
859    v-if="modalOpen && modalOpen === 'modal-gallery'"
860    v-cloak
861>
862    <div class="fill-parent grid grid--middle grid--center modal__inner">
863        <article class="modal__content hide-scrollbar">
864            <header class="grid grid--middle grid--right modal__header">
865                <button
866                    type="button"
867                    class="modal__close"
868                    tabindex="0"
869                    aria-label="Close modal"
870                    @click="closeModal"
871                >
872                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" class="svg-close">
873    <path d="M11 1a.7495.7495 0 0 0-1.06 0L6 4.94 2.06 1A.7495.7495 0 0 0 1 2.06L4.94 6 1 9.94A.7495.7495 0 0 0 2.06 11L6 7.06 9.94 11A.7495.7495 0 0 0 11 9.94L7.06 6 11 2.06A.7495.7495 0 0 0 11 1z"/>
874</svg>
875
876
877
878                </button>
879            </header>
880            <div class="modal__body">
881                <div class="modal-media">
882    
883    <slick
884        :dots="false"
885        :is-dynamic="true"
886        :image-captions="true"
887        :modal-image-index="modalData.index"
888        :initial-slide="modalData.index"
889        
890        image-captions-class="modal-media__slide-caption hide--gt-phone"
891    >
892        <div class="modal-media__slide" v-for="image in modalData.images">
893            <div
894                class="modal-media__image"
895                v-if="modalData.key"
896                :style="{backgroundImage:'url('+image[modalData.key].hd+')'}"
897            ></div>
898            <div
899                class="modal-media__image"
900                v-else
901                :style="{backgroundImage:'url(' + (image.image ? image.image.hd : (image.img ? image.img.hd : image.hd)) + ')'}"
902            ></div>
903                            <div class="modal-media__slide-caption" v-html="image.caption || image.title || image.alt || image.description || ''"></div>
904                    </div>
905    </slick>
906</div>
907            </div>
908        </article>
909    </div>
910</div>
911            <div
912    class="modal modal-sign-up"
913    :class="{'modal--active': modalOpen && modalOpen === 'modal-sign-up'}"
914    v-if="modalOpen && modalOpen === 'modal-sign-up'"
915    v-cloak
916>
917    <div class="fill-parent grid grid--middle grid--center modal__inner">
918        <article class="modal__content hide-scrollbar">
919            <header class="grid grid--middle grid--right modal__header">
920                <button
921                    type="button"
922                    class="modal__close"
923                    tabindex="0"
924                    aria-label="Close modal"
925                    @click="closeModal"
926                >
927                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" class="svg-close">
928    <path d="M11 1a.7495.7495 0 0 0-1.06 0L6 4.94 2.06 1A.7495.7495 0 0 0 1 2.06L4.94 6 1 9.94A.7495.7495 0 0 0 2.06 11L6 7.06 9.94 11A.7495.7495 0 0 0 11 9.94L7.06 6 11 2.06A.7495.7495 0 0 0 11 1z"/>
929</svg>
930
931
932
933                </button>
934            </header>
935            <div class="modal__body">
936                    <h3 class="modal__title">Get On The List</h3>
937    <p class="modal__copy">Sign up below to receive the latest updates and info on special promotions.</p>
938    <sign-up-form inline-template v-cloak>
939    <div class="signup-form">
940        <form
941            method="post"
942            action="https://jbgbuilders.com/forms/interest-list"
943            @submit.prevent="submit"
944             data-confirmation="/forms/pseudo-confirmation/get_on_the_list"         >
945            <div class="alert alert-success" role="alert" v-if="successMessage" v-cloak>
946            
947	   <% successMessage %>
948    </div>
949<div class="alert alert-danger" role="alert" v-if="errorMessage" v-cloak>
950    <% errorMessage %>
951</div>
952            <div
953                class="signup-form__fields"
954                :class="{'signup-form__fields--loading': !showForm}"
955                v-show="!successMessage"
956            >
957
958                <div class="signup-form__fields" :class="{ 'form-loading': !showForm }"  v-show="!successMessage">
959                    <div v-if="!showForm" class="form-loading-indicator" v-cloak>
960    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64" height="64" viewBox="0 0 64 64">
961        <g class="nc-icon-wrapper" transform="translate(0.5, 0.5)" fill="#0598b4">
962            <g class="nc-loop_circle-03-64" transform="rotate(2.0025140729066457 32 32)"> 
963                <circle opacity="0.4" fill="none" stroke="#0598b4" stroke-width="1" stroke-linecap="square" stroke-miterlimit="10" cx="32" cy="32" r="30" stroke-linejoin="miter"></circle> 
964                <path data-cap="butt" data-color="color-2" fill="none" stroke="#0598b4" stroke-width="1" stroke-miterlimit="10" d="M32,2c16.56854,0,30,13.43146,30,30" stroke-linecap="butt">
965                    <animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 32 32;360 32 32" keyTimes="0;
9651" dur="1s" begin="0s" repeatCount="indefinite"></animateTransform>
966                </path> 
967            </g>
968        </g>
969    </svg>
970</div>                    <div class="signup-form__fields">
971                        <div class="grid grid--wrap grid--columns-phone-1 grid--columns-desktop-2 grid--gutter-20 signup-form__row">
972                            <div class="grid__item signup-form__field">
973                                <div class="form-input ">
974	<label for="input6abb7c92d21a4" class="form-input__label">
975		First Name
976		<span class="label-required" :class="{ show: true || false }">*</span>	</label>
977	<div class="form-input__input">
978		<input
979			id="input6abb7c92d21a4"
980						 name="first_name" 						 v-model="fields.first_name" 			 :class="{danger: errors.has(&#039;first_name&#039;)}" 			 v-validate="'required'" 								>
981	</div>
982			<em class="form-input__error" v-if="errors.first(&#039;first_name&#039;)" v-cloak><% errors.first(&#039;first_name&#039;) %></em>
983	</div>
984                            </div>
985                            <div class="grid__item signup-form__field">
986                                <div class="form-input ">
987	<label for="input6abb7c92d21f7" class="form-input__label">
988		Last Name
989		<span class="label-required" :class="{ show: true || false }">*</span>	</label>
990	<div class="form-input__input">
991		<input
992			id="input6abb7c92d21f7"
993						 name="last_name" 						 v-model="fields.last_name" 			 :class="{danger: errors.has(&#039;last_name&#039;)}" 			 v-validate="'required'" 								>
994	</div>
995			<em class="form-input__error" v-if="errors.first(&#039;last_name&#039;)" v-cloak><% errors.first(&#039;last_name&#039;) %></em>
996	</div>
997                            </div>
998                            <div class="grid__item signup-form__field">
999                                <div class="form-input ">
1000	<label for="input6abb7c92d2227" class="form-input__label">
1001		Email Address
1002		<span class="label-required" :class="{ show: true || false }">*</span>	</label>
1003	<div class="form-input__input">
1004		<input
1005			id="input6abb7c92d2227"
1006			 type="email" 			 name="email" 						 v-model="fields.email" 			 :class="{danger: errors.has(&#039;email&#039;)}" 			 v-validate="'required'" 								>
1007	</div>
1008			<em class="form-input__error" v-if="errors.first(&#039;email&#039;)" v-cloak><% errors.first(&#039;email&#039;) %></em>
1009	</div>
1010                            </div>
1011                            <div class="grid__item signup-form__field">
1012                                <div class="form-input ">
1013	<label for="input6abb7c92d2255" class="form-input__label">
1014		Phone Number
1015		<span class="label-required" :class="{ show: false || false }">*</span>	</label>
1016	<div class="form-input__input">
1017		<input
1018			id="input6abb7c92d2255"
1019			 type="tel" 			 name="phone" 						 v-model="fields.phone" 			 :class="{danger: errors.has(&#039;phone&#039;)}" 			 v-validate="''" 								>
1020	</div>
1021			<em class="form-input__error" v-if="errors.first(&#039;phone&#039;)" v-cloak><% errors.first(&#039;phone&#039;) %></em>
1022	</div>
1023                            </div>
1024                        </div>
1025                        <div class="grid grid--wrap grid--columns-phone-1 grid--gutter-20 signup-form__row">
1026                            <div class="grid__item signup-form__field">
1027                                <div class="form-input form-group select-container">
1028	<label for="select6abb7c92d22a0" class="form-input__label">
1029		Community of Interest
1030		<span class="label-required" :class="{ show: true || false }">*</span>	</label>
1031	<div class="form-input__select">
1032		<select
1033			id="select6abb7c92d22a0"
1034			 name="selected_communities" 						 v-model="fields.selected_communities" 			 :class="{danger: errors.has(&#039;selected_communities&#039;)}" 			 v-validate="'required'" 		>
1035							<option value="" disabled>Select a Community</option>
1036																					<option value="2">Nadenbousch Pines</option>
1037																				<option value="3">Estates at Edgemoor</option>
1038																				<option value="6">Rocky Ridge</option>
1039																	</select>
1040	</div>
1041			<em class="form-input__error" v-if="errors.first(&#039;selected_communities&#039;)" v-cloak><% errors.first(&#039;selected_communities&#039;) %></em>
1042	</div>
1043                            </div>
1044                        </div>
1045                        <div class="grid grid--wrap grid--columns-phone-1 grid--gutter-20 signup-form__row">
1046                            <div class="grid__item signup-form__field">
1047                                <div class="signup-form__captcha-notice">
1048    This site is protected by reCAPTCHA and the Google <a class="rep__link" href="https://policies.google.com/privacy" target="_blank" rel="nofollow">Privacy Policy</a> and <a class="rep__link" href="https://policies.google.com/terms" target="_blank" rel="nofollow">Terms of Service</a> apply.
1049</div>                            </div>
1050                        </div>
1051                        <div class="grid grid--wrap grid--columns-phone-1 grid--gutter-20 signup-form__row">
1052                            <div class="grid__item signup-form__field">
1053                                <button     type="submit"                             class="cta cta--primary "
1054        >
1055    <div class="grid grid--middle grid--center cta__content">
1056                <div class="cta__text">
1057            Get On The List
1058        </div>
1059                    <div class="grid grid--middle grid--center cta__icon cta__icon--right">
1060                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 31 30" class="svg-arrow-circle">
1061        <path fill-rule="evenodd" d="M12.535 16.937v6.166L22.761 15 12.535 6.897v6.165H.704C1.658 5.694 7.982 0 15.642 0c8.318 0 15.062 6.716 15.062 15 0 8.284-6.744 15-15.062 15C7.982 30 1.658 24.307.704 16.937h11.83z"/>
1062    </svg>
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072            </div>
1073            </div>
1074</button>
1075                            </div>
1076                        </div>
1077                    </div>
1078                </div>
1079            </div>
1080        </form>
1081    </div>
1082</sign-up-form>
1083            </div>
1084        </article>
1085    </div>
1086</div>
1087                
1088
1089                    <popup
1090            expires="2026-04-01"
1091        :reminder="2"
1092    :delay="1.00"
1093    submit="Learn More"
1094    url=""
1095    ref="popup"
1096
1097>
1098    <div class="jbg-pop">
1099                    <header class="jbg-pop__header">
1100                        <h2 class="jbg-pop__title">
1101                            <span class="jbg-pop__title-1">New Single Family Homes From The High 300&#039;s in Nadenbousch Pines!</span>
1102                        </h2>
1103                                                    <img src="https://d3vdkgh1q9hw3t.cloudfront.net/App/Models/Popup/images/000/000/002/original/Image%2028.jpeg" alt="New Single Family Homes From The High 300&#039;s in Nadenbousch Pines!" class="jbg-pop__title-img">
1104                                            </header>
1105                    <div class="jbg-pop__background" style="background-image: url('/images/site/popup/background-default.png');">
1106                    <div class="jbg-pop__content">
1107                        <div class="jbg-pop__copy">
1108                            <p style="text-align: center;">Pick your colors and finished with an early 2026 delivery date!  We have 1 and 2 level homes with garages.  Use  the lender of your choice and receive 3% in closing cost credit from the builder!</p>
1109                        </div>
1110                                            </div>
1111                                            <footer class="jbg-pop__footer">
1112                            <p>* homes online may vary from actual home to be built and prices are subject to change.</p>
1113                        </footer>
1114                                        </div>
1115                </div>
1116</popup>
1117            </div>
1118    
1118<script src="/js/manifest.js?id=01c8731923a46c30aaed"></script>
vendor: 1 bytes, line 1118
1118
1119<script src="/js/vendor.js?id=5ab6db1a808b6c7ae780"></script>
1119
1120
1121<!-- Sets up Vue and Bootstrap requirements -->
1122<script src="/js/app-require.js?id=2b2a19f2483732238367"></script>
1122
1123
1124
1125<script>
1126    let JsonData = {} 
1127</script>
1127
1128
1129
1130<!-- Creates the main app -->
1131<script src="/js/app.js?id=3325f575e08b810925e5"></script>
1131
1132
1133
1134
1135
1136
1137<!-- Google ReCaptcha -->
vendor: 61 bytes, lines 1137-1138
1137
1138<script src="https://www.google.com/recaptcha/api.js?render=
11386Lda99MZAAAAAARNhB0SfR7VicqivpZ6oP_Q6kS-
vendor: 24 bytes, line 1138
1138" async defer></script>
1139<!-- End Google ReCaptcha -->
1140</body>
1141</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.