1 2 3 4 5<!DOCTYPE html> 6<html lang="en"> 7 8 <head> 9
9<script> 10 const vueApp = {} 11 </script>
11 12 <meta charset="UTF-8"> 13 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0 "> 14 <title>Home | Queensville - A Town to Call Home</title> 15 16 17 18 19 20 21 22 23 24 25 <link rel="canonical" href="https://myqueensville.com/blog-2"> 26 27 28 29 30 <meta name="description" content=""> 31 <!-- SEO --> 32 <link rel="preconnect" href="https://fonts.gstatic.com"> 33
33<script src="https://res.bildhive.com/wscripts/imagesloaded.js"></script>
33 34
34<script src="https://res.bildhive.com/wscripts/micromodal.js"></script>
34 35
35<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>
35 36 37
37<script type="text/javascript"> 38 var onloadCallback = function (sitekey) { 39 grecaptcha.render('recaptcha', { 40 'sitekey': sitekey 41 }); 42 }; 43 </script>
vendor: 121 bytes, lines 43-50
43 44 45 <script 46 src="https://www.google.com/recaptcha/api.js?render=explicit" 47 async 48 defer></script> 49 50
50<link rel="preconnect" href="https://fonts.googleapis.com"> 51<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,700&display=swap" rel="stylesheet"> 52<link rel="preconnect" href="https://fonts.googleapis.com"> 53<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400&display=swap" rel="stylesheet"> 54<link rel="preconnect" href="https://fonts.googleapis.com"> 55<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400&display=swap" rel="stylesheet"> 56<link rel="preconnect" href="https://fonts.googleapis.com"> 57<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@1,400&display=swap" rel="stylesheet"> 58 59<style> 60 :root{ 61 --primaryFont:'Lato', sans-serif;--primaryFontStyle:normal;--primaryFontWeight:700;--secondaryFont:'PT Sans', sans-serif;--secondaryFontStyle:normal;--secondaryFontWeight:400;--bodyFont:'Asap', sans-serif;--bodyFontStyle:normal;--bodyFontWeight:400;--accentFont:'Archivo', sans-serif;--accentFontStyle:italic;--accentFontWeight:400; 62 } 63 </style> 64 65 <style> 66 :root{ 67 --buttonBackground:#E3DFD5; 68--grayColor:rgba(107,114,128,var(--color-opacity,1)); 69--primaryColor:#BD2227; 70--_theme:#5c323e,#a82743,#e15e32,#c0d23e,#e5f04c; 71--secondaryColor:#000000; 72--textColor:#000000; 73--accentColor:#BD2227; 74--buttonText:#CADAD8; 75--black:rgba(10,15,12,var(--color-opacity,1)); 76--body-text:white; 77--link-text:#BD2227; 78--btn-primary-bg:#BD2227; 79--btn-primary-text:white; 80--btn-primary-hover-bg:#aaa; 81--btn-primary-hover-text:white; 82--btn-secondary-bg:#BD2227; 83--btn-secondary-text:#BD2227; 84--btn-secondary-hover-bg:#aaa; 85--btn-secondary-hover-text:white; 86 } 87 </style> 88 89 <link rel="icon" type=image/png href="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/5fad70aa146bf663a3a26473/Logo/Logo_QV_Favicon_2.png"> 90 91 92
92<script src="https://res.bildhive.com/wscripts/tailwindcss.js"></script>
92 93 <link href="https://res.bildhive.com/core.css" rel="stylesheet"> 94 95 96 97 98 99 100 101
101<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
101 102
102<script src="https://cdn.jsdelivr.net/npm/liquidjs/dist/liquid.browser.min.js"></script>
102 103 104 105 106 107 108 <!-- Global Site Tag -->
vendor: 66 bytes, lines 108-109
108 109 <script async src="https://www.googletagmanager.com/gtag/js?id=
109G-7N7FL2WEGF
vendor: 14 bytes, lines 109-110
109"></script> 110
110<script> 111
vendor: 140 bytes, lines 111-115
111window.dataLayer = window.dataLayer || []; 112 function gtag(){dataLayer.push(arguments);} 113 gtag('js', new Date()); 114 115 gtag('config', '
115G-7N7FL2WEGF
vendor: 7 bytes, lines 115-116
115'); 116
116</script>
116 117 <!-- End Global Site Tag --> 118 <!-- Google Tag Manager --> 119
119<script>
vendor: 347 bytes, lines 119-123
119(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 120 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 121 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 122 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 123 })(window,document,'script','dataLayer','
123GTM-MSTSJ9S
vendor: 8 bytes, lines 123-124
123'); 124
124</script>
124 125 <!-- End Google Tag Manager --> 126 127 128 129 130 131 132
132<script>
vendor: 630 bytes, lines 132-144
132 133 !function (f, b, e, v, n, t, s) { 134 if (f.fbq) return; n = f.fbq = function () { 135 n.callMethod ? 136 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 137 }; 138 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 139 n.queue = []; t = b.createElement(e); t.async = !0; 140 t.src = v; s = b.getElementsByTagName(e)[0]; 141 s.parentNode.insertBefore(t, s) 142 }(window, document, 'script', 143 'https://connect.facebook.net/en_US/fbevents.js'); 144 fbq('init', '
1441432205868806846
vendor: 54 bytes, lines 144-146
144'); 145 fbq('track', 'PageView'); 146
146</script>
146 147 148 149 150 151
151<script> 152 function string_to_slug(str) { 153 str = str.replace(/^\s+|\s+$/g, ''); // trim 154 str = str.toLowerCase(); 155 156 // remove accents, swap ñ for n, etc 157 var from = "à áäâèéëêìÃïîòóöôùúüûñç·/_,:;"; 158 var to = "aaaaeeeeiiiioooouuuunc------"; 159 for (var i = 0, l = from.length; i < l; i++) { 160 str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i)); 161 } 162 163 str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars 164 .replace(/\s+/g, '-') // collapse whitespace and replace by - 165 .replace(/-+/g, '-'); // collapse dashes 166 167 return str; 168 } 169 170 171 const Liquid = liquidjs.Liquid 172 const iSlug = "" 173 window.$engine = new Liquid() 174 window.$addFilter = window.$engine.registerFilter 175 window.$addTag = window.$engine.registerTag 176 window.$parse = (raw, data) => { 177 return window.$engine.parseAndRender(raw, data) 178 }; 179 $engine.registerFilter('currency', async price => { 180 price = parseFloat(parseFloat(price).toFixed(2)) 181 if (isNaN(price)) price = 0 182 return '$' + price.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 0 }) 183 }) 184 185 $engine.registerFilter('sqft', async sqft => { 186 sqft = parseInt(sqft) 187 if (isNaN(sqft)) sqft = 0 188 return `${sqft} Sq. Ft.` 189 }) 190 191 $engine.registerFilter('unitSlug', async unit => { 192 let { unitGroup } = unit 193 let modelName = string_to_slug(unitGroup.name) 194 let unitName = string_to_slug(unit.name) 195 return `${modelName}-${unitName}` 196 }) 197 198 199 200 window.instance = `5fad70aa146bf663a3a26473` 201 window.tld = `com` 202 203 const globalData = { 204 terms: { 205 content: ` 206<h5>Heading</h5> 207<p>We notice you have not added your Terms & Conditions</p> 208<p>Please add your Terms & Conditions through your builder settings.</p> 209`, 210 }, 211 privacy: { 212 content: ` 213<h5>Heading</h5> 214<p>We notice you have not added your Privacy Policy</p> 215<p>Please add your Privacy Policy through your builder settings.</p> 216`, 217 }, 218 } 219 220 221 const savedData = { } 222 const formHTML = { } 223 224 const $createClass = (a) => { 225 const model = new $NewClass(); 226 return Object.assign(model, a); 227 }; 228 class $NewClass { 229 constructor() { 230 } 231 } 232 </script>
232 233 234 <!-- AEO: Organization and Website structured data --> 235
235<script type="application/ld+json"> 236{ 237 "@context": "https://schema.org", 238 "@type": "Organization", 239 "@id": "https://myqueensville.com/#organization", 240 "name": "Queensville - A Town to Call Home", 241 "url": "https://myqueensville.com", 242 "logo": "https://ss3.nyc3.digitaloceanspaces.com/bh-prod/5fad70aa146bf663a3a26473/Logo/Logo_NEW_QUEENSVILLE_LOGO_F_01_01.png" 243} 244</script>
244 245
245<script type="application/ld+json"> 246{ 247 "@context": "https://schema.org", 248 "@type": "WebSite", 249 "name": "Queensville - A Town to Call Home", 250 "url": "https://myqueensville.com", 251 "potentialAction": { 252 "@type": "SearchAction", 253 "target": { 254 "@type": "EntryPoint", 255 "urlTemplate": "https://myqueensville.com/?s={search_term_string}" 256 }, 257 "query-input": "required name=search_term_string" 258 } 259} 260</script>
260 261 262 <!-- AEO: Breadcrumb structured data --> 263
263<script type="application/ld+json"> 264{ 265 "@context": "https://schema.org", 266 "@type": "BreadcrumbList", 267 "itemListElement": [ 268 { 269 "@type": "ListItem", 270 "position": 1, 271 "name": "Home", 272 "item": "https://myqueensville.com" 273 }, 274 { 275 "@type": "ListItem", 276 "position": 2, 277 "name": "Blog", 278 "item": "https://myqueensville.com/blog-2" 279 } 280 ] 281} 282 </script>
282 283 284
284<script async src="https://analytics.bildhive.com/tracker.js" data-ackee-server="https://analytics.bildhive.com" data-ackee-domain-id="49aeb8c5-86f9-4a2b-a3de-3b8909400bb4"></script>
284 285 286 287 </head> 288 289 <body> 290 291 292 <noscript><img 293 height="1" 294 width="1" 295 style="display:none" 296 src="https://www.facebook.com/tr?id=1432205868806846&ev=PageView&noscript=1" /></noscript> 297 298 299 300 301 302 303 304 305 306 307 308 <!-- gtm noscript --> 309 <noscript> 310 <iframe 311 title="Google Tag Manager" 312 src="https://www.googletagmanager.com/ns.html?id=GTM-MSTSJ9S" 313 height="0" 314 width="0" 315 style="display:none;visibility:hidden"></iframe> 316 </noscript> 317 <!-- END gtm noscript --> 318 319 320 321 322 323 324 325 <div id="sect-64cd30f26f65837bc4468fd4" data-section-slug="" class="w-full" style="background-color: rgba(0,0,0,1);"> 326 <style scoped> 327 @media screen and (min-width: 1280px){ 328 .header-nav-item-link:not(:first-child) { 329 margin-left: 50px; 330 } 331 } 332 @media screen and (max-width: 1280px){ 333 .header-nav-item-link:not(:first-child) { 334 margin-left: 0px; 335 } 336 } 337 .header-nav-dropdown-content { 338 display: none; 339 position: absolute; 340 background-color: #212224; 341 color: #FFFFFF; 342 min-width: 160px; 343 z-index: 1; 344 } 345 .header-nav-item-link:hover .header-nav-dropdown-content { 346 display: block; 347 } 348 .button-background-64cd30f26f65837bc4468fd4 { 349 background-color: rgba(255,255,255,1); 350 color: rgba(0,0,0,1); 351 border: 1px solid; 352 border-color: #000000; 353 transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; 354 } 355 .button-background-64cd30f26f65837bc4468fd4:hover { 356 background-color: rgba(189,34,39,1); 357 color: #FFFFFF; 358 border-color: rgba(189,34,39,1); 359 transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; 360 } 361 .nav-text-64cd30f26f65837bc4468fd4 { 362 color: rgba(255,255,255,1); 363 transition: color 0.3s ease-in-out; 364 } 365 .nav-text-64cd30f26f65837bc4468fd4:hover { 366 color: rgba(189,34,39,1); 367 transition: color 0.3s ease-in-out; 368 } 369 .header-nav-dropdown-content div:hover { 370 background-color: #45474A; 371 cursor: pointer; 372 } 373 </style> 374 <div class="container mx-auto"> 375 <div class="hidden xl:flex items-center py-10 items-center" style="gap: 20px; padding-left: 5%; padding-right: 5%;"> 376 <div class="mx-auto" style="max-width: 200px;"> 377 378 <a href="/"> 379 <img class="w-full" style="object-fit: cover;" src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/5fad70aa146bf663a3a26473/Logo/Logo_NEW_QUEENSVILLE_LOGO_F_01_01.png" alt="Home | Queensville - A Town to Call Home" /> 380 </a> 381 382 </div> 383 <div class="flex-1 text-center xl:flex items-center justify-end sm-text-size"> 384 385 386 387 388 389 390 391 <div class="header-nav-item-link"> 392 <a href="/neighbourhood"> 393 <div class="nav-text-64cd30f26f65837bc4468fd4"> 394 Neighbourhood 395 </div> 396 </a> 397 </div> 398 399 400 401 <div class="header-nav-item-link"> 402 <a href="/site-plan"> 403 <div class="nav-text-64cd30f26f65837bc4468fd4"> 404 Site Plan 405 </div> 406 </a> 407 </div> 408 409 410 411 <div class="header-nav-item-link"> 412 <a href="/models"> 413 <div class="nav-text-64cd30f26f65837bc4468fd4"> 414 Models 415 </div> 416 </a> 417 </div> 418 419 420 421 <div class="header-nav-item-link"> 422 <a href="/about-the-builder"> 423 <div class="nav-text-64cd30f26f65837bc4468fd4"> 424 Builders 425 </div> 426 </a> 427 </div> 428 429 430 431 <div class="header-nav-item-link"> 432 <a href="/blog-2"> 433 <div class="nav-text-64cd30f26f65837bc4468fd4"> 434 Blog 435 </div> 436 </a> 437 </div> 438 439 440 441 <div class="header-nav-item-link"> 442 <a href="/contact-us"> 443 <div class="nav-text-64cd30f26f65837bc4468fd4"> 444 Contact 445 </div> 446 </a> 447 </div> 448 449 450 451 <div class="header-nav-item-link"> 452 <a href="#sect-68c85f52249a152b3c4f2afe"> 453 <div style="border-radius: 0px; font-family: var(--primaryFont);" class="w-full button-background-64cd30f26f65837bc4468fd4 items-center justify-center px-5 py-2"> 454 REGISTER NOW 455 </div> 456 </a> 457 </div> 458 459 460 461 </div> 462 </div> 463 <div class="xl:hidden relative py-10" style="gap: 20px; padding-left: 5%; padding-right: 5%;"> 464 465 <div onclick="closeHeaderNavChangeIcon()" id="header-nav-x-icon-display" class="absolute top-10 left-8 nav-text-64cd30f26f65837bc4468fd4" style="display: none; font-weight: bold; cursor: pointer; font-size: 20px;"> 466 X 467 </div> 468 <div id="header-nav-menu-icon-display" class="absolute top-10 left-8 nav-link-64cd30f26f65837bc4468fd4" style="cursor: pointer;"> 469 <svg onclick="openHeaderNavChangeIcon()" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,1)" 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> 470 </div> 471 472 <div class="mx-auto" style="max-width: 200px;"> 473 474 <a href="/"> 475 <img class="w-full" style="object-fit: cover;" src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/5fad70aa146bf663a3a26473/Logo/Logo_NEW_QUEENSVILLE_
475LOGO_F_01_01.png" alt="Home | Queensville - A Town to Call Home" /> 476 </a> 477 478 </div> 479 <div id="header-nav-items-dropdown" class="header-nav-dropdown-content-mobile flex-1 text-center xl:flex justify-end p-5" style="overflow: hidden; display: none;"> 480 481 482 483 <div class="header-nav-item-link mt-5" style="cursor: pointer;"> 484 <a href="/neighbourhood"> 485 <div class="nav-text-64cd30f26f65837bc4468fd4" style="font-size: 18px; font-weight: bold;"> 486 Neighbourhood 487 </div> 488 </a> 489 </div> 490 491 492 493 <div class="header-nav-item-link mt-5" style="cursor: pointer;"> 494 <a href="/site-plan"> 495 <div class="nav-text-64cd30f26f65837bc4468fd4" style="font-size: 18px; font-weight: bold;"> 496 Site Plan 497 </div> 498 </a> 499 </div> 500 501 502 503 <div class="header-nav-item-link mt-5" style="cursor: pointer;"> 504 <a href="/models"> 505 <div class="nav-text-64cd30f26f65837bc4468fd4" style="font-size: 18px; font-weight: bold;"> 506 Models 507 </div> 508 </a> 509 </div> 510 511 512 513 <div class="header-nav-item-link mt-5" style="cursor: pointer;"> 514 <a href="/about-the-builder"> 515 <div class="nav-text-64cd30f26f65837bc4468fd4" style="font-size: 18px; font-weight: bold;"> 516 Builders 517 </div> 518 </a> 519 </div> 520 521 522 523 <div class="header-nav-item-link mt-5" style="cursor: pointer;"> 524 <a href="/blog-2"> 525 <div class="nav-text-64cd30f26f65837bc4468fd4" style="font-size: 18px; font-weight: bold;"> 526 Blog 527 </div> 528 </a> 529 </div> 530 531 532 533 <div class="header-nav-item-link mt-5" style="cursor: pointer;"> 534 <a href="/contact-us"> 535 <div class="nav-text-64cd30f26f65837bc4468fd4" style="font-size: 18px; font-weight: bold;"> 536 Contact 537 </div> 538 </a> 539 </div> 540 541 542 543 <div class="header-nav-item-link mt-5" style="cursor: pointer;"> 544 <a href="#sect-68c85f52249a152b3c4f2afe"> 545 <div style="border-radius: 0px; font-family: var(--primaryFont);" class="w-full button-background-64cd30f26f65837bc4468fd4 items-center justify-center px-5 py-2"> 546 REGISTER NOW 547 </div> 548 </a> 549 </div> 550 551 552 553 </div> 554 </div> 555 </div> 556</div> 557 558 559 560 561<div id="sect-64cd35dd6f65837bc4468ffc" data-section-slug="" data-bg="" class="w-full global-background-img none-padding-x none-padding-y none-margin-y" style="background-color: #FFFFFF; "> 562 <div class="w-full sm:flex px-0"> 563 564 565 566 567 <div class="flex-1 px-0 py-0" data-caseid="0"> 568 569 570 <img class="" style="object-fit: cover; width: 100%; height: 100%;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/5fad70aa146bf663a3a26473/Images/Images_QV_Title_Hero.png" data-lg="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAADNJREFUGFdjPMCi9J8BDTCSIMis6MvAyLgJbsL//36MIM4uBlkpNhbWp7/+/JZ2Y3j8DAB86RDm9jIIjAAAAABJRU5ErkJggg==" alt="" data-w="3840" data-h="682" loading="lazy" /> 571 </div> 572 573 574 </div> 575</div> 576 577 578 579 580<div id="sect-64cd30f26f65837bc4468fd3" data-section-slug="" data-bg="" data-section-type="blogs" class="w-full global-background-img none-padding-x md-padding-y none-margin-y" style="background-color: #FFFFFF; "> 581 <style scoped> 582 .post-section-item-2:not(:first-child) { 583 margin-top: 2.5rem; 584 } 585 </style> 586 <div id="app-64cd30f26f65837bc4468fd3" class="py-10 container mx-auto"> 587 <div style="padding:0 5%;"> 588 <h1 class="lg-text-size bh-font-primary" style="color: #000000; "> 589 590 </h1> 591 <div class="md:flex w-full mt-10"> 592 <div class="flex-1 md:mr-10" style="background-image: url('https://ss3.nyc3.digitaloceanspaces.com/bh-prod/5fad70aa146bf663a3a26473/Images/Images_QV_Blog.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;"> 593 594 595 <img class="w-full h-full md:hidden" style="object-fit: cover; max-height: 400px;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/5fad70aa146bf663a3a26473/Images/Images_QV_Blog.jpg" data-lg
595="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAHRJREFUGFcBaQCW/wGichj/Bwr8AObw+QDX4AcACgv5AAF4Ux3/EREWAAgFBAAXIfQArMD+AAFyZz3/FBggAAECQAAC5tUAAxnKAAFkTDj/JS1IAAAE7gAI7eAAGCpFAAG0nB3/Cw0PAPDz5wAICQkAAQL2ABBtICVBsH0AAAAAAElFTkSuQmCC" alt="" data-w="1461" data-h="2192" loading="lazy" /> 596 </div> 597 <template v-if="blogs && blogs.length"> 598 <div class="flex-1 mt-10 md:mt-0 md:ml-10"> 599 <div v-for="(blog,blogI) in blogs" :key="blog+blogI" class="post-section-item-2"> 600 601 <a v-if="blogI < 3" :href="`/blogpost/${blog.slug}`"> 602 <div class="flex items-start"> 603 <div class="mr-5"> 604 <div class="xs-text-size bh-font-secondary" style="color: #000000;"> 605 %{convertDate(blog.date)} 606 </div> 607 </div> 608 <div class="ml-5 flex-1"> 609 <h1 class="md-text-size bh-font-primary" style="color: #000000; "> 610 %{blog.title} 611 </h1> 612 <div class="sm-text-size bh-font-body mt-5" style="color: #000000;"> 613 %{blog.summary} 614 </div> 615 </div> 616 </div> 617 </a> 618 619 </div> 620 621 <div class="w-full mt-16 text-center sm-text-size"> 622 623 624 <a href="/all-blogs" class="" style="color: rgba(189,34,39,1); font-family: var(--primaryFont);" data-page-trigger="all-blogs" > 625 VIEW ALL BLOGS 626 </a> 627 </div> 628 629 </div> 630 </template> 631 <template v-else> 632 633 </template> 634 </div> 635 </div> 636 </div> 637</div> 638 639 640 641 642<div id="sect-68c85f52249a152b3c4f2afe" data-section-slug="" data-bg="" class="w-full md:relative global-background-img none-padding-x md-padding-y none-margin-y" style="background-color: #FFFFFF; "> 643 <style scoped> 644 .button-background-68c85f52249a152b3c4f2afe { 645 background-color: rgba(189,34,39,1); 646 color: #FFFFFF; 647 border: 1px solid; 648 border-color: rgba(189,34,39,1); 649 transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; 650 } 651 .button-background-68c85f52249a152b3c4f2afe:hover { 652 background-color: rgba(134,45,48,1); 653 color: #FFFFFF; 654 border-color: rgba(134,45,45,1); 655 transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; 656 } 657 .reg-form-input-4 { 658 height: 50px; 659 width: 100%; 660 background-color: transparent; 661 border-bottom: 1px solid rgba(255,255,255,1); 662 color: rgba(255,255,255,1); 663 } 664 .reg-form-input-4:focus { 665 outline: none; 666 } 667 .fileTextPreview { 668 overflow: hidden; 669 white-space: nowrap; 670 text-overflow: ellipsis; 671 } 672 .inputfile + label { 673 height: 50px; 674 width: 150px; 675 line-height: 50px; 676 color: rgba(255,255,255,1); 677 background-color: transparent; 678 border: 1px solid rgba(255,255,255,1); 679 display: inline-block; 680 cursor: pointer; 681 } 682 .inputfile { 683 width: 0.1px; 684 height: 0.1px; 685 opacity: 0; 686 overflow: hidden; 687 position: absolute; 688 z-index: -1; 689 } 690 @media screen and (max-width:768px) { 691 .image-size{ 692 max-height:400px; 693 } 694 } 695 .headerFieldTitle-4 { 696 697 color: rgba(255,255,255,1); 698 } 699 .headerFieldDesc-4 { 700 color: rgba(255,255,255,1); 701 } 702 703 .header-start { 704 cursor: pointer; 705 transition: 0.4s; 706 } 707 .header-content { 708 max-height: 0; 709 overflow: hidden; 710 transition: max-height 0.2s ease-out; 711 } 712 .custom-multi-dropdown ul.list-items-68c85f52249a152b3c4f2afe { 713 display: none; 714 background-color: #ffffff; 715 color: #000000; 716 } 717 .reg-form-input-4 .anchor:after { 718 position: absolute; 719 content: ""; 720 border-left: 1px solid rgba(255,255,255,1); 721 border-top: 1px solid rgba(255,255,255,1); 722 padding: 2.5px; 723 right: 5px; 724 top: 37%; 725 -moz-transform: rotate(-135deg); 726 -ms-transform: rotate(-135deg); 727 -o-transform: rotate(-135deg); 728 -webkit-transform: rotate(-135deg); 729 transform: rotate(-135deg); 730 } 731 .custom-multi-dropdown ul.list-items-68c85f52249a152b3c4f2afe li { 732 list-style: none; 733 } 734 .date-input::-webkit-calendar-picker-indicator { 735 width: 100%; 736 background: transparent; 737 position: absolute; 738 } 739 </style> 740 <div class="md:absolute flex justify-end md:py-10" style="width:100%; height:100%"> 741 742
743 <img class="md:py-12 md:pl-16 w-full md:w-1/2 image-size" style="height:100%; object-fit: cover;" data-bh-src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/5fad70aa146bf663a3a26473/Images/Images_Images_QV_Register_Form.jpg" data-lg="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAHRJREFUGFcBaQCW/wGOm6r/AwIBAAYHCQD6+vwA+PoAAAHMxbP/CAYTAN3c3QD6BhIA8ff5AAHjy5//FCtSAOHQvwDt7vEAJiwoAAFfTB//UDoHAAoCKwCtvN4A0/H2AAEgHQr/DgoBAA8HDwD/AAcA9QQIAM3hJnOYjsaXAAAAAElFTkSuQmCC" alt="" data-w="1864" data-h="2344" loading="lazy" /> 744 </div> 745 <div class="container mx-auto" style="z-index: 10;"> 746 <div class="py-5 md:py-10" style="padding-right:5%; padding-left:5%;"> 747 <form data-thankyou="" data-form-page="" data-form-id="647a21cfcbe6ba30bbf2509f"> 748 <div class="w-full bh-font-body"> 749 750 <div class="form-content"></div> 751 </div> 752 </form> 753 </div> 754 </div> 755</div> 756 757 758
759<script data-dropdownscript> 760 window.addEventListener('DOMContentLoaded', () => { 761 setTimeout(() => { 762 var checkList = document.getElementById('dropdown-list-68c85f52249a152b3c4f2afe'); 763 var items = document.getElementById('list-items-68c85f52249a152b3c4f2afe'); 764 checkList.onclick = function(evt) { 765 if (items.classList.contains('visible')) { 766 items.classList.remove('visible'); 767 items.style.display = "none"; 768 } else { 769 items.classList.add('visible'); 770 items.style.display = "block"; 771 } 772 } 773 774 items.onblur = function(evt) { 775 items.classList.remove('visible'); 776 } 777 }, 1000) 778 }); 779</script>
779 780
781<script data-regform> 782 formHTML['647a21cfcbe6ba30bbf2509f'] = ` 783 784<div class="w-full p-10 md:p-20" style="background-color: rgba(0,0,0,1); color: rgba(255,255,255,1);"> 785 <div class="md:w-2/3"> 786 <div class="md:w-2/3"> 787 788 <h1 class="lg-text-size bh-font-primary" style="color: rgba(189,34,39,1); "> 789 <p>Register Now</p> 790 </h1> 791 792 793 <div class="mt-5 sm-text-size bh-font-body" style="color: rgba(255,255,255,1);"> 794 <p><span style="color: rgb(255, 255, 255); font-weight: 400;"><strong>NEW RELEASE, NEW PRICING</strong></span><span style="color: rgb(255, 255, 255);"><br></span><span style="color: rgb(255, 255, 255); font-weight: 400;">Register for Price Lists</span></p> 795 </div> 796 797 </div> 798<div class="absolute left-[-5000px]" aria-hidden="true"> 799 <input type="text" name="hp-647a21cfcbe6ba30bbf2509f" tabindex="-1" autocomplete="off" value="" /> 800</div> 801 802 <div class="relative grid grid-cols-1 gap-10 md:w-2/3 md:pr-5 mt-10"> 803 {% assign hasHeader = false %} 804 {% for field in fields %} 805 {% assign reqSymbol = '' %} 806 {% assign isReq = '' %} 807 {% if field.required %} 808 {% assign reqSymbol = '*' %} 809 {% assign isReq = 'required' %} 810 {% endif %} 811 812 {% if field.type == 'email' %} 813 <div class="form-container-4"> 814 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 815 <input type="email" name="email" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="{{field.placeholder}}" {{isReq}} /> 816 </div> 817 {% elsif field.type == 'name' and field.hide == false %} 818 {% if field.prefix %} 819 <div class="form-container-4"> 820 <div class="mb-2">Prefix</div> 821 <input type="text" name="prefix" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="Prefix" /> 822 </div> 823 {% endif %} 824 <div class="form-container-4"> 825 <div class="mb-2">First Name {{reqSymbol}}</div> 826 <input type="text" name="firstName" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="First Name" {{isReq}} /> 827 </div> 828 {% if field.middleInitial %} 829 <div class="form-container-4"> 830 <div class="mb-2">Middle Name</div> 831 <input type="text" name="middleName" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="Middle Name" /> 832 </div> 833 {% endif %} 834 <div class="form-container-4"> 835 <div class="mb-2">Last Name {{reqSymbol}}</div> 836 <input type="text" name="lastName" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="Last Name" {{isReq}} /> 837 </div> 838 {% if field.suffix %} 839 <div class="form-container-4"> 840 <div class="mb-2">Suffix</div> 841 <input type="text" name="suffix" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="Suffix" /> 842 </div> 843 {% endif %} 844 {% elsif field.type == 'phone' and field.hide == false %} 845 {% if field.digitLength and field.digitLength != '' %} 846 {% assign digitSplice = 'oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"' %} 847 {% else %} 848 {% assign digitSplice = '' %} 849 {% endif %} 850 <div class="form-container-4"> 851 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 852 <input type="number" min="{{field.min}}" max="{{field.max}}" minlength="{{field.digitLength}}" maxlength="{{field.digitLength}}" {{digitSplice}} name="phone" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="{{field.placeholder}}" {{isReq}} /> 853 </div> 854 {% elsif field.type == 'address' and field.hide == false %} 855 {% if field.options.addressOne %} 856 <div class="form-container-4"> 857 <div class="mb-2">Address One {{reqSymbol}}</div> 858 <input type="text" name="address" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="Address One" {{isReq}} /> 859 </div> 860 {% endif %} 861 {% if field.options.addressTwo %} 862 <div class="form-container-4"> 863 <div class="mb-2">Address Two</div> 864 <input type="text" name="address2" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="Address Two" /> 865 </div> 866 {% endif %} 867 {% if field.options.city %} 868 <div class="form-container-4"> 869 <div class="mb-2">City {{reqSymbol}}</div> 870 <input type="text" name="city" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="City" {{isReq}} /> 871 </div> 872 {% endif %} 873 {% if field.options.province %} 874 <div class="form-container-4"> 875 <div class="mb-2">Province {{reqSymbol}}</div> 876 <input type="text" name="region" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="Province" {{isReq}} /> 877 </div> 878 {% endif %} 879 {% if field.options.postal %} 880 <div class="form-container-4"> 881 <div class="mb-2">Postal Code {{reqSymbol}}</div> 882 <input type="text" name="postal" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="Postal Code" {{isReq}} /> 883 </div> 884 {% endif %} 885 {% elsif field.type == 'isAgent' and field.hide == false %} 886 {% if field.displayType == 'checkbox' %} 887 <div class="form-container-4"> 888 <div> 889 <label class="checkbox-class"> 890 <input type="checkbox" id="{{field.label}}" name="isAgent" value="1" /> 891 <span></span> 892 {{field.label}} 893 </label> 894 </div> 895 </div> 896 {% elsif field.displayType == 'radio' %} 897 <div class="form-container-4"> 898 <div> 899 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 900 <div style="margin-top: 0;"> 901 {% if field.default == 1 %} 902 {% assign checked1 = 'checked' %} 903 {% assign checked0 = '' %} 904 {% elsif field.default == 0 %} 905 {% assign checked0 = 'checked' %} 906 {% assign checked1 = '' %} 907 {% else %} 908 {% assign checked0 = '' %} 909 {% assign checked1 = '' %} 910 {% endif %} 911 <div> 912 <label class="radio-class"> 913 <input type="radio" {{checked1}} id="{{option.option}}" name="isAgent" value="1" {{isReq}} /> 914 <span></span> 915 Yes 916 </label> 917 </div> 918 <div> 919 <label class="radio-class"> 920 <input type="radio" {{checked0}} id="{{option.option}}
920" name="isAgent" value="0" /> 921 <span></span> 922 No 923 </label> 924 </div> 925 </div> 926 </div> 927 </div> 928 {% else %} 929 <div class="form-container-4"> 930 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 931 <select name="isAgent" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" value="{{field.selected}}" {{isReq}}> 932 {% if field.default == 1 %} 933 {% assign selected1 = 'selected' %} 934 {% assign selected0 = '' %} 935 {% elsif field.default == 0 %} 936 {% assign selected0 = 'selected' %} 937 {% assign selected1 = '' %} 938 {% else %} 939 {% assign selected0 = '' %} 940 {% assign selected1 = '' %} 941 {% endif %} 942 <option value="" disabled selected>Please select</option> 943 <option value="1" {{selected1}}>Yes</option> 944 <option value="0" {{selected0}}>No</option> 945 </select> 946 </div> 947 {% endif %} 948 {% elsif field.type == 'text' %} 949 <div class="form-container-4"> 950 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 951 <input type="text" name="custom.{{field.id}}" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" placeholder="{{field.placeholder}}" {{isReq}} /> 952 </div> 953 {% elsif field.type == 'number' %} 954 {% if field.digitLength != '' %} 955 {% assign digitSplice = 'oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"' %} 956 {% else %} 957 {% assign digitSplice = '' %} 958 {% endif %} 959 <div class="form-container-4"> 960 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 961 <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-4 pl-3 pr-3" placeholder="{{field.label}}" {{isReq}} /> 962 </div> 963 {% elsif field.type == 'dropdown' %} 964 <div class="form-container-4"> 965 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 966 <select name="custom.{{field.id}}" id="{{field.id}}" class="reg-form-input-4 pl-3 pr-3" value="{{field.selected}}" {{isReq}}> 967 {% if field.placeholder != '' %} 968 <option value="" disabled selected>{{field.placeholder}}</option> 969 {% endif %} 970 {% for option in field.options %} 971 {% if option.option == field.default %} 972 {% assign selected = 'selected' %} 973 {% else %} 974 {% assign selected = '' %} 975 {% endif %} 976 <option {{selected}} value="{{option.option}}">{{option.option}}</option> 977 {% endfor %} 978 {% if field.other %} 979 <option value="other">Other</option> 980 {% endif %} 981 </select> 982 </div> 983 {% elsif field.type == 'radio' %} 984 <div class="form-container-4"> 985 <div> 986 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 987 <div style="margin-top: 0;"> 988 {% for option in field.options %} 989 {% if option.option == field.default %} 990 {% assign checked = 'checked' %} 991 {% else %} 992 {% assign checked = '' %} 993 {% endif %} 994 <div> 995 <label class="radio-class"> 996 <input {{checked}} type="radio" id="{{option.option}}" name="custom.{{field.id}}" value="{{option.option}}" {{isReq}} /> 997 <span></span> 998 {{option.option}} 999 </label> 1000 </div> 1001 {% endfor %} 1002 {% if field.other %} 1003 <div> 1004 <label class="radio-class"> 1005 <input type="radio" name="custom.{{field.id}}" value="other"> 1006 {% if field.otherText and field.otherText != '' %} 1007 <span class="mr-1">{{field.otherText}}</span> 1008 {% else %} 1009 <span></span> 1010 {% endif %} 1011 <input type="text" name="custom.{{field.id}}.other" class="reg-form-input-4 pl-3 pr-3" style="max-width:100px"/> 1012 </label> 1013 </div> 1014 {% endif %} 1015 </div> 1016 </div> 1017 </div> 1018 {% elsif field.type == 'checkbox' %} 1019 {% if field.multiple %} 1020 {% if field.hide %} 1021 {% for option in field.options %} 1022 {% if option.option == field.default or option.selected %} 1023 {% assign checked = 'checked' %} 1024 {% else %} 1025 {% assign checked = '' %} 1026 {% endif %}
1027 <input data-input-checkbox="{{isReq}}" type="checkbox" {{checked}} id="{{option.option}}" name="custom.{{field.id}}" value="{{option.option}}" style="display: none;" /> 1028 {% endfor %} 1029 {% else %} 1030 <div class="form-container-4"> 1031 {% if field.dropdown %} 1032 <div class="custom-multi-dropdown"> 1033 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 1034 <div id="dropdown-list-68c85f52249a152b3c4f2afe" class="reg-form-input-4 pl-3 pr-3 relative flex items-center" style="cursor: pointer;"> 1035 <span class="anchor" style="width:92%; white-space: nowrap; overflow: hidden;">{{field.placeholder}}</span> 1036 </div> 1037 <ul id="list-items-68c85f52249a152b3c4f2afe" class="list-items-68c85f52249a152b3c4f2afe mt-1 p-3 absolute" style="border: 1px solid rgba(0,0,0,.15);"> 1038 <li> 1039 {% if field.selectAll %} 1040 <div> 1041 <label class="checkbox-class"> 1042 <input data-child-selectall type="checkbox" data-name="custom.{{field.id}}" value="selectAll" /> 1043 <span></span> 1044 Select All 1045 </label> 1046 </div> 1047 {% endif %} 1048 {% for option in field.options %} 1049 {% if option.option == field.default or option.selected %} 1050 {% assign checked = 'checked' %} 1051 {% else %} 1052 {% assign checked = '' %} 1053 {% endif %} 1054 <div> 1055 <label class="checkbox-class"> 1056 <input data-input-checkbox="{{isReq}}" type="checkbox" {{checked}} id="{{option.option}}" value="{{option.option}}" name="custom.{{field.id}}" /> 1057 <span></span> 1058 {{option.option}} 1059 </label> 1060 </div> 1061 {% endfor %} 1062 </li> 1063 </ul> 1064 </div> 1065 {% else %} 1066 <div> 1067 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 1068 <div class="margin-top: 0;"> 1069 {% if field.selectAll %} 1070 <div> 1071 <label class="checkbox-class"> 1072 <input data-child-selectall type="checkbox" data-name="custom.{{field.id}}" value="selectAll" /> 1073 <span></span> 1074 Select All 1075 </label> 1076 </div> 1077 {% endif %} 1078 {% for option in field.options %} 1079 {% if option.option == field.default or option.selected %} 1080 {% assign checked = 'checked' %} 1081 {% else %} 1082 {% assign checked = '' %} 1083 {% endif %} 1084 <div> 1085 <label class="checkbox-class"> 1086 <input data-input-checkbox="{{isReq}}" type="checkbox" {{checked}} id="{{option.option}}" value="{{option.option}}" name="custom.{{field.id}}" /> 1087 <span></span> 1088 {{option.option}} 1089 </label> 1090 </div> 1091 {% endfor %} 1092 {% if field.other %} 1093 <div> 1094 <label class="checkbox-class"> 1095 <input type="checkbox" id="other" name="custom.{{field.id}}" /> 1096 {% if field.otherText and field.otherText != '' %} 1097 <span class="mr-1">{{field.otherText}}</span> 1098 {% else %} 1099 <span></span> 1100 {% endif %} 1101 <input type="text" name="custom.{{field.id}}.other" class="reg-form-input-4 pl-3 pr-3" style="max-width:100px"/> 1102 </label> 1103 </div> 1104 {% endif %} 1105 </div> 1106 </div> 1107 {% endif %} 1108 </div> 1109 {% endif %} 1110 {% else %} 1111 <div class="form-container-4"> 1112 <div> 1113 <label class="checkbox-class"> 1114 <input type="checkbox" id="{{field.label}}" name="custom.{{field.id}}" {{isReq}} /> 1115 <span></span> 1116 {{field.label}} 1117 </label> 1118 </div> 1119 </div> 1120 {% endif %} 1121 {% elsif field.type == 'date' %} 1122 {% if field.timeEnable %} 1123 {% assign dateType = 'datetime-local' %} 1124 {% else %} 1125 {% assign dateType = 'date' %} 1126 {% endif %} 1127 <div class="form-container-4"> 1128 <div> 1129 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 1130 <input class="reg-form-input-4 pl-3 pr-3 date-input" type="{{dateType}}" id="{{field.id}}" name="custom.{{field.id}}" value="" {{isReq}} /> 1131 </div> 1132 </div> 1133 {% elsif field.type == 'file' %} 1134 <div class="form-container-4"> 1135 <div class="mb-2">{{field.label}} {{reqSymbol}}</div> 1136 <div class="flex"> 1137 <div class="reg-form-input-4 pl-3 pr-3 fileTextPreview" style="line-height: 50px;" data-file-text="file-{{field.id}}"> 1138 <p style="color: #636c72;">No file currently selected</p> 1139 </div> 1140 <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}} /> 1141 <label for="{{field.id}}" class="flex justify-center items-center text-center ml-8">Upload</label> 1142 </div> 1143 </div> 1144 {% elsif field.type == 'header' %} 1145 {% if hasHeader %} 1146 </div> 1147 {% endif %} 1148 <div class="header-start mt-8"> 1149 <div class="flex items-end justify-between"> 1150 <div> 1151 <div class="md-text-size headerFieldTitle-4 bh-font-primary"> 1152 {{field.label}} 1153 </div> 1154 {% if field.description != '' %} 1155 <div class="sm-text-size mt-3 headerFieldDesc-4 bh-font-body"> 1156 {{field.description}} 1157 </div> 1158 {% endif %} 1159 </div> 1160 <div class="header-icon"> 1161 <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> 1162 </div> 1163 </div> 1164 <hr class="mt-5" /> 1165 </div> 1166 {% if hasHeader %} 1167 <div class="header-content grid grid-cols-1 gap-10"> 1168 {% else %} 1169 <div class="header-content grid grid-cols-1 gap-10"> 1170 {% assign hasHeader = true %} 1171 {% endif %} 1172 {% endif %} 1173 {% endfor %} 1174 1175 {% if hasHeader %} 1176 </div> 1177 {% endif %} 1178 1179 {% if options.smsConsent.enabled %} 1180 1181 <div class="flex items-start" style="gap: 10px; color: rgba(255,255,255,1);"> 1182 <label class="checkbox-class xxs-text-size"> 1183 1184 <input type="checkbox" id="smsConsent.{{id}}" name="smsConsent" value="true" /> 1185 <span></span> 1186 {{options.smsConsent.text}} 1187 </label>
1188 </div> 1189 {% endif %} 1190 {% if options.consent.enabled %} 1191 1192 <div class="flex items-start" style="gap: 10px; color: rgba(255,255,255,1);"> 1193 <label class="checkbox-class xxs-text-size"> 1194 1195 <input type="checkbox" id="consent.{{id}}" name="consent" required /> 1196 <span></span> 1197 {{options.consent.text}} 1198 </label> 1199 </div> 1200 {% endif %} 1201 <div class="mt-8" data-recaptcha id="recaptcha" data-instance="{{formObj.instance}}"></div> 1202 <div class="mt-8 reg-form-container-4"> 1203 {% if options.submitLabel != '' %} 1204 {% assign submitText = options.submitLabel %} 1205 {% else %} 1206 {% assign submitText = 'Submit' %} 1207 {% endif %} 1208 1209 <button type="submit" style="border-radius: 0px; font-family: var(--primaryFont);" class="button-background-68c85f52249a152b3c4f2afe items-center justify-center px-8 py-2 sm-text-size">{{submitText}}</button> 1210 </div> 1211 </div> 1212 </div> 1213</div> 1214 1215 1216<div data-form-thank-you> 1217 <h6 data-thankyou-text><strong>{{options.thanks.headline}}</strong></h6> 1218 <span>{{options.thanks.text}}</span> 1219</div> 1220 1221 1222` 1223</script>
1223 1224 1225<div id="sect-67815237ddd6c206e644f70b" data-section-slug=""> 1226 <div class="w-full md:flex" style="background-color: rgba(255,255,255,1); padding: 0 5%;"> 1227 <div class="w-full md:w-1/4 py-20 flex justify-center md:justify-start items-start"> 1228 1229 <img style="height: 67px; object-fit: cover;" src="https://ss3.nyc3.digitaloceanspaces.com/bh-prod/5fad70aa146bf663a3a26473/Logo/Logo_NEW_QUEENSVILLE_LOGO_F_01_01.png" alt="Home | Queensville - A Town to Call Home" /> 1230 1231 </div> 1232 <div class="w-full md:w-1/4 text-center md:text-left flex justify-center md:justify-start items-start md:py-20"> 1233 <div> 1234 <div class="sm-text-size bh-font-body" style="color: rgba(0,0,0,1);"> 1235 <p><strong>Follow Us:</strong></p> 1236 </div> 1237 <div class="w-full flex items-center justify-center md:justify-start mt-5"> 1238 1239 <a href="https://www.facebook.com/MyQueensville" target="_blank" style="cursor: pointer;"> 1240 <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="rgba(0,0,0,1)" 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> 1241 </a> 1242 1243 1244 <a href="https://www.instagram.com/queensvillecommunity/" target="_blank" style="cursor: pointer;"> 1245 <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="rgba(0,0,0,1)" 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> 1246 </a> 1247 1248 1249 </div> 1250 </div> 1251 </div> 1252 <div class="w-full md:w-1/4 text-center md:text-left flex justify-center md:justify-start items-start pt-10 md:py-20"> 1253 <div class="sm-text-size bh-font-body" style="color: rgba(0,0,0,1);"> 1254 <p><strong>Presentation Centre:</strong><br><a target="_blank" rel="noopener noreferrer nofollow" class="my-custom-class" style="text-decoration:none;" href="https://www.google.com/maps/place/19841+Leslie+St,+Queensville,+ON+L0G+1R0/@44.1263134,-79.4487998,17z/data=!3m1!4b1!4m5!3m4!1s0x882acc6d407c013d:0xef56f2821babad7d!8m2!3d44.1263134!4d-79.4466111?sa=X&ved=2ahUKEwi9tvHejerlAhUlvlkKHQHYAMoQ8gEwAHoECAoQAQ&shorturl=1">19841 Leslie St.,<br>Queensville, ON L0G1R0</a></p><p><a target="_self" rel="noopener noreferrer nofollow" class="my-custom-class" style="text-decoration:none;" href="contact-us"><strong>Hours of Operation </strong><u>Click Here</u></a></p> 1255 </div> 1256 </div> 1257 <div class="w-full md:w-1/4 text-center md:text-left flex justify-center md:justify-start items-start pt-10 pb-16 md:py-20"> 1258 <div class="sm-text-size bh-font-body" style="color: rgba(0,0,0,1);"> 1259 <p><a href="privacy-policy" rel="noopener noreferrer nofollow"><u>Privacy Policy</u></a><br><a href="terms" rel="noopener noreferrer nofollow"><u>Terms & Conditions</u></a><br></p> 1260 </div> 1261 </div> 1262 </div> 1263 <div class="w-full py-8 px-16 bh-font-body" style="text-align: center; color: rgba(0,0,0,1); background-color: rgba(255,255,255,1);"> 1264 <p>Copyright © 2026 Queensville. All rights reserved</p> 1265 </div> 1266</div> 1267 1268 1269 1270 1271 <div 1272 class="micromodal micromodal-slide" 1273 id="modal-general" 1274 aria-hidden="true" 1275 data-modal-size="" 1276 data-footer 1277 data-confirm> 1278 <div 1279 class="modal__overlay" 1280 tabindex="-1" 1281 data-micromodal-close> 1282 <div 1283 class="modal__container" 1284 role="dialog" 1285 aria-modal="true" 1286 aria-labelledby="modal-general-title"> 1287 <header class="modal__header"> 1288 <h2 1289 class="modal__title" 1290 id="modal-general-title" 1291 data-micro-modal-title> 1292 Dialog 1293 </h2> 1294 <button 1295 data-micro-modal-close 1296 class="modal__close" 1297 aria-label="Close modal" 1298 data-micromodal-close></button> 1299 </header> 1300 <main 1301 class="modal__content" 1302 id="modal-general-content" 1303 data-micro-modal-content> 1304 <p> 1305 Try hitting the 1306 <code>tab</code> 1307 key and notice how the focus stays within the modal itself. 1308 Also, 1309 <code>esc</code> 1310 to close modal. 1311 </p> 1312 </main> 1313 <footer class="modal__footer" data-micro-modal-footer> 1314 <button class="modal__btn modal__btn-primary">Continue</button> 1315 <button 1316 class="modal__btn" 1317 data-micromodal-close 1318 aria-label="Close this dialog window">Close</button> 1319 </footer> 1320 </div> 1321 </div> 1322 </div> 1323 1324
1324<script src="https://res.bildhive.com/locomotive.js"></script>
1324 1325
1325<script src="https://res.bildhive.com/core.js"></script>
1325 1326
1326<script src="https://res.bildhive.com/sections.js"></script>
1326 1327
1327<script src="https://res.bildhive.com/events.js"></script>
1327 1328
1328<script src="https://res.bildhive.com/model-details.js"></script>
1328 1329 1330 1331
1331<script src="https://res.bildhive.com/templates/header_2/script.js"></script>
1331<script src="https://res.bildhive.com/scripts/blogs.js"></script>
1331 1332 1333
1333<script> 1334 1335 </script>
1335 1336
1336<script src="https://res.bildhive.com/init.js"></script>
1336 1337 1338
1338<script> 1339 // setInterval until ackeeTracker is available and then do the following 1340 ;( () => { 1341 1342 const $ackt = setInterval(function(){ 1343 if (window.ackeeTracker){ 1344 clearInterval($ackt) 1345 1346 window.$ack = ackeeTracker.create('https://analytics.bildhive.com', { 1347 detailed:true, 1348 ignoreLocalhost: true, 1349 ignoreOwnVisits: false 1350 }) 1351 1352 const $attr = ackeeTracker.attributes(true) 1353 $ack.record('49aeb8c5-86f9-4a2b-a3de-3b8909400bb4', $attr) 1354 1355 const urlObj = new URL(location.href) 1356 const $query = urlObj.searchParams 1357 1358 const $campaign = $query.get('utm_campaign') 1359 const campaignId = '58924516-432f-4509-8e9d-0f32f228a1bc' 1360 1361 const $medium = $query.get('utm_medium') 1362 const mediumId = 'f1fe265f-c40d-4cf4-9f48-e080e913aa85' 1363 1364 const $source = $query.get('utm_source') 1365 const sourceId = 'c7dcc34a-b822-4c4c-957e-e824dabed601' 1366 1367 1368 if ($campaign) window.$ack.action(campaignId, { key: $campaign, value:1 }) 1369 if ($medium) window.$ack.action(mediumId, { key: $medium, value:1 }) 1370 if ($source) window.$ack.action(sourceId, { key: $source, value: 1 }) 1371 1372 1373 1374 1375 } 1376 }, 1000) 1377 1378 } )() 1379 </script>
1379 1380 1381 1382 </body> 1383</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.