1<!DOCTYPE html><!-- Last Published: Mon Oct 28 2024 15:53:25 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="webflowconf24.webflow.io" data-wf-page="66f6d1573dd432232b03597b" data-wf-site="66f6d1563dd432232b035942" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Webflow Conf x Superform [Cloneable]</title><meta content="Webflow Conf 24 registration page with Superform cloneable. Featuring advanced validation, auto-complete, phone inputs and more!" name="description"/><meta content="Webflow Conf x Superform [Cloneable]" property="og:title"/><meta content="Webflow Conf 24 registration page with Superform cloneable. Featuring advanced validation, auto-complete, phone inputs and more!" property="og:description"/><meta content="https://cdn.prod.website-files.com/66f6d1563dd432232b035942/671e80387ceef04e6c8fc63f_webflowconfxsuperform_og.png" property="og:image"/><meta content="Webflow Conf x Superform [Cloneable]" name="twitter:title"/><meta content="Webflow Conf 24 registration page with Superform cloneable. Featuring advanced validation, auto-complete, phone inputs and more!" name="twitter:description"/><meta content="https://cdn.prod.website-files.com/66f6d1563dd432232b035942/671e80387ceef04e6c8fc63f_webflowconfxsuperform_og.png" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/66f6d1563dd432232b035942/css/webflowconf24.dfa21660b.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Urbanist:300,regular,500,600,700,800"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/66f6d1563dd432232b035942/66f6d1573dd432232b035993_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/66f6d1563dd432232b035942/66f6d1573dd432232b035998_appicon.jpg" rel="apple-touch-icon"/><meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate"/> 2<meta http-equiv="Pragma" content="no-cache"/> 3<meta http-equiv="Expires" content="0"/> 4
5<script> 6(function(global){global.pageFunctions=global.pageFunctions||{executed:{},functions:{},addFunction:function(id,fn){if(!this.functions[id])this.functions[id]=fn},executeFunctions:function(){if(this.added)return;this.added=true;for(const id in this.functions){if(!this.executed[id]){try{this.functions[id]();this.executed[id]=true}catch(e){console.error(`Error executing function ${id}:`,e)}}}}}})(window); 7</script>
7 8<!-- Superform by Delta Clan -->
9<script defer src=" 10https://cdn.jsdelivr.net/npm/@deltaclan/superform@2/dist/superform.js 11"></script>
11 12 13<!-- intlTelInput CSS --> 14<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/intlTelInput.css"> 15 16<style> 17 18/* Prevent Superform from content flashing */ 19[sf-noflash] { 20 opacity: 0; 21 } 22 23/* Adjusting the font weight for script to match our UI */ 24.iti * { 25font-weight: 600 26} 27 28/* Adjusting the background color of the preferred countries divider to match our UI */ 29.iti__divider { 30 border-bottom-color: var(--swatch--gray-700); 31} 32 33/* Styles for the flag positioning */ 34.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { 35 right: auto; 36 left: 0.4rem; 37 top: 1.8rem; 38 } 39 40/* General styles for the dropdown container */ 41.iti__country-list { 42 position: absolute; 43 z-index: 2; 44 list-style: none; 45 padding: 0; 46 margin: 0 0 0 -0.4rem; 47 max-height: 200px; 48 max-width: 100%; 49 min-width: 300px; 50 width: auto; 51 52 /* Visual styles */ 53 background: var(--swatch--gray-900); 54 color: white; 55 border: 1px solid var(--swatch--dark-secondary); 56 border-radius: 0.25rem; 57 box-shadow: 6px 10px 24px rgba(0, 0, 0, 0.08); 58 59 /* Overflow and scroll behaviour */ 60 overflow-y: scroll; 61 overflow-x: auto; /* Enable horizontal scroll if needed */ 62 white-space: normal; /* Allow text to wrap */ 63 -webkit-overflow-scrolling: touch; 64} 65 66/* Full width styles */ 67.iti.iti--allow-dropdown.iti--show-flags { 68 width: 100% !important; 69} 70 71/* Country list item styles */ 72.iti__country.iti__standard { 73 background: var(--swatch--gray-900); 74} 75 76.iti__country.iti__standard.iti__highlight { 77 background: var(--swatch--gray-700); 78} 79 80/* Hover styles for flag container */ 81.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { 82 background-color: rgba(0, 0, 5, 0.05) !important; 83} 84 85.iti__selected-flag { 86 border-radius: 0.25rem; 87} 88 89 90/* Styling the Work Address input */ 91.suggestion-item { 92 font-weight: 600; 93 padding: 10px; 94 cursor: pointer; 95 background-color: var(--swatch--gray-900); 96} 97 98.suggestion-item.highlight, 99.suggestion-item:hover { 100 background-color: var(--swatch--gray-700); 101 102} 103 104</style> 105</head><body data-theme="dark"><div class="page_wrap"><div class="page_code_wrap"><div class="page_code_base w-embed"><style> 106:root { 107 --column-count: 12; 108 --max-width--full: calc(100vw - (var(--padding-horizontal--main) * 2)); 109 --site-width--inner: calc(var(--site-width--main) - (var(--padding-horizontal--main) * 2)); 110 --grid-width: min(var(--site-width--inner), var(--max-width--full));
111 --grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1)); 112 --column-width: calc((var(--grid-width) - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main)); 113 --max-width--small: calc(var(--column-width) * (var(--column-count) - 2) - var(--grid-gap--main)); 114 --max-width--main: calc(var(--column-width) * var(--column-count) - var(--grid-gap--main)); 115 --column-width--1: calc(var(--column-width) * 1 - var(--grid-gap--main)); 116 --column-width--2: calc(var(--column-width) * 2 - var(--grid-gap--main)); 117 --column-width--3: calc(var(--column-width) * 3 - var(--grid-gap--main)); 118 --column-width--4: calc(var(--column-width) * 4 - var(--grid-gap--main)); 119 --column-width--5: calc(var(--column-width) * 5 - var(--grid-gap--main)); 120 --column-width--6: calc(var(--column-width) * 6 - var(--grid-gap--main)); 121 --column-width--7: calc(var(--column-width) * 7 - var(--grid-gap--main)); 122 --column-width--8: calc(var(--column-width) * 8 - var(--grid-gap--main)); 123 --column-width--9: calc(var(--column-width) * 9 - var(--grid-gap--main)); 124 --column-width--10: calc(var(--column-width) * 10 - var(--grid-gap--main)); 125 --column-width--11: calc(var(--column-width) * 11 - var(--grid-gap--main)); 126 --column-width--12: calc(var(--column-width) * 12 - var(--grid-gap--main)); 127 --column-margin--1: calc(var(--column-width) * 1); 128 --column-margin--2: calc(var(--column-width) * 2); 129 --column-margin--3: calc(var(--column-width) * 3); 130 --column-margin--4: calc(var(--column-width) * 4); 131 --column-margin--5: calc(var(--column-width) * 5); 132 --column-margin--6: calc(var(--column-width) * 6); 133 --column-margin--7: calc(var(--column-width) * 7); 134 --column-margin--8: calc(var(--column-width) * 8); 135 --column-margin--9: calc(var(--column-width) * 9); 136 --column-margin--10: calc(var(--column-width) * 10); 137 --column-margin--11: calc(var(--column-width) * 11); 138 --column-margin--12: calc(var(--column-width) * 12); 139 --breakout-start: [full-start] minmax(0, 1fr) [content-start]; 140 --breakout-end: [content-end] minmax(0, 1fr) [full-end]; 141 --grid-breakout-single: var(--breakout-start) minmax(0, var(--grid-width)) var(--breakout-end); 142 --grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--grid-width) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end); 143 --grid-main: repeat(var(--column-count), minmax(0, 1fr)); 144 --grid-1: repeat(1, minmax(0, 1fr)); 145 --grid-2: repeat(2, minmax(0, 1fr)); 146 --grid-3: repeat(3, minmax(0, 1fr)); 147 --grid-4: repeat(4, minmax(0, 1fr)); 148 --grid-5: repeat(5, minmax(0, 1fr)); 149 --grid-6: repeat(6, minmax(0, 1fr)); 150 --grid-7: repeat(7, minmax(0, 1fr)); 151 --grid-8: repeat(8, minmax(0, 1fr)); 152 --grid-9: repeat(9, minmax(0, 1fr)); 153 --grid-10: repeat(10, minmax(0, 1fr)); 154 --grid-11: repeat(11, minmax(0, 1fr)); 155 --grid-12: repeat(12, minmax(0, 1fr)); 156 157 --font-weight--inherit: inherit; 158 --font-weight--100: 100; 159 --font-weight--200: 200; 160 --font-weight--300: 300; 161 --font-weight--400: 400; 162 --font-weight--500: 500; 163 --font-weight--600: 600; 164 --font-weight--700: 700; 165 --font-weight--800: 800; 166 --font-weight--900: 900; 167 --text-transform--none: none; 168 --text-transform--uppercase: uppercase; 169 --text-transform--capitalize: capitalize; 170 --text-transform--lowercase: lowercase; 171 --text-transform--inherit: inherit; 172} 173 174body { 175 font-weight: var(--text-main--font-weight); 176 text-transform: var(--text-main--text-transform); 177 font-smoothing: antialiased; 178 -webkit-font-smoothing: antialiased; 179} 180h1, h2, h3, h4, h5, h6, p, label, figure, blockquote { 181 font-size: inherit; 182 line-height: inherit; 183 font-weight: inherit; 184 margin-top: 0; 185 margin-bottom: 0; 186} 187button { 188 background-color: unset; 189 padding: unset; 190 text-align: inherit; 191 cursor: pointer; 192} 193video { 194 width: 100%; 195 object-fit: cover; 196} 197video.wf-empty { 198 padding: 0; 199} 200svg { 201 display: block; 202} 203section, header, footer { 204 position: relative; 205} 206@media (prefers-color-scheme: light) { 207 option { 208 color: black; 209 } 210} 211img::selection { 212 background: transparent; 213} 214a:not([class]) { 215 text-decoration: underline; 216} 217.w-richtext a { 218 position: relative; 219 z-index: 4; 220} 221 222.u-margin-trim > :first-child, 223.u-margin-trim > :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)), 224.u-rich-text > *:first-child,
225.u-rich-text .w-richtext > *:first-child { 226 margin-top: 0; 227} 228.u-margin-trim > :last-child, 229.u-margin-trim > :not(:has(~ :not(.w-condition-invisible))), 230.u-rich-text > *:last-child, 231.u-rich-text .w-richtext > *:last-child { 232 margin-bottom: 0; 233} 234 235.u-hide-if-empty:empty, 236.u-hide-if-empty:not(:has(> *:not(.w-condition-invisible))), 237.u-hide-if-empty-cms:not(:has(.w-dyn-item)), 238.u-hide-rich-text-media > *:not(h1,h2,h3,h4,h5,h6,p,blockquote), 239.u-embed-js, 240.u-embed-css { 241 display: none !important; 242} 243 244.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { 245 display: -webkit-box; 246 overflow: hidden; 247 -webkit-line-clamp: 1; 248 -webkit-box-orient: vertical; 249} 250.u-line-clamp-2 { -webkit-line-clamp: 2; } 251.u-line-clamp-3 { -webkit-line-clamp: 3; } 252.u-line-clamp-4 { -webkit-line-clamp: 4; } 253 254[tabindex]:focus-visible, 255a:focus-visible, 256button:focus-visible, 257.w-checkbox-input--inputType-custom.w--redirected-focus, 258.w-form-formradioinput--inputType-custom.w--redirected-focus { 259 outline: 0.125rem solid var(--theme--text); 260 outline-offset: 0.25rem; 261} 262.w-checkbox-input--inputType-custom.w--redirected-focus, 263.w-form-formradioinput--inputType-custom.w--redirected-focus { 264 box-shadow: none; 265} 266 267[data-padding-top="none"] { padding-top: var(--padding-vertical--none); } 268[data-padding-bottom="none"] { padding-bottom: var(--padding-vertical--none); } 269 270[data-padding-top="small"] { padding-top: var(--padding-vertical--small); } 271[data-padding-bottom="small"] { padding-bottom: var(--padding-vertical--small); } 272 273[data-padding-top="main"] { padding-top: var(--padding-vertical--main); } 274[data-padding-bottom="main"] { padding-bottom: var(--padding-vertical--main); } 275 276[data-padding-top="large"] { padding-top: var(--padding-vertical--large); } 277[data-padding-bottom="large"] { padding-bottom: var(--padding-vertical--large); } 278 279.wf-design-mode .g_clickable_wrap { 280 z-index: 0; 281} 282.g_clickable_wrap a[href="#"] { 283 display: none; 284} 285.g_clickable_wrap a[href="#"] ~ button { 286 display: block; 287} 288 289select { 290 -webkit-appearance: none; /* Disable default Safari styling */ 291 -moz-appearance: none; /* For Firefox */ 292 appearance: none; 293 } 294 295 296</style></div><div class="page_code_color w-embed"><style> 297/* theme light */ 298:root, 299[data-theme="light"], 300[data-theme="dark"] [data-theme="invert"] { 301 --theme--background: var(--swatch--light); 302 --theme--text: var(--swatch--dark); 303 --theme--border: var(--swatch--light-secondary); 304 /* button primary */ 305 --button--background: var(--swatch--brand); 306 --button--text: var(--swatch--brand-text); 307 --button--border: var(--swatch--brand); 308 --button--background-hover: var(--swatch--dark); 309 --button--text-hover: var(--swatch--light); 310 --button--border-hover: var(--swatch--dark); 311 /* button secondary */ 312 --button-secondary--background: var(--swatch--transparent); 313 --button-secondary--text: var(--swatch--dark); 314 --button-secondary--border: var(--swatch--light-secondary); 315 --button-secondary--background-hover: var(--swatch--brand); 316 --button-secondary--text-hover: var(--swatch--brand-text); 317 --button-secondary--border-hover: var(--swatch--brand); 318} 319/* theme dark */ 320[data-theme="dark"], 321[data-theme="invert"], 322[data-theme="light"] [data-theme="invert"] { 323 --theme--background: var(--swatch--dark); 324 --theme--text: var(--swatch--light); 325 --theme--border: var(--swatch--dark-secondary); 326 /* button primary */ 327 --button--background: var(--swatch--brand); 328 --button--text: var(--swatch--brand-text); 329 --button--border: var(--swatch--brand); 330 --button--background-hover: var(--swatch--light); 331 --button--text-hover: var(--swatch--dark); 332 --button--border-hover: var(--swatch--light); 333 /* button secondary */ 334 --button-secondary--background: var(--swatch--transparent); 335 --button-secondary--text: var(--swatch--light); 336 --button-secondary--border: var(--swatch--dark-secondary); 337 --button-secondary--background-hover: var(--swatch--brand); 338 --button-secondary--text-hover: var(--swatch--brand-text); 339 --button-secondary--border-hover: var(--swatch--brand); 340} 341/* button secondary */ 342[data-button-style="secondary"] { 343 --button--background: var(--button-secondary--background); 344 --button--text: var(--button-secondary--text); 345 --button--border: var(--button-secondary--border); 346 --button--background-hover: var(--button-secondary--background-hover); 347 --button--text-hover: var(--button-secondary--text-hover); 348 --button--border-hover: var(--button-secondary--border-hover); 349} 350/* apply colors */ 351:is(c, :where([data-theme]:not([data-theme="inherit"]))) { 352 background-color: var(--theme--background); 353 color: var(--theme--text); 354} 355</style></div><div class="page_code_responsive w-embed"><style> 356/* https://fluidbuilder.webflow.io/?design=90&max=90&min=20&g=--padding-horizontal--main,3,1_--size--2rem,2,1.75_--size--2-5rem,2.5,2_--size--3rem,3,2.25_--size--3-5rem,3.5,2.375_--size--4rem,4,2.5_--size--4-5rem,4.5,2.75_--size--5rem,5,3_--size--5-
3565rem,5.5,3.25_--size--6rem,6,3.5_--size--6-5rem,6.5,3.75_--size--7rem,7,4_--size--7-5rem,7.5,4.25_--size--8rem,8,4.5_--size--8-5rem,8.5,4.75_--size--9rem,9,5_--size--9-5rem,9.5,5.25_--size--10rem,10,5.5_--size--11rem,11,5.75_--size--12rem,12,6_--size--13rem,13,6.5_--size--14rem,14,7_--size--15rem,15,7.5_--size--16rem,16,8&g=:1.26,1.125:&g=:1.2,1.14: */ 357 358/* fallback for older browsers */ 359:root { 360 --padding-horizontal--main: 3rem; 361 --size--2rem: 2rem; 362 --size--2-5rem: 2.5rem; 363 --size--3rem: 3rem; 364 --size--3-5rem: 3.5rem; 365 --size--4rem: 4rem; 366 --size--4-5rem: 4.5rem; 367 --size--5rem: 5rem; 368 --size--5-5rem: 5.5rem; 369 --size--6rem: 6rem; 370 --size--6-5rem: 6.5rem; 371 --size--7rem: 7rem; 372 --size--7-5rem: 7.5rem; 373 --size--8rem: 8rem; 374 --size--8-5rem: 8.5rem; 375 --size--9rem: 9rem; 376 --size--9-5rem: 9.5rem; 377 --size--10rem: 10rem; 378 --size--11rem: 11rem; 379 --size--12rem: 12rem; 380 --size--13rem: 13rem; 381 --size--14rem: 14rem; 382 --size--15rem: 15rem; 383 --size--16rem: 16rem; 384} 385@media screen and (max-width: 767px) { 386 :root { 387 --padding-horizontal--main: 1rem; 388 --size--2rem: 1.75rem; 389 --size--2-5rem: 2rem; 390 --size--3rem: 2.25rem; 391 --size--3-5rem: 2.375rem; 392 --size--4rem: 2.5rem; 393 --size--4-5rem: 2.75rem; 394 --size--5rem: 3rem; 395 --size--5-5rem: 3.25rem; 396 --size--6rem: 3.5rem; 397 --size--6-5rem: 3.75rem; 398 --size--7rem: 4rem; 399 --size--7-5rem: 4.25rem; 400 --size--8rem: 4.5rem; 401 --size--8-5rem: 4.75rem; 402 --size--9rem: 5rem; 403 --size--9-5rem: 5.25rem; 404 --size--10rem: 5.5rem; 405 --size--11rem: 5.75rem; 406 --size--12rem: 6rem; 407 --size--13rem: 6.5rem; 408 --size--14rem: 7rem; 409 --size--15rem: 7.5rem; 410 --size--16rem: 8rem; 411 } 412} 413 414/* fluid sizes */ 415@supports (font-size: clamp(1rem, 0.5rem + 3vw, 3rem)) { 416 :root { 417 --padding-horizontal--main: clamp(1rem, 0.428rem + 2.86vw, 3rem); 418 --size--2rem: clamp(1.75rem, 1.678rem + 0.36vw, 2rem); 419 --size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem); 420 --size--3rem: clamp(2.25rem, 2.036rem + 1.07vw, 3rem); 421 --size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem); 422 --size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4rem); 423 --size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem); 424 --size--5rem: clamp(3rem, 2.428rem + 2.86vw, 5rem); 425 --size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem); 426 --size--6rem: clamp(3.5rem, 2.786rem + 3.57vw, 6rem); 427 --size--6-5rem: clamp(3.75rem, 2.964rem + 3.93vw, 6.5rem); 428 --size--7rem: clamp(4rem, 3.142rem + 4.29vw, 7rem); 429 --size--7-5rem: clamp(4.25rem, 3.322rem + 4.64vw, 7.5rem); 430 --size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem); 431 --size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 8.5rem); 432 --size--9rem: clamp(5rem, 3.858rem + 5.71vw, 9rem); 433 --size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 9.5rem); 434 --size--10rem: clamp(5.5rem, 4.214rem + 6.43vw, 10rem); 435 --size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem); 436 --size--12rem: clamp(6rem, 4.286rem + 8.57vw, 12rem); 437 --size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 13rem); 438 --size--14rem: clamp(7rem, 5rem + 10vw, 14rem); 439 --size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 15rem); 440 --size--16rem: clamp(8rem, 5.714rem + 11.43vw, 16rem); 441 } 442} 443</style></div><div class="page_code_custom w-embed"><style> 444 445</style></div></div><nav class="nav_wrap"><div class="nav_contain u-container-small u-hflex-between-center"><a aria-label="Go to homepage" href="https://webflow.com/made-in-webflow/website/webflowconf24" target="_blank" class="nav_logo_wrap u-hflex-between-center u-gap-xsmall w-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 177 23" fill="none" class="nav_logo"><path fill-rule="evenodd" clip-rule="evenodd" d="M33.7262 0.926758L23.1241 21.6526H13.1658L17.6028 13.063H17.4037C13.7432 17.8147 8.28176 20.9428 0.5 21.6526V13.1818C0.5 13.1818 5.47818 12.8878 8.40471 9.81096H0.5V0.926922H9.38404V8.23392L9.58344 8.2331L13.2138 0.926922H19.9326V8.18759L20.132 8.18726L23.8985 0.926758H33.7262Z" fill="#146ef5"></path><path d="M91.5396 19.365H94.4008V2.94189H91.5396V19.365Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M75.7663 19.1972C76.3882 19.4557 77.0205 19.5849 77.6633 19.5849C78.7253 19.5849 79.6756 19.3264 80.514 18.8094C81.3525 18.2923 82.0023 17.5796 82.4634 16.6713C82.9246 15.756 83.1552 14.7184 83.1552 13.5586C83.1552 12.3987 82.9176 11.3611 82.4425 10.4458C81.9674 9.53049 81.3071 8.8213 80.4616 8.31823C79.6162 7.80817 78.6555 7.55663 77.5795 7.56362C76.8947 7.56362 76.2379 7.69638 75.6091 7.96189C74.9803 8.2274 74.4562 8.6047 74.037 9.09379C74.0046 9.13103 73.9732 9.16864 73.9427 9.20663V2.95215H71.071V19.3648H73.9217L73.916 17.8316C73.9897 17.922 74.0685 18.0103 74.1523 18.0967C74.6065 18.5648 75.1445 18.9316 75.7663 19.1972ZM78.7009 16.5456C78.2328 16.832 77.6982 16.9753 77.0974 16.9753C76.5034 16.9753 75.9585 16.8285 75.4624 16.5351C74.9663 16.2346 74.5715 15.8259 74.2781 15.3088C73.9916 14.7918 73.8484 14.2049 73.8484 13.5481C73.8414 12.8913 73.9811 12.3044 74.2676 11.7873C74.561 11.2633 74.9558 10.8581 75.4519 10.5716C75.948 10.2781 76.4965 10.1349 77.0974 10.1419C77.6982 10.1349 78.2328 10.2746 78.7009 10.5611C79.176 10.8406 79.5393 11.2424 79.7909 11.7664C80.0494 12.2834 80.1787 12.8773 80.1787 13.5481C80.1787 14.2189 80.0494 14.8128 79.7909 15.3298C79.5393 15.8468 79.176 16.2521 78.7009 16.5456Z" fill="currentColor"></path><path d="M37.8711 3.9375H41.1411L44.0661 14.6201L47.1779 3.9375H49.9029L53.2777 14.4058L56.0864 3.9375H59.0839L54.6611 19.365H51.8418L48.4101 9.13842L45.2599 19.365H42.4092L37.8711 3.9375Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M63.9128 19.6374C62.7739 19.6444 61.7468 19.3929 60.8315 18.8828C59.9232 18.3658 59.2069 17.6496 58.6829 16.7343C58.1658 15.819 57.9073 14.7744 57.9073 13.6006C57.9073 12.4617 58.1728 11.4311 58.7038 10.5088C59.2349 9.5865 59.9545 8.86683 60.8629 8.34979C61.7712 7.83274 62.7843 7.57422 63.9022 7.57422C65.1599 7.57422 66.2604 7.85371 67.2036 8.41267C68.1539 8.97164 68.8631 9.76467 69.3312 10.7918C69.8063 11.8119 69.9776 12.9822 69.8449 14.3028H60.8673C60.8924 14.8289 61.0238 15.3075 61.2612 15.7386C61.5267 16.2138 61.897 16.5841 62.3722 16.8496C62.8473 17.1151 63.3782 17.2479 63.9651 17.2479C64.4123 17.2409 64.8281 17.164 65.2124 17.0173C65.5967 16.8636 65.9215 16.6574 66.187 16.3989C66.4595 16.1404 66.6517 15.8469 66.7634 15.5185H69.761C69.5793 16.3221 69.2159 17.0382 68.6709 17.6671C68.1259 18.2889 67.4412 18.7745 66.6167 19.1239C65.7922 19.4732 64.891 19.6444 63.9128 19.6374ZM61.2716 11.4206C61.1041 11.7126 60.9881 12.027 60.9236 12.3639H66.8745C66.8313 11.9383 66.7 11.5505 66.4805 11.2005C66.2289 10.7883 65.8866 10.4704 65.4534 10.2468C65.0202 10.0162 64.5311 9.90092 63.9861 9.90092C63.4062 9.90092 62.8786 10.0337 62.4035 10.2992C61.9284 10.5647 61.5511 10.9385 61.2716 11.4206Z" fill="currentColor"></path><path d="M85.2618 7.81519C85.2618 6.87892 85.4749 6.04745 85.9011 5.3208C86.3273 4.58715 86.9247 4.01771 87.6933 3.61245C88.4688 3.20022 89.3737 2.98711 90.4078 2.97314V5.51993C89.9256 5.52692 89.5134 5.62823 89.171 5.82387C88.8357 6.01252 88.5771 6.28851 88.3955 6.65184C88.2282 6.98632 88.138 7.374
44511 88.1247 7.81519H90.3449V10.2362H88.123V19.3648H85.2618V10.2362H83.4172V7.81519H85.2618Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M101.674 19.6167C100.507 19.6167 99.4629 19.3616 98.5406 18.8516C97.6253 18.3345 96.9056 17.6219 96.3816 16.7135C95.8645 15.7982 95.606 14.7606 95.606 13.6008C95.606 12.434 95.8645 11.3929 96.3816 10.4776C96.9056 9.55528 97.6253 8.83911 98.5406 8.32906C99.4629 7.819 100.507 7.56396 101.674 7.56396C102.848 7.56396 103.896 7.819 104.818 8.32906C105.748 8.83911 106.471 9.55179 106.988 10.4671C107.505 11.3824 107.767 12.427 107.774 13.6008C107.767 14.7606 107.505 15.7982 106.988 16.7135C106.478 17.6219 105.758 18.3345 104.829 18.8516C103.9 19.3616 102.848 19.6167 101.674 19.6167ZM101.674 16.986C102.289 16.986 102.834 16.8463 103.309 16.5668C103.784 16.2803 104.151 15.8821 104.41 15.372C104.668 14.855 104.798 14.2646 104.798 13.6008C104.798 12.93 104.668 12.3361 104.41 11.8191C104.151 11.302 103.784 10.9038 103.309 10.6243C102.834 10.3378 102.289 10.1946 101.674 10.1946C101.066 10.1946 100.525 10.3378 100.05 10.6243C99.5816 10.9038 99.2183 11.302 98.9598 11.8191C98.7013 12.3361 98.5755 12.93 98.5825 13.6008C98.5825 14.2646 98.7118 14.855 98.9703 15.372C99.2358 15.8821 99.5991 16.2803 100.06 16.5668C100.528 16.8463 101.066 16.986 101.674 16.986Z" fill="currentColor"></path><path d="M110.866 7.81543H107.68L111.128 19.365H113.916L116.183 11.9883L118.632 19.365H121.378L124.836 7.81543H121.954L119.993 15.0043L117.825 7.81543H115.037L112.88 15.1627L110.866 7.81543Z" fill="currentColor"></path><path d="M136.347 20.1743C134.977 20.1743 133.752 19.8504 132.673 19.2027C131.594 18.5551 130.75 17.6476 130.143 16.4804C129.543 15.3133 129.242 13.9774 129.242 12.4729C129.242 10.9616 129.543 9.62243 130.143 8.45525C130.75 7.28132 131.594 6.37052 132.673 5.72283C133.752 5.07515 134.977 4.75131 136.347 4.75131C137.494 4.75131 138.539 4.97395 139.484 5.41923C140.435 5.86451 141.218 6.49533 141.832 7.31168C142.446 8.12803 142.844 9.07257 143.026 10.1453H141.083C140.894 9.41665 140.57 8.77572 140.111 8.22249C139.652 7.66251 139.092 7.23072 138.431 6.92712C137.777 6.62352 137.082 6.47172 136.347 6.47172C135.341 6.47172 134.444 6.72135 133.655 7.2206C132.872 7.71311 132.255 8.41477 131.803 9.32557C131.357 10.2296 131.135 11.2787 131.135 12.4729C131.135 13.6536 131.357 14.6959 131.803 15.6C132.255 16.5041 132.872 17.2057 133.655 17.705C134.444 18.2042 135.341 18.4539 136.347 18.4539C137.129 18.4539 137.854 18.3021 138.522 17.9985C139.197 17.6881 139.757 17.2563 140.202 16.7031C140.648 16.1499 140.941 15.5089 141.083 14.7803H143.026C142.857 15.853 142.469 16.7975 141.862 17.6139C141.262 18.4235 140.482 19.0543 139.524 19.5063C138.573 19.9516 137.514 20.1743 136.347 20.1743ZM150.15 20.1844C149.098 20.1844 148.16 19.9381 147.337 19.4456C146.514 18.9531 145.87 18.2683 145.404 17.3913C144.939 16.5142 144.706 15.5123 144.706 14.3856C144.706 13.2454 144.939 12.2334 145.404 11.3496C145.87 10.459 146.514 9.77086 147.337 9.28509C148.16 8.79258 149.098 8.54633 150.15 8.54633C151.21 8.54633 152.154 8.79258 152.984 9.28509C153.821 9.77086 154.468 10.459 154.927 11.3496C155.393 12.2334 155.625 13.2454 155.625 14.3856C155.625 15.5123 155.396 16.5142 154.937 17.3913C154.478 18.2683 153.831 18.9531 152.994 19.4456C152.157 19.9381 151.21 20.1844 150.15 20.1844ZM150.15 18.5753C150.879 18.5753 151.517 18.3965 152.063 18.0389C152.616 17.6746 153.035 17.1754 153.318 16.5412C153.608 15.907 153.753 15.1885 153.753 14.3856C153.753 13.576 153.608 12.8507 153.318 12.2098C153.035 11.5621 152.616 11.0595 152.063 10.7019C151.517 10.3443 150.879 10.1655 150.15 10.1655C149.422 10.1655 148.788 10.3443 148.248 10.7019C147.708 11.0595 147.293 11.5621 147.003 12.2098C146.713 12.8507 146.568 13.576 146.568 14.3856C146.568 15.1885 146.713 15.907 147.003 16.5412C147.3 17.1754 147.718 17.6746 148.258 18.0389C148.798 18.3965 149.428 18.5753 150.15 18.5753ZM159.643 19.9415H157.842V8.76897H159.592V11.2079L159.238 11.3192C159.326 10.7997 159.549 10.3274 159.906 9.90242C160.27 9.47737 160.719 9.14679 161.252 8.91065C161.792 8.66777 162.365 8.54633 162.972 8.54633C163.769 8.55308 164.463 8.72512 165.057 9.06245C165.651 9.39979 166.11 9.88555 166.434 10.5197C166.764 11.1472 166.929 11.8961 166.929 12.7664V19.9415H165.128V12.989C165.128 12.3953 165.023 11.8826 164.814 11.4508C164.612 11.019 164.318 10.6918
445163.934 10.4691C163.556 10.2397 163.104 10.125 162.578 10.125C162.025 10.125 161.525 10.2634 161.08 10.54C160.641 10.8166 160.291 11.2011 160.028 11.6937C159.771 12.1794 159.643 12.7293 159.643 13.3432V19.9415ZM170.34 7.86829C170.34 7.20036 170.495 6.60665 170.805 6.08715C171.116 5.56091 171.544 5.15274 172.091 4.86263C172.644 4.56577 173.278 4.41397 173.993 4.40723C174.162 4.40723 174.314 4.41735 174.449 4.43759C174.59 4.45783 174.705 4.48481 174.793 4.51855V6.13776L174.742 6.1074C174.661 6.08041 174.56 6.05679 174.438 6.03655C174.324 6.01631 174.206 6.00282 174.084 5.99607C173.673 6.00282 173.319 6.09053 173.022 6.2592C172.725 6.42112 172.499 6.66063 172.344 6.97772C172.195 7.29482 172.121 7.66926 172.121 8.10105V19.9415H170.34V7.86829ZM168.346 8.76897H174.58V10.2971H168.346V8.76897Z" fill="currentColor"></path></svg><div class="nav_logo_cloneable"><div class="nav_logo_cloneable_text">Cloneable</div></div></a><div class="nav_link_contain u-hflex-between-center u-gap-xsmall"><a aria-label="Register" href="https://deltaclan.gitbook.io/superform" target="_blank" class="nav_link_wrap w-inline-block"><div>Documentation</div></a><a aria-label="Login" href="https://superformjs.webflow.io/" target="_blank" class="nav_link_wrap is-cta w-inline-block"><div>Get Superform</div></a></div></div></nav><main id="main" class="page_main"><section class="form_main_wrap"><div sf-score="totalPrice" sf="registrationForm" sf-noflash="true" sf-step-animation-duration="200" class="form_main_contain u-container-small w-form"><div class="form_progress"><div class="form_progress_column u-vflex-center-center"><a sf-react-1="class($s > 0, u-tab-visited)" aria-label="Step 1 - Ticket" sf-goto="step-1" sf-react="class($s === 0, u-tab-active)" href="#" class="form_progress_column_item u-vflex-center-center u-gap-xsmall w-inline-block"><div sf-react-1="class($s > 0, u-tab-visited)" sf-react="class($s === 0, u-tab-active)" class="form_progress_item_number">1</div><div class="form_progress_item_title">Ticket</div></a></div><div class="form_progress_column u-vflex-center-center"><a sf-react-1="class($s > 1, u-tab-visited)" aria-label="Step 2 - Account" sf-goto="step-2" sf-react="class($s === 1, u-tab-active)" href="#" class="form_progress_column_item u-vflex-center-center u-gap-xsmall w-inline-block"><div sf-react-1="class($s > 1, u-tab-visited)" sf-react="class($s === 1, u-tab-active)" class="form_progress_item_number">2</div><div class="form_progress_item_title">Account</div></a></div><div class="form_progress_column u-vflex-center-center"><a sf-react="class($s >= 2, u-tab-active)" aria-label="Step 3 - Experience" sf-goto="step-3" href="#" class="form_progress_column_item u-vflex-center-center u-gap-xsmall w-inline-block"><div sf-react="class($s === 2, u-tab-active)" class="form_progress_item_number">3</div><div class="form_progress_item_title">Confirmation</div></a></div></div><form id="email-form" name="email-form" data-name="Email Form" method="get" class="form_main u-mt-xxlarge" data-wf-page-id="66f6d1573dd432232b03597b" data-wf-element-id="6e2bf3a5-89d7-77d0-63f0-c3038e339651"><div sf-step="step-1" class="form_main_step_layout u-vflex-center-center"><div id="w-node-_0f61b406-3d2d-9ea3-c7da-a9b5ad923794-2b03597b" class="form_step_one_heading u-vflex-center-center u-gap-xsmall u-mb-medium u-text-align-center"><h1 class="step_one_heading u-text-h1">Register for Webflow Conf 2024</h1><p class="u-text-small">Enter your business email and select your preferred ticket.</p></div><div class="form_step_content u-vflex-stretch-center u-gap-medium"><div class="g_form_input_wrap"><div class="g_form_input_contain u-position-relative"><input class="g_form_input w-input" sf-react="attr(8+2, data-num)" maxlength="256" name="email" data-name="email" placeholder="" type="email" id="email" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">Business email address <span class="g_form_desc_asterisk">*</span></label></div><div class="g_form_input_error u-text-small u-weight-medium">Business Email Address is required (e.g. [email protected]).</div></div><div class="g_form_announcement u-vflex-center-center u-text-small u-weight-bold u-radius-xsmall u-text-align-center"><p class="g_form_announcement_text">We've filled the Athens event â you can still join us in San Francisco, London, or online!</p></div><div class="form_step_one_ticketsss u-vflex-left-center u-gap-xsmall"><div class="g_form_input_title u-text-transform-uppercase">Ticket <span class="g_form_desc_asterisk">*</span></div><div class="g_form_input_wrap"><div sf-validation="checkbox(1,3)" sf-checkbox-group="tickets" class="form_ticket_group u-hflex-between-center u-gap-xsmall u-grid-column-3"><label class="form_ticket"><input type="checkbox" name="ticketSf" sf-score-calc="add(checked,totalPrice,399)" class="form_ticket_checkbox" value="San Francisco"/><span class="form_ticket_label">San Fransisco - $399</span><div class="form_ticket_icon">
445<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 28 34" fill="none" class="form_ticket_svg"><path opacity="0.2" d="M1 4.50212C1 2.75213 2.41864 1.3335 4.16862 1.3335H23.8314C25.5814 1.3335 27 2.75214 27 4.50212V30.1649C27 31.9149 25.5814 33.3335 23.8314 33.3335H4.16862C2.41864 33.3335 1 31.9149 1 30.1649V4.50212Z" stroke="currentColor" class="ticket_svg_outer"></path><path opacity="0.5" d="M5.33301 5.69678V5.19678C5.05687 5.19678 4.83301 5.42063 4.83301 5.69678H5.33301ZM22.6663 5.69678H23.1663C23.1663 5.42063 22.9425 5.19678 22.6663 5.19678V5.69678ZM22.6663 28.9695V29.4695C22.9425 29.4695 23.1663 29.2456 23.1663 28.9695H22.6663ZM5.33301 28.9695H4.83301C4.83301 29.2456 5.05687 29.4695 5.33301 29.4695V28.9695ZM5.33301 6.19678H22.6663V5.19678H5.33301V6.19678ZM22.1663 5.69678V28.9695H23.1663V5.69678H22.1663ZM5.83301 28.9695V5.69678H4.83301V28.9695H5.83301ZM5.33301 29.4695H22.6663V28.4695H5.33301V29.4695Z" fill="currentColor" class="ticket_svg_inner"></path><path d="M15.6824 24.4116L15.2157 24.591L15.6824 24.4116ZM15.7374 10.284L16.2193 10.4174L15.7374 10.284ZM12.3134 24.4116L11.8467 24.2323L12.3134 24.4116ZM12.2584 10.284L11.7766 10.4174L12.2584 10.284ZM11.9831 9.56055H9.93104V10.5605H11.9831V9.56055ZM13.9979 11.1132C13.4017 11.1132 12.8946 10.7083 12.7403 10.1507L11.7766 10.4174C12.0465 11.393 12.9364 12.1132 13.9979 12.1132V11.1132ZM15.2555 10.1507C15.1013 10.7083 14.5942 11.1132 13.9979 11.1132V12.1132C15.0595 12.1132 15.9494 11.393 16.2193 10.4174L15.2555 10.1507ZM18.0696 9.56055H16.0128V10.5605H18.0696V9.56055ZM18.8337 10.3246C18.8337 9.90262 18.4916 9.56055 18.0696 9.56055V10.5605C17.9393 10.5605 17.8337 10.4549 17.8337 10.3246H18.8337ZM18.8337 24.342V10.3246H17.8337V24.342H18.8337ZM18.0696 25.106C18.4916 25.106 18.8337 24.7639 18.8337 24.342H17.8337C17.8337 24.2116 17.9393 24.106 18.0696 24.106V25.106ZM15.949 25.106H18.0696V24.106H15.949V25.106ZM13.9979 23.7494C14.55 23.7494 15.0255 24.0961 15.2157 24.591L16.1492 24.2323C15.8167 23.3672 14.9809 22.7494 13.9979 22.7494V23.7494ZM12.7802 24.591C12.9703 24.0961 13.4459 23.7494 13.9979 23.7494V22.7494C13.015 22.7494 12.1792 23.3672 11.8467 24.2323L12.7802 24.591ZM9.93104 25.106H12.0469V24.106H9.93104V25.106ZM9.16699 24.342C9.16699 24.7639 9.50907 25.106 9.93104 25.106V24.106C10.0614 24.106 10.167 24.2116 10.167 24.342H9.16699ZM9.16699 10.3246V24.342H10.167V10.3246H9.16699ZM9.93104 9.56055C9.50907 9.56055 9.16699 9.90262 9.16699 10.3246H10.167C10.167 10.4549 10.0614 10.5605 9.93104 10.5605V9.56055ZM15.949 24.106C16.0672 24.106 16.13 24.1825 16.1492 24.2323L15.2157 24.591C15.3211 24.8652 15.5903 25.106 15.949 25.106V24.106ZM16.2193 10.4174C16.2045 10.4708 16.1425 10.5605 16.0128 10.5605V9.56055C15.6208 9.56055 15.3403 9.84445 15.2555 10.1507L16.2193 10.4174ZM11.8467 24.2323C11.8658 24.1825 11.9287 24.106 12.0469 24.106V25.106C12.4055 25.106 12.6748 24.8652 12.7802 24.591L11.8467 24.2323ZM11.9831 10.5605C11.8534 10.5605 11.7913 10.4708 11.7766 10.4174L12.7403 10.1507C12.6556 9.84445 12.375 9.56055 11.9831 9.56055V10.5605Z" fill="currentColor"></path><path d="M9.66602 14.4243H18.3327" stroke="currentColor" stroke-linejoin="round" stroke-dasharray="0.79 0.79"></path></svg></div></label><label class="form_ticket"><input type="checkbox" name="ticketLdn" sf-score-calc="add(checked,totalPrice,499)" class="form_ticket_checkbox" value="London"/><span class="form_ticket_label">London - $499</span><div class="form_ticket_icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 28 34" fill="none"><path opacity="0.2" d="M1 4.50212C1 2.75213 2.41864 1.3335 4.16862 1.3335H23.8314C25.5814 1.3335 27 2.75214 27 4.50212V30.1649C27 31.9149 25.5814 33.3335 23.8314 33.3335H4.16862C2.41864 33.3335 1 31.9149 1 30.1649V4.50212Z" stroke="currentColor"></path><path opacity="0.5" d="M5.33301 5.69678V5.19678C5.05687 5.19678 4.83301 5.42063 4.83301 5.69678H5.33301ZM22.6663 5.69678H23.1663C23.1663 5.42063 22.9425 5.19678 22.6663 5.19678V5.69678ZM22.6663 28.9695V29.4695C22.9425 29.4695 23.1663 29.2456 23.1663 28.9695H22.6663ZM5.33301 28.9695H4.83301C4.83301 29.2456 5.05687 29.4695 5.33301 29.4695V28.9695ZM5.33301 6.19678H22.6663V5.19678H5.33301V6.19678ZM22.1663 5.69678V28.9695H23.1663V5.69678H22.1663ZM5.83301 28.9695V5.69678H4.83301V28.9695H5.83301ZM5.33301 29.4695H22.6663V28.4695H5.33301V29.4695Z" fill="currentColor"></path><path d="M15.6824 24.4116L15.2157 24.591L15.6824 24.4116ZM15.7374 10.284L16.2193 10.4174L15.7374 10.284ZM12.3134 24.4116L11.8467 24.2323L12.3134 24.4116ZM12.2584 10.284L11.7766 10.4174L12.2584 10.284ZM11.9831 9.56055H9.93104V10.5605H11.9831V9.56055ZM13.9979 11.1132C13.4017 11.1132 12.8946 10.7083 12.7403 10.1507L11.7766 10.4174C12.0465 11.393 12.9364 12.1132 13.9979 12.1132V11.1132ZM15.2555 10.1507C15.1013 10.7083 14.5942 11.1132 13.9979 11.1132V12.1132C15.0595 12.1132 15.9494 11.393 16.2193 10.4174L15.2555 10.1507ZM18.0696 9.56055H16.0128V10.5605H18.0696V9.56055ZM18.8337 10.3246C18.8337 9.90262 18.4916 9.56055 18.0696 9.56055V10.5605C17.9393 10.5605 17.8337 10.4549 17.8337 10.3246H18.8337ZM18.8337 24.342V10.3246H17.8337V24.342H18.8337ZM18.0696 25.106C18.4916 25.106 18.8337 24.7639 18.8337 24.342H17.8337C17.8337 24.2116 17.9393 24.106 18.0696 24.106V25.106ZM15.949 25.106H18.0696V24.106H15.949V25.106ZM13.9979 23.7494C14.55 23.7494 15.0255 24.0961 15.2157 24.591L16.1492 24.2323C15.8167 23.3672 14.9809 22.7494 13.9979 22.7494V23.7494ZM12.7802 24.591C12.9703 24.0961 13.4459 23.7494 13.9979 23.7494V22.7494C13.015 22.7494 12.1792 23.3672 11.8467 24.2323L12.7802 24.591ZM9.93104 25.106H12.0469V24.106H9.93104V25.106ZM9.16699 24.342C9.16699 24.7639 9.50907 25.106 9.93104 25.106V24.106C10.0614 24.106 10.167 24.2116 10.167 24.342H9.16699ZM9.16699 10.3246V24.342H10.167V10.3246H9.16699ZM9.93104 9.56055C9.50907 9.56055 9.16699 9.90262 9.16699 10.3246H10.167C10.167 10.4549 10.0614 10.5605 9.93104 10.5605V9.56055ZM15.949 24.106C16.0672 24.106 16.13 24.1825 16.1492 24.2323L15.2157 24.591C15.3211 24.8652 15.5903 25.106 15.949 25.106V24.106ZM16.2193 10.4174C16.2045 10.4708 16.1425 10.5605 16.0128 10.5605V9.56055C15.6208 9.56055 15.3403 9.84445 15.2555 10.1507L16.2193 10.4174ZM11.8467 24.2323C11.8658 24.1825 11.9287 24.106 12.0469 24.106V25.106C12.4055 25.106 12.6748 24.8652 12.7802 24.591L11.8467 24.2323ZM11.9831 10.5605C11.8534 10.5605 11.7913 10.4708 11.7766 10.4174L12.7403 10.1507C12.6556 9.84445 12.375 9.56055 11.9831 9.56055V10.5605Z" fill="currentColor"></path><path d="M9.66602 14.4243H18.3327" stroke="currentColor" stroke-linejoin="round" stroke-dasharray="0.79 0.79"></path></svg></div></label><label class="form_ticket"><input type="checkbox" name="ticketOnline" class="form_ticket_checkbox" value="Online - Free!"/><span class="form_ticket_label">Online - Free</span><div class="form_ticket_icon">
445<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 28 34" fill="none"><path opacity="0.2" d="M1 4.50212C1 2.75213 2.41864 1.3335 4.16862 1.3335H23.8314C25.5814 1.3335 27 2.75214 27 4.50212V30.1649C27 31.9149 25.5814 33.3335 23.8314 33.3335H4.16862C2.41864 33.3335 1 31.9149 1 30.1649V4.50212Z" stroke="currentColor"></path><path opacity="0.5" d="M5.33301 5.69678V5.19678C5.05687 5.19678 4.83301 5.42063 4.83301 5.69678H5.33301ZM22.6663 5.69678H23.1663C23.1663 5.42063 22.9425 5.19678 22.6663 5.19678V5.69678ZM22.6663 28.9695V29.4695C22.9425 29.4695 23.1663 29.2456 23.1663 28.9695H22.6663ZM5.33301 28.9695H4.83301C4.83301 29.2456 5.05687 29.4695 5.33301 29.4695V28.9695ZM5.33301 6.19678H22.6663V5.19678H5.33301V6.19678ZM22.1663 5.69678V28.9695H23.1663V5.69678H22.1663ZM5.83301 28.9695V5.69678H4.83301V28.9695H5.83301ZM5.33301 29.4695H22.6663V28.4695H5.33301V29.4695Z" fill="currentColor"></path><path d="M15.6824 24.4116L15.2157 24.591L15.6824 24.4116ZM15.7374 10.284L16.2193 10.4174L15.7374 10.284ZM12.3134 24.4116L11.8467 24.2323L12.3134 24.4116ZM12.2584 10.284L11.7766 10.4174L12.2584 10.284ZM11.9831 9.56055H9.93104V10.5605H11.9831V9.56055ZM13.9979 11.1132C13.4017 11.1132 12.8946 10.7083 12.7403 10.1507L11.7766 10.4174C12.0465 11.393 12.9364 12.1132 13.9979 12.1132V11.1132ZM15.2555 10.1507C15.1013 10.7083 14.5942 11.1132 13.9979 11.1132V12.1132C15.0595 12.1132 15.9494 11.393 16.2193 10.4174L15.2555 10.1507ZM18.0696 9.56055H16.0128V10.5605H18.0696V9.56055ZM18.8337 10.3246C18.8337 9.90262 18.4916 9.56055 18.0696 9.56055V10.5605C17.9393 10.5605 17.8337 10.4549 17.8337 10.3246H18.8337ZM18.8337 24.342V10.3246H17.8337V24.342H18.8337ZM18.0696 25.106C18.4916 25.106 18.8337 24.7639 18.8337 24.342H17.8337C17.8337 24.2116 17.9393 24.106 18.0696 24.106V25.106ZM15.949 25.106H18.0696V24.106H15.949V25.106ZM13.9979 23.7494C14.55 23.7494 15.0255 24.0961 15.2157 24.591L16.1492 24.2323C15.8167 23.3672 14.9809 22.7494 13.9979 22.7494V23.7494ZM12.7802 24.591C12.9703 24.0961 13.4459 23.7494 13.9979 23.7494V22.7494C13.015 22.7494 12.1792 23.3672 11.8467 24.2323L12.7802 24.591ZM9.93104 25.106H12.0469V24.106H9.93104V25.106ZM9.16699 24.342C9.16699 24.7639 9.50907 25.106 9.93104 25.106V24.106C10.0614 24.106 10.167 24.2116 10.167 24.342H9.16699ZM9.16699 10.3246V24.342H10.167V10.3246H9.16699ZM9.93104 9.56055C9.50907 9.56055 9.16699 9.90262 9.16699 10.3246H10.167C10.167 10.4549 10.0614 10.5605 9.93104 10.5605V9.56055ZM15.949 24.106C16.0672 24.106 16.13 24.1825 16.1492 24.2323L15.2157 24.591C15.3211 24.8652 15.5903 25.106 15.949 25.106V24.106ZM16.2193 10.4174C16.2045 10.4708 16.1425 10.5605 16.0128 10.5605V9.56055C15.6208 9.56055 15.3403 9.84445 15.2555 10.1507L16.2193 10.4174ZM11.8467 24.2323C11.8658 24.1825 11.9287 24.106 12.0469 24.106V25.106C12.4055 25.106 12.6748 24.8652 12.7802 24.591L11.8467 24.2323ZM11.9831 10.5605C11.8534 10.5605 11.7913 10.4708 11.7766 10.4174L12.7403 10.1507C12.6556 9.84445 12.375 9.56055 11.9831 9.56055V10.5605Z" fill="currentColor"></path><path d="M9.66602 14.4243H18.3327" stroke="currentColor" stroke-linejoin="round" stroke-dasharray="0.79 0.79"></path></svg></div></label><div class="css-checked-styling w-embed"><style> 446.form_ticket:has(.form_ticket_checkbox:checked) { 447 background-color: var(--swatch--brand-opacity-02); /* Set the background color */ 448 border-color: var(--swatch--brand); /* Set the border color */ 449 border-style: solid; /* Change border from dashed to solid */ 450} 451 452.form_ticket:has(.form_ticket_checkbox:checked) .form_ticket_icon svg path:nth-child(-n+2) { 453 color: var(--swatch--brand); /* Change color for the first two paths in the SVG */ 454} 455</style></div></div><div class="g_form_input_error u-text-small u-weight-medium">You must pick at least 1 Ticket.</div></div></div><div class="g_button_wrap is-border-top u-hflex-right-center"><button sf-goto="next" class="g_form_button u-text-small u-weight-bold">Continue</button></div></div></div><div sf-step="step-2" class="form_main_step_layout u-vflex-center-center"><div class="form_step_content u-vflex-stretch-center u-gap-medium"><div class="g_form_input_wrap"><div class="g_form_input_contain u-position-relative"><input class="g_form_input w-input" maxlength="256" name="firstName" data-name="firstName" placeholder="" type="text" id="firstName" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">First name <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">First Name cannot be blank.<br/></div></div></div><div class="g_form_input_wrap"><div class="g_form_input_contain u-position-relative"><input class="g_form_input w-input" maxlength="256" name="lastName" data-name="lastName" placeholder="" type="text" id="lastName" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">LAST name <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">Last Name cannot be blank.<br/></div></div></div><div class="g_form_input_wrap is-nouns"><div class="g_form_input_contain u-position-relative"><select id="otherPronouns" name="otherPronouns" data-name="otherPronouns" class="g_form_input w-select"><option value=""></option><option value="She/Her">She/Her</option><option value="He/Him">
455He/Him</option><option value="They/Them">They/Them</option><option value="Ze/Hir">Ze/Hir</option><option value="other">Not listed (please specify)</option></select><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">pronouns</label></div><div class="g_form_input_wrap"><div sf-react="visibility($f.otherPronouns === 'other')" class="g_form_input_contain u-position-relative"><input class="g_form_input w-input" maxlength="256" name="otherPronounsChoice" data-name="otherPronounsChoice" placeholder="" type="text" id="otherPronounsChoice" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">Please specify your pronouns <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">Please specify your desired pronouns.<br/></div></div></div></div><div class="g_form_input_contain u-position-relative"><input class="g_form_input w-input" maxlength="256" name="jobTitle" data-name="jobTitle" placeholder="" type="text" id="jobTitle" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">Job title <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">Job Title cannot be blank.<br/></div></div><div class="g_form_input_contain u-position-relative"><input class="g_form_input w-input" maxlength="256" name="company" data-name="company" placeholder="" type="text" id="company" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">Company <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">Company cannot be blank.<br/></div></div><div class="g_form_input_contain u-position-relative"><select id="companySize" name="companySize" data-name="companySize" required="" sf-error-class="u-error-border" class="g_form_input w-select"><option value=""></option><option value="1-50">1-50 employees</option><option value="51-200">51-200 employees</option><option value="201-2,500">201-2,500 employees</option><option value="2,501-10K">2,501-10K employees</option><option value="10K+">10k+ employees</option></select><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">Company size <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">Company Size cannot be blank.<br/></div></div><div class="g_form_input_contain u-position-relative"><input class="g_form_input w-input" maxlength="256" name="telephone" data-name="telephone" sf-validation="hook(checkTelephone)" placeholder="" type="tel" id="telephone" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">phone number <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">Phone Number must be valid phone number.<br/></div></div><div class="g_form_input_contain u-position-relative autocomplete-container"><input class="g_form_input w-input" maxlength="256" name="workAddress" data-name="workAddress" placeholder="" type="text" id="workAddress" required=""/><div id="addressSuggestions" class="div-block-3"></div><div class="g_form_input_error u-text-small u-weight-medium">Work Address cannot be blank.<br/></div><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">work address <span class="g_form_desc_asterisk">*</span></label></div><div sf-react="visibility($f.workAddress)" class="visibility-attribute u-vflex-stretch-center u-gap-medium"><div class="g_form_input_contain u-position-relative"><select id="country" name="country" data-name="country" required="" class="g_form_input w-select"><option value="">Select country</option><option value="Afghanistan">Afghanistan</option><option value="Akrotiri">Akrotiri</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antarctica">Antarctica</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Ashmore and Cartier Islands">Ashmore and Cartier Islands</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Bassas da India">Bassas da India</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option><option value="Botswana">Botswana</option><option value="Bouvet Island">Bouvet Island</option><option value="Brazil">Brazil</option><option value="British Indian Ocean Territory">British Indian Ocean Territory</option><option value="British Virgin Islands">British Virgin Islands</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burma">Burma</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Christmas Island">Christmas Island</option><option value="Clipperton Island">Clipperton Island</option><option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Democratic Republic of the Congo">Democratic Republic of the Congo</option><option value="Republic of the Cook Islands">Republic of the Cook Islands</option><option value="Coral Sea Islands">Coral Sea Islands</option><option value="Costa Rica">Costa Rica</option><option value="Cote d'Ivoire">Cote d'Ivoire</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Dhekelia">Dhekelia</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Europa Island">Europa Island</option><option value="Falkland Islands (Islas Malvinas)">Falkland Islands (Islas Malvinas)</option><option value="Faroe Islands">Faroe Islands</option><option value="Fiji">Fiji</option><option value="Finland">Finland</option><option value="France">
455France</option><option value="French Guiana">French Guiana</option><option value="French Polynesia">French Polynesia</option><option value="French Southern and Antarctic Lands">French Southern and Antarctic Lands</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Gaza Strip">Gaza Strip</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Glorioso Islands">Glorioso Islands</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadeloupe">Guadeloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guernsey">Guernsey</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option><option value="Holy See (Vatican City)">Holy See (Vatican City)</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Isle of Man">Isle of Man</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Jamaica">Jamaica</option><option value="Jan Mayen">Jan Mayen</option><option value="Japan">Japan</option><option value="Jersey">Jersey</option><option value="Jordan">Jordan</option><option value="Juan de Nova Island">Juan de Nova Island</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Korea, North">Korea, North</option><option value="Korea, South">Korea, South</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Laos">Laos</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libya">Libya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macau">Macau</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova">Moldova</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montenegro">Montenegro</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Namibia">Namibia</option><option value="Nauru">Nauru</option><option value="Navassa Island">Navassa Island</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="Netherlands Antilles">Netherlands Antilles</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="Northern Mariana Islands">Northern Mariana Islands</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Panama">Panama</option><option value="Papua New Guinea">Papua New Guinea</option><option value="Paracel Islands">Paracel Islands</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn Islands">Pitcairn Islands</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Reunion">Reunion</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Rwanda">Rwanda</option><option value="Saint Helena">Saint Helena</option><option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option><option value="Saint Lucia">Saint Lucia</option><option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option><option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="Sao Tome and Principe">Sao Tome and Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia">Serbia</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Singapore">Singapore</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="South Africa">South Africa</option><option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option><option value="Spain">Spain</option><option value="Spratly Islands">Spratly Islands</option><option value="Sri Lanka">Sri Lanka</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Svalbard">Svalbard</option><option value="Swaziland">Swaziland</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syria">Syria</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Timor-Leste">Timor-Leste</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad and Tobago">Trinidad and Tobago</option><option value="Tromelin Island">Tromelin Island</option><option value="Tunisia">Tunisia</option><option value="Turkey">Turkey</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks and Caicos Islands">Turks and Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom">United Kingdom</option><option value="United States">United States</option><option value="Uruguay">Uruguay</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="Virgin Islands">Virgin Islands</option><option value="Wake Island">Wake Island</option><option value="Wallis and Futuna">Wallis and Futuna</option><option value="West Bank">West Bank</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option></select><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">Country <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">Company Size cannot be blank.<br/></div></div><div class="g_form_input_contain u-position-relative autocomplete-container"><input class="g_form_input w-input" maxlength="256" name="City" data-name="City" placeholder="" type="text" id="city" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">city <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">City cannot be blank.<br/></div></div><div class="g_form_input_contain u-position-relative autocomplete-container"><input class="g_form_input w-input" maxlength="256" name="state" data-name="state" placeholder="" type="text" id="state" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">State/Province/County <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">State/Province/County cannot be blank.<br/></div></div><div class="g_form_input_contain u-position-relative autocomplete-container"><input class="g_form_input w-input" maxlength="256" name="postalCode" data-name="postalCode" placeholder="" type="text" id="postalCode" required=""/><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">postal code <span class="g_form_desc_asterisk">*</span></label><div class="g_form_input_error u-text-small u-weight-medium">Postal Code cannot be blank.<br/></div></div></div><div class="g_form_input_contain u-position-relative"><input class="g_form_input w-input" maxlength="256" name="password" data-name="password" sf-validation="length(8)" placeholder="" type="password" id="password" required=""/><div class="g_form_input_error u-text-small u-weight-medium">Password must contain at least 8 characters.<br/></div><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">Choose A Password <span class="g_form_desc_asterisk">*</span></label></div><div class="g_form_input_contain u-position-relative"><input class="g_form_input w-input" maxlength="256" name="password2" data-name="password2" sf-validation="hook(validatePassword)" placeholder="" type="password" id="password2" required=""/><div class="g_form_input_error u-text-small u-weight-medium">This value does not match the password you entered above.<br/></div><label for="" class="g_form_input_label u-position-absolute u-text-transform-uppercase">repeat password <span class="g_form_desc_asterisk">*</span></label></div><div class="g_button_wrap u-hflex-between-center is-border-top"><button sf-goto="back" class="g_form_button u-text-small u-weight-bold">Back</button><button sf-goto="next" class="g_form_button u-text-small u-weight-bold">Continue</button></div></div></div><div sf-step="step-3" class="form_main_step_layout u-vflex-center-center"><div class="form_step_content"><div class="form_step_one_heading u-vflex-center-center u-gap-xsmall u-mb-medium"><h1 class="step_one_heading u-text-h1">You're registered!</h1><p class="u-text-small">This is not a real ticket though, you know that right?<br/></p></div><div class="button-group u-hflex-center-center"><a href="https://x.com/bydeltaclan" target="_blank" class="button is-icon w-inline-block"><img loading="eager" src="https://cdn.prod.website-files.com/66f6d1563dd432232b035942/671e674030f91cc201979e55_x-social-media-white-icon.svg" alt="X (Twitter) Logo" class="icon-1x1-small"/><div class="div-block-16"><div>Twitter</div><div class="icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--tabler" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
455<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></div></div></a><a href="https://discord.gg/pjy8U7H6yx" target="_blank" class="button is-icon w-inline-block"><img loading="eager" src="https://cdn.prod.website-files.com/66f6d1563dd432232b035942/671e673f30f91cc201979e3f_discord-icon-svgrepo-com.svg" alt="Discord Logo" class="icon-1x1-mix"/><div class="div-block-16"><div>Discord</div><div class="icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--tabler" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"></path></svg></div></div></a></div></div><div data-padding-top="small" class="form_checkout_wrap u-width-full"><div class="form_checkout_display u-text-h2 u-weight-bold u-mb-large">Account Details</div><div class="form_checkout_layout u-grid-custom u-gap-none"><div class="form_checkout_item u-column-2 is-header"><div class="form_checkout_title">Full Name</div></div><div class="form_checkout_item u-column-4 is-header"><div class="form_checkout_title">Business Email Address</div></div><div class="form_checkout_item u-column-3 is-header"><div class="form_checkout_title">Registrant Type</div></div><div class="form_checkout_item is-header"><div class="form_checkout_title">Total Price</div></div><div class="form_checkout_item u-column-2 u-pt-1"><div sf-react="text($f.firstName + ' ' + $f.lastName)" class="form_checkout_text">Jane Doe</div></div><div sf-react="text($f.email)" class="form_checkout_item u-column-4 u-pt-1"><div class="form_checkout_text">[email protected]</div></div><div class="form_checkout_item u-column-3"><div class="u-pt-1"><div sf-react="text($f.ticketSf)">choices</div><div sf-react="text($f.ticketLdn)">choices</div><div sf-react="text($f.ticketOnline)">choices</div></div></div><div class="form_checkout_item u-pt-1"><div sf-react="text('$' + $v.totalPrice)" class="form_checkout_text">Total amount</div></div></div><div class="g_button_wrap u-hflex-between-center is-border-top"><button sf-goto="step-1" type="reset" class="g_form_button u-text-small u-weight-bold">â ï¸ Reset Data</button></div></div></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><a href="https://superformjs.webflow.io/" target="_blank" class="g_superform_link w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/66f6d1563dd432232b035942/671bc449ccdc418fc5bb81b2_superform_logo.svg" alt="Superform logo." class="image"/><div>Powered by Superform</div></a><link rel="prerender" href="https://superformjs.webflow.io/"/></section></main></div>
455<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66f6d1563dd432232b035942" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
455<script src="https://cdn.prod.website-files.com/66f6d1563dd432232b035942/js/webflowconf24.48f632ac4.js" type="text/javascript"></script>
455<script> 456pageFunctions.executeFunctions(); 457</script>
457<!-- Intl jQuery plugin by jackocnr -->
458<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/build/js/intlTelInput.min.js"></script>
458 459 460
461<script> 462 /* Intl jQuery phone input snippet taken from MemberStack Cloneable ð */ 463 $(document).ready(function() { 464 $('#telephone').each(function() { 465 const input = this; 466 const iti = window.intlTelInput(input, { 467 preferredCountries: ["US", "GR"], 468 utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/js/utils.js" 469 }); 470 471 $.get("https://ipinfo.io", function(response) { 472 let countryCode = response.country; 473 iti.setCountry(countryCode); 474 }, "jsonp"); 475 476 input.addEventListener('change', formatPhoneNumber); 477 input.addEventListener('keyup', formatPhoneNumber); 478 479 function formatPhoneNumber() { 480 let formattedNumber = iti.getNumber(intlTelInputUtils.numberFormat.NATIONAL); 481 input.value = formattedNumber; 482 } 483 }); 484 }); 485 486 487// Find the address auto-complete + fill rest of the inputs. API has a rate limit, so if you want to use it yourself, try register @ Geoapify, it's free for 3000 calls per day. 488const apiKey = "4d1b13b70f174f1db66af450b45f605a"; 489const workAddressInput = document.getElementById('workAddress'); 490const suggestionsContainer = document.getElementById('addressSuggestions'); 491const cityInput = document.getElementById('city'); 492const postalCodeInput = document.getElementById('postalCode'); 493const countrySelect = document.getElementById('country'); 494const stateInput = document.getElementById('state'); // Add reference to the #state input 495 496let currentIndex = -1; // Track the currently highlighted suggestion 497let suggestionSelected = false; // Track if a suggestion was selected 498 499// Function to fetch suggestions from Geoapify 500async function fetchAddressSuggestions(query) { 501 const url = `https://api.geoapify.com/v1/geocode/autocomplete?text=${encodeURIComponent(query)}&apiKey=${apiKey}&limit=5`; 502 const response = await fetch(url); 503 const data = await response.json(); 504 return data.features || []; 505} 506 507// Function to display suggestions 508function displaySuggestions(suggestions) { 509 suggestionsContainer.innerHTML = ''; // Clear previous suggestions 510 currentIndex = -1; // Reset index for new suggestions 511 suggestionSelected = false; // Reset selected flag 512 513 if (suggestions.length > 0) { 514 suggestionsContainer.style.display = 'block'; // Show suggestions box 515 suggestions.forEach((suggestion, index) => { 516 const suggestionItem = document.createElement('div'); 517 suggestionItem.textContent = suggestion.properties.formatted; 518 suggestionItem.classList.add('suggestion-item'); 519 520 // Add click event for selecting suggestion 521 suggestionItem.addEventListener('click', () => { 522 selectSuggestion(suggestion); 523 }); 524 525 // Add data attribute to track index 526 suggestionItem.setAttribute('data-index', index); 527 528 suggestionsContainer.appendChild(suggestionItem); 529 }); 530 } else { 531 suggestionsContainer.style.display = 'none'; // Hide suggestions box if no results 532 } 533} 534 535// Function to select a suggestion 536function selectSuggestion(suggestion) { 537 suggestionSelected = true; // Set flag to true when a suggestion is selected 538 539 workAddressInput.value = suggestion.properties.formatted; 540 cityInput.value = suggestion.properties.city || ''; 541 postalCodeInput.value = suggestion.properties.postcode || ''; 542 stateInput.value = suggestion.properties.state || ''; // Set state if available 543 544 const country = suggestion.properties.country || ''; 545 Array.from(countrySelect.options).forEach(option => { 546 if (option.textContent === country) { 547 option.selected = true; 548 } 549 }); 550 551 suggestionsContainer.innerHTML = ''; // Clear suggestions 552 suggestionsContainer.style.display = 'none'; // Hide suggestions box 553} 554 555// Handle keyboard navigation (up/down and enter) 556workAddressInput.addEventListener('keydown', function (event) { 557 const suggestionItems = suggestionsContainer.querySelectorAll('.suggestion-item'); 558 559 // Down arrow key 560 if (event.key === 'ArrowDown') { 561 event.preventDefault(); // Prevent default behavior 562 if (currentIndex < suggestionItems.length - 1) { 563 currentIndex++; 564 highlightSuggestion(suggestionItems, currentIndex); 565 } 566 } 567 568 // Up arrow key 569 if (event.key === 'ArrowUp') { 570 event.preventDefault(); // Prevent default behavior 571 if (currentIndex > 0) { 572 currentIndex--; 573 highlightSuggestion(suggestionItems, currentIndex); 574 } 575 } 576 577 // Enter key 578 if (event.key === 'Enter' && currentIndex >= 0) { 579 event.preventDefault(); // Prevent form submission 580 suggestionItems[currentIndex].click(); // Simulate click on the selected suggestion 581 } 582}); 583 584// Function to highlight a suggestion 585function highlightSuggestion(items, index) {
586 items.forEach(item => item.classList.remove('highlight')); // Remove highlight from all items 587 if (items[index]) { 588 items[index].classList.add('highlight'); // Highlight the current item 589 items[index].scrollIntoView({ block: "nearest" }); // Ensure highlighted item is visible 590 } 591} 592 593// Event listener for address input 594workAddressInput.addEventListener('input', async function () { 595 const query = this.value.trim(); 596 suggestionSelected = false; // Reset flag when typing 597 if (query.length > 2) { 598 const suggestions = await fetchAddressSuggestions(query); 599 displaySuggestions(suggestions); 600 } else { 601 suggestionsContainer.innerHTML = ''; // Clear suggestions if query is too short 602 suggestionsContainer.style.display = 'none'; // Hide suggestions box 603 } 604}); 605 606// Handle form submission or when user leaves the workAddress input 607workAddressInput.addEventListener('blur', function () { 608 if (!suggestionSelected) { 609 // If no suggestion is selected, allow manual input 610 cityInput.value = ''; // Clear the auto-filled city 611 postalCodeInput.value = ''; // Clear the auto-filled postal code 612 stateInput.value = ''; // Clear the auto-filled state 613 countrySelect.value = ''; // Clear the selected country 614 } 615}); 616 617 618// Validation of Password and Telephone inputs 619// Wait for Superform to be ready before registering hooks 620 621// Notes: normally all code should or could go directly inside .push(), since we need to ensure 622// Superform is loaded, but for the shake of the example to demonstrate how validation hooks work 623 624window.SuperformAPI = window.SuperformAPI || []; 625window.SuperformAPI.push(({ getForm }) => { 626 // Fetch the specific form by its name 627 const myForm = getForm("registrationForm"); 628 629 // Register a validation hook for the telephone input 630 // this hooks to input's attribute sf-validation=hook(checkTelephone) 631 myForm.registerInputValidationHook("checkTelephone", ({ data }) => { 632 // Get the E.164 format for validation 633 const telephone = iti.getNumber(intlTelInputUtils.numberFormat.E164); 634 635 // Validate E.164 international format: + followed by 10-15 digits 636 const phoneRegex = /^\+\d{10,15}$/; 637 638 639 // Check if the telephone number matches the regex 640 if (!phoneRegex.test(telephone)) { 641 // If the phone number is invalid, return false (automatically triggers error) 642 return false; 643 } 644 // Else, if valid, continue 645 return true; 646}); 647 648 // Register a validation hook for the email input 649 // this hooks to input's attribute sf-validation=hook(validatePassword) 650 myForm.registerInputValidationHook("validatePassword", ({ data }) => { 651 // Access both password fields from the form data 652 const passwordMain = data.password; 653 const passwordRepeat = data.password2; 654 655 // Check if the values of the two fields are different 656 if (passwordMain !== passwordRepeat) { 657 // If they don't match return false (automatically triggers error) 658 return false; 659 } 660 // else continue 661 else { return true } 662 }); 663 664}); 665 666</script>
666</body></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.