{"id":2880,"date":"2024-11-05T07:13:32","date_gmt":"2024-11-05T07:13:32","guid":{"rendered":"https:\/\/hazardco.bbtdevelopment.com\/au\/?page_id=2880"},"modified":"2025-10-07T05:49:38","modified_gmt":"2025-10-07T05:49:38","slug":"test-signup-page","status":"publish","type":"page","link":"http:\/\/hazardco.bbtdevelopment.com\/au\/test-signup-page\/","title":{"rendered":"Test &#8211; Signup page"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]\n<div class=\"header-1 relative mb-80px yellow\">\n\n    <div class=\"grid grid-cols-6 lg:grid-cols-12 gap-[15px] absolute top-0 left h-full w-full \">\n                    <div  class=\"col-span-full lg:col-start-7 lg:col-span-6 header-1-desktop  hidden lg:block bg-no-repeat bg-left-top\" style=\"background-image: url('https:\/\/hazardco.bbtdevelopment.com\/app\/uploads\/sites\/2\/2024\/11\/h1-bnw.png');\">\n            <\/div>\n            <\/div>\n\n    <div class=\"header-1__wrapper z-[2] relative container grid grid-cols-6 lg:grid-cols-12 gap-[15px] !pb-0\">\n        <div class=\"col-span-full lg:col-span-6\">\n            <div class=\"header-1__content flex flex-col gap-[20px]\">\n                                    <h1>Beyond the BuildVideo Series.<\/h1>\n                                                    <h2>A free video series created exclusively for the {color=#F05A61}Buildxact{\/color} and {color=#FDD400}HazardCo{\/color} community.<\/h2>\n                                                    <div class=\"text-formatter\"><p>To help you to run exceptional building companies and achieve your goals. Take an hour out of working on the build to work on the business.<\/p>\n<\/div>\n                                <form method=\"POST\" action=\"https:\/\/hazardco.activehosted.com\/proc.php\" id=\"_form_255_\" class=\"_form _form_255 _inline-form  _dark\" novalidate data-styles-version=\"5\">\n    <input type=\"hidden\" name=\"u\" value=\"255\" \/>\n    <input type=\"hidden\" name=\"f\" value=\"255\" \/>\n    <input type=\"hidden\" name=\"s\" \/>\n    <input type=\"hidden\" name=\"c\" value=\"0\" \/>\n    <input type=\"hidden\" name=\"m\" value=\"0\" \/>\n    <input type=\"hidden\" name=\"act\" value=\"sub\" \/>\n    <input type=\"hidden\" name=\"v\" value=\"2\" \/>\n    <input type=\"hidden\" name=\"or\" value=\"5098b0999dce457568cf1931913031e1\" \/>\n    <div class=\"_form-content\">\n        <div class=\"_form_element _x69334521 _full_width \" >\n            <label for=\"fullname\" class=\"_form-label\">\n                Full Name*\n            <\/label>\n            <div class=\"_field-wrapper\">\n                <input type=\"text\" id=\"fullname\" name=\"fullname\" placeholder=\"Full name\" required\/>\n            <\/div>\n        <\/div>\n        <div class=\"_form_element _x26887360 _full_width \" >\n            <label for=\"email\" class=\"_form-label\">\n                Email*\n            <\/label>\n            <div class=\"_field-wrapper\">\n                <input type=\"text\" id=\"email\" name=\"email\" placeholder=\"Email\" required\/>\n            <\/div>\n        <\/div>\n        <div class=\"_x52686888 _full_width w-full lg:pr-[15px] pr-0 \" >\n            <label for=\"phone\" class=\"_form-label\">\n                Phone*\n            <\/label>\n            <div class=\"_field-wrapper\">\n                <input type=\"text\" id=\"phone\" name=\"phone\" placeholder=\"Phone number\" required\/>\n            <\/div>\n        <\/div>\n        <div class=\"lg:flex   lg:flex-row gap-[15px] w-full items-start justify-center\">\n        <div class=\"_form_element _x19864666 _full_width \" >\n            <label for=\"ls\" class=\"_form-label\">\n            <\/label>\n            <div class=\"g-recaptcha\" data-sitekey=\"6LcwIw8TAAAAACP1ysM08EhCgzd6q5JAOUR1a0Go\">\n            <\/div>\n        <\/div>\n        <div class=\"_button-wrapper flex items-center justify-center flex-1 lg:pr-[15px] pr-0 lg:min-h-[78px] mt-[15px] lg:mt-0\">\n            <button id=\"_form_255_submit\" class=\"_submit btn-submit\" type=\"submit\">\n                Submit\n            <\/button>\n        <\/div>\n        <\/div>\n        <div class=\"_clear-element\">\n        <\/div>\n    <\/div>\n    <div class=\"_form-thank-you\" style=\"display:none;\">\n    <\/div>\n<\/form><script>\n    window.cfields = [];\n    window._show_thank_you = function(id, message, trackcmp_url, email) {\n        var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you');\n        form.querySelector('._form-content').style.display = 'none';\n        thank_you.innerHTML = message;\n        thank_you.style.display = 'block';\n        const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;\n        var visitorObject = window[vgoAlias];\n        if (email && typeof visitorObject !== 'undefined') {\n            visitorObject('setEmail', email);\n            visitorObject('update');\n        } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {\n            \/\/ Site tracking URL to use after inline form submission.\n            _load_script(trackcmp_url);\n        }\n        if (typeof window._form_callback !== 'undefined') window._form_callback(id);\n    };\n    window._show_unsubscribe = function(id, message, trackcmp_url, email) {\n        var form = document.getElementById('_form_' + id + '_'), unsub = form.querySelector('._form-thank-you');\n        var branding = form.querySelector('._form-branding');\n        if (branding) {\n            branding.style.display = 'none';\n        }\n        form.querySelector('._form-content').style.display = 'none';\n        unsub.style.display = 'block';\n        form.insertAdjacentHTML('afterend', message)\n        const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;\n        var visitorObject = window[vgoAlias];\n        if (email && typeof visitorObject !== 'undefined') {\n            visitorObject('setEmail', email);\n            visitorObject('update');\n        } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {\n            \/\/ Site tracking URL to use after inline form submission.\n            _load_script(trackcmp_url);\n        }\n        if (typeof window._form_callback !== 'undefined') window._form_callback(id);\n    };\n    window._show_error = function(id, message, html) {\n        var form = document.getElementById('_form_' + id + '_'),\n            err = document.createElement('div'),\n            button = form.querySelector('button'),\n            old_error = form.querySelector('._form_error');\n        if (old_error) old_error.parentNode.removeChild(old_error);\n        err.innerHTML = message;\n        err.className = '_error-inner _form_error _no_arrow';\n        var wrapper = document.createElement('div');\n        wrapper.className = '_form-inner';\n        wrapper.appendChild(err);\n        button.parentNode.insertBefore(wrapper, button);\n        var submitButton = form.querySelector('[id^=\"_form\"][id$=\"_submit\"]');\n        submitButton.disabled = false;\n        submitButton.classList.remove('processing');\n        if (html) {\n            var div = document.createElement('div');\n            div.className = '_error-html';\n            div.innerHTML = html;\n            err.appendChild(div);\n        }\n    };\n    window._show_pc_confirmation = function(id, header, detail, show, email) {\n        var form = document.getElementById('_form_' + id + '_'), pc_confirmation = form.querySelector('._form-pc-confirmation');\n        if (pc_confirmation.style.display === 'none') {\n            form.querySelector('._form-content').style.display = 'none';\n            pc_confirmation.innerHTML = \"<div class='_form-title'>\" + header + \"<\/div>\" + \"<p>\" + detail + \"<\/p>\" +\n                \"<button class='_submit' id='hideButton'>Manage preferences<\/button>\";\n            pc_confirmation.style.display = 'block';\n            var mp = document.querySelector('input[name=\"mp\"]');\n            mp.value = '0';\n        } else {\n            form.querySelector('._form-content').style.display = 'inline';\n            pc_confirmation.style.display = 'none';\n        }\n\n        var hideButton = document.getElementById('hideButton');\n        \/\/ Add event listener to the button\n        hideButton.addEventListener('click', function() {\n            var submitButton = document.querySelector('#_form_255_submit');\n            submitButton.disabled = false;\n            submitButton.classList.remove('processing');\n            var mp = document.querySelector('input[name=\"mp\"]');\n            mp.value = '1';\n            const cacheBuster = new URL(window.location.href);\n            cacheBuster.searchParams.set('v', new Date().getTime());\n            window.location.href = cacheBuster.toString();\n        });\n\n        const vgoAlias = typeof visitorGlobalObjectAlias === 'undefined' ? 'vgo' : visitorGlobalObjectAlias;\n        var visitorObject = window[vgoAlias];\n        if (email && typeof visitorObject !== 'undefined') {\n            visitorObject('setEmail', email);\n            visitorObject('update');\n        } else if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {\n            \/\/ Site tracking URL to use after inline form submission.\n            _load_script(trackcmp_url);\n        }\n        if (typeof window._form_callback !== 'undefined') window._form_callback(id);\n    };\n    window._load_script = function(url, callback, isSubmit) {\n        var head = document.querySelector('head'), script = document.createElement('script'), r = false;\n        var submitButton = document.querySelector('#_form_255_submit');\n        script.charset = 'utf-8';\n        script.src = url;\n        if (callback) {\n            script.onload = script.onreadystatechange = function() {\n                if (!r && (!this.readyState || this.readyState == 'complete')) {\n                    r = true;\n                    callback();\n                }\n            };\n        }\n        script.onerror = function() {\n            if (isSubmit) {\n                if (script.src.length > 10000) {\n                    _show_error(\"255\", \"Sorry, your submission failed. Please shorten your responses and try again.\");\n                } else {\n                    _show_error(\"255\", \"Sorry, your submission failed. Please try again.\");\n                }\n                submitButton.disabled = false;\n                submitButton.classList.remove('processing');\n            }\n        }\n\n        head.appendChild(script);\n    };\n    (function() {\n        if (window.location.search.search(\"excludeform\") !== -1) return false;\n        var getCookie = function(name) {\n            var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));\n            return match ? match[2] : null;\n        }\n        var setCookie = function(name, value) {\n            var now = new Date();\n            var time = now.getTime();\n            var expireTime = time + 1000 * 60 * 60 * 24 * 365;\n            now.setTime(expireTime);\n            document.cookie = name + '=' + value + '; expires=' + now + ';path=\/; Secure; SameSite=Lax;';\n        }\n        var addEvent = function(element, event, func) {\n            if (element.addEventListener) {\n                element.addEventListener(event, func);\n            } else {\n                var oldFunc = element['on' + event];\n                element['on' + event] = function() {\n                    oldFunc.apply(this, arguments);\n                    func.apply(this, arguments);\n                };\n            }\n        }\n        var _removed = false;\n        var form_to_submit = document.getElementById('_form_255_');\n        var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false;\n\n        var getUrlParam = function(name) {\n            if (name.toLowerCase() !== 'email') {\n                var params = new URLSearchParams(window.location.search);\n                return params.get(name) || false;\n            }\n            \/\/ email is a special case because a plus is valid in the email address\n            var qString = window.location.search;\n            if (!qString) {\n                return false;\n            }\n            var parameters = qString.substr(1).split('&');\n            for (var i = 0; i < parameters.length; i++) {\n                var parameter = parameters[i].split('=');\n                if (parameter[0].toLowerCase() === 'email') {\n                    return parameter[1] === undefined ? true : decodeURIComponent(parameter[1]);\n                }\n            }\n            return false;\n        };\n\n        var acctDateFormat = \"%m\/%d\/%Y\";\n        var getNormalizedDate = function(date, acctFormat) {\n            var decodedDate = decodeURIComponent(date);\n            if (acctFormat && acctFormat.match(\/(%d|%e).*%m\/gi) !== null) {\n                return decodedDate.replace(\/(\\d{2}).*(\\d{2}).*(\\d{4})\/g, '$3-$2-$1');\n            } else if (Date.parse(decodedDate)) {\n                var dateObj = new Date(decodedDate);\n                var year = dateObj.getFullYear();\n                var month = dateObj.getMonth() + 1;\n                var day = dateObj.getDate();\n                return `${year}-${month < 10 ? `0${month}` : month}-${day < 10 ? `0${day}` : day}`;\n            }\n            return false;\n        };\n\n        var getNormalizedTime = function(time) {\n            var hour, minutes;\n            var decodedTime = decodeURIComponent(time);\n            var timeParts = Array.from(decodedTime.matchAll(\/(\\d{1,2}):(\\d{1,2})\\W*([AaPp][Mm])?\/gm))[0];\n            if (timeParts[3]) { \/\/ 12 hour format\n                var isPM = timeParts[3].toLowerCase() === 'pm';\n                if (isPM) {\n                    hour = parseInt(timeParts[1]) === 12 ? '12' : `${parseInt(timeParts[1]) + 12}`;\n                } else {\n                    hour = parseInt(timeParts[1]) === 12 ? '0' : timeParts[1];\n                }\n            } else { \/\/ 24 hour format\n                hour = timeParts[1];\n            }\n            var normalizedHour = parseInt(hour) < 10 ? `0${parseInt(hour)}` : hour;\n            var minutes = timeParts[2];\n            return `${normalizedHour}:${minutes}`;\n        };\n\n        for (var i = 0; i < allInputs.length; i++) {\n            var regexStr = \"field\\\\[(\\\\d+)\\\\]\";\n            var results = new RegExp(regexStr).exec(allInputs[i].name);\n            if (results != undefined) {\n                allInputs[i].dataset.name = allInputs[i].name.match(\/\\[time\\]$\/)\n                    ? `${window.cfields[results[1]]}_time`\n                    : window.cfields[results[1]];\n            } else {\n                allInputs[i].dataset.name = allInputs[i].name;\n            }\n            var fieldVal = getUrlParam(allInputs[i].dataset.name);\n\n            if (fieldVal) {\n                if (allInputs[i].dataset.autofill === \"false\") {\n                    continue;\n                }\n                if (allInputs[i].type == \"radio\" || allInputs[i].type == \"checkbox\") {\n                    if (allInputs[i].value == fieldVal) {\n                        allInputs[i].checked = true;\n                    }\n                } else if (allInputs[i].type == \"date\") {\n                    allInputs[i].value = getNormalizedDate(fieldVal, acctDateFormat);\n                } else if (allInputs[i].type == \"time\") {\n                    allInputs[i].value = getNormalizedTime(fieldVal);\n                } else {\n                    allInputs[i].value = fieldVal;\n                }\n            }\n        }\n\n        var remove_tooltips = function() {\n            for (var i = 0; i < tooltips.length; i++) {\n                tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);\n            }\n            tooltips = [];\n        };\n        var remove_tooltip = function(elem) {\n            for (var i = 0; i < tooltips.length; i++) {\n                if (tooltips[i].elem === elem) {\n                    tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);\n                    tooltips.splice(i, 1);\n                    return;\n                }\n            }\n        };\n        var create_tooltip = function(elem, text) {\n            var tooltip = document.createElement('div'),\n                arrow = document.createElement('div'),\n                inner = document.createElement('div'), new_tooltip = {};\n            if (elem.type != 'radio' && elem.type != 'checkbox') {\n                tooltip.className = '_error';\n                arrow.className = '_error-arrow';\n                inner.className = '_error-inner';\n                inner.innerHTML = text;\n                tooltip.appendChild(arrow);\n                tooltip.appendChild(inner);\n                elem.parentNode.appendChild(tooltip);\n            } else {\n                tooltip.className = '_error-inner _no_arrow';\n                tooltip.innerHTML = text;\n                elem.parentNode.insertBefore(tooltip, elem);\n                new_tooltip.no_arrow = true;\n            }\n            new_tooltip.tip = tooltip;\n            new_tooltip.elem = elem;\n            tooltips.push(new_tooltip);\n            return new_tooltip;\n        };\n        var resize_tooltip = function(tooltip) {\n            var rect = tooltip.elem.getBoundingClientRect();\n            var doc = document.documentElement,\n                scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0));\n            if (scrollPosition < 40) {\n                tooltip.tip.className = tooltip.tip.className.replace(\/ ?(_above|_below) ?\/g, '') + ' _below';\n            } else {\n                tooltip.tip.className = tooltip.tip.className.replace(\/ ?(_above|_below) ?\/g, '') + ' _above';\n            }\n        };\n        var resize_tooltips = function() {\n            if (_removed) return;\n            for (var i = 0; i < tooltips.length; i++) {\n                if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);\n            }\n        };\n        var validate_field = function(elem, remove) {\n            var tooltip = null, value = elem.value, no_error = true;\n            remove ? remove_tooltip(elem) : false;\n            if (elem.type != 'checkbox') elem.className = elem.className.replace(\/ ?_has_error ?\/g, '');\n            if (elem.getAttribute('required') !== null) {\n                if (elem.type == 'radio' || (elem.type == 'checkbox' && \/any\/.test(elem.className))) {\n                    var elems = form_to_submit.elements[elem.name];\n                    if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {\n                        no_error = elem.checked;\n                    }\n                    else {\n                        no_error = false;\n                        for (var i = 0; i < elems.length; i++) {\n                            if (elems[i].checked) no_error = true;\n                        }\n                    }\n                    if (!no_error) {\n                        tooltip = create_tooltip(elem, \"Please select an option.\");\n                    }\n                } else if (elem.type =='checkbox') {\n                    var elems = form_to_submit.elements[elem.name], found = false, err = [];\n                    no_error = true;\n                    for (var i = 0; i < elems.length; i++) {\n                        if (elems[i].getAttribute('required') === null) continue;\n                        if (!found && elems[i] !== elem) return true;\n                        found = true;\n                        elems[i].className = elems[i].className.replace(\/ ?_has_error ?\/g, '');\n                        if (!elems[i].checked) {\n                            no_error = false;\n                            elems[i].className = elems[i].className + ' _has_error';\n                            err.push(\"Checking %s is required\".replace(\"%s\", elems[i].value));\n                        }\n                    }\n                    if (!no_error) {\n                        tooltip = create_tooltip(elem, err.join('<br\/>'));\n                    }\n                } else if (elem.tagName == 'SELECT') {\n                    var selected = true;\n                    if (elem.multiple) {\n                        selected = false;\n                        for (var i = 0; i < elem.options.length; i++) {\n                            if (elem.options[i].selected) {\n                                selected = true;\n                                break;\n                            }\n                        }\n                    } else {\n                        for (var i = 0; i < elem.options.length; i++) {\n                            if (elem.options[i].selected\n                                && (!elem.options[i].value\n                                    || (elem.options[i].value.match(\/\\n\/g)))\n                            ) {\n                                selected = false;\n                            }\n                        }\n                    }\n                    if (!selected) {\n                        elem.className = elem.className + ' _has_error';\n                        no_error = false;\n                        tooltip = create_tooltip(elem, \"Please select an option.\");\n                    }\n                } else if (value === undefined || value === null || value === '') {\n                    elem.className = elem.className + ' _has_error';\n                    no_error = false;\n                    tooltip = create_tooltip(elem, \"This field is required.\");\n                }\n            }\n            if (no_error && (elem.id == 'field[]' || elem.id == 'ca[11][v]')) {\n                if (elem.className.includes('phone-input-error')) {\n                    elem.className = elem.className + ' _has_error';\n                    no_error = false;\n                }\n            }\n            if (no_error && elem.name == 'email') {\n                if (!value.match(\/^[\\+_a-z0-9-'&=]+(\\.[\\+_a-z0-9-']+)*@[a-z0-9-]+(\\.[a-z0-9-]+)*(\\.[a-z]{2,})$\/i)) {\n                    elem.className = elem.className + ' _has_error';\n                    no_error = false;\n                    tooltip = create_tooltip(elem, \"Enter a valid email address.\");\n                }\n            }\n            if (no_error && \/date_field\/.test(elem.className)) {\n                if (!value.match(\/^\\d\\d\\d\\d-\\d\\d-\\d\\d$\/)) {\n                    elem.className = elem.className + ' _has_error';\n                    no_error = false;\n                    tooltip = create_tooltip(elem, \"Enter a valid date.\");\n                }\n            }\n            tooltip ? resize_tooltip(tooltip) : false;\n            return no_error;\n        };\n        var needs_validate = function(el) {\n            if(el.getAttribute('required') !== null){\n                return true\n            }\n            if(el.name === 'email' && el.value !== \"\"){\n                return true\n            }\n\n            if((el.id == 'field[]' || el.id == 'ca[11][v]') && el.className.includes('phone-input-error')){\n                return true\n            }\n\n            return false\n        };\n        var validate_form = function(e) {\n            var err = form_to_submit.querySelector('._form_error'), no_error = true;\n            if (!submitted) {\n                submitted = true;\n                for (var i = 0, len = allInputs.length; i < len; i++) {\n                    var input = allInputs[i];\n                    if (needs_validate(input)) {\n                        if (input.type == 'tel') {\n                            addEvent(input, 'blur', function() {\n                                this.value = this.value.trim();\n                                validate_field(this, true);\n                            });\n                        }\n                        if (input.type == 'text' || input.type == 'number' || input.type == 'time') {\n                            addEvent(input, 'blur', function() {\n                                this.value = this.value.trim();\n                                validate_field(this, true);\n                            });\n                            addEvent(input, 'input', function() {\n                                validate_field(this, true);\n                            });\n                        } else if (input.type == 'radio' || input.type == 'checkbox') {\n                            (function(el) {\n                                var radios = form_to_submit.elements[el.name];\n                                for (var i = 0; i < radios.length; i++) {\n                                    addEvent(radios[i], 'click', function() {\n                                        validate_field(el, true);\n                                    });\n                                }\n                            })(input);\n                        } else if (input.tagName == 'SELECT') {\n                            addEvent(input, 'change', function() {\n                                validate_field(this, true);\n                            });\n                        } else if (input.type == 'textarea'){\n                            addEvent(input, 'input', function() {\n                                validate_field(this, true);\n                            });\n                        }\n                    }\n                }\n            }\n            remove_tooltips();\n            for (var i = 0, len = allInputs.length; i < len; i++) {\n                var elem = allInputs[i];\n                if (needs_validate(elem)) {\n                    if (elem.tagName.toLowerCase() !== \"select\") {\n                        elem.value = elem.value.trim();\n                    }\n                    validate_field(elem) ? true : no_error = false;\n                }\n            }\n            if (!no_error && e) {\n                e.preventDefault();\n            }\n            resize_tooltips();\n            return no_error;\n        };\n        addEvent(window, 'resize', resize_tooltips);\n        addEvent(window, 'scroll', resize_tooltips);\n\n        var hidePhoneInputError = function(inputId) {\n            var errorMessage =  document.getElementById(\"error-msg-\" + inputId);\n            var input = document.getElementById(inputId);\n            errorMessage.classList.remove(\"phone-error\");\n            errorMessage.classList.add(\"phone-error-hidden\");\n            input.classList.remove(\"phone-input-error\");\n        };\n\n        var initializePhoneInput = function(input, defaultCountry) {\n            return window.intlTelInput(input, {\n                utilsScript: \"https:\/\/unpkg.com\/intl-tel-input@17.0.18\/build\/js\/utils.js\",\n                autoHideDialCode: false,\n                separateDialCode: true,\n                initialCountry: defaultCountry,\n                preferredCountries: []\n            });\n        }\n\n        var setPhoneInputEventListeners = function(inputId, input, iti) {\n            input.addEventListener('blur', function() {\n                var errorMessage = document.getElementById(\"error-msg-\" + inputId);\n                if (input.value.trim()) {\n                    if (iti.isValidNumber()) {\n                        iti.setNumber(iti.getNumber());\n                        if (errorMessage.classList.contains(\"phone-error\")){\n                            hidePhoneInputError(inputId);\n                        }\n                    } else {\n                        showPhoneInputError(inputId)\n                    }\n                } else {\n                    if (errorMessage.classList.contains(\"phone-error\")){\n                        hidePhoneInputError(inputId);\n                    }\n                }\n            });\n\n            input.addEventListener(\"countrychange\", function() {\n                iti.setNumber('');\n            });\n\n            input.addEventListener(\"keydown\", function(e) {\n                var charCode = (e.which) ? e.which : e.keyCode;\n                if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode !== 8) {\n                    e.preventDefault();\n                }\n            });\n        };\n\n        var showPhoneInputError = function(inputId) {\n            var errorMessage =  document.getElementById(\"error-msg-\" + inputId);\n            var input = document.getElementById(inputId);\n            errorMessage.classList.add(\"phone-error\");\n            errorMessage.classList.remove(\"phone-error-hidden\");\n            input.classList.add(\"phone-input-error\");\n        };\n\n\n        window['recaptcha_callback'] = function() {\n            \/\/ Get all recaptchas in the DOM (there may be more than one form on the page).\n            var recaptchas = document.getElementsByClassName(\"g-recaptcha\");\n            for (var i in recaptchas) {\n                \/\/ Set the recaptcha element ID, so the recaptcha can be applied to each element.\n                var recaptcha_id = \"recaptcha_\" + i;\n                recaptchas[i].id = recaptcha_id;\n                var el = document.getElementById(recaptcha_id);\n                if (el != null) {\n                    var sitekey = el.getAttribute(\"data-sitekey\");\n                    var stoken = el.getAttribute(\"data-stoken\");\n                    grecaptcha.render(recaptcha_id, {\"sitekey\":sitekey,\"stoken\":stoken});\n                }\n            }\n        };    _load_script(\n            \"https:\/\/www.google.com\/recaptcha\/api.js?onload=recaptcha_callback&render=explicit\"\n        );\n        var _form_serialize = function(form){if(!form||form.nodeName!==\"FORM\"){return }var i,j,q=[];for(i=0;i<form.elements.length;i++){if(form.elements[i].name===\"\"){continue}switch(form.elements[i].nodeName){case\"INPUT\":switch(form.elements[i].type){case\"tel\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].previousSibling.querySelector('div.iti__selected-dial-code').innerText)+encodeURIComponent(\" \")+encodeURIComponent(form.elements[i].value));break;case\"text\":case\"number\":case\"date\":case\"time\":case\"hidden\":case\"password\":case\"button\":case\"reset\":case\"submit\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value));break;case\"checkbox\":case\"radio\":if(form.elements[i].checked){q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value))}break;case\"file\":break}break;case\"TEXTAREA\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value));break;case\"SELECT\":switch(form.elements[i].type){case\"select-one\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value));break;case\"select-multiple\":for(j=0;j<form.elements[i].options.length;j++){if(form.elements[i].options[j].selected){q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].options[j].value))}}break}break;case\"BUTTON\":switch(form.elements[i].type){case\"reset\":case\"submit\":case\"button\":q.push(form.elements[i].name+\"=\"+encodeURIComponent(form.elements[i].value));break}break}}return q.join(\"&\")};\n\n        const formSupportsPost = false;\n        var form_submit = function(e) {\n\n            e.preventDefault();\n            if (validate_form()) {\n                \/\/ use this trick to get the submit button & disable it using plain javascript\n                var submitButton = e.target.querySelector('#_form_255_submit');\n                submitButton.disabled = true;\n                submitButton.classList.add('processing');\n                var serialized = _form_serialize(\n                    document.getElementById('_form_255_')\n                ).replace(\/%0A\/g, '\\\\n');\n                var err = form_to_submit.querySelector('._form_error');\n                err ? err.parentNode.removeChild(err) : false;\n                async function submitForm() {\n                    var formData = new FormData();\n                    const searchParams = new URLSearchParams(serialized);\n                    searchParams.forEach((value, key) => {\n                        if (key !== 'hideButton') {\n                            formData.append(key, value);\n                        }\n                        \/\/formData.append(key, value);\n                    });\n                    let request = {\n                        headers: {\n                            \"Accept\": \"application\/json\"\n                        },\n                        body: formData,\n                        method: \"POST\"\n                    };\n\n                    let pageUrlParams = new URLSearchParams(window.location.search);\n                    if (pageUrlParams.has('t')) {\n                        request.headers.Authorization = 'Bearer ' + pageUrlParams.get('t');\n                    }\n                    const response = await fetch('https:\/\/hazardco.activehosted.com\/proc.php?jsonp=true', request);\n                    return response.json();\n                }\n                if (formSupportsPost) {\n                    submitForm().then((data) => {\n                        eval(data.js);\n                    });\n                } else {\n                    _load_script('https:\/\/hazardco.activehosted.com\/proc.php?' + serialized + '&jsonp=true', null, true);\n                }\n            }\n            return false;\n        };\n        addEvent(form_to_submit, 'submit', form_submit);\n    })();\n\n<\/script>            <\/div>\n        <\/div>\n        <div class=\"col-span-full lg:col-start-8 lg:col-span-5\">\n                            <img decoding=\"async\" src=\"https:\/\/hazardco.bbtdevelopment.com\/app\/uploads\/sites\/2\/2024\/11\/h1-bnw-m.png\" alt=\"HazardCo AU\" class=\"header-1__mobile-image block mx-auto lg:hidden\" \/>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"logo-2 mb-80px\">\n    <div class=\"logo-2__wrapper container grid grid-cols-6 lg:grid-cols-12 gap-y-[25px] gap-[15px] lg:gap-y-[30px]\">\n        <div class=\"col-span-full logo-2__content-wrapper\">\n                            <h2 class=\"kipp\">BROUGHT TO YOU BY<\/h2>\n                    <\/div>\n                    <div class=\"col-span-full logo-2__list-wrapper list grid grid-cols-6 lg:grid-cols-12 gap-y-[20px] gap-[15px] lg:gap-y-[35px]\">\n                                                        <div class=\"col-span-full lg:col-span-4 list__item flex flex-col pl-[15px] pr-[15px] gap-[15px]\">\n                                                    <div class=\"list__img-wrapper flex justify-center items-center\">\n                                <img decoding=\"async\" src=\"https:\/\/media.hazardco.bbtdevelopment.com\/wp-content\/uploads\/sites\/2\/2024\/05\/08032844\/logo-rbn-1.png\" alt=\"HazardCo AU\" \/>\n                            <\/div>\n                                                                            <div class=\"list__content px-[25px] lg:pl-[17px] lg:pr-[19px]  grow \">\n                                                                    <h3>HazardCo<\/h3>\n                                                                                                    <div class=\"text-formatter mt-[15px] \"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore<\/p>\n<\/div>\n                                                            <\/div>\n                                                                        <div class=\"mx-[25px] lg:mx-[17px] \">\n                            <a \n                                href=\"#\"\n                                                                                                class=\"flex flex-row gap-[15px] mt-auto card_link\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/hazardco.bbtdevelopment.com\/app\/themes\/wp-bbt-theme\/assets\/images\/link-right-arrow.svg\" alt=\"HazardCo AU\" \/>\n                                Visit website                            <\/a>\n                        <\/div>\n                                                                    <\/div>\n                                                        <div class=\"col-span-full lg:col-span-4 list__item flex flex-col pl-[15px] pr-[15px] gap-[15px]\">\n                                                    <div class=\"list__img-wrapper flex justify-center items-center\">\n                                <img decoding=\"async\" src=\"https:\/\/media.hazardco.bbtdevelopment.com\/wp-content\/uploads\/sites\/2\/2024\/05\/08032841\/logo-mitre.png\" alt=\"HazardCo AU\" \/>\n                            <\/div>\n                                                                            <div class=\"list__content px-[25px] lg:pl-[17px] lg:pr-[19px]  grow \">\n                                                                    <h3>HazardCo<\/h3>\n                                                                                                    <div class=\"text-formatter mt-[15px] \"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore<\/p>\n<\/div>\n                                                            <\/div>\n                                                                        <div class=\"mx-[25px] lg:mx-[17px] \">\n                            <a \n                                href=\"#\"\n                                                                                                class=\"flex flex-row gap-[15px] mt-auto card_link\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/hazardco.bbtdevelopment.com\/app\/themes\/wp-bbt-theme\/assets\/images\/link-right-arrow.svg\" alt=\"HazardCo AU\" \/>\n                                Visit website                            <\/a>\n                        <\/div>\n                                                                    <\/div>\n                                                        <div class=\"col-span-full lg:col-span-4 list__item flex flex-col pl-[15px] pr-[15px] gap-[15px]\">\n                                                    <div class=\"list__img-wrapper flex justify-center items-center\">\n                                <img decoding=\"async\" src=\"https:\/\/media.hazardco.bbtdevelopment.com\/wp-content\/uploads\/sites\/2\/2024\/05\/16053857\/logo-davey.jpg\" alt=\"HazardCo AU\" \/>\n                            <\/div>\n                                                                            <div class=\"list__content px-[25px] lg:pl-[17px] lg:pr-[19px]  grow \">\n                                                                    <h3>HazardCo<\/h3>\n                                                                                                    <div class=\"text-formatter mt-[15px] \"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore<\/p>\n<\/div>\n                                                            <\/div>\n                                                                        <div class=\"mx-[25px] lg:mx-[17px] \">\n                            <a \n                                href=\"#\"\n                                                                                                class=\"flex flex-row gap-[15px] mt-auto card_link\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/hazardco.bbtdevelopment.com\/app\/themes\/wp-bbt-theme\/assets\/images\/link-right-arrow.svg\" alt=\"HazardCo AU\" \/>\n                                Visit website                            <\/a>\n                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-black-and-white.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-2880","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Test - Signup page - HazardCo AU<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test - Signup page - HazardCo AU\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][\/vc_column][\/vc_row]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/hazardco.bbtdevelopment.com\/au\/test-signup-page\/\" \/>\n<meta property=\"og:site_name\" content=\"HazardCo AU\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-07T05:49:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/test-signup-page\\\/\",\"url\":\"http:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/test-signup-page\\\/\",\"name\":\"Test - Signup page - HazardCo AU\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/#website\"},\"datePublished\":\"2024-11-05T07:13:32+00:00\",\"dateModified\":\"2025-10-07T05:49:38+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/test-signup-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/test-signup-page\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/test-signup-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test &#8211; Signup page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/#website\",\"url\":\"https:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/\",\"name\":\"HazardCo AU\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hazardco.bbtdevelopment.com\\\/au\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Test - Signup page - HazardCo AU","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Test - Signup page - HazardCo AU","og_description":"[vc_row][vc_column][\/vc_column][\/vc_row]","og_url":"http:\/\/hazardco.bbtdevelopment.com\/au\/test-signup-page\/","og_site_name":"HazardCo AU","article_modified_time":"2025-10-07T05:49:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/hazardco.bbtdevelopment.com\/au\/test-signup-page\/","url":"http:\/\/hazardco.bbtdevelopment.com\/au\/test-signup-page\/","name":"Test - Signup page - HazardCo AU","isPartOf":{"@id":"https:\/\/hazardco.bbtdevelopment.com\/au\/#website"},"datePublished":"2024-11-05T07:13:32+00:00","dateModified":"2025-10-07T05:49:38+00:00","breadcrumb":{"@id":"http:\/\/hazardco.bbtdevelopment.com\/au\/test-signup-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/hazardco.bbtdevelopment.com\/au\/test-signup-page\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/hazardco.bbtdevelopment.com\/au\/test-signup-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hazardco.bbtdevelopment.com\/au\/"},{"@type":"ListItem","position":2,"name":"Test &#8211; Signup page"}]},{"@type":"WebSite","@id":"https:\/\/hazardco.bbtdevelopment.com\/au\/#website","url":"https:\/\/hazardco.bbtdevelopment.com\/au\/","name":"HazardCo AU","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hazardco.bbtdevelopment.com\/au\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/hazardco.bbtdevelopment.com\/au\/wp-json\/wp\/v2\/pages\/2880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hazardco.bbtdevelopment.com\/au\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hazardco.bbtdevelopment.com\/au\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hazardco.bbtdevelopment.com\/au\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hazardco.bbtdevelopment.com\/au\/wp-json\/wp\/v2\/comments?post=2880"}],"version-history":[{"count":12,"href":"https:\/\/hazardco.bbtdevelopment.com\/au\/wp-json\/wp\/v2\/pages\/2880\/revisions"}],"predecessor-version":[{"id":3049,"href":"https:\/\/hazardco.bbtdevelopment.com\/au\/wp-json\/wp\/v2\/pages\/2880\/revisions\/3049"}],"wp:attachment":[{"href":"https:\/\/hazardco.bbtdevelopment.com\/au\/wp-json\/wp\/v2\/media?parent=2880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}