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=""fixed"" 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’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">© 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('first_name')}" v-validate="'required'" > 981 </div> 982 <em class="form-input__error" v-if="errors.first('first_name')" v-cloak><% errors.first('first_name') %></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('last_name')}" v-validate="'required'" > 994 </div> 995 <em class="form-input__error" v-if="errors.first('last_name')" v-cloak><% errors.first('last_name') %></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('email')}" v-validate="'required'" > 1007 </div> 1008 <em class="form-input__error" v-if="errors.first('email')" v-cloak><% errors.first('email') %></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('phone')}" v-validate="''" > 1020 </div> 1021 <em class="form-input__error" v-if="errors.first('phone')" v-cloak><% errors.first('phone') %></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('selected_communities')}" 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('selected_communities')" v-cloak><% errors.first('selected_communities') %></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'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'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.