CINXE.COM

Meet the Team - Advancing Construction

<!doctype html> <html class="html page-template-default page page-id-736" lang="en_US"> <head> <meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, minimal-ui"><meta name="format-detection" content="telephone=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <script type="text/javascript"> var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); </script> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ffffff"><meta name="msapplication-TileColor" content="#ffffff"><meta name="theme-color" content="#ffffff"> <!-- This site is optimized with the Yoast SEO plugin v23.6 - https://yoast.com/wordpress/plugins/seo/ --> <title>Meet the Team - Advancing Construction</title> <link rel="canonical" href="https://advancingconstruction.com/meet-the-team/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Meet the Team - Advancing Construction" /> <meta property="og:url" content="https://advancingconstruction.com/meet-the-team/" /> <meta property="og:site_name" content="Advancing Construction" /> <meta property="article:modified_time" content="2024-05-21T09:14:56+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://advancingconstruction.com/meet-the-team/","url":"https://advancingconstruction.com/meet-the-team/","name":"Meet the Team - Advancing Construction","isPartOf":{"@id":"https://advancingconstruction.com/#website"},"datePublished":"2022-10-28T12:56:36+00:00","dateModified":"2024-05-21T09:14:56+00:00","breadcrumb":{"@id":"https://advancingconstruction.com/meet-the-team/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://advancingconstruction.com/meet-the-team/"]}]},{"@type":"BreadcrumbList","@id":"https://advancingconstruction.com/meet-the-team/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://advancingconstruction.com/"},{"@type":"ListItem","position":2,"name":"Meet the Team"}]},{"@type":"WebSite","@id":"https://advancingconstruction.com/#website","url":"https://advancingconstruction.com/","name":"Advancing Construction","description":"On Time, On Budget, On Scope... Every Time","publisher":{"@id":"https://advancingconstruction.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://advancingconstruction.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://advancingconstruction.com/#organization","name":"Advancing Construction","url":"https://advancingconstruction.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://advancingconstruction.com/#/schema/logo/image/","url":"https://advancingconstruction.com/wp-content/uploads/2022/11/handson-wade-advancing-construction-logo.svg","contentUrl":"https://advancingconstruction.com/wp-content/uploads/2022/11/handson-wade-advancing-construction-logo.svg","width":1,"height":1,"caption":"Advancing Construction"},"image":{"@id":"https://advancingconstruction.com/#/schema/logo/image/"}}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//maps.googleapis.com' /> <link rel='dns-prefetch' href='//fast.fonts.net' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='dns-prefetch' href='//unpkg.com' /> <script type="application/ld+json">{"@context": "http://schema.org","@type": "Organization","address": {"@type": "PostalAddress","streetAddress": "52 Grosvenor Gardens","addressLocality": "","addressRegion": "London","addressCountry": "London","postalCode": "SW1W 0AU"},"email": "construction@hansonwade.com","telephone": "","name": "","url": "https://advancingconstruction.com"}</script><style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='IonIcons-css' href='//unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='Main-css' href='https://advancingconstruction.com/wp-content/themes/pegasus/dist/css/main.css' type='text/css' media='all' /> <script type='text/javascript' src='//fast.fonts.net/jsapi/f5fc3967-4027-4526-9941-e122b7cd6c93.js' id='HelveticaFont-js'></script> <script type='text/javascript' src='https://advancingconstruction.com/wp-includes/js/jquery/jquery.min.js' id='jquery-core-js'></script> <script type='text/javascript' src='https://advancingconstruction.com/wp-includes/js/jquery/jquery-migrate.min.js' id='jquery-migrate-js'></script> <link rel="https://api.w.org/" href="https://advancingconstruction.com/wp-json/" /><link rel="alternate" type="application/json" href="https://advancingconstruction.com/wp-json/wp/v2/pages/736" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://advancingconstruction.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://advancingconstruction.com/?p=736' /> <link rel="alternate" type="application/json+oembed" href="https://advancingconstruction.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fadvancingconstruction.com%2Fmeet-the-team%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://advancingconstruction.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fadvancingconstruction.com%2Fmeet-the-team%2F&#038;format=xml" /> <link rel="preload" href="https://advancingconstruction.com/wp-content/themes/pegasus/dist/fonts/nexa-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://advancingconstruction.com/wp-content/themes/pegasus/dist/fonts/nexa-light.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://advancingconstruction.com/wp-content/themes/pegasus/dist/fonts/nexa-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="icon" href="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-logo-2022-RGB_WHT_OUT_ICON_ICON-150x150.png" sizes="32x32" /> <link rel="icon" href="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-logo-2022-RGB_WHT_OUT_ICON_ICON.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-logo-2022-RGB_WHT_OUT_ICON_ICON.png" /> <meta name="msapplication-TileImage" content="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-logo-2022-RGB_WHT_OUT_ICON_ICON.png" /> <meta name="google-site-verification" content="vui_-m4Vz5DDDVFel8d-fRqMaJlivvO4AiXKPuvE9cA" /> <!-- CookiePro Cookies Consent Notice start for advancingconstruction.com --> <script src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="7aff4bfb-5229-46eb-97f0-354b34f48862" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- CookiePro Cookies Consent Notice end for advancingconstruction.com --> <!-- Marketo Measure --> <script type="text/javascript" src=https://cdn.bizible.com/scripts/bizible.js async=""></script> <!-- Marketo Measure --> <!-- Marketo Munchkin Start for hansonwade.com --> <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('355-DOS-429'); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); </script> <!-- Marketo Munchkin End for hansonwade.com --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NS6XSZR');</script> <!-- End Google Tag Manager --> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NS6XSZR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header id="page-header" class="relative z-page-header"> <div id="page-nav-container" x-data="navigation()" @scroll.window="menuScrolling()" @click.away="megamenu = null" class="Navigation fixed transition w-full transform transition ease-in-out duration-300" :class="[((scrolled) && !isMobile ? 'scrolled md:shadow-[0_0_10px_0_rgba(0,0,0,0.2)]' : 'translate-y-0'), (scrolled ? 'bg-brand-base z-[60]' : ' ')]" > <div x-cloak class="relative z-50" :class="loaded || isMobile ? 'nav-loaded' : 'nav-loading'"> <div x-ref="navBar" class="Navigation__bar transition ease-in-out duration-300 " :class="[(scrolled || (mobMenuOpen && isMobile) || (megamenu !== null) ? 'bg-navbar-light' : 'bg-navbar-transparent'), ((visible && !mobMenuOpen && '' && !hasTransparentBg) ? 'shadow-md' : '')]"> <div class="container h-full transition-all duration-300 py-4" :class="scrolled ? 'md:py-1' : 'md:py-6'"> <div class="flex justify-between items-center border-gray-100 h-full md:space-x-10"> <div class="flex justify-start lg:w-0 lg:flex-1"> <a href="https://advancingconstruction.com"> <span class="sr-only">Advancing Construction</span> <img src="https://advancingconstruction.com/wp-content/uploads/2022/11/banner-logo.svg" data-src="https://advancingconstruction.com/wp-content/uploads/2022/11/banner-logo.svg" width="260" height="30" class="w-auto lazy" alt="banner-logo" :class="(scrolled || mobMenuOpen || megamenu !== null) ? 'hidden' : 'h-[2.75rem] md:h-[3.75rem]'" /> <img src="https://advancingconstruction.com/wp-content/uploads/2022/11/handson-wade-advancing-construction-logo.svg" data-src="https://advancingconstruction.com/wp-content/uploads/2022/11/handson-wade-advancing-construction-logo.svg" width="260" height="30" class="w-auto lazy" alt="handson-wade-advancing-construction-logo" :class="(scrolled || mobMenuOpen || megamenu !== null) ? 'h-[2.5rem]' : 'hidden'" /> </a> </div> <div class="-mr-2 -my-2 md:hidden h-full"> <button @click="[(mobMenuOpen = !mobMenuOpen), (mobMenuOpen ? lockScroll() : unlockScroll())]" type="button" class="mobile-burger-btn bg-transparent rounded-md w-10 h-full inline-flex items-center justify-center leading-9 text-gray-700 hover:text-gray-500 focus:outline-none" :aria-expanded="mobMenuOpen" aria-expanded="false"> <span class="sr-only">Open menu</span> <i class="icon transition ease-in-out duration-300 text-4xl" :class="[(mobMenuOpen ? 'ion-ios-close' : 'ion-ios-menu'), (scrolled || mobMenuOpen ? 'text-content-dark' : 'text-content-light')]" tabindex="0"></i> </button> </div> <nav class="Navigation__desktopMenu hidden md:block"> <div class="relative flex"> <ul class="md:flex items-center space-x-10"> <li class="relative"> <div> <button type="button" class="desktop-navigation-link font-medium relative -underline py-6" @click="megamenu === '1868' ? megamenu = null : megamenu = '1868';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '1868' ? '-open' : '')">About</span> </button> <div x-cloak x-show="megamenu === '1868'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '1868'" x-transition:enter="transition ease-out duration-600" x-transition:enter-start="opacity-0 -translate-y-20" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-8" class="Navigation__megaMenu relative transform w-full top-0 shadow-lg bg-white z-10"> <div class="container max-h-screen overflow-y-auto scrollbar-hide"> <div class="flex flex-wrap justify-between pb-[3.5rem]"> <div class="w-full flex justify-end"> <div class="-mr-2 h-full"> <button @click="megamenu = null" type="button" class="mobile-burger-btn bg-transparent rounded-md w-10 h-full inline-flex items-center justify-center leading-9" aria-expanded="false"> <span class="sr-only">Close menu</span> <i class="icon transition ease-in-out duration-200 text-[3rem] text-brand-ac-light-green ion-ios-close hover:text-brand-ac-dark-green" tabindex="0"></i> </button> </div> </div> <div class="MegaMenu__Section sm:pb-20 lg:pb-0 w-full"> <div class="flex xl:pb-[3.75rem]"> <div class="md:w-1/2"> <h3 class="text-lg sm:text-lg md:text-2xl xl:text-h6 text-brand-ac-light-green font-bold leading-none">About</h3> </div> <div class="sm:ml-12 md:w-1/2"> <div class="text-[12px] xl:text-[16px] pb-8"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap -m-2"> <li class="w-1/3 lg:w-1/4 p-4 accent-light-green" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/what-we-do/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> What We Do </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-light-green" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/why-we-do-it/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Why We Do It </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-light-green" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/meet-the-team/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1678" data-name="Rectangle 1678" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_23" data-name="Mask Group 23" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10737" data-name="Group 10737"> <g id="Group_10736" data-name="Group 10736"> <rect id="Rectangle_1677" data-name="Rectangle 1677" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9020" data-name="Path 9020" d="M-2753-12415.871-2343-12644v227.582Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9021" data-name="Path 9021" d="M0,609.075,229.458,0H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Meet the Team </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-light-green" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/careers/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Careers </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> </ul> </div> </div> </div> </div> <div class="fixed top-0 left-0 w-screen h-screen z-0 bg-black bg-opacity-20 transition-opacity backdrop-blur" x-show="megamenu === '1868'" @click="megamenu = null"> </div> </div> </div> </li> <li class="relative"> <div> <button type="button" class="desktop-navigation-link font-medium relative -underline py-6" @click="megamenu === '1881' ? megamenu = null : megamenu = '1881';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '1881' ? '-open' : '')">Experience</span> </button> <div x-cloak x-show="megamenu === '1881'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '1881'" x-transition:enter="transition ease-out duration-600" x-transition:enter-start="opacity-0 -translate-y-20" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-8" class="Navigation__megaMenu relative transform w-full top-0 shadow-lg bg-white z-10"> <div class="container max-h-screen overflow-y-auto scrollbar-hide"> <div class="flex flex-wrap justify-between pb-[3.5rem]"> <div class="w-full flex justify-end"> <div class="-mr-2 h-full"> <button @click="megamenu = null" type="button" class="mobile-burger-btn bg-transparent rounded-md w-10 h-full inline-flex items-center justify-center leading-9" aria-expanded="false"> <span class="sr-only">Close menu</span> <i class="icon transition ease-in-out duration-200 text-[3rem] text-brand-ac-light-green ion-ios-close hover:text-brand-ac-dark-green" tabindex="0"></i> </button> </div> </div> <div class="MegaMenu__Section sm:pb-20 lg:pb-0 w-full"> <div class="flex xl:pb-[3.75rem]"> <div class="md:w-1/2"> <h3 class="text-lg sm:text-lg md:text-2xl xl:text-h6 text-brand-ac-light-green font-bold leading-none">Experience</h3> </div> <div class="sm:ml-12 md:w-1/2"> <div class="text-[12px] xl:text-[16px] pb-8"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap -m-2"> <li class="w-1/3 lg:w-1/4 p-4 accent-light-green" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/experience/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Attendees </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-light-green" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/experience-partners/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1674" data-name="Rectangle 1674" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Partners </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> </ul> </div> </div> </div> </div> <div class="fixed top-0 left-0 w-screen h-screen z-0 bg-black bg-opacity-20 transition-opacity backdrop-blur" x-show="megamenu === '1881'" @click="megamenu = null"> </div> </div> </div> </li> <li class="relative"> <a href="https://advancingconstruction.com/all-conferences/" class="desktop-navigation-link font-medium -underline py-4 " :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> Conferences </a> </li> <li class="relative"> <div> <button type="button" class="desktop-navigation-link font-medium relative -underline py-6" @click="megamenu === '1882' ? megamenu = null : megamenu = '1882';" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <span :class="(megamenu === '1882' ? '-open' : '')">Topics</span> </button> <div x-cloak x-show="megamenu === '1882'" class="fixed z-10 transform right-0 flex items-start w-full"> <div x-data="{ activeMegaMenuItem: true }" x-show="megamenu === '1882'" x-transition:enter="transition ease-out duration-600" x-transition:enter-start="opacity-0 -translate-y-20" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-8" class="Navigation__megaMenu relative transform w-full top-0 shadow-lg bg-white z-10"> <div class="container max-h-screen overflow-y-auto scrollbar-hide"> <div class="flex flex-wrap justify-between pb-[3.5rem]"> <div class="w-full flex justify-end"> <div class="-mr-2 h-full"> <button @click="megamenu = null" type="button" class="mobile-burger-btn bg-transparent rounded-md w-10 h-full inline-flex items-center justify-center leading-9" aria-expanded="false"> <span class="sr-only">Close menu</span> <i class="icon transition ease-in-out duration-200 text-[3rem] text-brand-ac-light-green ion-ios-close hover:text-brand-ac-dark-green" tabindex="0"></i> </button> </div> </div> <div class="MegaMenu__Section sm:pb-20 lg:pb-0 w-full"> <div class="flex xl:pb-[3.75rem]"> <div class="md:w-1/2"> <h3 class="text-lg sm:text-lg md:text-2xl xl:text-h6 text-brand-ac-light-green font-bold leading-none">Topics</h3> </div> <div class="sm:ml-12 md:w-1/2"> <div class="text-[12px] xl:text-[16px] pb-8"></div> <div class="sm:-mx-2"> <a href="https://advancingconstruction.com/all-conferences/" class=" button-light-gradient sm:mx-2 my-2" ><span class="sr-only">All Conferences</span><span>View All Conferences</span></a> </div> </div> </div> <ul class="MegaMenu__List flex flex-wrap -m-2"> <li class="w-1/3 lg:w-1/4 p-4 accent-purple" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/data-centers-community/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1674" data-name="Rectangle 1674" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Data Centers </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-orange" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/operations-support-functions-community/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1674" data-name="Rectangle 1674" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Operation Support Functions </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-light-green" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/preconstruction-community/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1676" data-name="Rectangle 1676" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_22" data-name="Mask Group 22" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10735" data-name="Group 10735"> <g id="Group_10734" data-name="Group 10734"> <rect id="Rectangle_1675" data-name="Rectangle 1675" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9019" data-name="Path 9019" d="M0,0,115.917,421.908H0Z" transform="translate(80 139.092)" fill="#fff" opacity="0.7"/> <path id="Path_9024" data-name="Path 9024" d="M0,410,346.6,0H0Z" transform="translate(80 561) rotate(-90)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Preconstruction </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-red" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/prefabrication-community/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1674" data-name="Rectangle 1674" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Prefabrication </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-light-blue" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/project-type-community/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1674" data-name="Rectangle 1674" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_21" data-name="Mask Group 21" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10732" data-name="Group 10732"> <g id="Group_10731" data-name="Group 10731"> <rect id="Rectangle_1576" data-name="Rectangle 1576" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9013" data-name="Path 9013" d="M-2753-12644l410,62.382v-62.231Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9014" data-name="Path 9014" d="M0,0,260,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Project Type </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-pink" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/quality-community/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1678" data-name="Rectangle 1678" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_23" data-name="Mask Group 23" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10737" data-name="Group 10737"> <g id="Group_10736" data-name="Group 10736"> <rect id="Rectangle_1677" data-name="Rectangle 1677" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9020" data-name="Path 9020" d="M-2753-12415.871-2343-12644v227.582Z" transform="translate(2833 12999.866)" fill="#fff" opacity="0.5"/> <path id="Path_9021" data-name="Path 9021" d="M0,609.075,229.458,0H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Quality & Sustainability </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> <li class="w-1/3 lg:w-1/4 p-4 accent-purple" data-alternate-accent-colour=""> <a class="group w-full relative inline-block overflow-hidden rounded-md h-full md:min-h-[150px]" href="https://advancingconstruction.com/technology-community/"> <div class="image-container relative w-full overflow-hidden rounded-md -description h-full"> <?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="410" height="205" viewBox="0 0 410 205"> <defs> <clipPath id="clip-path"> <rect id="Rectangle_1680" data-name="Rectangle 1680" width="410" height="205" rx="3" transform="translate(80 356)" fill="#e3e5df"/> </clipPath> </defs> <g id="Mask_Group_24" data-name="Mask Group 24" transform="translate(-80 -356)" clip-path="url(#clip-path)"> <g id="Group_10739" data-name="Group 10739"> <g id="Group_10738" data-name="Group 10738"> <rect id="Rectangle_1679" data-name="Rectangle 1679" width="410" height="205" rx="3" transform="translate(80 356)" fill="#ebece9"/> <path id="Path_9022" data-name="Path 9022" d="M0,343.766,410,0V342.937Z" transform="translate(423.766 182.057) rotate(90)" fill="#fff" opacity="0.5"/> <path id="Path_9023" data-name="Path 9023" d="M0,0,587.7,205H0Z" transform="translate(80 356)" fill="#fff" opacity="0.7"/> </g> </g> </g> </svg> <div class="z-20 w-full h-full flex flex-col justify-between p-4 lg:p-8"> <div class="heading-four pb-2 w-full flex justify-between font-bold label z-20 transition text-content-dark"> Technology </div> <span class="pr-2 z-10 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" width="15.854" height="15.854" viewBox="0 0 15.854 15.854"> <g id="Icon_feather-arrow-up-right" data-name="Icon feather-arrow-up-right" transform="translate(-10.146 -10)"> <path id="Path_8916" data-name="Path 8916" d="M10.5,25.5l15-15" fill="none" stroke="#1d1d1d" stroke-linejoin="round" stroke-width="1"/> <path id="Path_8917" data-name="Path 8917" d="M10.5,10.5h15v15" fill="none" stroke="#1d1d1d" stroke-width="1"/> </g> </svg> </span> </div> </div> <div class="line z-10 w-full absolute h-[4px] bottom-0 opacity-100 transition-all duration-600 transform"></div> </a> </li> </ul> </div> </div> </div> </div> <div class="fixed top-0 left-0 w-screen h-screen z-0 bg-black bg-opacity-20 transition-opacity backdrop-blur" x-show="megamenu === '1882'" @click="megamenu = null"> </div> </div> </div> </li> <li class="relative"> <div class="btn-container cursor-pointer" @click="$dispatch('open-modal')" :class="(scrolled || megamenu !== null ? 'text-content-dark' : 'text-content-light')"> <a class="nav-button button-light-gradient desktop-navigation-link my-2" id="contact-modal" ><span>Contact Us</span></a> </div> </li> </ul> </div> </nav> </div> </div> </div> </div> <div x-show="!menuOpen" class="Navigation__subNav top-full left-0 right-0 w-full transition relative ease-in-out duration-300" :class="mobSubNavOpen ? 'bg-brand-white text-content-dark' : ''" > <div :class="visible ? 'border-t' : 'border-none'"></div> <div class="container transition relative ease-in-out duration-300" > <div class="flex justify-between items-center"> <div x-ref="subNavLabel" class="flex-1 md:flex-none py-3 md:py-0 md:pr-4" :class="(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')"> <div class="flex items-center"> <h4 class="body-base hidden md:block "> <a href=""></a> </h4> </div> <button type="button" @click="mobSubNavOpen = !mobSubNavOpen" class="md:hidden flex justify-between items-center w-full relative" :class="mobSubNavOpen ? 'text-content-dark' : ''"> <span class="heading font-normal"></span> <i class="icon ion-ios-arrow-down transition duration-200 ease-out transform ml-1 text-current" :class="mobSubNavOpen ? 'rotate-180' : ''"></i> </button> </div> <div x-ref="subNavLinks" class="hidden md:flex items-center justify-end bg-transparent flex-1"> <ul class="site-nav list-inline flex items-center justify-end visible-links"> <li class="block ml-4 md:ml-1 font-normal sm:text-[11px] lg:text-[15px] text-content-light " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://advancingconstruction.com/what-we-do/" target="" class="link whitespace-nowrap transform transition" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > What We Do </a> </li> <li class="block ml-4 md:ml-1 font-normal sm:text-[11px] lg:text-[15px] text-content-light " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://advancingconstruction.com/why-we-do-it/" target="" class="link whitespace-nowrap transform transition" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > Why We Do It </a> </li> <li class="block ml-4 md:ml-1 font-normal sm:text-[11px] lg:text-[15px] text-content-light -current-underline" :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://advancingconstruction.com/meet-the-team/" target="" class="link whitespace-nowrap transform transition" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > Meet the Team </a> </li> <li class="block ml-4 md:ml-1 font-normal sm:text-[11px] lg:text-[15px] text-content-light " :class="(scrolled || megamenu !== null ? 'my-8' : 'my-10')"> <a href="https://advancingconstruction.com/careers/" target="" class="link whitespace-nowrap transform transition" :class="[(scrolled || megamenu !== null ? 'text-content-dark ' : 'text-content-light')]" > Careers </a> </li> </ul> <ul class="site-nav -more list-inline flex items-center justify-end more-links hidden" @click.away="moreLinksOpen = false"> <li class="relative pl-6 default-padding"> <button type="button" @click="moreLinksOpen = !moreLinksOpen" class="flex items-center link"> More <i class="icon ion-ios-arrow-down transition duration-200 ease-out transform ml-1 text-current" :class="moreLinksOpen ? 'rotate-180' : ''"></i> </button> <ul x-ref="moreLinks" :style="moreLinksOpen ? 'max-height: ' + $refs.moreLinks.scrollHeight*2 + 'px' : ''" class="px-8 bg-white absolute top-full transform translate-y-2 right-0 max-h-0 overflow-hidden transition-maxHeight duration-500"> </ul> </li> </ul> </div> </div> </div> <div class="bg-navbar-light text-content-dark md:hidden transition-maxHeight duration-500 overflow-hidden max-h-0" x-ref="mobileSubNavLinks" :style="mobSubNavOpen ? 'max-height: ' + $refs.mobileSubNavLinks.scrollHeight*2 + 'px' : ''" > <div class="nav-container"> <ul class="site-nav list-inline flex-col py-6 pl-0 list-none"> <li class="py-3 text-[16px] font-normal "> <a href="https://advancingconstruction.com/what-we-do/" target=""> What We Do </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://advancingconstruction.com/why-we-do-it/" target=""> Why We Do It </a> </li> <li class="py-3 text-[16px] font-normal -current-underline"> <a href="https://advancingconstruction.com/meet-the-team/" target=""> Meet the Team </a> </li> <li class="py-3 text-[16px] font-normal "> <a href="https://advancingconstruction.com/careers/" target=""> Careers </a> </li> </ul> </div> </div> </div> <div x-cloak x-show="mobMenuOpen" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="Navigation__mobileMenu absolute transform top-0 left-0 md:hidden bg-white z-10"> <div class="relative overflow-y-auto h-screen w-screen py-16"> <div class="w-full h-full container"> <ul class="pt-5 pb-10 px-2"> <li x-data="{ open: false }"> <button @click.prevent="open = !open" type="button" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal focus:outline-none text-brand-ac-dark-green"> <span>About</span> <i class="icon ion-ios-arrow-forward z-0 transform transition duration-500" :class="open ? '-rotate-90' : 'rotate-90'"></i> </button> <div x-ref="mobileSubMenu" class="Navigation__mobileSubmenu md:hidden bg-white transition-maxHeight duration-1000 overflow-hidden max-h-0" :style="open ? 'max-height: ' + $refs.mobileSubMenu.scrollHeight*2 + 'px' : ''" > <div class="w-full h-full mb-6"> <div class="MegaMenu__Section w-full mb-0"> <div class="flex"> <div class="w-full"> <div class="body-small pb-4"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap pl-1"> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/what-we-do/"> <span class="block font-bold text-[18px]">What We Do</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/why-we-do-it/"> <span class="block font-bold text-[18px]">Why We Do It</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/meet-the-team/"> <span class="block font-bold text-[18px]">Meet the Team</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-0"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/careers/"> <span class="block font-bold text-[18px]">Careers</span> </a> </div> </li> </ul> </div> </div> </div> </li> <li x-data="{ open: false }"> <button @click.prevent="open = !open" type="button" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal focus:outline-none text-brand-ac-dark-green"> <span>Experience</span> <i class="icon ion-ios-arrow-forward z-0 transform transition duration-500" :class="open ? '-rotate-90' : 'rotate-90'"></i> </button> <div x-ref="mobileSubMenu" class="Navigation__mobileSubmenu md:hidden bg-white transition-maxHeight duration-1000 overflow-hidden max-h-0" :style="open ? 'max-height: ' + $refs.mobileSubMenu.scrollHeight*2 + 'px' : ''" > <div class="w-full h-full mb-6"> <div class="MegaMenu__Section w-full mb-0"> <div class="flex"> <div class="w-full"> <div class="body-small pb-4"></div> </div> </div> <ul class="MegaMenu__List flex flex-wrap pl-1"> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/experience/"> <span class="block font-bold text-[18px]">Attendees</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-0"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/experience-partners/"> <span class="block font-bold text-[18px]">Partners</span> </a> </div> </li> </ul> </div> </div> </div> </li> <li> <a href="https://advancingconstruction.com/all-conferences/" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal text-brand-ac-dark-green"> <span>Conferences</span> <i class="icon ion-ios-arrow-forward z-0"></i> </a> </li> <li x-data="{ open: false }"> <button @click.prevent="open = !open" type="button" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal focus:outline-none text-brand-ac-dark-green"> <span>Topics</span> <i class="icon ion-ios-arrow-forward z-0 transform transition duration-500" :class="open ? '-rotate-90' : 'rotate-90'"></i> </button> <div x-ref="mobileSubMenu" class="Navigation__mobileSubmenu md:hidden bg-white transition-maxHeight duration-1000 overflow-hidden max-h-0" :style="open ? 'max-height: ' + $refs.mobileSubMenu.scrollHeight*2 + 'px' : ''" > <div class="w-full h-full mb-6"> <div class="MegaMenu__Section w-full mb-0"> <div class="flex"> <div class="w-full"> <div class="body-small pb-4"></div> <div class="sm:-mx-2 mb-6"> <a href="https://advancingconstruction.com/all-conferences/" class=" button-light-gradient sm:mx-2 my-2" ><span class="sr-only">All Conferences</span><span>View All Conferences</span></a> </div> </div> </div> <ul class="MegaMenu__List flex flex-wrap pl-1"> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/data-centers-community/"> <span class="block font-bold text-[18px]">Data Centers</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/operations-support-functions-community/"> <span class="block font-bold text-[18px]">Operation Support Functions</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/preconstruction-community/"> <span class="block font-bold text-[18px]">Preconstruction</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/prefabrication-community/"> <span class="block font-bold text-[18px]">Prefabrication</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/project-type-community/"> <span class="block font-bold text-[18px]">Project Type</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-6"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/quality-community/"> <span class="block font-bold text-[18px]">Quality & Sustainability</span> </a> </div> </li> <li class="transition-all pr-2 w-full sm:w-3/6 mb-0"> <div class="pl-4 border-l-2 border-opacity-25"> <a href="https://advancingconstruction.com/technology-community/"> <span class="block font-bold text-[18px]">Technology</span> </a> </div> </li> </ul> </div> </div> </div> </li> <li> <a href="https://advancingconstruction.com/contact-us/" class="py-4 w-full flex items-center justify-between whitespace-nowrap text-[22px] font-normal text-brand-ac-dark-green"> <span>Contact Us</span> <i class="icon ion-ios-arrow-forward z-0"></i> </a> </li> </ul> </div> </div> </div> </div> </header> <main id="content"> <article id="page-736"> <!-- Content Row --> <section class="relative block md:block lg:block text-content-light" > <div class="row-background w-full h-full absolute top-0 left-0 overflow-hidden"> <div class="w-full h-full bg-no-repeat bg-cover" style="background-image: url(https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-Background-1920x1080-2.png);" ></div> </div> <div class="container"> <div x-data="bannerSmall()" x-intersect.once="visible = true" class="Banner__Small flex items-end min-h-[525px] justify-start relative " style="background-color: ;"> <div class="flex flex-col z-10 items-start padding-bottom-xs transform transition duration-500 w-full md:w-3/4 " :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'"> <h2 class="heading-two">Meet the Advancing Construction Team</h2> <p>We take pride in our roles as integrated industry researchers and facilitators, drawing out the learning needs and setting up premium conferences to provide the qualified connections required to transform businesses and projects across the construction industry.</p> </div> </div> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block padding-top-sm text-content-dark" > <div class="container"> <div x-data="{visible: false}" x-intersect.once="visible = true" class="relative component-team-grid"> <div class="flex items-end flex-wrap justify-center sm:justify-between border-b border-border-dark-grey/20 mb-4 pb-8"> <div class="Post__Grid-title flex w-full sm:w-3/4 md:w-2/3 xl:w-3/5 flex-1 flex-col sm:flex-row items-start sm:items-center"> <div class="heading-four mb-4 sm:mb-0"> <h2 class="text-gradient-light-dark-green heading-three">Product &amp; Functional Leadership</h2> </div> </div> </div> <div class="Post__Grid-team flex flex-wrap overflow-hidden md:-mx-5"> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/nicole-moy/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Nicole-BW-website-450x550-c-default.png);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/nicole-moy-0b5399147/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Nicole Moy </h3> <h3 class="body-small">Managing Director</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/cazalla-fordham/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Cazalla-Fordham-8144-2-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/cazalla-fordham-7b5a80123/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Cazalla Fordham </h3> <h3 class="body-small">Portfolio Director</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/ivo-brook/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Ivo-Brook-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/ivobrook/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Ivo Brook </h3> <h3 class="body-small">Brand Director</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/dominic-campbell/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Dom-Campbell-2-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/dominic-campbell/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Dominic Campbell </h3> <h3 class="body-small">Divisional Head of Marketing</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/sam-berrill/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Sam-450x550-c-default.png);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/sam-berrill-814bb25b/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Sam Berrill </h3> <h3 class="body-small">Partnerships Director</h3> </div> </figcaption> </div> </a> </div> </div> </div> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block text-content-dark" > <div class="container"> <div x-data="{visible: false}" x-intersect.once="visible = true" class="relative component-team-grid"> <div class="flex items-end flex-wrap justify-center sm:justify-between border-b border-border-dark-grey/20 mb-4 pb-8"> <div class="Post__Grid-title flex w-full sm:w-3/4 md:w-2/3 xl:w-3/5 flex-1 flex-col sm:flex-row items-start sm:items-center"> <div class="heading-four mb-4 sm:mb-0"> <h2 class="text-gradient-light-dark-green heading-three">Group Functional Leadership</h2> </div> </div> </div> <div class="Post__Grid-team flex flex-wrap overflow-hidden md:-mx-5"> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/beth-shiel/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Beth-Shiel-2140-5star-2-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/bethsheppard/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Beth Shiel </h3> <h3 class="body-small">Director of Customer Delivery</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/dan-ruddock/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Daniel-Ruddock-7171-2-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/daniel-ruddock-a488b44a/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Dan Ruddock </h3> <h3 class="body-small">Director of Event Sales</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/georgina-scott/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2024/04/Georgina-Scott-2-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/georgina-scott/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Georgina Scott </h3> <h3 class="body-small">Head of Delegate Sales</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/jenna-warren/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Jenna-Warren-new-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/jenna-warren-7b892b54/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Jenna Warren </h3> <h3 class="body-small">Marketing Director - Conferences</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/matthew-turner/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Matthew-Turner-8218-2-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/matthew-turner-6854532a/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Matthew Turner </h3> <h3 class="body-small">Chief Event Product Officer</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/philip-johnson/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/BW-Philip-Johnson-450x550-c-default.png);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/philip-johnson-2a2a113b/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Philip Johnson </h3> <h3 class="body-small">Director of Sponsorship Sales</h3> </div> </figcaption> </div> </a> </div> </div> </div> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block padding-bottom-sm text-content-dark" > <div class="container"> <div x-data="{visible: false}" x-intersect.once="visible = true" class="relative component-team-grid"> <div class="flex items-end flex-wrap justify-center sm:justify-between border-b border-border-dark-grey/20 mb-4 pb-8"> <div class="Post__Grid-title flex w-full sm:w-3/4 md:w-2/3 xl:w-3/5 flex-1 flex-col sm:flex-row items-start sm:items-center"> <div class="heading-four mb-4 sm:mb-0"> <h2 class="text-gradient-light-dark-green heading-three">Group Leadership</h2> </div> </div> </div> <div class="Post__Grid-team flex flex-wrap overflow-hidden md:-mx-5"> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/hannah-mcculloch/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/hannah-mcculloch-7246-2-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/hannah-mcculloch/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Hannah McCulloch </h3> <h3 class="body-small">Chief Operating Officer</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/jeremy-macdonald/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Jeremy-Macdonald-8769-2-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/macdonaldjeremy/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Jeremy Macdonald </h3> <h3 class="body-small">Group Director of Technology</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/mark-pennington/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/08/BW-Mark-Pennington-450x550-c-default.png);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/penningtonmark/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Mark Pennington </h3> <h3 class="body-small">Chief Financial Officer</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/phil-clark/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Phil-Clark-7221-2-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/phil-clark-b3553120/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Phil Clark </h3> <h3 class="body-small">Chief Executive Officer</h3> </div> </figcaption> </div> </a> </div> <div class="PeoplePostGrid__gridItem w-full md:px-5 py-4 w-full sm:w-1/2 md:w-1/5 transform transition duration-500" :class="visible ? 'opacity-100' : 'opacity-0'"> <a class="group block" href="https://advancingconstruction.com/team/sarah-mighall/" data-pegasus-modal="Modal--team Modal--with-nav" data-next-name=""> <div class="flex flex-col relative"> <div class="overflow-hidden rounded-[3px]"> <div class="relative"> <div class="w-full h-full group-hover:scale-110 relative transition duration-500 ease-in-out absolute pb-[124%] grayscale bg-cover bg-no-repeat group-hover:grayscale-0" style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2023/01/Sarah-Mighall-0226-5star-2-scaled-450x550-c-default.jpg);"> </div> <div class="absolute cursor-alias bottom-5 right-5 bg-brand-white h-12 w-12 rounded-full flex items-center justify-center"> <a class="cursor-alias" target="_blank" href="https://www.linkedin.com/in/sarah-mighall-5ba43aa/"> <svg xmlns="http://www.w3.org/2000/svg" class="cursor-alias" width="15.254" height="15.254" viewBox="0 0 15.254 15.254"> <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.415,15.255H.252V5.07H3.415ZM1.832,3.681A1.84,1.84,0,1,1,3.663,1.832,1.847,1.847,0,0,1,1.832,3.681ZM15.251,15.255H12.1V10.3c0-1.182-.024-2.7-1.644-2.7-1.644,0-1.9,1.284-1.9,2.612v5.043H5.4V5.07H8.429V6.46h.044a3.323,3.323,0,0,1,2.992-1.645c3.2,0,3.789,2.108,3.789,4.845v5.594Z" transform="translate(0 -0.001)" fill="#163f71"/> </svg> </a> </div> </div> </div> <figcaption class="py-8"> <div class="meta"> <h3 class="heading-four mb-0 relative"> Sarah Mighall </h3> <h3 class="body-small">Group Director of HR</h3> </div> </figcaption> </div> </a> </div> </div> </div> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block text-content-dark" > <div class=""> <section x-data="{visible: false}" x-intersect.once="visible = true" class="Text__And__Image__Columns flex justify-center relative"> <div class="w-full"> <div class="flex flex-col sm:flex-row"> <div class="Text__And__Image__Columns-column w-full transform transition cursor-pointer duration-300 sm:min-h-[550px] group sm:w-1/3 md:w-1/3 md:mb-0 border-t border-body/50" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'" > <a class="relative" href="https://advancingconstruction.com/what-we-do/" > <div class="block w-full h-full overflow-hidden relative group"> <img src="https://advancingconstruction.com/wp-content/uploads/2023/01/Precon-Background-640x855-1-150x150.png" data-src="https://advancingconstruction.com/wp-content/uploads/2023/01/Precon-Background-640x855-1.png" width="640" height="854" class="w-full h-full object-cover transition duration-300 opacity-100 group-hover:opacity-0 min-h-[65vh] lazy" alt="Precon Background 640x855" data-srcset="https://advancingconstruction.com/wp-content/uploads/2023/01/Precon-Background-640x855-1-225x300.png 225w, https://advancingconstruction.com/wp-content/uploads/2023/01/Precon-Background-640x855-1.png 640w" data-sizes="(min-width: 1199px) 640px, (min-width: 992px) 640px, (min-width: 767px) 225px, (min-width: 375px) 100vw" /> <div class="absolute w-full inset-0 bg-body opacity-40 group-hover:opacity-0 transform transition duration-300"> </div> <div class="absolute justify-between flex flex-col inset-0 py-8 sm:py-[5vh] px-[27px] sm:px-[5vw] text-content-light group-hover:text-content-dark"> <div class="heading-three font-bold"><h2 class="heading-two">What We Do</h2> </div> <div> <p>Connecting the right people and the right insights is what we do, and what we are passionate about. We curate specific, experience-based, and forward-facing insights that apply to defined construction communities.</p> <div> <div class="button-primary group-hover:!bg-brand-ac-dark-green !text-white my-2"> <span>Find out more</span></div> </div> </div> </div> </div> </a> </div> <div class="Text__And__Image__Columns-column w-full transform transition cursor-pointer duration-300 sm:min-h-[550px] group sm:w-1/3 md:w-1/3 md:mb-0 border-t border-body/50 border-b sm:border-b-0 sm:border-l sm:border-r border-body/50" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'" > <a class="relative" href="https://advancingconstruction.com/why-we-do-it/" > <div class="block w-full h-full overflow-hidden relative group"> <img src="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-1-640x855-1-150x150.png" data-src="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-1-640x855-1.png" width="640" height="854" class="w-full h-full object-cover transition duration-300 opacity-100 group-hover:opacity-0 min-h-[65vh] lazy" alt="Advancing Construction 1 640x855" data-srcset="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-1-640x855-1-225x300.png 225w, https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-1-640x855-1.png 640w" data-sizes="(min-width: 1199px) 640px, (min-width: 992px) 640px, (min-width: 767px) 225px, (min-width: 375px) 100vw" /> <div class="absolute w-full inset-0 bg-body opacity-40 group-hover:opacity-0 transform transition duration-300"> </div> <div class="absolute justify-between flex flex-col inset-0 py-8 sm:py-[5vh] px-[27px] sm:px-[5vw] text-content-light group-hover:text-content-dark"> <div class="heading-three font-bold"><h2 class="heading-two">Why We Do It</h2> </div> <div> <p>Our mission is to aid the revolution of productivity, profitability and quality of the built environment and construction ecosystem through the creation of world-class products, to help you deliver superior projects on time, on budget, on scope.</p> <div> <div class="button-primary group-hover:!bg-brand-ac-dark-green !text-white my-2"> <span>Find out more</span></div> </div> </div> </div> </div> </a> </div> <div class="Text__And__Image__Columns-column w-full transform transition cursor-pointer duration-300 sm:min-h-[550px] group sm:w-1/3 md:w-1/3 md:mb-0 border-t border-body/50" :class="visible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-1/2'" > <a class="relative" href="https://advancingconstruction.com/careers/" > <div class="block w-full h-full overflow-hidden relative group"> <img src="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-2-640x855-1-150x150.png" data-src="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-2-640x855-1.png" width="640" height="854" class="w-full h-full object-cover transition duration-300 opacity-100 group-hover:opacity-0 min-h-[65vh] lazy" alt="Advancing Construction 2 640x855" data-srcset="https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-2-640x855-1-225x300.png 225w, https://advancingconstruction.com/wp-content/uploads/2023/01/Advancing-Construction-2-640x855-1.png 640w" data-sizes="(min-width: 1199px) 640px, (min-width: 992px) 640px, (min-width: 767px) 225px, (min-width: 375px) 100vw" /> <div class="absolute w-full inset-0 bg-body opacity-40 group-hover:opacity-0 transform transition duration-300"> </div> <div class="absolute justify-between flex flex-col inset-0 py-8 sm:py-[5vh] px-[27px] sm:px-[5vw] text-content-light group-hover:text-content-dark"> <div class="heading-three font-bold"><h2 class="heading-two">Careers</h2> </div> <div> <p>We are a growth business, and our growth is entirely dependent on finding the right people to develop through their careers. We provide an inclusive and diverse working environment for our people, and proven career development.</p> <div> <div class="button-primary group-hover:!bg-brand-ac-dark-green !text-white my-2"> <span>Find out more</span></div> </div> </div> </div> </div> </a> </div> </div> </div> </section> </div> </section> <!--// Content Row --> <!-- Content Row --> <section class="relative block md:block lg:block text-content-dark" > <div class=""> <div class="Standard_Form relative w-full"> <div class="flex flex-col sm:flex-row"> <div class="flex items-center justify-center flex-col w-full md:w-1/2 bg-no-repeat bg-center bg-cover " style="background-image:url(https://advancingconstruction.com/wp-content/uploads/2022/11/build-better-banner-image.jpg);"> <div class="p-[27px] md:px-0 w-full sm:w-3/4 lg:w-3/5 pb-8 md:pb-0 text-content-light"> <p><span class="body-extra-small-two">CONTACT US</span></p> <h2 class="heading-two">Get Involved</h2> <p>We speak to hundreds of AEC experts from across the industry every day. We would love for you to be one of them. Whether wanting to find out more about one of our conferences and how to take part, help us to identify a new conference, or partner with us, contact us and our team will be in touch!</p> </div> </div> <div class="Standard_Form__form px-[27px] md:px-0 w-full md:w-1/2 bg-brand-white flex items-center"> <div class="flex flex-col py-[27px] md:p-28 justify-center w-full"> <div class="mb-10 body-base"> </div> <script type="text/javascript"></script> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_1' ><div id='gf_1' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h2 class="gform_title">Standard Form</h2> <p class='gform_description'></p> <p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_1' id='gform_1' action='/meet-the-team/#gf_1' data-formid='1' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6Le-RMsnAAAAABzeGxMzZUSCn2R5fidJ5b3Zqm8K' data-tabindex='0'><input id="input_2d7a60f2b919364ce096d6d4aeca9888" class="gfield_recaptcha_response" type="hidden" name="input_2d7a60f2b919364ce096d6d4aeca9888" value=""/></div> <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_1_3" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_3" ><label class='gfield_label gform-field-label' for='input_1_3'>First Name*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_1_3' type='text' value='' class='large' placeholder='First Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_5" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_5" ><label class='gfield_label gform-field-label' for='input_1_5'>Last Name*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_1_5' type='text' value='' class='large' placeholder='Last Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_7" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_7" ><label class='gfield_label gform-field-label' for='input_1_7'>Job Title*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_1_7' type='text' value='' class='large' placeholder='Job Title' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_6" class="gfield gfield--type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_6" ><label class='gfield_label gform-field-label' for='input_1_6'>Company*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_text'><input name='input_6' id='input_1_6' type='text' value='' class='large' placeholder='Company' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_9" class="gfield gfield--type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_9" ><label class='gfield_label gform-field-label' for='input_1_9'>Email*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_9' id='input_1_9' type='email' value='' class='large' placeholder='Email*' aria-required="true" aria-invalid="false" /> </div></div><div id="field_1_10" class="gfield gfield--type-phone gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_10" ><label class='gfield_label gform-field-label' for='input_1_10'>Country*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_10' id='input_1_10' type='tel' value='' class='large' placeholder='Country' aria-required="true" aria-invalid="false" /></div></div><div id="field_1_12" class="gfield gfield--type-phone gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_12" ><label class='gfield_label gform-field-label' for='input_1_12'>Phone Number*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_12' id='input_1_12' type='tel' value='' class='large' placeholder='Phone Number' aria-required="true" aria-invalid="false" /></div></div><div id="field_1_11" class="gfield gfield--type-textarea gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_1_11" ><label class='gfield_label gform-field-label' for='input_1_11'>Your Question/Message*<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_11' id='input_1_11' class='textarea large' placeholder='Your Question...' aria-required="true" aria-invalid="false" rows='10' cols='50'></textarea></div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_1' class='gform_button button' value='Submit' onclick='if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} jQuery("#gform_1").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=1&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='1' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_1' value='WyJbXSIsIjExMDdmYzAxMDFmMmMwOWY5ZDcwMGQzYzVmODI2NjczIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_1' id='gform_ajax_frame_1' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> gform.initializeOnLoaded( function() {gformInitSpinner( 1, 'https://advancingconstruction.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_1').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_1');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_1').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_1').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_1').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_1').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_1').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_1').val();gformInitSpinner( 1, 'https://advancingconstruction.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [1, current_page]);window['gf_submitting_1'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_1').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_1').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [1]);window['gf_submitting_1'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_1').text());}else{jQuery('#gform_1').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script> </div> </div> </div> </div> </div> </section> <!--// Content Row --> </article> </main> <footer id="site-footer"> <div class="Footer bg-brand-dark-blue" > <div class="footer-inner container relative flex flex-col md:flex-row py-10 md:py-[4rem] flex-wrap "> <div class="footer-col-left w-full md:w-auto flex-1"> <div class="logo mb-16"> <a href="https://hansonwadegroup.com/" class="block cursor-pointer"> <img src="https://advancingconstruction.com/wp-content/uploads/2022/11/ac-hw-logo.svg" data-src="https://advancingconstruction.com/wp-content/uploads/2022/11/ac-hw-logo.svg" width="226.859" height="79" class="attachment-full size-full lazy" alt="ac-hw-logo" /> </a> </div> <h3 class="heading-four font-light relative text-content-light md:max-w-[65%] mb-8 leading-[1.3]"> Building a Better Industry & Built Environment for Future Talent, Clients & Communities </h3> <div class="flex flex-row text-content-light font-normal justify-between lg:justify-start sm:max-w-[90%] lg:max-w-[100%]"> <div class="flex flex-row lg:mr-16"> <div class="mr-2 md:mr-4 relative top-[0.25rem]"> <svg xmlns="http://www.w3.org/2000/svg" width="10.744" height="14.326" viewBox="0 0 10.744 14.326"> <path id="Icon_awesome-map-marker" data-name="Icon awesome-map-marker" d="M4.82,14.037C.755,8.143,0,7.538,0,5.372a5.372,5.372,0,0,1,10.744,0c0,2.166-.755,2.771-4.82,8.664a.672.672,0,0,1-1.1,0Z" fill="#fff"/> </svg> </div> <div class="flex flex-1 flex-col body-extra-small-one"> <span>Hanson Wade Group</span> <span>52 Grosvenor Gardens</span> <span>London, SW1W 0AU</span> </div> </div> <div class="flex flex-row"> <div class="mr-2 md:mr-4 relative top-[0.25rem]"> <svg xmlns="http://www.w3.org/2000/svg" width="14.326" height="14.326" viewBox="0 0 14.326 14.326"> <path id="Icon_material-person" data-name="Icon material-person" d="M13.163,13.163A3.582,3.582,0,1,0,9.582,9.582,3.581,3.581,0,0,0,13.163,13.163Zm0,1.791c-2.391,0-7.163,1.2-7.163,3.582v1.791H20.326V18.535C20.326,16.154,15.554,14.954,13.163,14.954Z" transform="translate(-6 -6)" fill="#fff"/> </svg> </div> <div class="flex flex-1 flex-col body-extra-small-one"> <span><a href="tel:tel:02031418700">+44 (0)20 3141 8700</a></span> <span><a href="/cdn-cgi/l/email-protection#1b"></a></span> </div> </div> </div> </div> <div class="footer-col-right flex flex-row w-full md:w-auto flex-1 justify-between md:justify-end xl:pl-16 mt-12 md:mt-0 flex-wrap sm:flex-nowrap text-content-light md:-mr-4"> <div class="content-col mb-6 md:mb-0 w-2/5 sm:w-auto sm:px-4 sm:min-w-[170px] lg:min-w-[190px] xl:min-w-[280px]"> <h4 class="content-heading mb-4 font-bold body-small"> <div class="border-t w-full mb-4 opacity-70"></div>About Us</h4> <div> <p><a href="https://advancingconstruction.com/what-we-do/"><span class="body-extra-small-one">What We Do</span></a></p> <p><span class="body-extra-small-one"><a href="https://advancingconstruction.com/why-we-do-it/">Why We Do It</a></span></p> <p><a href="https://advancingconstruction.com/meet-the-team/"><span class="body-extra-small-one">Our Team</span></a></p> <p><a href="https://advancingconstruction.com/contact-us/"><span class="body-extra-small-one">Contact Us</span></a></p> </div> </div> <div class="content-col mb-6 md:mb-0 w-2/5 sm:w-auto sm:px-4 sm:min-w-[170px] lg:min-w-[190px] xl:min-w-[280px]"> <h4 class="content-heading mb-4 font-bold body-small"> <div class="border-t w-full mb-4 opacity-70"></div>The Experience</h4> <div> <p><a href="https://advancingconstruction.com/experience/"><span class="body-extra-small-one">Attendees</span></a></p> <p><a href="https://advancingconstruction.com/experience-partners/"><span class="body-extra-small-one">Partners</span></a></p> </div> </div> <div class="content-col mb-6 md:mb-0 w-2/5 sm:w-auto sm:px-4 sm:min-w-[170px] lg:min-w-[190px] xl:min-w-[280px]"> <h4 class="content-heading mb-4 font-bold body-small"> <div class="border-t w-full mb-4 opacity-70"></div>Conferences</h4> <div> <p><a class="body-extra-small-one" href="https://advancingconstruction.com/all-conferences/">All Conferences</a></p> <p><a href="https://advancingconstruction.com/data-centers-community/"><span class="body-extra-small-one">Data Centers</span></a></p> <p><a href="https://advancingconstruction.com/operations-support-functions-community/"><span class="body-extra-small-one">Operations Support Functions</span></a></p> <p><a href="https://advancingconstruction.com/preconstruction-community/"><span class="body-extra-small-one">Preconstruction</span></a></p> <p><a href="https://advancingconstruction.com/prefabrication-community/"><span class="body-extra-small-one">Prefabrication</span></a></p> <p><a href="https://advancingconstruction.com/project-type-community/"><span class="body-extra-small-one">Project Type</span></a></p> <p><a href="https://advancingconstruction.com/quality-community/"><span class="body-extra-small-one">Quality &amp; Sustainability</span></a></p> <p><a href="https://advancingconstruction.com/technology-community/"><span class="body-extra-small-one">Technology</span></a></p> </div> </div> <div class="content-col mb-6 md:mb-0 w-2/5 sm:w-auto sm:px-2.5 sm:min-w-[170px] lg:min-w-[190px] xl:min-w-[280px] block md:hidden"> <div> <p><span class="body-extra-small-one">漏 2024 Advancing Construction</span></p> <p><span class="body-extra-small-one"><a href="https://www.plugandplaydesign.co.uk/">Web Design Agency</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/privacy-policy/" target="_blank" rel="noopener">Privacy</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/cookies/" target="_blank" rel="noopener">Cookies</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/wp-content/uploads/2023/01/Code-of-Ethics.pdf" target="_blank" rel="noopener">Code of Ethics</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/modern-slavery/" target="_blank" rel="noopener">Modern Slavery</a></span></p> <p><a href="http://www.hansonwadegroup.com/" target="_blank" rel="noopener"><span class="body-extra-small-one">A Hanson Wade Group company</span></a></p> </div> </div> </div> </div> <div class="relative"> <div class="border-t w-full mb-2 opacity-20"></div> <div class="flex flex-col sm:flex-row justify-between py-6 nav-container text-content-light"> <div class="bottom-row-content flex sm:items-center flex-col sm:flex-row w-full hidden md:flex"> <p><span class="body-extra-small-one">漏 2024 Advancing Construction</span></p> <p><span class="body-extra-small-one"><a href="https://www.plugandplaydesign.co.uk/">Web Design Agency</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/privacy-policy/" target="_blank" rel="noopener">Privacy</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/cookies/" target="_blank" rel="noopener">Cookies</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwade.com/wp-content/uploads/2023/01/Code-of-Ethics.pdf" target="_blank" rel="noopener">Code of Ethics</a></span></p> <p><span class="body-extra-small-one"><a href="https://hansonwadegroup.com/modern-slavery/" target="_blank" rel="noopener">Modern Slavery</a></span></p> <p><a href="http://www.hansonwadegroup.com/" target="_blank" rel="noopener"><span class="body-extra-small-one">A Hanson Wade Group company</span></a></p> </div> <div> <ul class="flex items-center -mx-4 mt-4"> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://uk.linkedin.com/company/hanson-wade" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-linkedin text-2xl"></i> </a> </li> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://www.youtube.com/channel/UCS5ZEWbuAbuNPzd-nBSAOew" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-youtube text-2xl"></i> </a> </li> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://twitter.com/Advan_Construct" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-twitter text-2xl"></i> </a> </li> <li class="px-4 hover:opacity-70 transform transition duration-500"> <a href="https://www.instagram.com/hansonwadeltd/" target="_blank" rel="noopener noreferrer"> <i class="icon ion-logo-instagram text-2xl"></i> </a> </li> </ul> </div> </div> </div> </div> </footer> <div x-data="allModals()" id="all-modals"> <div x-ref="modalSkeleton" id="Modal__Skeleton"> <div x-data="singleModal()" x-cloak @modalopen.window="handleModalOpen" class="ModalSkeleton" role="dialog" aria-label="Modal" aria-modal="true"> <div x-show="open" x-transition:enter="ease duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="Modal__backdrop z-0 fixed inset-0 sm:blur-md bg-white sm:bg-transparent backdrop-blur-none transition-opacity" @click="handleModalClose" aria-hidden="true"></div> <div x-show="open" x-transition:enter="ease-out duration-600 transition-all" x-transition:enter-start="opacity-0 translate-x-full" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="ease-in duration-500 transition-none" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-full" class="Modal__dialog-wrapper z-10 fixed inset-0 left-auto w-full sm:w-11/12 lg:w-10/12 xl:w-8/12 sm:h-screen bg-white overflow-hidden transform"> <div x-show="open" x-transition:enter="ease-out duration-500 delay-700 transition-all" x-transition:enter-start="opacity-0 translate-x-4 scale-95" x-transition:enter-end="opacity-100 translate-x-0 scale-100" x-transition:leave="ease-in transition-none" x-transition:leave-start="opacity-100 translate-x-0 scale-100" x-transition:leave-end="opacity-0 translate-x-4 scale-95" class="Modal__dialog relative w-full h-full transform"> <div class="Modal__content relative w-full h-full"> <header class="Modal__header relative top-0 z-10 h-12 w-full flex justify-end items-center container sm:max-w-none sm:px-10 md:px-12 pb-8 pt-8 sm:pt-12 md:pt-16 lg:pt-24"> <div class="Modal__navigation py-4 sm:py-10 lg:py-6"></div> <button @click="handleModalClose" class="Modal__close-btn" data-dismiss="modal" aria-label="Close"></button> </header> <div class="Modal__body w-full h-full absolute inset-0 overflow-x-hidden overflow-y-auto"> <p class="Modal__error hidden" x-cloak>An error has occurred, please try again later.An error has occurred, please try again later.</p> </div> <footer class="Modal__footer absolute bottom-0 w-full hidden justify-end items-center z-10"> </footer> </div> </div> </div> </div> </div> </div> <div x-data="contactModal()" @opencontactmodal.window="show = true" class="flex flex-col sm:flex-row relative" x-cloak> <div class="z-[999999] absolute inset-0"> <div x-show="show" x-transition:enter="ease duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="Modal__backdrop z-0 fixed inset-0 sm:blur-md bg-white sm:bg-transparent backdrop-blur-none transition-opacity" @click="handleModalClose" aria-hidden="true"></div> <div x-show="show" x-cloak x-transition:enter="ease-out duration-600 transition-all" x-transition:enter-start="opacity-0 translate-x-full" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="ease-in duration-500 transition-none" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-full" class="Modal__dialog-wrapper z-10 fixed inset-0 left-auto w-full sm:w-11/12 lg:w-10/12 xl:w-8/12 sm:h-screen bg-white overflow-hidden transform"> <div x-show="show" x-cloak x-transition:enter="ease-out duration-500 delay-700 transition-all" x-transition:enter-start="opacity-0 translate-x-4 scale-95" x-transition:enter-end="opacity-100 translate-x-0 scale-100" x-transition:leave="ease-in transition-none" x-transition:leave-start="opacity-100 translate-x-0 scale-100" x-transition:leave-end="opacity-0 translate-x-4 scale-95" class="Modal__dialog relative w-full h-full transform"> <div class="Modal__content relative w-full h-full"> <header class="Modal__header relative top-0 z-10 h-12 w-full flex justify-end items-center container sm:max-w-none sm:px-10 md:px-12 pb-8 pt-8 sm:pt-12 md:pt-16 lg:pt-24"> <div class="Modal__navigation py-4 sm:py-10 lg:py-6"></div> <button @click="show = false" class="Modal__close-btn" data-dismiss="modal" aria-label="Close"></button> </header> <div class="Modal__body w-full h-full absolute inset-0 overflow-x-hidden overflow-y-auto"> <div class="flex flex-col sm:flex-row h-full"> <div class="Contact_Modal_Form relative w-full h-full"> <div class="relative flex flex-col md:flex-row justify-items-stretch h-full"> <div class="Contact_Modal_Form__col-1 h-full max-h-[100vh] overflow-y-auto"> <div class="pt-24 pb-24 h-full md:pl-20 md:pr-20 flex flex-col justify-start h-full"> <div> <h3 class="heading-three mb-4">Contact Us</h3> <div class="mt-8"> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_2' ><div id='gf_2' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h2 class="gform_title">Advancing Construction Contact Modal</h2> <p class='gform_description'></p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_2' id='gform_2' action='/meet-the-team/#gf_2' data-formid='2' novalidate><div class='gf_invisible ginput_recaptchav3' data-sitekey='6Le-RMsnAAAAABzeGxMzZUSCn2R5fidJ5b3Zqm8K' data-tabindex='0'><input id="input_eb9e6b8e87b4620ae0ba879e0d28e4c2" class="gfield_recaptcha_response" type="hidden" name="input_eb9e6b8e87b4620ae0ba879e0d28e4c2" value=""/></div> <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_2_1" class="gfield gfield--type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_1" ><label class='gfield_label gform-field-label' for='input_2_1'>First Name*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_2_1' type='text' value='' class='large' placeholder='First Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_3" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_3" ><label class='gfield_label gform-field-label' for='input_2_3'>Last Name*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_2_3' type='text' value='' class='large' placeholder='Last Name' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_4" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_4" ><label class='gfield_label gform-field-label' for='input_2_4'>Job Title*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_2_4' type='text' value='' class='large' placeholder='Job Title' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_5" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_5" ><label class='gfield_label gform-field-label' for='input_2_5'>Company*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_2_5' type='text' value='' class='large' placeholder='Company' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_11" class="gfield gfield--type-text gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_11" ><label class='gfield_label gform-field-label' for='input_2_11'>Country*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_text'><input name='input_11' id='input_2_11' type='text' value='' class='large' placeholder='Country' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_7" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_7" ><label class='gfield_label gform-field-label' for='input_2_7'>Email*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_7' id='input_2_7' type='email' value='' class='large' placeholder='Email' aria-required="true" aria-invalid="false" /> </div></div><div id="field_2_8" class="gfield gfield--type-phone gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_8" ><label class='gfield_label gform-field-label' for='input_2_8'>Phone Number*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_phone'><input name='input_8' id='input_2_8' type='tel' value='' class='large' placeholder='Phone Number' aria-required="true" aria-invalid="false" /></div></div><div id="field_2_9" class="gfield gfield--type-textarea gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_9" ><label class='gfield_label gform-field-label' for='input_2_9'>Your Question/Message*<span class="gfield_required"><span class="gfield_required gfield_required_text">(Required)</span></span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_9' id='input_2_9' class='textarea large' placeholder='Your Question...' aria-required="true" aria-invalid="false" rows='10' cols='50'></textarea></div></div></div></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' value='Submit' onclick='if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_2"]){return false;} if( !jQuery("#gform_2")[0].checkValidity || jQuery("#gform_2")[0].checkValidity()){window["gf_submitting_2"]=true;} jQuery("#gform_2").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=2&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=gravity-theme' /> <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='2' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_2' value='WyJbXSIsIjExMDdmYzAxMDFmMmMwOWY5ZDcwMGQzYzVmODI2NjczIl0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_2' id='gform_ajax_frame_2' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> gform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https://advancingconstruction.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_2').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https://advancingconstruction.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_2').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); </script> </div> </div> </div> </div> <div class="Contact_Modal_Form__col-2 h-full max-h-[100vh] overflow-y-auto"> <div class="pt-24 pb-24 h-full md:pl-20 md:pr-20 flex flex-col h-full"> <div> <h3 class="heading-three mb-4">Alternatively...</h3> </div> <div> <div class="body-large font-bold text-brand-ac-dark-green mb-2">Call Us</div> <div class="mb-4"> <div>United States West</div> <div><a class="underline" href="tel:+14157353289">+1 415 735 3289</a></div> </div> <div class="mb-4"> <div>United States East</div> <div><a class="underline" href="tel:+16174554188">+1 617 455 4188</a></div> </div> <div class="mb-4"> <div>United Kingdom</div> <div><a class="underline" href="tel:+4402031418700"> +44 (0)203 141 8700</a></div> </div> </div> <div> </div> <div> <div class="body-large font-bold text-brand-ac-dark-green my-4">Our Address</div> <div class="mb-4"> <p>Hanson Wade Group<br /> 52 Grosvenor Gardens<br /> London<br /> SW1W 0AU</p> <p>&nbsp;</p> </div> <div> <div x-data="googleMap()" data-map='{"lat":"-35.515881","lng":"149.601135"}' class="Google__Map relative w-full padding-bottom-md"> <div class="flex flex-col "> <div class="w-full"> <div x-ref="Map" class="Map flex-none sm:flex-1 h-0 w-full overflow-hidden"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <link rel='stylesheet' id='gform_basic-css' href='https://advancingconstruction.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://advancingconstruction.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_ie11-css' href='https://advancingconstruction.com/wp-content/plugins/gravityforms/assets/css/dist/theme-ie11.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://advancingconstruction.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css' type='text/css' media='all' /> <script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?key=AIzaSyBK3SrH9gKJmZcB-Sr5d10e-fkkIpgV6gE' id='google_maps-js'></script> <script type='text/javascript' defer src='https://advancingconstruction.com/wp-content/themes/pegasus/dist/js/main.js' id='Main-js'></script> <script type='text/javascript' id='gforms_recaptcha_recaptcha-js-extra'> /* <![CDATA[ */ var gforms_recaptcha_recaptcha_strings = {"site_key":"6Le-RMsnAAAAABzeGxMzZUSCn2R5fidJ5b3Zqm8K","ajaxurl":"https:\/\/advancingconstruction.com\/wp-admin\/admin-ajax.php","nonce":"0118090e30"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6Le-RMsnAAAAABzeGxMzZUSCn2R5fidJ5b3Zqm8K' id='gforms_recaptcha_recaptcha-js'></script> <script type='text/javascript' src='https://advancingconstruction.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js' id='wp-polyfill-inert-js'></script> <script type='text/javascript' src='https://advancingconstruction.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://advancingconstruction.com/wp-includes/js/dist/vendor/wp-polyfill.min.js' id='wp-polyfill-js'></script> <script type='text/javascript' src='https://advancingconstruction.com/wp-includes/js/dist/dom-ready.min.js' id='wp-dom-ready-js'></script> <script type='text/javascript' src='https://advancingconstruction.com/wp-includes/js/dist/hooks.min.js' id='wp-hooks-js'></script> <script type='text/javascript' src='https://advancingconstruction.com/wp-includes/js/dist/i18n.min.js' id='wp-i18n-js'></script> <script id="wp-i18n-js-after" type="text/javascript"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script type='text/javascript' src='https://advancingconstruction.com/wp-includes/js/dist/a11y.min.js' id='wp-a11y-js'></script> <script type='text/javascript' defer='defer' src='https://advancingconstruction.com/wp-content/plugins/gravityforms/js/jquery.json.min.js' id='gform_json-js'></script> <script type='text/javascript' id='gform_gravityforms-js-extra'> /* <![CDATA[ */ var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = []; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/advancingconstruction.com\/wp-content\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"Pound Sterling","symbol_left":"&#163;","symbol_right":"","symbol_padding":" ","thousand_separator":",","decimal_separator":".","decimals":2,"code":"GBP"},"base_url":"https:\/\/advancingconstruction.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/advancingconstruction.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"62639dafc51a01c5b9b176c08e6bfdd2","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; var gf_global = {"gf_currency_config":{"name":"Pound Sterling","symbol_left":"&#163;","symbol_right":"","symbol_padding":" ","thousand_separator":",","decimal_separator":".","decimals":2,"code":"GBP"},"base_url":"https:\/\/advancingconstruction.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/advancingconstruction.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"62639dafc51a01c5b9b176c08e6bfdd2","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; /* ]]> */ </script> <script type='text/javascript' defer='defer' src='https://advancingconstruction.com/wp-content/plugins/gravityforms/js/gravityforms.min.js' id='gform_gravityforms-js'></script> <script type='text/javascript' defer='defer' src='https://advancingconstruction.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js' id='gform_placeholder-js'></script> <script type='text/javascript' defer='defer' src='https://advancingconstruction.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js' id='gform_gravityforms_utils-js'></script> <script type='text/javascript' defer='defer' src='https://advancingconstruction.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js' id='gform_gravityforms_theme_vendors-js'></script> <script type='text/javascript' id='gform_gravityforms_theme-js-extra'> /* <![CDATA[ */ var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"62639dafc51a01c5b9b176c08e6bfdd2"}}},"hmr_dev":"","public_path":"https:\/\/advancingconstruction.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"}; /* ]]> */ </script> <script type='text/javascript' defer='defer' src='https://advancingconstruction.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js' id='gform_gravityforms_theme-js'></script> <script type='text/javascript' src='https://advancingconstruction.com/wp-content/plugins/gravityformsrecaptcha/js/frontend-legacy.min.js' id='gforms_recaptcha_frontend-legacy-js'></script> <script type="text/javascript"> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script type="text/javascript"> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_1" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_1"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [1, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 1, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script> <script type="text/javascript"> gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 2) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); </script> <script type="text/javascript"> gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10