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 & 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 & 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.