PageSourceSearch

https://uppercaledoneast.ca/

html uppercaledoneast.ca collected 2026-10-04 14:04:00 UTC 57,848 bytes, 1,550 lines download raw bytes

1
2
3
4
5<!DOCTYPE html>
6<html lang="en">
7<head>
8	
8<script>
9		const vueApp = {}
10	</script>
10
11	<meta charset="UTF-8">
12	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0 ">
13	<title>Home Page | Upper Caledon East </title>
14
15
16	
17		
18	
19
20
21	
22	<meta name="description" content="New Towns and Singles in Caledon Coming Soon - Learn more about Upper Caledon East.">
23	<!--SEO-->
24	<link rel="preconnect" href="https://fonts.gstatic.com">
25	<!-- 
25<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
25
26	
26<script src="https://unpkg.com/micromodal/dist/micromodal.min.js"></script>
26 -->
27	
27<script src="https://res.bildhive.com/wscripts/imagesloaded.js"></script>
27
28	
28<script src="https://res.bildhive.com/wscripts/micromodal.js"></script>
28
29	
29<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>
29
30	
31	
31<script type="text/javascript">
32		var onloadCallback = function(sitekey) {
33			grecaptcha.render('recaptcha', {
34				'sitekey' : sitekey
35			});
36		};
37    </script>
vendor: 97 bytes, lines 37-41
37
38
39	<script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script>
40
41	
41<link rel="preconnect" href="https://fonts.googleapis.com">
42<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400&display=swap" rel="stylesheet">
43<link rel="preconnect" href="https://fonts.googleapis.com">
44<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400&display=swap" rel="stylesheet">
45<link rel="preconnect" href="https://fonts.googleapis.com">
46<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400&display=swap" rel="stylesheet">
47<link rel="preconnect" href="https://fonts.googleapis.com">
48<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400&display=swap" rel="stylesheet">
49
50<style>
51		:root{
52		--primaryFont:'Amiri', serif;--primaryFontStyle:normal;--primaryFontWeight:400;--secondaryFont:'Lato', sans-serif;--secondaryFontStyle:normal;--secondaryFontWeight:400;--bodyFont:'Lato', sans-serif;--bodyFontStyle:normal;--bodyFontWeight:400;--accentFont:'Lato', sans-serif;--accentFontStyle:normal;--accentFontWeight:400;
53	}
54	</style>
55		
56
57	<style>
58		 :root{
59			 --buttonBackground:#4f2958;
60--grayColor:rgba(107,114,128,var(--color-opacity,1));
61--primaryColor:#8E4820;
62--_theme:#fffbb7,#a6f6af,#66b6ab,#5b7c8d,#4f2958;
63--secondaryColor:#262B37;
64--textColor:#1B202A;
65--accentColor:#8E9B6E;
66--buttonText:#FFFFFF;
67--black:rgba(10,15,12,var(--color-opacity,1));
68--body-text:white;
69--link-text:#8E4820;
70--btn-primary-bg:#8E4820;
71--btn-primary-text:white;
72--btn-primary-hover-bg:#aaa;
73--btn-primary-hover-text:white;
74--btn-secondary-bg:#8E9B6E;
75--btn-secondary-text:#8E4820;
76--btn-secondary-hover-bg:#aaa;
77--btn-secondary-hover-text:white;
78		 }
79		</style>
80
81	
82		<link rel="icon" type=image/png href="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Logo/UCE_Favicon_4_75a522f7db.png">
83	
84
85	<!-- <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet"> -->
86	<!-- <link href="https://res.bildhive.com/wscripts/tailwindcss.css" rel="stylesheet"> -->
87	
87<script src="https://res.bildhive.com/wscripts/tailwindcss.js"></script>
87
88	<link href="https://res.bildhive.com/core.css" rel="stylesheet">
89
90	
91
92	
93	
94
95	
96	
97	
97<script src="https://cdn.jsdelivr.net/npm/liquidjs/dist/liquid.browser.min.js"></script>
97
98
99	
100
101		
102			
103				
104		<!-- Global Site Tag -->
vendor: 66 bytes, lines 104-105
104
105		<script async src="https://www.googletagmanager.com/gtag/js?id=
105UA-248552067-1
vendor: 14 bytes, lines 105-106
105"></script>
106		
106<script>
107			
vendor: 140 bytes, lines 107-111
107window.dataLayer = window.dataLayer || [];
108			function gtag(){dataLayer.push(arguments);}
109			gtag('js', new Date());
110		
111				gtag('config', '
111UA-248552067-1
vendor: 12 bytes, lines 111-113
111');
112			
113				
113gtag('config', 'G-Z9H01JXM9F');
114			</script>
114
115			<!-- End Global Site Tag -->
116				<!-- Google Tag Manager -->
117				
117<script>
vendor: 347 bytes, lines 117-121
117(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
118					new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
119					j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
120					'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
121					})(window,document,'script','dataLayer','
121GTM-KCK9PSJ
vendor: 8 bytes, lines 121-122
121');
122				
122</script>
122
123				<!-- End Google Tag Manager -->
124			
125			
126		
127
128
129		
130			
131		
132	
133	
133<script>
134		function string_to_slug (str) {
135            str = str.replace(/^\s+|\s+$/g, ''); // trim
136            str = str.toLowerCase();
137
138            // remove accents, swap ñ for n, etc
139            var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
140            var to   = "aaaaeeeeiiiioooouuuunc------";
141            for (var i=0, l=from.length ; i<l ; i++) {
142                str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
143            }
144
145            str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
146                .replace(/\s+/g, '-') // collapse whitespace and replace by -
147                .replace(/-+/g, '-'); // collapse dashes
148
149            return str;
150        }
151
152
153		const Liquid = liquidjs.Liquid
154		const iSlug = ""
155		window.$engine = new Liquid()
156		window.$addFilter = window.$engine.registerFilter
157		window.$addTag = window.$engine.registerTag
158		window.$parse = (raw,data) => {
159			return window.$engine.parseAndRender(raw,data)
160		};
161		$engine.registerFilter('currency', async price => {
162            price = parseFloat(parseFloat(price).toFixed(2))
163            if (isNaN(price)) price = 0
164            return '$'+price.toLocaleString(undefined, {minimumFractionDigits: 0, maximumFractionDigits: 0})
165        })
166
167        $engine.registerFilter('sqft', async sqft => {
168            sqft = parseInt(sqft)
169            if (isNaN(sqft)) sqft = 0
170            return `${sqft} Sq. Ft.`
171        })
172
173        $engine.registerFilter('unitSlug', async unit => {
174            let {unitGroup} = unit
175            let modelName = string_to_slug(unitGroup.name)
176            let unitName = string_to_slug(unit.name)
177            return `${modelName}-${unitName}`
178        })
179
180		
181
182		window.instance = `62b5d4e4a95f7e6559120454`
183		window.tld = `com`
184
185		const globalData = {
186			terms:{
187				content:`
188	<h5>Heading</h5>
189	<p>We notice you have not added your Terms & Conditions</p>
190	<p>Please add your Terms & Conditions through your builder settings.</p>
191`,
192			},
193			privacy:{
194				content:`
195	<h5>Heading</h5>
196	<p>We notice you have not added your Privacy Policy</p>
197	<p>Please add your Privacy Policy through your builder settings.</p>
198`,
199			},
200		}
201		
202
203		const savedData = {
204
205		}
206		const formHTML = {
207
208		}
209
210		const $createClass = (a) => {
211            const model = new $NewClass();
212            return Object.assign(model, a);
213        };
214        class $NewClass {
215            constructor() {
216            }
217        }
218
219
220
221
222	</script>
222
223
224
225
226					
226<script async src="https://analytics.bildhive.com/tracker.js" data-ackee-server="https://analytics.bildhive.com" data-ackee-domain-id="851d7973-27d2-4628-8178-bafd239c4ea3"></script>
226
227					
228
229					</head>
230<body>
231	
232		
233			<noscript><img height="1" width="1" style="display:none"
234				src="https://www.facebook.com/tr?id=&ev=PageView&noscript=1"
235			/></noscript>
236		
237		
238			
239			
240				
241				
242				
243			
244				
245				
246				
247			
248				
249				
250				
251					<!-- gtm noscript -->
252					<noscript>
253						<iframe title="Google Tag Manager" src="https://www.googletagmanager.com/ns.html?id=GTM-KCK9PSJ"
254						height="0" width="0" style="display:none;visibility:hidden"></iframe>
255					</noscript>
256					<!-- END gtm noscript -->
257				
258			
259		
260
261	
262
263
264
265	
266
267	<div id="sect-646cc973b3c8e849bd3f354b" data-section-slug="" class="w-full" style="background-color: rgba(0,0,0,0); position: absolute; z-index: 100;">
268	<style scoped>
269		@media screen and (min-width: 768px){
270			.header-nav-item-link:not(:first-child) {
271				margin-left: 50px;
272			}
273		}
274		@media screen and (max-width: 768px){
275			.header-nav-item-link:not(:first-child) {
276				margin-left: 0px;
277			}
278		}
279		.header-nav-dropdown-content {
280			display: none;
281			position: absolute;
282			background-color: #212224;
283			color: #FFFFFF;
284			min-width: 160px;
285			z-index: 1;
286		}
287		.header-nav-item-link:hover .header-nav-dropdown-content {
288			display: block;
289		}
290		.button-background-646cc973b3c8e849bd3f354b {
291			background-color: #000000;
292			transition: background-color 0.3s ease-in-out;
293		}
294		.button-background-646cc973b3c8e849bd3f354b:hover {
295			background-color: #000000;
296			transition: background-color 0.3s ease-in-out;
297		}
298		.nav-text-646cc973b3c8e849bd3f354b {
299			color: #FFFFFF;
300			transition: color 0.3s ease-in-out;
301		}
302		.nav-text-646cc973b3c8e849bd3f354b:hover {
303			color: #C1AD9A;
304			transition: color 0.3s ease-in-out;
305		}
306		.header-nav-dropdown-content div:hover {
307			background-color: #45474A;
308			cursor: pointer;
309		}
310	</style>
311	<div class="container mx-auto">
312		<div class="hidden md:flex items-center py-10 items-center" style="gap: 4em; padding-left: 5%; padding-right: 5%;">
313<div class="flex-1 text-center md:flex items-center justify-end sm-text-size">
314				
315				
316				
317					
318						<div class="header-nav-item-link">
319							<a href="/area">
320								<div class="nav-text-646cc973b3c8e849bd3f354b">
321									AREA
322								</div>
323							</a>
324						</div>
325					
326				
327					
328						<div class="header-nav-item-link">
329							<a href="/community">
330								<div class="nav-text-646cc973b3c8e849bd3f354b">
331									COMMUNITY
332								</div>
333							</a>
334						</div>
335					
336				
337				
338			</div>			
339<div class="mx-auto" style="max-width: 120px;">
340				
341					<a href="/">
342						<img class="w-full" style="object-fit: cover;" src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Logo/UCE_Logo_Color_Stack_white_83914b52ef.png" alt="Home Page | Upper Caledon East " />
343					</a>
344				
345			</div>
346			<div class="flex-1 text-center md:flex items-center justify-start sm-text-size">
347				
348				
349				
350					
351						<div class="header-nav-item-link">
352							<a href="/builders">
353								<div class="nav-text-646cc973b3c8e849bd3f354b">
354									THE BUILDERS
355								</div>
356							</a>
357						</div>
358					
359				
360					
361						<div class="header-nav-item-link">
362							<a href="/contact">
363								<div class="nav-text-646cc973b3c8e849bd3f354b">
364									CONTACT
365								</div>
366							</a>
367						</div>
368					
369				
370				
371			</div>
372		</div>
373		<div class="md:hidden relative py-10" style="gap: 20px; padding-left: 5%; padding-right: 5%;">
374			
375			<div id="header-nav-menu-icon-display" class="absolute right-8 nav-link-646cc973b3c8e849bd3f354b" style="cursor: pointer; top: 50%; transform: translate(0, -50%); z-index: 1;">
376				<svg onclick="openHeaderNavChangeIcon()" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
377			</div>
378			
379			<div class="mx-auto relative">
380<div onclick="closeHeaderNavChangeIcon()" id="header-nav-x-icon-display" class="absolute right-4 nav-text-646cc973b3c8e849bd3f354b" style="display: none; font-weight: bold; cursor: pointer; font-size: 20px; top: 50%; transform: translate(0px, -50%);">
381				X
382			</div>
383				
384<div class="mx-auto" style="width: 120px;">
385					<a href="/">
386						<img class="w-full" style="object-fit: cover;" src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Logo/UCE_Logo_Color_Stack_white_83914b52ef.png" alt="Home Page | Upper Caledon East " />
387					</a>
388</div>
389				
390			</div>
391			<div id="header-nav-items-dropdown" class="header-nav-dropdown-content-mobile flex-1 text-center md:flex justify-end p-5" style="overflow: hidden; display: none;">
392				
393				
394					
395						<div class="header-nav-item-link mt-5" style="cursor: pointer;">
396							<a href="/area">
397								<div class="nav-text-646cc973b3c8e849bd3f354b" style="font-size: 18px; font-weight: bold;">
398									AREA
399								</div>
400							</a>
401						</div>
402					
403				
404					
405						<div class="header-nav-item-link mt-5" style="cursor: pointer;">
406							<a href="/community">
407								<div class="nav-text-646cc973b3c8e849bd3f354b" style="font-size: 18px; font-weight: bold;">
408									COMMUNITY
409								</div>
410							</a>
411						</div>
412					
413				
414					
415						<div class="header-nav-item-link mt-5" style="cursor: pointer;">
416							<a href="/builders">
417								<div class="nav-text-646cc973b3c8e849bd3f354b" style="font-size: 18px; font-weight: bold;">
418									THE BUILDERS
419								</div>
420							</a>
421						</div>
422					
423				
424					
425						<div class="header-nav-item-link mt-5" style="cursor: pointer;">
426							<a href="/contact">
427								<div class="nav-text-646cc973b3c8e849bd3f354b" style="font-size: 18px; font-weight: bold;">
428									CONTACT
429								</div>
430							</a>
431						</div>
432					
433				
434				
435			</div>
436		</div>
437	</div>
438</div>
439
440
441
442
443
444
445
446
447
448
449<div id="sect-6318b256817f3536ddc82189" data-section-slug=""  data-bg=""  class="w-full hero-section--template global-background-img none-padding-x none-padding-y none-margin-y" style="background-color: #FFFFFF; ">
450	<style scoped>
451body[data-mobile-menu-open] .mobile-backgroud::after{
452background: rgba(27,32,42,1);
453    z-index: 99;
454}
455.mobile-backgroud::after {
456    position: absolute;
457    left: 0;
458    right: 0;
459    bottom: 0;
460    top: 0;
461    background: rgba(10,10,10,0);
462    z-index: -1;
463    content: '';
464}
465.button-background-6318b256817f3536ddc82189 {
466			background-color: #FFFFFF;
467			color: #000000;
468			border: px solid;
469			border-color: #FFFFFF;
470			transition: background-color 0.3s ease-in-out;
471		}
472		.button-background-6318b256817f3536ddc82189:hover {
473			background-color: #8E9B6E;
474			color: #FFFFFF;
475			border-color: #8E9B6E;
476			transition: background-color 0.3s ease-in-out;
477		}
478        @media screen and (min-width: 768px){
479            .hero-section--template {
480                height: 0;
481                overflow: hidden;
482                padding-bottom: 50%;
483                position: relative;
484            }
485            .mobile-backgroud{
486                width:95%;
487background-image:url('https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/Images_UCE_Website_Home_Models_3.jpg'); 
488            }
489.hero-spacing {
490padding-top: 164px;
491padding-bottom: 100px;
492}
493        }
494        @media screen and (max-width: 768px){
495            .hero-section--template {
496                width: 100%;
497                height: 100%;
498            }
499            .mobile-backgroud{
500background-image:url('https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/Images_UCE_Website_Home_Models_Mobile.jpg'); 
501                width:100%;
502                height: 100vh !important;
503            }
504.hero-spacing {
505padding-top: 0;
506padding-bottom: 200px;
507}
508        }
509    </style>
510    <div class="md:absolute h-full w-full">
511        <div style="height:90%; background-color: #1B202A;"></div>
512    </div>
513    <div class="md:absolute h-full w-full">
514        <div class="w-full h-full flex justify-center">
515            <div class="mobile-backgroud py-12" style="height:100%; background-size:cover; background-position:center; background-repeat: no-repeat;">
516                <div class="flex w-full h-full items-center hero-spacing">
517                    <div class="container mx-auto">
518                        <div style="padding-left:5%; padding-right:5%">
519                            <div class="flex">
520                                <div class="md:w-1/2">
521									
522                                    <h5 class="py-2 sm-text-size bh-font-secondary" style="background-color: rgba(0,0,0,0); display:inline-block; color: #FFFFFF;">
523                                        <p><strong><span style="line-height: 1.75">NEW RELEASE</span></strong></p>
524                                    </h5>
525									
526<hr style="width: 60%;" />
527                                    <h1 class="xl-text-size bh-font-primary mt-5" style="color: #FFFFFF;  ">
528                                        <p>Towns from $1.1M<br>Detached from $1.2M</p>
529                                    </h1>
530									
531                                    <div class="xs-text-size bh-font-body mt-5" style="color: #FFFFFF;">
532                                        <p></p><p>Airport Road &amp; Cranston Drive, Caledon ON</p>
533                                    </div>
534									
535									
536                                    <div class="mt-5 flex text-center">
537								
538								
539								<a href="#sect-6564b8c21955ff3cb3e44349" class="button-background-6318b256817f3536ddc82189 items-center justify-start px-8 py-2 text-base font-medium" style="border-radius: px; font-family: var(--secondaryFont);"  >
540			REGISTER NOW
541		</a>
542							</div>
543									
544                                </div>
545                            </div>
546                        </div>
547                    </div>
548                </div>
549            </div>
550        </div>
551    </div>
552</div>
553
554
555
556
557<div id="sect-647f3e131294ff7be55fc1ea" data-section-slug=""  data-bg="https://"  class="w-full global-background-img none-padding-x sm-padding-y none-margin-y" style="background-color: #FFFFFF; ">
558	<div class="container mx-auto">
559		<div class="w-full grid grid-cols-1 md:grid-cols-2 gap-10 text-left" style="padding: 5%;">
560			<div class="w-full">
561				
562				<h1 class="xl-text-size bh-font-primary" style="color: rgba(142,72,32,1);  ">
563					Go Where <br>the Path Leads
564				</h1>
565				
566				
567			</div>
568			<div class="w-full">
569				
570				
571				<div class="xs-text-size bh-font-body mt-3" style="color: #000000;">
572					<p>As you embark on this journey to find your home, all paths will lead you to Upper Caledon East. This majestic new community sits upon the greenest of valleys at the intersection of Airport Road and Cranston Drive in the prestigious town of Caledon East.</p>
573				</div>
574				
575			</div>
576		</div>
577	</div>
578</div>
579
580
581
582
583
584
585
586
587
588
589<div id="sect-647e231e2544de1ff91270bb" data-section-slug=""  data-bg="https://"  class="w-full global-background-img md-padding-x none-padding-y none-margin-y" style="background-color: #FFFFFF; ">
590	<div class="w-full">
591		<video controls width="2000" height="1500" poster="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Video/Video_Video_UCE_Video_Preview_S.jpg">
592			<source src="https://nyc3.digitaloceanspaces.com/ss3/bh-prod/62b5d4e4a95f7e6559120454/Video/Video_UCE_3_D_Video.mp4" type="video/mp4">
593			Your browser does not support HTML5 video.
594		</video>
595	</div>
596</div>
597
598
599
600
601
602
603
604
605
606	
607
608
609<div id="sect-6318b256817f3536ddc8218a" data-section-slug=""  data-bg="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/Light_Blue_76fb73fa53.jpg"  class="w-full global-background-img none-padding-x xl-padding-y none-margin-y" style="background-color: #FFFFFF; background: linear-gradient(0deg, rgba(100,100,100,0.0), rgba(100,100,100,0.0)), url(https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/Light_Blue_76fb73fa53.jpg) ">
610	<style scoped>
611.button-background-6318b256817f3536ddc8218a {
612			background-color: #FFFFFF;
613			color: #7B3616;
614			border: 1px solid;
615			border-color: #7B3616;
616			transition: background-color 0.3s ease-in-out;
617		}
618		.button-background-6318b256817f3536ddc8218a:hover {
619			background-color: #8E9B6E;
620			color: #FFF;
621			border-color: #8E9B6E;
622			transition: background-color 0.3s ease-in-out;
623		}
624        @media screen and (min-width: 768px){
625            .content-padding{
626                padding-left:5%;
627                padding-right:5%;
628            }
629		}
630        @media screen and (max-width: 768px){
631            .mobile-text{
632                padding:7%;
633            }
634        }
635    </style>
636    <div class="md:mx-auto md:container md:py-10">
637        <div class="md:flex items-center content-padding">
638            <div class="h-full md:relative md:flex items-center justify-center md:w-1/2 md:mr-5">
639                <div class="md:absolute" style="width:80%; height:120%; background-color:rgba(100,100,100,0.0);"></div>
640				
641				
642				<img class="" style="width:100%; max-height:400px; z-index: 10; object-fit: cover;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/picnic_7ce4531044.jpg" data-lg
642="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAHRJREFUGFcBaQCW/wG0jmD/CwsRACkzQQCdk4AAMjc7AAGujWj/Cf/yAP/82ADU2AQARUIlAAGUYjv/LkJQABQN7wD4+xAAz7uqAAGygyb/vcEAAEQtKAD2BwkABQvtAAHSqZT/7/v6AFlneAAwGhEAa1E1AAuuJqvOpSQwAAAAAElFTkSuQmCC" alt="" data-w="780" data-h="606" loading="lazy" />
643            </div>
644            <div class="md:w-1/2 md:ml-5 mobile-text">
645                <h1 class="xl-text-size bh-font-primary" style="color: #8E4820;  ">
646					A Community <br>in the Heart of it all
647				</h1>
648				
649                <div class="xs-text-size bh-font-body mt-5" style="color: #000000;">
650					<p>Surrounded by everything you want and need, choosing this community as your home means having every amenity at your doorstep. Caledon East boasts of having great schools, outdoor amenities, restaurant and dining options and so much more.</p>
651				</div>
652				
653				
654							<div class="mt-5 flex text-center">
655								
656								
657								<a href="/area" class="button-background-6318b256817f3536ddc8218a items-center justify-start px-7 py-2 text-base font-medium" style="border-radius: 1px; font-family: var(--secondaryFont);" data-page-trigger="area"   >
658			EXPLORE THE AREA
659		</a>
660							</div>
661						
662            </div>
663        </div>
664    </div>
665</div>
666
667
668
669
670
671
672
673
674
675<div id="sect-6318b256817f3536ddc8218b" data-section-slug=""  data-bg=""  class="w-full global-background-img lg-padding-x md-padding-y none-margin-y" style="background-color: #FFFFFF; ">
676	<style scoped>
677		.button-background-6318b256817f3536ddc8218b {
678			background-color: #FFFFFF;
679			color: #7B3616;
680			border: 1px solid;
681			border-color: #7B3616;
682			transition: background-color 0.3s ease-in-out;
683		}
684		.button-background-6318b256817f3536ddc8218b:hover {
685			background-color: #8E9B6E;
686			color: #FFF;
687			border-color: #8E9B6E;
688			transition: background-color 0.3s ease-in-out;
689		}
690	</style>
691	<div class="container mx-auto">
692		<div class="grid grid-cols-1 md:grid-cols-2 gap-16" style="padding-left: 5%; padding-right: 5%;">
693			<div class="flex-1 md:order-2 flex justify-center items-center">
694				<div>
695					
696					
697					<img class="md:hidden" style="object-fit: cover; margin: auto;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/shutterstock_1965610375_e7722641d9.jpg" data-lg="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAHRJREFUGFcBaQCW/wEjIxb/i3lVAMfW/QD779oA1NvbAAE1Kxb/LiwnACcjNQAoJSMAipaTAAFqVUz/hIN8AMWzrAD4BBEAAAH3AAGfhXL/GyEkAODr8QDe3uMAY1ZGAAF2YVP/ent5ALzAxACzsrIANjQzAGQ+KMpyM1K/AAAAAElFTkSuQmCC" alt="" data-w="1380" data-h="1758" loading="lazy" />
698					<div class="w-full text-left py-20">
699						<h1 class="xl-text-size bh-font-primary" style="color: #8E4820;  ">
700						A Flawlessly<br>Integrated Community
701						</h1>
702						
703						
704						<div class="mt-4 xs-text-size bh-font-body" style="color: #262B37;">
705						<p>The neighborhood will inspire its new residents to explore their immediate surroundings.<br>With a network of safe bike lanes, coordinated trails and green amenity spaces, this new community will offer endless opportunities for passive and active recreation for everyone.</p>
706						</div>
707						
708						
709							<div class="mt-5 flex text-center">
710								
711								
712								<a href="/community" class="button-background-6318b256817f3536ddc8218b items-center justify-start px-7 py-2 text-base font-medium" style="border-radius: 1px; font-family: var(--secondaryFont);" data-page-trigger="community"   >
713			EXPLORE THE COMMUNITY
714		</a>
715							</div>
716						
717					</div>
718					
719					
720					<img class="hidden md:block" style="object-fit: cover; margin: auto;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/shutterstock_1965610375_e7722641d9.jpg" data-lg="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAHRJREFUGFcBaQCW/wEjIxb/i3lVAMfW/QD779oA1NvbAAE1Kxb/LiwnACcjNQAoJSMAipaTAAFqVUz/hIN8AMWzrAD4BBEAAAH3AAGfhXL/GyEkAODr8QDe3uMAY1ZGAAF2YVP/ent5ALzAxACzsrIANjQzAGQ+KMpyM1K/AAAAAElFTkSuQmCC" alt="" data-w="1380" data-h="1758" loading="lazy" />
721				</div>
722			</div>
723			<div class="flex-1 flex justify-center items-center">
724				<div>
725					
726					
727					<img class="" style="object-fit: cover; margin: auto;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/pexels_kelly_2928178_1223bff43c.jpg" data-lg
727="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAHRJREFUGFcBaQCW/wGjk4n/UldXAPLk1wCfnZwAWmhxAAEUDw3/ro90AOwHHAAKAfgAFQ0HAAEcGBj/xLmlAObc0wB+hpUAmaGnAAGAa1L/m6m+APT0+QD1+vwAjXpmAAEmGhP/HRIHAMzX5gD+AQEAAwcIAK9WKK2m3aAaAAAAAElFTkSuQmCC" alt="" data-w="1380" data-h="1688" loading="lazy" />
728					<div class="w-full text-left py-20">
729						<h1 class="xl-text-size bh-font-primary" style="color: #8E4820;  ">
730						Follow your Heart<br>Come Home to UCE
731						</h1>
732						
733						
734						<div class="mt-4 xs-text-size bh-font-body" style="color: #262B37;">
735						<p>Our master-planned community has a wide selection of 22' Rear Lane Towns, 32’ Rear Lane Detached Homes and 38’, 45’ and 50’ Detached Homes, you can be sure to experience a lifestyle enriched with poise and class. <br><br>The design of these homes will reflect a mix of traditional and conventional architectural flair, encapsulating a strong character while embracing the beauty of its natural environment and the community that surrounds it.</p>
736						</div>
737						
738						
739					</div>
740				</div>
741			</div>
742		</div>
743	</div>
744</div>
745
746
747<div id="sect-63287eb3447ce13827c96b6c" data-section-slug=""  data-bg="https://"  class="w-full global-background-img none-padding-x none-padding-y none-margin-y" style="background-color: #FFFFFF; ">
748	
749									
750									<img class="w-full" style="object-fit: contain;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/UCE_Key_Map_All_v1_01_8c79cb6644.jpg" data-lg="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAGVJREFUGFclzDEKwkAABdH5WiuSOnYRe+3E2+YUKTyKSdBdWcKmFETQL4vTDjzl2BuL0sdfllqg7tL6uD8zPSOv95pttUI5jgaTwp0pDDSHE5ofo21Itytzimx2NcphcPHKkf72D6t4LQ2C+bvMAAAAAElFTkSuQmCC" alt="" data-w="3840" data-h="2307" loading="lazy" />
751</div>
752
753
754<div id="sect-64592c528ea2813fbebfd43b" data-section-slug=""  data-bg=""  class="w-full global-background-img xl-padding-x none-padding-y none-margin-y" style="background-color: #FFFFFF; ">
755	<div class="container mx-auto">
756		<div class="w-full text-center" style="padding: 5% 5% 0 5%;">
757			<div class="lg-text-size bh-font-primary" style="color: #8E4820;  ">
758				Builder Group
759			</div>
760			<div class="md:flex">
761				<div class="flex-1 text-center mt-10 px-8">
762					<a href="https://www.aspenridgehomes.com/" target="_blank">
763						
764						
765						<img class="" style="object-fit: cover; margin-left: auto; margin-right: auto;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/Images_AS_2.png" data-lg="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAACdJREFUGFdjZMACGGFinBGLCr+viOsH8ZEF/39fEQfmwwWRTcEqCADniwgGqnpVmwAAAABJRU5ErkJggg==" alt="" data-w="301" data-h="201" loading="lazy" />
766					</a>
767					<div class="mt-10 xs-text-size bh-font-primary" style="color: #000000;  ">
768						
769					</div>
770					<div class="mt-8 xs-text-size bh-font-body" style="color: #000000;">
771						<p></p>
772					</div>
773				</div>
774				<div class="flex-1 text-center mt-10 px-8">
775					<a href="https://countrywidehomes.ca/" target="_blank">
776						
777						
778						<img class="" style="object-fit: cover; margin-left: auto; margin-right: auto;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/Images_cw2.png" data-lg="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAEJJREFUGFdjZMACGPEK3jGTTFc59XwmSBFY5VUtLTZ23vdvmDnZxU6LPvjN+NhSRujHv29c/xnYzVkY/h75xcLODADVqBJSdniWJwAAAABJRU5ErkJggg==" alt="" data-w="488" data-h="232" loading="lazy" />
779					</a>
780					<div class="mt-10 xs-text-size bh-font-primary" style="color: #000000;  ">
781						
782					</div>
783					<div class="mt-8 xs-text-size bh-font-body" style="color: #000000;">
784						<p></p>
785					</div>
786				</div>
787				<div class="flex-1 text-center mt-10 px-8">
788					<a href="https://www.regalcresthomes.com/" target="_blank">
789						
790						
791						<img class="" style="object-fit: cover; margin-left: auto; margin-right: auto;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Logo/Logo_rc2.png" data-lg="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAADhJREFUGFdjZMACGHEKpnFINMAkZ/140QBWmcEuNu0/A8N6BkbGbTN/vGQFC6azi/vCVM78+XIzAH5nDgZj5j9dAAAAAElFTkSuQmCC" alt="" data-w="488" data-h="232" loading="lazy" />
792					</a>
793					<div class="mt-10 xs-text-size bh-font-primary" style="color: #000000;  ">
794						
795					</div>
796					<div class="mt-8 xs-text-size bh-font-body" style="color: #000000;">
797						<p></p>
798					</div>
799				</div>
800			</div>
801		</div>
802	</div>
803</div>
804
805
806
807
808
809
810
811
812
813
814
815
816<div id="sect-645947716b0d6b64a8ce25a3" data-section-slug=""  data-bg=""  class="w-full global-background-img none-padding-x none-padding-y none-margin-y" style="background-color: #FFFFFF; ">
817	<style scoped>
818		.button-background-645947716b0d6b64a8ce25a3 {
819			background-color: #FFFFFF;
820			color: #7B3616;
821			border: 1px solid;
822			border-color: #7B3616;
823			transition: background-color 0.3s ease-in-out;
824		}
825		.button-background-645947716b0d6b64a8ce25a3:hover {
826			background-color: #8E9B6E;
827			color: #FFF;
828			border-color: #8E9B6E;
829			transition: background-color 0.3s ease-in-out;
830		}
831	</style>
832  	<div class="container mx-auto">
833		<div class="w-full flex justify-center text-center" style="padding-left: 5%; padding-right: 5%;">
834			
835			
836			<a href="/builders" class="button-background-645947716b0d6b64a8ce25a3 items-center justify-center px-7 py-2 text-base font-medium" style="border-radius: 1px; font-family: var(--secondaryFont);" data-page-trigger="builders"   >
837			VIEW THE BUILDERS
838		</a>
839		</div>
840	</div>
841</div>
842
843
844
845
846<div id="sect-645947716b0d6b64a8ce25a4" data-section-slug=""  data-bg=""  class="w-full global-background-img none-padding-x sm-padding-y none-margin-y" style="background-color: #FFFFFF; ">
847	
848</div>
849
850
851
852	
853
854
855<div id="sect-6564b8c21955ff3cb3e44349" data-section-slug=""  data-bg="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/Register_BG_274fe4b973.jpg"  class="w-full global-background-img lg-padding-x md-padding-y none-margin-y" style="background-color: #FFFFFF; background: url(https://ss3.nyc3.digitaloceanspaces.com/bh-prod/62b5d4e4a95f7e6559120454/Images/Register_BG_274fe4b973.jpg) ">
856	<style scoped>
857		@media screen and (min-width: 768px){
858			.gridColumn1-3 {
859				grid-column: 1 / 3;
860			}
861		}
862		.button-background-6564b8c21955ff3cb3e44349 {
863			background-color: rgba(142,155,110,1);
864			color: #FFFFFF;
865			border: 1px solid;
866			border-color: rgba(142,155,110,1);
867			transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
868		}
869		.button-background-6564b8c21955ff3cb3e44349:hover {
870			background-color: rgba(108,134,45,1);
871			color: #FFFFFF;
872			border-color: rgba(108,134,45,1);
873			transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
874		}
875        .reg-form-input-2 {
876			height: 50px;
877			width: 100%;
878			background-color: transparent;
879            border-bottom: 1px solid rgba(255,255,255,1);
880			color: rgba(255,255,255,1);
881		}
882		.reg-form-input-2:focus {
883            outline: none;
884		}
885		.fileTextPreview {
886			overflow: hidden;
887			white-space: nowrap;
888			text-overflow: ellipsis;
889		}
890		.inputfile + label {
891            height: 50px;
892            width: 150px;
893            line-height: 50px;
894            color: rgba(255,255,255,1);
895            background-color: transparent;
896            border: 1px solid rgba(255,255,255,1);
897            display: inline-block;
898            cursor: pointer;
899        }
900		.inputfile {
901            width: 0.1px;
902            height: 0.1px;
903            opacity: 0;
904            overflow: hidden;
905            position: absolute;
906            z-index: -1;
907        }
908		.headerFieldTitle-2 {
909			 
910			color: #000000;
911		}
912		.headerFieldDesc-2 {
913			color: #737680;
914		}
915		.header-start {
916			cursor: pointer;
917			transition: 0.4s;
918		}
919		.header-content {
920			max-height: 0;
921			overflow: hidden;
922			transition: max-height 0.2s ease-out;
923		}
924		.custom-multi-dropdown ul.list-items-6564b8c21955ff3cb3e44349 {
925            display: none;
926			background-color: #ffffff;
927			color: #000000;
928		}
929		.reg-form-input-2 .anchor:after {
930			position: absolute;
931			content: "";
932			border-left: 1px solid rgba(255,255,255,1);
933			border-top: 1px solid rgba(255,255,255,1);
934			padding: 2.5px;
935			right: 5px;
936			top: 37%;
937			-moz-transform: rotate(-135deg);
938			-ms-transform: rotate(-135deg);
939			-o-transform: rotate(-135deg);
940			-webkit-transform: rotate(-135deg);
941			transform: rotate(-135deg);
942		}
943		.custom-multi-dropdown ul.list-items-6564b8c21955ff3cb3e44349 li {
944			list-style: none;
945		}
946    </style>
947    <div class="container mx-auto">
948        <div class="py-10" style="padding-right:5%; padding-left:5%;">
949            <form data-thankyou="" data-form-page="" data-form-id="63120c6d817f3536ddc8206a">
950				
951				<div class="form-content"></div>
952            </form>
953        </div>
954    </div>
955</div>
956
957
958
959<script data-dropdownscript>
960	window.addEventListener('DOMContentLoaded', () => {
961		setTimeout(() => {
962			var checkList = document.getElementById('dropdown-list-6564b8c21955ff3cb3e44349');
963			var items = document.getElementById('list-items-6564b8c21955ff3cb3e44349');
964			checkList.onclick = function(evt) {
965				if (items.classList.contains('visible')) {
966					items.classList.remove('visible');
967					items.style.display = "none";
968				} else {
969					items.classList.add('visible');
970					items.style.display = "block";
971				}
972			}
973
974			items.onblur = function(evt) {
975				items.classList.remove('visible');
976			}
977		}, 1000)
978	});
979</script>
979
980
981<script data-regform>
982    formHTML['63120c6d817f3536ddc8206a'] = `
983
984<div class="w-full bh-font-body md:flex gap-10">
985	<div class="md:w-2/5">
986		
987		<h1 class="lg-text-size bh-font-primary" style="color: rgba(160,195,213,1);  ">
988			<p>Register Now</p>
989		</h1>
990		
991		
992		<div class="mt-5 sm-text-size bh-font-body" style="color: rgba(255,255,255,1);">
993			<p>Register now to receive the latest info &amp; news.</p>
994		</div>
995		
996	</div>
997	<div class="md:w-3/5 mt-10 md:mt-0" style="color: rgba(255,255,255,1);">
998	
999		<div class="md:grid-cols-2 grid-cols-1 grid gap-10">
1000			{% assign hasHeader = false %}
1001			{% for field in fields %}
1002				{% assign reqSymbol = '' %}
1003				{% assign isReq = '' %}
1004				{% if field.required %}
1005					{% assign reqSymbol = '*' %}
1006					{% assign isReq = 'required' %}
1007				{% endif %}
1008				
1009				{% if field.type == 'email' %}
1010					<div class="form-container-2">
1011						<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1012						<input type="email" name="email" id="{{field.id}}" class="reg-form-input-2" placeholder="{{field.placeholder}}" {{isReq}} />
1013					</div>
1014				{% elsif field.type == 'name' and field.hide == false %}
1015					{% if field.prefix %}
1016						<div class="form-container-2">
1017							<div class="mb-2">Prefix</div>
1018							<input type="text" name="prefix" id="{{field.id}}" class="reg-form-input-2" placeholder="Prefix" />
1019						</div>
1020					{% endif %}
1021					<div class="form-container-2">
1022						<div class="mb-2">First Name {{reqSymbol}}</div>
1023						<input type="text" name="firstName" id="{{field.id}}" class="reg-form-input-2" placeholder="First Name" {{isReq}} />
1024					</div>
1025					{% if field.middleInitial %}
1026						<div class="form-container-2">
1027							<div class="mb-2">Middle Name</div>
1028							<input type="text" name="middleName" id="{{field.id}}" class="reg-form-input-2" placeholder="Middle Name" />
1029						</div>
1030					{% endif %}
1031					<div class="form-container-2">
1032						<div class="mb-2">Last Name {{reqSymbol}}</div>
1033						<input type="text" name="lastName" id="{{field.id}}" class="reg-form-input-2" placeholder="Last Name" {{isReq}} />
1034					</div>
1035					{% if field.suffix %}
1036						<div class="form-container-2">
1037							<div class="mb-2">Suffix</div>
1038							<input type="text" name="suffix" id="{{field.id}}" class="reg-form-input-2" placeholder="Suffix" />
1039						</div>
1040					{% endif %}
1041				{% elsif field.type == 'phone' and field.hide == false %}
1042					<div class="form-container-2">
1043						<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1044						<input type="tel" name="phone" id="{{field.id}}" maxlength="10" class="reg-form-input-2" placeholder="{{field.placeholder}}" {{isReq}} />
1045					</div>		
1046				{% elsif field.type == 'address' and field.hide == false %}
1047					{% if field.options.addressOne %}
1048						<div class="form-container-2">
1049							<div class="mb-2">Address One {{reqSymbol}}</div>
1050							<input type="text" name="address" id="{{field.id}}" class="reg-form-input-2" placeholder="Address One" {{isReq}} />
1051						</div>
1052					{% endif %}
1053					{% if field.options.addressTwo %}
1054						<div class="form-container-2">
1055							<div class="mb-2">Address Two</div>
1056							<input type="text" name="address2" id="{{field.id}}" class="reg-form-input-2" placeholder="Address Two" />
1057						</div>
1058					{% endif %}
1059					{% if field.options.city %}
1060						<div class="form-container-2">
1061							<div class="mb-2">City {{reqSymbol}}</div>
1062							<input type="text" name="city" id="{{field.id}}" class="reg-form-input-2" placeholder="City" {{isReq}} />
1063						</div>
1064					{% endif %}
1065					{% if field.options.province %}
1066						<div class="form-container-2">
1067							<div class="mb-2">Province {{reqSymbol}}</div>
1068							<input type="text" name="region" id="{{field.id}}" class="reg-form-input-2" placeholder="Province" {{isReq}} />
1069						</div>
1070					{% endif %}
1071					{% if field.options.postal %}
1072						<div class="form-container-2">
1073							<div class="mb-2">Postal Code {{reqSymbol}}</div>
1074							<input type="text" name="postal" id="{{field.id}}" class="reg-form-input-2" placeholder="Postal Code" {{isReq}} />
1075						</div>
1076					{% endif %}
1077				{% elsif field.type == 'isAgent' and field.hide == false %}
1078					{% if field.displayType == 'checkbox' %}
1079						<div class="form-container-2">
1080							<div>
1081								<label class="checkbox-class">
1082									<input type="checkbox" id="{{field.label}}" name="isAgent" value="1" />
1083									<span></span>
1084									{{field.label}}
1085								</label>
1086							</div>
1087						</div>
1088					{% elsif field.displayType == 'radio' %}
1089						<div class="form-container-2">
1090							<div>
1091								<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1092								<div class="flex" style="margin-top: 0;">
1093									{% if field.default == 1 %}
1094										{% assign checked1 = 'checked' %}
1095										{% assign checked0 = '' %}
1096									{% elsif field.default == 0 %}
1097										{% assign checked0 = 'checked' %}
1098										{% assign checked1 = '' %}
1099									{% else %}
1100										{% assign checked0 = '' %}
1101										{% assign checked1 = '' %}
1102									{% endif %}
1103									<div class="mr-4">
1104										<label class="radio-class">
1105											<input type="radio" {{checked1}} id="{{option.option}}" name="isAgent" value="1" {{isReq}} />
1106											<span></span>
1107											Yes
1108										</label>
1109									</div>
1110									<div>
1111										<label class="radio-class">
1112											<input type="radio" {{checked0}} id="{{option.option}}
1112" name="isAgent" value="0" />
1113											<span></span>
1114											No
1115										</label>
1116									</div>
1117								</div>
1118							</div>
1119						</div>
1120					{% else %}
1121						<div class="form-container-2">
1122							<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1123							<select name="isAgent" id="{{field.id}}" class="reg-form-input-2" value="{{field.selected}}" {{isReq}}>
1124								{% if field.default == 1 %}
1125									{% assign selected1 = 'selected' %}
1126									{% assign selected0 = '' %}
1127								{% elsif field.default == 0 %}
1128									{% assign selected0 = 'selected' %}
1129									{% assign selected1 = '' %}
1130								{% else %}
1131									{% assign selected0 = '' %}
1132									{% assign selected1 = '' %}
1133								{% endif %}
1134								<option value="" disabled selected>Please select</option>
1135								<option value="{{option.option}}" {{selected1}}>Yes</option>
1136								<option value="{{option.option}}" {{selected0}}>No</option>
1137							</select>
1138						</div>
1139					{% endif %}
1140				{% elsif field.type == 'text' %}
1141					<div class="form-container-2">
1142						<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1143						<input type="text" name="custom.{{field.id}}" id="{{field.id}}" class="reg-form-input-2" placeholder="{{field.placeholder}}" {{isReq}} />
1144					</div>		
1145				{% elsif field.type == 'number' %}
1146					{% if field.digitLength != '' %}
1147						{% assign digitSplice = 'oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"' %}
1148					{% else %}
1149						{% assign digitSplice = '' %}
1150					{% endif %}
1151					<div class="form-container-2">
1152						<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1153						<input type="number" min="{{field.min}}" max="{{field.max}}" minlength="{{field.digitLength}}" maxlength="{{field.digitLength}}" {{digitSplice}} name="custom.{{field.id}}" id="{{field.id}}" class="reg-form-input-2" placeholder="{{field.label}}" {{isReq}} />
1154					</div>
1155				{% elsif field.type == 'dropdown' %}
1156					<div class="form-container-2">
1157						<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1158						<select name="custom.{{field.id}}" id="{{field.id}}" class="reg-form-input-2" value="{{field.selected}}" {{isReq}}>
1159							{% if field.placeholder != '' %}
1160								<option value="" disabled selected>{{field.placeholder}}</option>
1161							{% endif %}
1162							{% for option in field.options %}
1163								{% if option.option == field.default %}
1164									{% assign selected = 'selected' %}
1165								{% else %}
1166									{% assign selected = '' %}
1167								{% endif %}
1168								<option value="{{option.option}}" {{selected}}>{{option.option}}</option>
1169							{% endfor %}
1170							{% if field.other %}
1171								<option value="other">Other</option>
1172							{% endif %}
1173						</select>
1174					</div>
1175				{% elsif field.type == 'radio' %}
1176					<div class="form-container-2">
1177						<div>
1178							<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1179							<div style="margin-top: 0;">
1180								{% for option in field.options %}
1181									{% if option.option == field.default %}
1182										{% assign checked = 'checked' %}
1183									{% else %}
1184										{% assign checked = '' %}
1185									{% endif %}
1186									<div>
1187										<label class="radio-class">
1188											<input {{checked}} type="radio" id="{{option.option}}" name="custom.{{field.id}}" value="{{option.option}}" {{isReq}} />
1189											<span></span>
1190											{{option.option}}
1191										</label>
1192									</div>
1193								{% endfor %}
1194								{% if field.other %}
1195									<div>
1196										<label class="radio-class">
1197											<input type="radio" name="custom.{{field.id}}" value="other">
1198											{% if field.otherText and field.otherText != ''%}
1199												<span class="mr-1">{{field.otherText}}</span>
1200											{% else %}
1201												<span></span>
1202											{% endif %}
1203											<input type="text" name="custom.{{field.id}}.other" class="reg-form-input-2 pl-3 pr-3" style="max-width:100px"/>
1204										</label>
1205									</div>
1206								{% endif %}
1207							</div>
1208						</div>
1209					</div>
1210				{% elsif field.type == 'checkbox' %}
1211					{% if field.multiple %}
1212						{% if field.hide %}
1213							{% for option in field.options %}
1214								{% if option.option == field.default or option.selected %}
1215									{% assign checked = 'checked' %}
1216								{% else %}
1217									{% assign checked = '' %}
1218								{% endif %}
1219								<input data-input-checkbox="{{isReq}}" type="checkbox" {{checked}} id="{{option.option}}" name="custom.{{field.id}}" value="{{option.option}}" style="display: none;" />
1220							{% endfor %}
1221						{% else %}
1222							<div class="form-container-2">
1223								{% if field.dropdown %}
1224									<div class="custom-multi-dropdown">
1225										<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1226										<div id="dropdown-list-6564b8c21955ff3cb3e44349" class="reg-form-input-2 relative flex items-center" style="cursor: pointer;">
1227											<span class="anchor" style="width:85%; white-space: nowrap; overflow: hidden;">{{field.placeholder}}</span>
1228										</div>
1229										<ul id="list-items-6564b8c21955ff3cb3e44349" class="list-items-6564b8c21955ff3cb3e44349 mt-1 p-3 absolute" style="border: 1px solid rgba(0,0,0,.15);">
1230											<li>
1231												{% if field.selectAll %}
1232												<div>
1233													<label class="checkbox-class">
1234														<input data-child-selectall type="checkbox" data-name="custom.{{field.id}}" value="selectAll" />
1235														<span></span>
1236														Select All
1237													</label>
1238												</div>
1239												{% endif %}
1240												{% for option in field.options %}
1241													{% if option.option == field.default or option.selected %}
1242														{% assign checked = 'checked' %}
1243													{% else %}
1244														{% assign checked = '' %}
1245													{% endif %}
1246													<div>
1247														<label class="checkbox-class">
1248															<input data-input-checkbox="{{isReq}}" type="checkbox" {{checked}} id="{{option.option}}" value="{{option.option}}" name="custom.{{field.id}}" />
1249															<span></span>
1250															{{option.option}}
1251														</label>
1252													</div>
1253												{% endfor %}
1254											</li>
1255										</ul>
1256									</div>
1257								{% else %}
1258									<div>
1259										<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1260										<div class="margin-top: 0;">
1261											{% if field.selectAll %}
1262											<div>
1263												<label class="checkbox-class">
1264													<input data-child-selectall type="checkbox" data-name="custom.{{field.id}}" value="selectAll" />
1265													<span></span>
1266													Select All
1267												</label>
1268											</div>
1269											{% endif %}
1270											{% for option in field.options %}
1271												{% if option.option == field.default or option.selected %}
1272													{% assign checked = 'checked' %}
1273												{% else %}
1274													{% assign checked = '' %}
1275												{% endif %}
1276												<div>
1277													<label class="checkbox-class">
1278														<input data-input-checkbox="{{isReq}}" type="checkbox" {{checked}} id="{{option.option}}" value="{{option.option}}" name="custom.{{field.id}}" />
1279														<span></span>
1280														{{option.option}}
1281													</label>
1282												</div>
1283											{% endfor %}
1284											{% if field.other %}
1285												<div>
1286													<label class="checkbox-class">
1287														<input type="checkbox" id="other" name="custom.{{field.id}}" />
1288														{% if field.otherText and field.otherText != '' %}
1289															<span class="mr-1">{{field.otherText}}</span>
1290														{% else %}
1291															<span></span>
1292														{% endif %}
1293														<input type="text" name="custom.{{field.id}}.other" class="reg-form-input-2 pl-3 pr-3" style="max-width:100px"/>
1294													</label>
1295												</div>
1296											{% endif %}
1297										</div>
1298									</div>
1299								{% endif %}
1300							</div>
1301						{% endif %}
1302					{% else %}
1303						<div class="form-container-2">
1304							<div>
1305								<label class="checkbox-class">
1306									<input type="checkbox" id="{{field.label}}" name="custom.{{field.id}}" {{isReq}} />
1307									<span></span>
1308									{{field.label}}
1309								</label>
1310							</div>
1311						</div>
1312					{% endif %}
1313				{% elsif field.type == 'date' %}
1314					{% if field.timeEnable %}
1315						{% assign dateType = 'datetime-local' %}
1316					{% else %}
1317						{% assign dateType = 'date' %}
1318					{% endif %}
1319					<div class="form-container-2">
1320						<div>
1321							<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1322							<input class="reg-form-input-2" type="{{dateType}}" id="{{field.id}}" name="custom.{{field.id}}" value="" {{isReq}} />
1323						</div>
1324					</div>
1325				{% elsif field.type == 'file' %}
1326					<div class="form-container-2 gridColumn1-3">
1327						<div class="mb-2">{{field.label}} {{reqSymbol}}</div>
1328						<div class="flex">
1329							<div class="reg-form-input-2 fileTextPreview" style="line-height: 50px;" data-file-text="file-{{field.id}}">
1330								<p style="color: #636c72;">No file currently selected</p>
1331							</div>
1332							<input type="file" accept="image/jpeg, image/png, application/pdf, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document" name="custom.{{field.id}}" id="{{field.id}}" class="inputfile" data-inputid="{{field.id}}" {{isReq}} />
1333							<label for="{{field.id}}" class="flex justify-center items-center text-center ml-8">Upload</label>
1334						</div>
1335					</div>
1336				{% elsif field.type == 'header' %}
1337					{% if hasHeader %}
1338						</div>
1339					{% endif %}
1340					<div class="header-start mt-8 gridColumn1-3">
1341						<div class="flex items-end justify-between">
1342							<div>
1343								<div class="md-text-size headerFieldTitle-2 bh-font-primary">
1344									{{field.label}}
1345								</div>
1346								{% if field.description != '' %}
1347								<div class="sm-text-size mt-3 headerFieldDesc-2 bh-font-body">
1348									{{field.description}}
1349								</div>
1350								{% endif %}
1351							</div>
1352							<div class="header-icon">
1353								<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"></polyline></svg>
1354							</div>
1355						</div>
1356						<hr class="mt-5" />
1357					</div>
1358					{% if hasHeader %}
1359						<div class="header-content gridColumn1-3 md:grid-cols-2 grid-cols-1 grid gap-10">
1360					{% else %}
1361						<div class="header-content gridColumn1-3 md:grid-cols-2 grid-cols-1 grid gap-10">
1362						{% assign hasHeader = true %}
1363					{% endif %}
1364				{% endif %}
1365			{% endfor %}
1366
1367			{% if hasHeader %}
1368				</div>
1369			{% endif %}
1370		</div>
1371		{% if options.consent.enabled %}
1372			
1373			<div class="mt-10 flex items-start" style="gap: 10px; color: rgba(255,255,255,1);">
1374				<label class="checkbox-class xs-text-size">
1375				
1376					<input type="checkbox" id="consent.{{id}}" name="consent" required />
1377					<span></span>
1378					{{options.consent.text}}
1379				</label>
1380			</div>
1381		{% endif %}
1382		<div class="mt-8" data-recaptcha id="recaptcha" data-instance="{{formObj.instance}}"></div>
1383		<div class="mt-10 flex justify-center">
1384			<div style="display:inline-block">
1385				{% if options.submitLabel != '' %}
1386					{% assign submitText = options.submitLabel %}
1387				{% else %}
1388					{% assign submitText = 'Submit' %}
1389				{% endif %}
1390				
1391				<button type="submit" style="border-radius: 0px; font-family: var(--bodyFont);" class="w-full button-background-6564b8c21955ff3cb3e44349 items-center justify-center px-8 py-2 sm-text-size">{{submitText}}</button>
1392			</div>
1393		</div>
1394	</div>
1395	
1396	<div data-form-thank-you>
1397		<h6 data-thankyou-text><strong>{{options.thanks.headline}}</strong></h6>
1398		<span>{{options.thanks.text}}</span>
1399	</div>
1400	
1401</div>
1402
1403`
1404</script>
1404
1405
1406
1407
1408
1409
1410
1411
1412<div id="sect-64540448d24eeb393b8deecc" data-section-slug="" class="w-full">
1413	<style>
1414		.button-background-64540448d24eeb393b8deecc {
1415			background-color: #A0C3D5;
1416			color: #FFFFFF;
1417			border: 1px solid;
1418			border-color: #A0C3D5;
1419			transition: background-color 0.3s ease-in-out;
1420		}
1421		.button-background-64540448d24eeb393b8deecc:hover {
1422			background-color: #000000;
1423			color: #FFFFFF;
1424			border-color: #000000;
1425			transition: background-color 0.3s ease-in-out;
1426		}
1427		#back-to-top-btn {
1428			position: fixed;
1429			bottom: -100%;
1430			right: 30px;
1431			z-index: 99;
1432			cursor: pointer;
1433			transition: 300ms;
1434		}
1435	</style>
1436	<button onclick="bringPageToTop()" id="back-to-top-btn" title="↑" class="button-background-64540448d24eeb393b8deecc items-center justify-center px-3 py-2" style="border-radius: 20px; font-family: var(--primaryFont); display: flex;">
1437		↑
1438	</button>
1439</div>
1440
1441
1442<div class="w-full md:flex py-8" style="padding-left: 7%; padding-right: 7%; color: #262B37; background-color: #FFFFFF;" id="sect-6318b210817f3536ddc82177" data-section-slug="">
1443  <div class="flex-1 flex items-center justify-center text-center md:text-left md:justify-start bh-font-body">
1444    @ 2023 Upper Caledon East. All rights reserved.
1445  </div>
1446  <div class="flex-1 flex items-center justify-center md:justify-end mt-8 md:mt-0">
1447	
1448	<a href="https://www.facebook.com/uppercaledoneasthomes/" target="_blank" style="cursor: pointer;">
1449    	<svg xmlns="http://www.w3.org/2000/svg" class="mr-8" width="27.204" height="27.039" viewBox="0 0 27.204 27.039" fill="#262B37" stroke=""> <path id="Icon_awesome-facebook" data-name="Icon awesome-facebook" class="cls-1" d="M27.766,14.164A13.6,13.6,0,1,0,12.039,27.6V18.1H8.584V14.164h3.455v-3c0-3.409,2.029-5.292,5.137-5.292a20.933,20.933,0,0,1,3.045.265V9.487H18.506a1.966,1.966,0,0,0-2.216,2.124v2.553h3.772l-.6,3.932H16.29V27.6A13.607,13.607,0,0,0,27.766,14.164Z" transform="translate(-0.563 -0.563)"/> </svg>
1450	</a>
1451	
1452	
1453	<a href="https://www.instagram.com/uce_caledon/" target="_blank" style="cursor: pointer;">
1454    	<svg xmlns="http://www.w3.org/2000/svg" class="mr-8" width="24.585" height="24.579" viewBox="0 0 24.585 24.579" fill="#262B37" stroke=""> <path id="Icon_awesome-instagram" data-name="Icon awesome-instagram" class="cls-1" d="M12.29,8.226a6.3,6.3,0,1,0,6.3,6.3A6.292,6.292,0,0,0,12.29,8.226Zm0,10.4a4.1,4.1,0,1,1,4.1-4.1,4.1,4.1,0,0,1-4.1,4.1ZM20.319,7.968a1.47,1.47,0,1,1-1.47-1.47A1.466,1.466,0,0,1,20.319,7.968ZM24.493,9.46a7.274,7.274,0,0,0-1.985-5.15,7.322,7.322,0,0,0-5.15-1.985c-2.029-.115-8.112-.115-10.141,0A7.311,7.311,0,0,0,2.067,4.3,7.3,7.3,0,0,0,.081,9.454c-.115,2.029-.115,8.112,0,10.141a7.274,7.274,0,0,0,1.985,5.15,7.331,7.331,0,0,0,5.15,1.985c2.029.115,8.112.115,10.141,0a7.274,7.274,0,0,0,5.15-1.985,7.322,7.322,0,0,0,1.985-5.15c.115-2.029.115-8.106,0-10.136ZM21.871,21.772a4.148,4.148,0,0,1-2.336,2.336c-1.618.642-5.457.494-7.245.494s-5.633.143-7.245-.494a4.148,4.148,0,0,1-2.336-2.336c-.642-1.618-.494-5.457-.494-7.245s-.143-5.633.494-7.245A4.148,4.148,0,0,1,5.045,4.946C6.663,4.3,10.5,4.452,12.29,4.452s5.633-.143,7.245.494a4.148,4.148,0,0,1,2.336,2.336c.642,1.618.494,5.457.494,7.245S22.513,20.16,21.871,21.772Z" transform="translate(0.005 -2.238)"/> </svg>
1455	</a>
1456	
1457	
1458  </div>
1459</div>
1460
1461
1462
1463	<div class="micromodal micromodal-slide" id="modal-general" aria-hidden="true" data-modal-size="" data-footer data-confirm>
1464		<div class="modal__overlay" tabindex="-1" data-micromodal-close>
1465			<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-general-title">
1466				<header class="modal__header">
1467					<h2 class="modal__title" id="modal-general-title" data-micro-modal-title>
1468						Dialog
1469					</h2>
1470					<button data-micro-modal-close class="modal__close" aria-label="Close modal" data-micromodal-close></button>
1471				</header>
1472				<main class="modal__content" id="modal-general-content" data-micro-modal-content>
1473					<p>
1474						Try hitting the <code>tab</code> key and notice how the focus stays within the modal itself. Also, <code>esc</code> to close modal.
1475					</p>
1476				</main>
1477				<footer class="modal__footer" data-micro-modal-footer>
1478					<button class="modal__btn modal__btn-primary">Continue</button>
1479					<button class="modal__btn" data-micromodal-close aria-label="Close this dialog window">Close</button>
1480				</footer>
1481			</div>
1482		</div>
1483	</div>
1484
1485
1486	
1486<script src="https://res.bildhive.com/locomotive.js"></script>
1486
1487	
1487<script src="https://res.bildhive.com/core.js"></script>
1487
1488	
1488<script src="https://res.bildhive.com/sections.js"></script>
1488
1489	
1489<script src="https://res.bildhive.com/events.js"></script>
1489
1490	
1490<script src="https://res.bildhive.com/model-details.js"></script>
1490
1491
1492	
1493
1494
1495	
1495<script src="https://res.bildhive.com/templates/header_2/script.js"></script>
1495<script src="https://res.bildhive.com/templates/content_44/script.js"></script>
1495
1496
1497
1498
1499	
1499<script>
1500		
1501	</script>
1501
1502	
1502<script src="https://res.bildhive.com/init.js"></script>
1502
1503
1504
1505					
1505<script>
1506						// setInterval until ackeeTracker is available and then do the following
1507						;( () => {
1508	
1509							const $ackt = setInterval(function(){
1510								if (window.ackeeTracker){
1511									clearInterval($ackt)
1512	
1513									window.$ack = ackeeTracker.create('https://analytics.bildhive.com', {
1514										detailed:true,
1515										ignoreLocalhost: true,
1516										ignoreOwnVisits: false
1517									})
1518	
1519									const $attr = ackeeTracker.attributes(true)
1520									$ack.record('851d7973-27d2-4628-8178-bafd239c4ea3', $attr)
1521	
1522									const urlObj = new URL(location.href)
1523									const $query = urlObj.searchParams
1524	
1525									const $campaign = $query.get('utm_campaign')
1526									const campaignId = '58924516-432f-4509-8e9d-0f32f228a1bc'
1527	
1528									const $medium = $query.get('utm_medium')
1529									const mediumId = 'f1fe265f-c40d-4cf4-9f48-e080e913aa85'
1530	
1531									const $source = $query.get('utm_source')
1532									const sourceId = 'c7dcc34a-b822-4c4c-957e-e824dabed601'
1533	
1534	
1535									if ($campaign) window.$ack.action(campaignId, { key: $campaign, value:1  })
1536									if ($medium) window.$ack.action(mediumId, { key: $medium, value:1  })
1537									if ($source) window.$ack.action(sourceId, { key: $source, value: 1 })
1538	
1539	
1540	
1541	
1542								}
1543							}, 1000)
1544	
1545						} )()
1546					</script>
1546
1547					
1548
1549					</body>
1550</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.