Contact us | Get in touch

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, shrink-to-fit=no, user-scalable=yes, minimal-ui" /> <meta content="Get in contact with HIA's specialist teams who can help you with your contract, compliance, technical, safety and membership questions. " name="description"> <meta content="Contact info for HIA, member phone number for HIA, find a HIA member, registered office, complaint, complaints, get a quote from a builder, contact registered office, contact national office, Code, Code of Ethics, Values & Principles, The Code in Operation, Implementation & Administration, Honesty and integrity, Fairness and fair dealings, Reliability, accountability, and responsibility, Respect, Professionalism" name="keywords"> <title>Contact us | Get in touch | HIA</title> <meta name="VIcurrentDateTime" content="638679877060148287" /> <meta name="VirtualFolder" content="/" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link as="style" defer="" href="/scl/assets/css/app.b00eceef.css.gz" rel="preload" /> <link as="style" defer="" href="/scl/assets/css/chunk-vendors.f3f30676.css.gz" rel="preload" /> <link defer="" href="/scl/assets/css/app.b00eceef.css.gz" rel="stylesheet" /> <link defer="" href="/scl/assets/css/chunk-vendors.f3f30676.css.gz" rel="stylesheet" /> <meta property="og:type" content="Article"> <meta property="og:title" content="Contact HIA"> <meta property="og:description" content="Get in contact with HIA's specialist teams who can help you with your contract, compliance, technical, safety and membership questions. "> <meta property="og:image" content="https://hia.com.au/-/media/images/hia/fallback/open-graph-1200x627.jpg"> <meta name="theme-color" content="#000000"> <meta name="apple-mobile-web-app-capable" content="no"> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <meta name="apple-mobile-web-app-title" content="Contact HIA"> <meta name="msapplication-TileImage" content="/scl/img/icons/msapplication-icon-144x144.png"> <meta name="msapplication-TileColor" content="#000000"> <link rel="canonical" href="https://hia.com.au/contact-hia" /> <link rel="icon" type="image/png" sizes="32x32" href="/scl/img/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/scl/img/icons/favicon-16x16.png"> <link rel="manifest" href="/scl/manifest.json"> <link rel="apple-touch-icon" href="/scl/img/icons/apple-touch-icon-152x152.png"> <link rel="mask-icon" href="/scl/img/icons/safari-pinned-tab.svg" color="#000000"> <link async defer href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet"> <script src="https://apis.google.com/js/platform.js?onload=init" async defer></script> <script src="/google-maps.webchat-plugin.js"></script> </head> <body class="en "> <v-app id="app" v-cloak> <v-main id="app-main" :style="[isIe ? {opacity: 1} : {opacity: 0}]"> <header id="app-header"> <scl-header inline-template :api="{"search":true,"profile":true,"cart":true}" class="scl-component scl-header"> <div> <v-navigation-drawer v-model="drawer" width="100%" fixed temporary right v-if="$vuetify.breakpoint.smAndDown"> <v-container class="scl-header__secondary-mobile"> <v-row class="align-center"> <v-col cols="4" class="pt-0 pb-0"> <div class="scl-header__left-side"> <div class="scl-header__logo"> <a href="/" title="HIA homepage" ><img src="/-/media/images/hia/home/logo.png?la=en&h=88&w=78&hash=93DF83EA27926A5C57B0C45472521DC7" alt="Housing Industry Association Limited" /></a> </div> </div> </v-col> <v-col cols="8" class="pt-0 pb-0 text-right scl-header__secondary-icons"> <div :class="propApi.search || propApi.profile ? 'scl-header__border-right' : null"> <span v-if="propApi.search"> <v-icon class="scl-header__secondary-icon"> {{ propApi.searchIcon }}</v-icon> </span> <span v-if="propApi.profile"> <scl-header-profile-menu class="scl-component scl-header-profile-menu" inline-template @emit-is-active="setActiveMenu" :icon="propApi.profileIcon"> <div v-if="getAuth"> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu :value="active" bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-avatar class="scl-header-profile-menu__avatar" size="36"> {{ initials }} </v-avatar> <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> <v-container class="scl-header-profile-menu__container pt-0"> <v-row class="pt-0 justify-end"> <v-col cols="12" sm="4" class="pt-0"> <v-card class="scl-header-profile-menu__card"> <v-list-item-content class="pt-0"> <div class="scl-header-profile-menu__header-information"> <h3> Welcome, <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> </h3> <v-btn icon> <v-icon class="scl-header-profile-menu__dismiss-button" @click="handleClose">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <v-list> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My dashboard</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My personal details</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My digital library</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="https://hia.com.au/Contracts/authenticated/mycontracts.aspx" target="_blank"> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My contracts (Contracts online)</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My invoices</strong> </v-list-item-title> </a> </v-list-item> <v-divider class="my-4"></v-divider> <v-list-item> <v-list-item-title> <a class="btn btn-link btn--x-small" text @click="handleLogout">Logout <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> </v-list-item-title> </v-list-item> </v-list> </v-list-item-content> </v-card> </v-col> </v-row> </v-container> </v-menu> </v-toolbar-items> </v-toolbar> </div> <div v-else> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" @click="openLoginModal" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> </v-menu> </v-toolbar-items> </v-toolbar> </div> </scl-header-profile-menu> </span> </div> <div> <v-icon class="scl-header__secondary-icon" @click="drawer = false"> {{ propApi.closeIcon }}</v-icon> </div> </v-col> </v-row> </v-container> <v-expansion-panels accordion class="scl-header__accordions" flat ref="panels">  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Our industry </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/our-industry')">Our industry<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Housing industry insights</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics')"> <v-list-item-title>Economics</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/economic-insights')"> <v-list-item-title>Insights</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/data-forecasts')"> <v-list-item-title>Data & forecasts</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/tailored-research-and-analysis')"> <v-list-item-title>Tailored research & analysis</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Advocacy & policy</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/advocacy')"> <v-list-item-title>Advocacy</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/policy-priorities')"> <v-list-item-title>Policy priorities</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/policy-statements')"> <v-list-item-title>Position statements</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title>Submissions</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">News & inspiration</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title>Industry news</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title>Member alerts</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title>Media releases</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/housing')"> <v-list-item-title>HOUSING Online</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Business support </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/business-support')">Business support<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">For your business</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-online')"> <v-list-item-title>Contracts Online</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/safety-solutions')"> <v-list-item-title>Safety systems & solutions</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-tradepass')"> <v-list-item-title>HIA Tradepass</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hiring.hia.com.au/')"> <v-list-item-title>Advertise jobs</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Member perks</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/toyota-fleet-discount')"> <v-list-item-title>Toyota vehicles</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/the-good-guys-commercial')"> <v-list-item-title>The Good Guys Commercial</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/fuel-discounts')"> <v-list-item-title>Ampol fuel savings</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Industry insurance</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services')"> <v-list-item-title>HIA Insurance Services</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/construction-works')"> <v-list-item-title>Construction works insurance</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/home-warranty-insurance')"> <v-list-item-title>Home warranty insurance</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/tradies-and-tools-insurance')"> <v-list-item-title>Tradies & tool insurance</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Apprentices</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host/why-host-an-hia-apprentice')"> <v-list-item-title>Why host a HIA apprentice?</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host')"> <v-list-item-title>Hire an apprentice</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Support & guidance</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-and-compliance-support')"> <v-list-item-title>Contracts & compliance support</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/building-and-planning-services')"> <v-list-item-title>Building & planning services</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Resources & advice </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/resources-and-advice')">Resources & advice<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Building it right</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/building-codes')"> <v-list-item-title>Building codes</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/australian-standards')"> <v-list-item-title>Australian standards</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/getting-it-right-on-site')"> <v-list-item-title>Getting it right on site</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Building materials & products</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/concrete-bricks-and-walls')"> <v-list-item-title>Concrete, bricks & walls</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/getting-products-approved')"> <v-list-item-title>Getting products approved</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/use-the-right-building-products-for-the-job')"> <v-list-item-title>Use the right products for the job</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Managing your business</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/dealing-with-contracts')"> <v-list-item-title>Dealing with contracts</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/handling-disputes')"> <v-list-item-title>Handling disputes</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/managing-your-employees')"> <v-list-item-title>Managing your employees</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Managing your safety</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety/safety-rules')"> <v-list-item-title>Safety rules</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety/working-with-silica')"> <v-list-item-title>Working with silica</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Building your business</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-your-business/growing-your-business')"> <v-list-item-title>Growing your business</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('')"> <v-list-item-title>Maintaining your business</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-your-business')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Other subjects</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/getting-approval-to-build')"> <v-list-item-title>Getting approval to build</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/sustainable-homes')"> <v-list-item-title>Sustainable homes</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Careers & learning </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/careers-and-learning')">Careers & learning<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">A rewarding career</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice')"> <v-list-item-title>Become an apprentice</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer')"> <v-list-item-title>Apprenticeships on offer</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/how-do-i-apply')"> <v-list-item-title>How do I apply? </v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/faqs')"> <v-list-item-title>Frequently asked questions</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Study with us</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/training-courses')"> <v-list-item-title>Find a course to suit you</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/careers-and-learning/learning/training-courses?pg=1&ps=12&f=type=Qualification')"> <v-list-item-title>Qualification courses</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/learning-on-demand')"> <v-list-item-title>Learning on demand</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/professional-development')"> <v-list-item-title>Professional development courses</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">A job in the industry</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/how-to-get-your-builders-licence')"> <v-list-item-title>Get your builder's licence</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/continuing-professional-development')"> <v-list-item-title>Continuing Professional Development (CPD)</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning')"> <v-list-item-title>Further your career</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://jobs.hia.com.au/')"> <v-list-item-title>Find jobs</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> HIA community </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/hia-community')">HIA community<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Join HIA</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/signup')"> <v-list-item-title>Sign me up</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/become-an-hia-member')"> <v-list-item-title>How do I become a member?</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/become-an-hia-member/member-benefits')"> <v-list-item-title>What's in it for me? </v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/mates-rates')"> <v-list-item-title>Mates rates</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Get involved</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/become-an-awards-judge')"> <v-list-item-title>Become an award judge</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/join-a-committee')"> <v-list-item-title>Join a committee</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/partner-with-us')"> <v-list-item-title>Partner with us</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Our initiatives</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/building-women')"> <v-list-item-title>HIA Building Women</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/greensmart-program')"> <v-list-item-title>GreenSmart</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/kitchens-bathrooms-and-design')"> <v-list-item-title>Kitchen, bathroom & design hub</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Get to know us</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-to-know-us/our-members')"> <v-list-item-title>Our members</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-to-know-us/our-people')"> <v-list-item-title>Our people</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('')"> <v-list-item-title>Our partners</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Support for you</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/charitable-foundation')"> <v-list-item-title>Charitable Foundation</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/mental-health-program')"> <v-list-item-title>Mental health program</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Awards & events </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/awards-and-events')">Awards & events<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Awards</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards')"> <v-list-item-title>Awards program</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards/people-and-business-awards')"> <v-list-item-title>People & Business Awards</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards/greensmart-awards')"> <v-list-item-title>GreenSmart</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards')"> <v-list-item-title>Australian Housing Awards</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Awards winners</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/award-winners')"> <v-list-item-title>Regional Award winners</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners')"> <v-list-item-title>Australian Housing Award winners</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners/2024-hia-csr-australian-home-of-the-year/2024-hia-csr-australian-home-of-the-year')"> <v-list-item-title>2024 Australian Home of the Year</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/onlinejoin')"> <v-list-item-title>Enter online</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Industry events</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title>Events in the next month</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title>Economic outlook</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/conference')"> <v-list-item-title>National Conference</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title>Events calendar</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> HIA shop </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/products')">HIA shop<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Most popular products</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/2022-national-construction-code---volumes-one-and-two/NCC22SET')"> <v-list-item-title>National Construction Code Vol 1 & 2</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/AS%20waterproofing%20-%20as-37402021-waterproofing-of-domestic-wet-areas---downloadable/WDWAD21')"> <v-list-item-title>Waterproofing wet areas AS 3740:2021</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/HGuide%20to%20water%20proofing%20-%20hia-guide-to-wet-area-waterproofing/GWP')"> <v-list-item-title>HIA Guide to Waterproofing</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/hia-guide-to-ncc-livable-housing-provisions/GNCCLHP')"> <v-list-item-title>HIA Guide to NCC Livable Housing Provisions</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Top categories</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Building codes & standards</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Contracts & documents</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Guides & manuals</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Safety products</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Signage</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">For your business</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-online')"> <v-list-item-title>Contracts Online</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products/digital-australian-standards')"> <v-list-item-title>Digital Australian Standards</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice')"> <v-list-item-title>Digital Resource Library</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/data-forecasts')"> <v-list-item-title>Forecasts & data</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel> </v-expansion-panels> <v-list dense> <v-list-item :ripple="false" class="scl-header__secondary-link" @click="gotoUrl('/about-us')"> <v-list-item-content> <v-list-item-title>About</v-list-item-title> </v-list-item-content> </v-list-item> <v-list-item :ripple="false" class="scl-header__secondary-link" @click="gotoUrl('/contact-hia')"> <v-list-item-content> <v-list-item-title>Contact</v-list-item-title> </v-list-item-content> </v-list-item> <v-list-item :ripple="false" class="scl-header__secondary-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-content> <v-list-item-title>Newsroom</v-list-item-title> </v-list-item-content> </v-list-item> </v-list> <div class="scl-header__secondary-placeholder"> <scl-form-location inline-template class="scl-component scl-form-location" region="Australia" :api="{"successMessage":"","fallBackText":"Australia"}"> <div> <v-dialog v-model="dialog" max-width="1060" overlay-opacity="0.8" :overlay-color="color"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small btn-link scl-form-location__location" @click="initSearch"> <v-icon class="mr-3">$vuetify.icons.faMapMarker</v-icon> {{region}} </v-btn> </template> <v-card class="scl-form-location__card"> <div class="text-right"> <v-btn :ripple="false" class="btn btn--large" text @click="dialog = false"> <v-icon class="scl-form-location__close-icon">$vuetify.icons.faTimes</v-icon> </v-btn> </div> <v-row class="justify-center"> <v-col cols="12" sm="7"> <div class="scl-form-location__content text-center"> <v-icon class="scl-form-location__icon">$vuetify.icons.faMapMarker</v-icon> <v-card-title class="scl-form-location__title">Set my location</v-card-title> <v-card-text scl-form-location__text>Use the field below to update your location</v-card-text> </div> <v-card-actions class="scl-form-location__form"> <div class="scl-form-location__label">Address</div> <v-text-field placeholder="Enter your address" solo single-line class="scl-form-location__input" ref="locationRef"></v-text-field> <v-btn class="btn btn-primary scl-form-location__button" @click="setLocation">Change location</v-btn> </v-card-actions> </v-col> </v-row> </v-card> </v-dialog> <v-snackbar v-model="snackbar" :timeout="timeout" class="scl-form-location__snackbar"> <v-alert border="bottom" class="scl-form-location__alert" :class="'scl-form-location--' + propApi.type" colored-border :dismissible="propApi.dismissible" :outlined="propApi.outlined" :icon="propApi.icon" tile :type="propApi.type"> <div v-if="(!showMessage || propApi.successMessage == null)"> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.text}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> <div v-else> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.successMessage}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> </v-alert> </v-snackbar> </div> </scl-form-location> <scl-header-contact class="scl-header-contact scl-component" inline-template> <div> <div> <p class="scl-header-contact__number"><v-icon class="mr-3">$vuetify.icons.faPhone</v-icon><a href="tel:1300 650 620">1300 650 620 </a></p> </div> </div> </scl-header-contact> </div> </v-navigation-drawer> <v-menu offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header__mega-menu scl-header__search-menu"> <template v-slot:activator="scope"> <v-toolbar flat class="scl-header__secondary" v-bind="scope.attrs" :class="(!isActive? '' : 'scl-header__secondary--active')" role="menu"> <v-container class="pb-0"> <v-row class="scl-header__row"> <v-col cols="4" md="3" class="pt-0 pb-0"> <div class="scl-header__left-side"> <div class="scl-header__logo"> <a href="/" title="HIA homepage" ><img src="/-/media/images/hia/home/logo.png?la=en&h=88&w=78&hash=93DF83EA27926A5C57B0C45472521DC7" alt="Housing Industry Association Limited" /></a> </div> <v-toolbar-title v-if="propApi.name" class="align-center ml-2 hidden-sm-and-down"> <span class="title"></span> </v-toolbar-title> </div> </v-col> <v-col cols="8" md="9" class="pt-0 pb-0"> <div class="scl-header__right-side justify-end"> <v-toolbar-items class="scl-header__secondary-nav-items" v-if="$vuetify.breakpoint.mdAndUp"> <v-menu offset-y open-on-hover content-class="scl-header__secondary__no-shadow"> <template v-slot:activator="scope"> <v-btn :ripple="false" text href="/about-us" v-on="scope.on" class="btn btn--small scl-header__secondary__link">About</v-btn> </template> </v-menu> <v-menu offset-y open-on-hover content-class="scl-header__secondary__no-shadow"> <template v-slot:activator="scope"> <v-btn :ripple="false" text href="/contact-hia" v-on="scope.on" class="btn btn--small scl-header__secondary__link">Contact</v-btn> </template> </v-menu> <v-menu offset-y open-on-hover content-class="scl-header__secondary__no-shadow"> <template v-slot:activator="scope"> <v-btn :ripple="false" text href="/our-industry/newsroom" v-on="scope.on" class="btn btn--small scl-header__secondary__link">Newsroom</v-btn> </template> </v-menu> <v-divider vertical></v-divider> </v-toolbar-items> <div v-if="$vuetify.breakpoint.mdAndUp" class="scl-header__secondary-placeholder"> <scl-form-location inline-template class="scl-component scl-form-location" region="Australia" :api="{"successMessage":"","fallBackText":"Australia"}"> <div> <v-dialog v-model="dialog" max-width="1060" overlay-opacity="0.8" :overlay-color="color"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small btn-link scl-form-location__location" @click="initSearch"> <v-icon class="mr-3">$vuetify.icons.faMapMarker</v-icon> {{region}} </v-btn> </template> <v-card class="scl-form-location__card"> <div class="text-right"> <v-btn :ripple="false" class="btn btn--large" text @click="dialog = false"> <v-icon class="scl-form-location__close-icon">$vuetify.icons.faTimes</v-icon> </v-btn> </div> <v-row class="justify-center"> <v-col cols="12" sm="7"> <div class="scl-form-location__content text-center"> <v-icon class="scl-form-location__icon">$vuetify.icons.faMapMarker</v-icon> <v-card-title class="scl-form-location__title">Set my location</v-card-title> <v-card-text scl-form-location__text>Use the field below to update your location</v-card-text> </div> <v-card-actions class="scl-form-location__form"> <div class="scl-form-location__label">Address</div> <v-text-field placeholder="Enter your address" solo single-line class="scl-form-location__input" ref="locationRef"></v-text-field> <v-btn class="btn btn-primary scl-form-location__button" @click="setLocation">Change location</v-btn> </v-card-actions> </v-col> </v-row> </v-card> </v-dialog> <v-snackbar v-model="snackbar" :timeout="timeout" class="scl-form-location__snackbar"> <v-alert border="bottom" class="scl-form-location__alert" :class="'scl-form-location--' + propApi.type" colored-border :dismissible="propApi.dismissible" :outlined="propApi.outlined" :icon="propApi.icon" tile :type="propApi.type"> <div v-if="(!showMessage || propApi.successMessage == null)"> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.text}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> <div v-else> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.successMessage}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> </v-alert> </v-snackbar> </div> </scl-form-location> <scl-header-contact class="scl-header-contact scl-component" inline-template> <div> <div> <p class="scl-header-contact__number"><v-icon class="mr-3">$vuetify.icons.faPhone</v-icon><a href="tel:1300 650 620">1300 650 620 </a></p> </div> </div> </scl-header-contact> </div> <div class="scl-header__cart" v-if="propApi.cart && $vuetify.breakpoint.mdAndUp"> <v-divider vertical></v-divider> <scl-minicart :api="{"cartLink":"/cart","cartLinkTitle":"Cart","checkoutLink":"/checkout","checkoutLinkTitle":"Checkout","shopLink":"/products","cartTitle":"Checkout"}" class="scl-component scl-minicart" inline-template> <div> <div class="scl-minicart__menu" :class="menu? 'scl-minicart__menu--active' : ''"> <v-btn :ripple="false" text class="scl-minicart__btn" color="primaryDark"> <v-icon size="32">$vuetify.icons.faShoppingCart</v-icon> <span v-if="(getCart.length > 0)" class="scl-minicart__number">{{getCart.length}}</span> </v-btn> <div class="scl-minicart__menu-dropdown" v-if="!(getCart.length > 0)"> <div class="scl-minicart__header"> <h4>{{propApi.cartTitle}}</h4> <v-btn icon :ripple="false" class="scl-minicart__header-dismiss"> <v-icon @click="menu = false">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <div class="scl-minicart__container"> <div class="pa-6"> <h6 class="mb-4">Your cart is currently empty</h6> <p class="mb-0"><a :href="propApi.shopLink">Browse the shop</a> to add items to your cart.</p> </div> </div> </div> <div class="scl-minicart__menu-dropdown" v-else> <div class="scl-minicart__header"> <h4>Cart</h4> <v-btn icon :ripple="false" class="scl-minicart__header-dismiss"> <v-icon @click="menu = false">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <div class="scl-minicart__container"> <div v-for="(item, itemIndex) in getCart" class="scl-minicart__item" :key="itemIndex"> <span class="d-inline-block" v-if="item.product.isHidden && !item.product.hiddenRedirect" > <v-img :alt="item.product.displayName" aspect-ratio="1" class="scl-minicart__image" :lazy-src="$root.lazyImg" :src="resolveImage(item.product.imageUrls[0])"></v-img> </span> <a v-else-if="item.product.isHidden && item.product.hiddenRedirect" class="d-inline-block" :href="item.product.hiddenRedirect"> <v-img :alt="item.product.displayName" aspect-ratio="1" class="scl-minicart__image" :lazy-src="$root.lazyImg" :src="resolveImage(item.product.imageUrls[0])"></v-img> </a> <a v-else class="d-inline-block" :href="'/products/detail?pid=' + item.product.productId"> <v-img :alt="item.product.displayName" aspect-ratio="1" class="scl-minicart__image" :lazy-src="$root.lazyImg" :src="resolveImage(item.product.imageUrls[0])"></v-img> </a> <div class="scl-minicart__details"> <div> <span v-if="item.product.isHidden && !item.product.hiddenRedirect"> <h6 class="scl-minicart__name">{{ item.product.displayName }}</h6> </span> <a v-else-if="item.product.isHidden && item.product.hiddenRedirect" :href="item.product.hiddenRedirect"> <h6 class="scl-minicart__name">{{ item.product.displayName }}</h6> </a> <a v-else :href="'/products/detail?pid=' + item.product.productId"> <h6 class="scl-minicart__name">{{ item.product.displayName }}</h6> </a> </div> <div class="d-flex align-start justify-space-between"> <div class="scl-minicart__quantity"> <v-text-field v-model="item.quantity" append-icon="$vuetify.icons.faPlus" background-color="#f4f4f4" class="scl-minicart__input" :class="item.quantity === 1? 'scl-minicart__input--disabled' : ''" color="accent" :disabled="(!item.product.productId.startsWith('ec-') && !item.product.productId.toLowerCase().includes('sub')) ? getLoading : true" height="48" min="1" pattern="[1-9]*" prepend-inner-icon="$vuetify.icons.faMinus" :rules="[rules.number]" step="1" type="number" @blur="handleQuantity(item.product.productId, getVariantId(item.product), $event.target.value)" @click:append="incrementQuantity(item.product.productId, getVariantId(item.product), item.quantity)" @click:prepend-inner="decrementQuantity(item.product.productId, getVariantId(item.product), item.quantity)" @keyup.enter="handleQuantity(item.product.productId, getVariantId(item.product), $event.target.value)"> </v-text-field> </div> <div class="scl-minicart__total"> <h5> {{ item.product.currencySymbol }}{{ item.price.total | asCurrency }} </h5> <div> <v-btn class="scl-minicart__remove" :ripple="false" :disabled="getLoading" small text @click="removeItem(item.id)"> <v-icon :left="$vuetify.breakpoint.mdAndUp" size="14">$vuetify.icons.faTrashAlt</v-icon> <span v-if="$vuetify.breakpoint.mdAndUp">Remove</span> </v-btn> </div> </div> </div> </div> </div> </div> <div class="scl-minicart__footer"> <div class="d-flex justify-space-between align-center"> <h5>Sub Total</h5> <h4>{{ total }}</h4> </div> <div class="d-flex"> <v-btn class="btn btn-outlined mr-6" depressed height="64" :disabled="getLoading" :ripple="false" :loading="getLoading" @click="handleViewCart"> {{propApi.cartLinkTitle}} </v-btn> <v-btn class="btn btn-primary" depressed height="64" :disabled="getLoading" :ripple="false" :loading="getLoading" @click="handleCheckout"> {{propApi.checkoutLinkTitle}} </v-btn> </div> </div> </div> </div> </div> </scl-minicart> <v-divider vertical></v-divider> </div> <div class="scl-header__nav-buttons" v-if="$vuetify.breakpoint.mdAndUp"> <scl-auth-login-btn inline-template class="scl-component scl-auth-login-btn"> <div v-if="!getAuth"> <v-btn class="btn btn-outlined btn--small hidden-sm-and-down ml-3" depressed height="40px" outlined @click="emitLogin"> <span>Login</span> </v-btn> </div> </scl-auth-login-btn> <v-btn :ripple="false" depressed href="/signup" class="btn btn-primary btn--small hidden-sm-and-down ml-3">Join HIA</v-btn> </div> <div class="scl-header__secondary-icons" v-if="$vuetify.breakpoint.smAndDown"> <div :class="propApi.search || propApi.profile || propApi.cart ? 'scl-header__border-right' : null"> <span v-if="propApi.search"> <v-btn :ripple="false" class="scl-header__primary-search" v-if="propApi.search" text v-on="scope.on"><v-icon class="scl-header__secondary-icon"> {{ propApi.searchIcon }}</v-icon></v-btn> </span> <span v-if="propApi.profile"> <scl-header-profile-menu class="scl-component scl-header-profile-menu" inline-template @emit-is-active="setActiveMenu" :icon="propApi.profileIcon"> <div v-if="getAuth"> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu :value="active" bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-avatar class="scl-header-profile-menu__avatar" size="36"> {{ initials }} </v-avatar> <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> <v-container class="scl-header-profile-menu__container pt-0"> <v-row class="pt-0 justify-end"> <v-col cols="12" sm="4" class="pt-0"> <v-card class="scl-header-profile-menu__card"> <v-list-item-content class="pt-0"> <div class="scl-header-profile-menu__header-information"> <h3> Welcome, <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> </h3> <v-btn icon> <v-icon class="scl-header-profile-menu__dismiss-button" @click="handleClose">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <v-list> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My dashboard</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My personal details</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My digital library</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="https://hia.com.au/Contracts/authenticated/mycontracts.aspx" target="_blank"> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My contracts (Contracts online)</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My invoices</strong> </v-list-item-title> </a> </v-list-item> <v-divider class="my-4"></v-divider> <v-list-item> <v-list-item-title> <a class="btn btn-link btn--x-small" text @click="handleLogout">Logout <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> </v-list-item-title> </v-list-item> </v-list> </v-list-item-content> </v-card> </v-col> </v-row> </v-container> </v-menu> </v-toolbar-items> </v-toolbar> </div> <div v-else> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" @click="openLoginModal" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> </v-menu> </v-toolbar-items> </v-toolbar> </div> </scl-header-profile-menu> </span> <span v-if="propApi.cart"> <scl-minicart class="scl-component scl-minicart" inline-template> <div> <v-btn :ripple="false" text class="scl-minicart__btn" href="/cart" color="primaryDark"> <v-icon size="32">$vuetify.icons.faShoppingCart</v-icon> <span class="scl-minicart__number" v-if="(getCart.length > 0)"> {{getCart.length}} </span> </v-btn> </div> </scl-minicart> </span> </div> <div> <v-app-bar-nav-icon @click.stop="drawer = !drawer"><v-icon class="scl-header__secondary-icon">{{propApi.icon}}</v-icon></v-app-bar-nav-icon> </div> </div> </div> </v-col> <div class="scl-header__separator"></div> <v-col cols="11" class="pt-0 pb-0 pl-0" v-if="$vuetify.breakpoint.mdAndUp"> <v-toolbar-items class="scl-header__primary-nav-items hidden-sm-and-down"> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Our industry</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Our industry</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/our-industry"> Access the latest industry insights <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Housing industry insights</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics')"> <v-list-item-title><a href="/our-industry/economics" title="Economics" >Economics</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/economic-insights')"> <v-list-item-title><a href="/our-industry/economics/economic-insights" title="Economic insights" >Insights</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/data-forecasts')"> <v-list-item-title><a href="/our-industry/economics/data-forecasts" title="Data & forecasts" >Data & forecasts</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/tailored-research-and-analysis')"> <v-list-item-title><a href="/our-industry/economics/tailored-research-and-analysis" title="Tailored research & analysis" >Tailored research & analysis</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Advocacy & policy</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/advocacy')"> <v-list-item-title><a href="/our-industry/advocacy" >Advocacy</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/policy-priorities')"> <v-list-item-title><a href="/our-industry/policy-priorities" >Policy priorities</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/policy-statements')"> <v-list-item-title><a href="/our-industry/policy-statements" >Position statements</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title><a href="/our-industry/newsroom?pg=1&ps=8&s=date-newest&cr&tf=Media Release|Member Alert|Opinion Piece|Policy Position|Regional News|Submission&f=type=Submission" >Submissions</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">News & inspiration</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title><a href="/our-industry/newsroom" title="Newsroom" >Industry news</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title><a href="/our-industry/newsroom?pg=1&ps=8&s=date-newest&cr&tf=Media Release|Member Alert|Opinion Piece|Policy Position|Regional News|Submission&f=type=Member Alert" >Member alerts</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title><a href="/our-industry/newsroom?pg=1&ps=8&s=date-newest&cr&tf=Member Alert|Opinion Piece|Position statements|Regional News|Submission|Media release&f=type=Media release" >Media releases</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/housing')"> <v-list-item-title><a href="/our-industry/housing" >HOUSING Online</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Business support</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Business support</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/business-support"> Explore our business support options <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">For your business</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-online')"> <v-list-item-title><a href="/business-support/contracts-online" >Contracts Online</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/safety-solutions')"> <v-list-item-title><a href="/business-support/safety-solutions" >Safety systems & solutions</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-tradepass')"> <v-list-item-title><a href="/business-support/hia-tradepass" >HIA Tradepass</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hiring.hia.com.au/')"> <v-list-item-title><a href="https://hiring.hia.com.au/" title="Advertise jobs" >Advertise jobs</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Member perks</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/toyota-fleet-discount')"> <v-list-item-title><a href="/business-support/affinity-partners/toyota-fleet-discount" >Toyota vehicles</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/the-good-guys-commercial')"> <v-list-item-title><a href="/business-support/affinity-partners/the-good-guys-commercial" >The Good Guys Commercial</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/fuel-discounts')"> <v-list-item-title><a href="/business-support/affinity-partners/fuel-discounts" >Ampol fuel savings</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners')"> <v-list-item-title><a href="/business-support/affinity-partners" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Industry insurance</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services')"> <v-list-item-title><a href="/business-support/hia-insurance-services" >HIA Insurance Services</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/construction-works')"> <v-list-item-title><a href="/business-support/hia-insurance-services/construction-works" >Construction works insurance</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/home-warranty-insurance')"> <v-list-item-title><a href="/business-support/hia-insurance-services/home-warranty-insurance" >Home warranty insurance</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/tradies-and-tools-insurance')"> <v-list-item-title><a href="/business-support/hia-insurance-services/tradies-and-tools-insurance" >Tradies & tool insurance</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Apprentices</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host/why-host-an-hia-apprentice')"> <v-list-item-title><a href="/business-support/become-an-hia-apprentice-host/why-host-an-hia-apprentice" title="Why host a HIA apprentice?" >Why host a HIA apprentice?</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host')"> <v-list-item-title><a href="/business-support/become-an-hia-apprentice-host" >Hire an apprentice</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Support & guidance</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-and-compliance-support')"> <v-list-item-title><a href="/business-support/contracts-and-compliance-support" title="Contracts & compliance support" >Contracts & compliance support</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/building-and-planning-services')"> <v-list-item-title><a href="/business-support/building-and-planning-services" >Building & planning services</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Resources & advice</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Resources & advice</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/resources-and-advice"> Explore our extensive resource library <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Building it right</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/building-codes')"> <v-list-item-title><a href="/resources-and-advice/building-it-right/building-codes" title="Building codes" >Building codes</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/australian-standards')"> <v-list-item-title><a href="/resources-and-advice/building-it-right/australian-standards" title="Australian standards" >Australian standards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/getting-it-right-on-site')"> <v-list-item-title><a href="/resources-and-advice/building-it-right/getting-it-right-on-site" title="Getting it right on site" >Getting it right on site</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right')"> <v-list-item-title><a href="/resources-and-advice/building-it-right" title="Building it right" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Building materials & products</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/concrete-bricks-and-walls')"> <v-list-item-title><a href="/resources-and-advice/building-materials-and-products/concrete-bricks-and-walls" title="Concrete, bricks & walls" >Concrete, bricks & walls</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/getting-products-approved')"> <v-list-item-title><a href="/resources-and-advice/building-materials-and-products/getting-products-approved" title="Getting products approved" >Getting products approved</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/use-the-right-building-products-for-the-job')"> <v-list-item-title><a href="/resources-and-advice/building-materials-and-products/use-the-right-building-products-for-the-job" title="Use the right building products for the job" >Use the right products for the job</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products')"> <v-list-item-title><a href="/resources-and-advice/building-materials-and-products" title="Building materials and products" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Managing your business</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/dealing-with-contracts')"> <v-list-item-title><a href="/resources-and-advice/managing-your-business/dealing-with-contracts" title="Dealing with contracts" >Dealing with contracts</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/handling-disputes')"> <v-list-item-title><a href="/resources-and-advice/managing-your-business/handling-disputes" title="Handling disputes" >Handling disputes</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/managing-your-employees')"> <v-list-item-title><a href="/resources-and-advice/managing-your-business/managing-your-employees" title="Managing your employees" >Managing your employees</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business')"> <v-list-item-title><a href="/resources-and-advice/managing-your-business" title="Managing your business" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Managing your safety</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety/safety-rules')"> <v-list-item-title><a href="/resources-and-advice/managing-your-safety/safety-rules" title="Safety rules" >Safety rules</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety/working-with-silica')"> <v-list-item-title><a href="/resources-and-advice/managing-your-safety/working-with-silica" title="Working with silica" >Working with silica</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety')"> <v-list-item-title><a href="/resources-and-advice/managing-your-safety" title="Managing your safety" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Building your business</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-your-business/growing-your-business')"> <v-list-item-title><a href="/resources-and-advice/building-your-business/growing-your-business" title="Growing your business" >Growing your business</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('')"> <v-list-item-title><a href="" title="Maintaining your business" >Maintaining your business</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-your-business')"> <v-list-item-title><a href="/resources-and-advice/building-your-business" title="Building your business" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Other subjects</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/getting-approval-to-build')"> <v-list-item-title><a href="/resources-and-advice/getting-approval-to-build" title="Getting approval to build" >Getting approval to build</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/sustainable-homes')"> <v-list-item-title><a href="/resources-and-advice/sustainable-homes" title="Sustainable homes" >Sustainable homes</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice')"> <v-list-item-title><a href="/resources-and-advice" >See all</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Careers & learning</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Careers & learning</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/careers-and-learning"> Start learning <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">A rewarding career</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice')"> <v-list-item-title><a href="/careers-and-learning/become-an-hia-apprentice" >Become an apprentice</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer')"> <v-list-item-title><a href="/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer" >Apprenticeships on offer</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/how-do-i-apply')"> <v-list-item-title><a href="/careers-and-learning/become-an-hia-apprentice/how-do-i-apply" title="How do I apply? " >How do I apply? </a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/faqs')"> <v-list-item-title><a href="/careers-and-learning/become-an-hia-apprentice/faqs" title="Frequently asked questions" >Frequently asked questions</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Study with us</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/training-courses')"> <v-list-item-title><a href="/careers-and-learning/learning/training-courses" >Find a course to suit you</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/careers-and-learning/learning/training-courses?pg=1&ps=12&f=type=Qualification')"> <v-list-item-title><a href="https://hia.com.au/careers-and-learning/learning/training-courses?pg=1&ps=12&f=type=Qualification" >Qualification courses</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/learning-on-demand')"> <v-list-item-title><a href="/careers-and-learning/learning/learning-on-demand" >Learning on demand</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/professional-development')"> <v-list-item-title><a href="/careers-and-learning/learning/professional-development" title="Professional development courses" >Professional development courses</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">A job in the industry</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/how-to-get-your-builders-licence')"> <v-list-item-title><a href="/careers-and-learning/how-to-get-your-builders-licence" >Get your builder's licence</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/continuing-professional-development')"> <v-list-item-title><a href="/careers-and-learning/learning/continuing-professional-development" title="Continuing Professional Development (CPD)" >Continuing Professional Development (CPD)</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning')"> <v-list-item-title><a href="/careers-and-learning" title="Further your career" >Further your career</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://jobs.hia.com.au/')"> <v-list-item-title><a href="https://jobs.hia.com.au/" title="Find jobs" >Find jobs</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">HIA community</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>HIA community</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/hia-community"> Become a part of our community <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Join HIA</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/signup')"> <v-list-item-title><a href="/signup" >Sign me up</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/become-an-hia-member')"> <v-list-item-title><a href="/hia-community/become-an-hia-member" >How do I become a member?</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/become-an-hia-member/member-benefits')"> <v-list-item-title><a href="/hia-community/become-an-hia-member/member-benefits" >What's in it for me? </a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/mates-rates')"> <v-list-item-title><a href="/business-support/affinity-partners/mates-rates" >Mates rates</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Get involved</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/become-an-awards-judge')"> <v-list-item-title><a href="/hia-community/get-involved/become-an-awards-judge" title="Become an award judge" >Become an award judge</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/join-a-committee')"> <v-list-item-title><a href="/hia-community/get-involved/join-a-committee" title="Join a committee" >Join a committee</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/partner-with-us')"> <v-list-item-title><a href="/hia-community/get-involved/partner-with-us" title="Partner with us" >Partner with us</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Our initiatives</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/building-women')"> <v-list-item-title><a href="/hia-community/building-women" >HIA Building Women</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/greensmart-program')"> <v-list-item-title><a href="/hia-community/what-we-do/greensmart-program" title="GreenSmart" >GreenSmart</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/kitchens-bathrooms-and-design')"> <v-list-item-title><a href="/hia-community/kitchens-bathrooms-and-design" >Kitchen, bathroom & design hub</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Get to know us</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-to-know-us/our-members')"> <v-list-item-title><a href="/hia-community/get-to-know-us/our-members" >Our members</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-to-know-us/our-people')"> <v-list-item-title><a href="/hia-community/get-to-know-us/our-people" >Our people</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('')"> <v-list-item-title><a href="" title="Our partners" >Our partners</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Support for you</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/charitable-foundation')"> <v-list-item-title><a href="/hia-community/what-we-do/charitable-foundation" title="Charitable Foundation" >Charitable Foundation</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/mental-health-program')"> <v-list-item-title><a href="/hia-community/what-we-do/mental-health-program" title="Building mentally healthy environments" >Mental health program</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Awards & events</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Awards & events</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/awards-and-events"> Get involved & recognised <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Awards</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards')"> <v-list-item-title><a href="/awards-and-events/awards" title="Awards program" >Awards program</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards/people-and-business-awards')"> <v-list-item-title><a href="/awards-and-events/awards/people-and-business-awards" title="People & Business Awards" >People & Business Awards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards/greensmart-awards')"> <v-list-item-title><a href="/awards-and-events/awards/greensmart-awards" title="GreenSmart Awards" >GreenSmart</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards')"> <v-list-item-title><a href="/awards-and-events/australian-housing-awards" title="Australian Housing Awards" >Australian Housing Awards</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Awards winners</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/award-winners')"> <v-list-item-title><a href="/awards-and-events/award-winners" title="Regional Award winners" >Regional Award winners</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners')"> <v-list-item-title><a href="/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners" title="Australian Housing Awards" >Australian Housing Award winners</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners/2024-hia-csr-australian-home-of-the-year/2024-hia-csr-australian-home-of-the-year')"> <v-list-item-title><a href="/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners/2024-hia-csr-australian-home-of-the-year/2024-hia-csr-australian-home-of-the-year" title="Australian Housing Awards" >2024 Australian Home of the Year</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/onlinejoin')"> <v-list-item-title><a href="https://hia.com.au/onlinejoin" target="_blank" title="Awards online entry" rel="noopener noreferrer" >Enter online</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Industry events</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title><a href="/awards-and-events/events?pg=1&ps=12&cr=undefined&f=next-month" title="Events in the next month" >Events in the next month</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title><a href="/awards-and-events/events?pg=1&ps=12&cr=undefined&f=type=Economic presentations" title="Economic outlook events" >Economic outlook</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/conference')"> <v-list-item-title><a href="/awards-and-events/conference" title="National Conference" >National Conference</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title><a href="/awards-and-events/events" title="Events calendar" >Events calendar</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">HIA shop</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>HIA shop</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/products"> Shop all HIA products <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Most popular products</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/2022-national-construction-code---volumes-one-and-two/NCC22SET')"> <v-list-item-title><a href="https://hia.com.au/products/2022-national-construction-code---volumes-one-and-two/NCC22SET" title="National Construction Code Vol 1 & 2" >National Construction Code Vol 1 & 2</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/AS%20waterproofing%20-%20as-37402021-waterproofing-of-domestic-wet-areas---downloadable/WDWAD21')"> <v-list-item-title><a href="https://hia.com.au/products/AS%20waterproofing%20-%20as-37402021-waterproofing-of-domestic-wet-areas---downloadable/WDWAD21" title="Waterproofing wet areas AS 3740:2021" >Waterproofing wet areas AS 3740:2021</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/HGuide%20to%20water%20proofing%20-%20hia-guide-to-wet-area-waterproofing/GWP')"> <v-list-item-title><a href="https://hia.com.au/products/HGuide%20to%20water%20proofing%20-%20hia-guide-to-wet-area-waterproofing/GWP" title="HIA Guide to Waterproofing" >HIA Guide to Waterproofing</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/hia-guide-to-ncc-livable-housing-provisions/GNCCLHP')"> <v-list-item-title><a href="https://hia.com.au/products/hia-guide-to-ncc-livable-housing-provisions/GNCCLHP" title="HIA Guide to NCC Livable Housing Provisions" >HIA Guide to NCC Livable Housing Provisions</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Top categories</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=592ca3bc-30b4-429e-b22e-4fea46f6f899" title="Building codes & standards" >Building codes & standards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=e0b3beef-5d69-44a7-8f95-ad033d6dc517" title="Contracts & documents" >Contracts & documents</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=0a73665d-1a69-40b0-8a56-5c799ba27394" title="Guides & manuals" >Guides & manuals</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=aedd96fa-e3ac-4e39-9b0b-4fe6992e30f9" title="Safety products" >Safety products</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=56f2bb3b-edab-446b-ac7b-1e3386d3aec2" title="Signage" >Signage</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">For your business</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-online')"> <v-list-item-title><a href="/business-support/contracts-online" title="Contracts Online" >Contracts Online</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products/digital-australian-standards')"> <v-list-item-title><a href="/products/digital-australian-standards" title="Digital Australian Standards" >Digital Australian Standards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice')"> <v-list-item-title><a href="/resources-and-advice" title="Digital Resource Library" >Digital Resource Library</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/data-forecasts')"> <v-list-item-title><a href="/our-industry/economics/data-forecasts" title="Forecasts & data" >Forecasts & data</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> </v-toolbar-items> </v-col> <v-col cols="1" class="pt-0 pb-0" v-if="$vuetify.breakpoint.mdAndUp"> <v-menu offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header__mega-menu scl-header__search-menu"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="scl-header__primary-search" v-if="propApi.search" text v-on="scope.on" v-bind="scope.attrs"><v-icon class="scl-header__secondary-icon mr-0"> {{ propApi.searchIcon }}</v-icon></v-btn> </template> <v-container class="pt-0 pb-0"> <v-row> <v-col cols="12" class="pt-0 pb-0"> <div class="scl-header__search"> <v-text-field v-model="searchQuery" autofocus light solo class="scl-header__search-input" prepend-inner-icon="$vuetify.icons.faSearch" placeholder="Search" @keyup.enter="handleSearch('/search')"></v-text-field> <v-btn :ripple="false" text class="btn btn-primary scl-header__search-btn" @click="handleSearch('/search')"> Search</v-btn> </div> </v-col> </v-row> </v-container> </v-menu> </v-col> </v-row> </v-container> </v-toolbar> </template> <v-container class="pt-0 pb-0"> <v-row> <v-col cols="12" class="pt-0 pb-0"> <div class="scl-header__search"> <v-text-field v-model="searchQuery" autofocus light solo class="scl-header__search-input" append-icon="$vuetify.icons.faSearch" placeholder="" @keyup.enter="handleSearch('/search')" @click:append="handleSearch('/search')"> </v-text-field> </div> </v-col> </v-row> </v-container> </v-menu> </div> </scl-header> </header> <section id="app-content"> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class="container--fluid pa-0" style=" background-repeat: no-repeat;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-secondary-header-banner class="scl-secondary-header-banner scl-component" inline-template :api='{"colour":"white","position":"text-left","height":"large","overlay":true}'> <div> <v-img v-if="$vuetify.breakpoint.smAndUp" src="/-/media/images/secondary-header-banner/contact-hia-d.jpg" :class="'scl-secondary-header-banner__'+ propApi.height"> <div :class="'align-end fill-height scl-secondary-header-banner__' + propApi.colour +' scl-secondary-header-banner__has-image '+ (propApi.overlay ? 'scl-secondary-header-banner__overlay ' : '') + (propApi.position)"> <v-container class="fill-height"> <v-row > <v-col cols="12" class="scl-secondary-header-banner__text"> <h1 class="scl-secondary-header-banner__title">Contact HIA</h1> <p class="scl-secondary-header-banner__headline">Our team are here to help with any questions you have, or support you need.</p> </v-col> <v-col cols="12" class="scl-secondary-header-banner__link"> </v-col> </v-row> </v-container> </div> </v-img> <v-img v-else src="/-/media/images/secondary-header-banner/contact-hia-m.jpg" :class="'scl-secondary-header-banner__'+ propApi.height"> <div :class="'align-end fill-height scl-secondary-header-banner__' + propApi.colour +' scl-secondary-header-banner__has-image '+ (propApi.overlay ? 'scl-secondary-header-banner__overlay ' : '') + (propApi.position)"> <v-container class="fill-height"> <v-row> <v-col cols="12" class="scl-secondary-header-banner__text"> <h1 class="scl-secondary-header-banner__title">Contact HIA</h1> <p class="scl-secondary-header-banner__headline">Our team are here to help with any questions you have, or support you need.</p> </v-col> <v-col cols="12" class="scl-secondary-header-banner__link"> </v-col> </v-row> </v-container> </div> </v-img> </div> </scl-secondary-header-banner> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-auth-login-modal inline-template class="scl-component scl-auth-login-modal" :hide-options="true"> <div> <v-dialog attach=".scl-auth-login-modal" @keydown.esc="handleCloseModal" overlay-opacity="0.75" persistent v-model="dialog" :width="$vuetify.breakpoint.smAndDown ? '100%' : '790px'"> <v-card class="scl-auth-login-modal__card"> <v-card-actions class="scl-auth-login-modal__card-actions"> <v-btn icon color="primaryDark" @click="handleCloseModal" size="36"> <v-icon>$vuetify.icons.faTimes</v-icon> </v-btn> </v-card-actions> <v-card-text> <div class="scl-auth-login-modal__tabs"> <v-btn @click="changeTab" depressed :disabled="tabs.tab1" height="55"> <span v-if="$vuetify.breakpoint.xsOnly">Login now</span> <span v-else>Member/Guest login</span> </v-btn> <v-btn @click="changeTab" depressed :disabled="tabs.tab2" height="55" v-if="!disableRegistration"> <span v-if="$vuetify.breakpoint.xsOnly">Sign up</span> <span v-else>Create guest account</span> </v-btn> </div> <div v-if="tabs.tab1" class="scl-auth-login-modal__tab"> <scl-auth-login-form inline-template v-if="!forgotPassword" class="scl-component scl-auth-login-form" error-message="Wrong email address or password, please try again or use forgotten password. " member-id-error-message="Unable to find member ID. Please contact HIA for assistance." redirect-url="" :input-options="form.inputOptions" :input-rules="form.inputRules" :loading="getLoading" :pattern="form.pattern" @emit-forgot-password="handleForgotPassword"> <div> <h5>Member and guest login</h5> <p>Enter your email and password to access secured content, members only resources and discount prices.</p>  <label class="scl-auth-login-form__label">Email</label> <v-text-field v-model="form.username" autocapitalize="off" autocomplete="email" autocorrect="off" autofocus :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :error="getAuthError" :error-messages="getAuthError ? error : null" :height="inputOptions.height" inputmode="email" :outlined="inputOptions.outlined" placeholder="name@domain.com" :rules="[inputRules.required, inputRules.email]" type="email" @keyup.enter.native="login"> </v-text-field>  <label class="scl-auth-login-form__label">Password</label> <v-text-field v-model="form.password" autocomplete="current-password" autocapitalize="off" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" :outlined="inputOptions.outlined" placeholder="Password" :rules="[inputRules.required]" type="password" @keyup.enter.native="login"> </v-text-field> <v-btn class="scl-auth-login-form__btn-text" color="primaryDark" text @click="forgotPassword">Forgotten password</v-btn>  <v-btn @click="login" block class="scl-checkout__form-btn my-5" color="primary" depressed height="64" :disabled="!isValid || loading" :ripple="false"> <span v-if="!loading">Login</span> <v-icon v-if="!loading" right>$vuetify.icons.faArrowRight</v-icon> <v-progress-circular v-if="loading" color="primary" indeterminate :size="40" :width="5"></v-progress-circular> </v-btn> <v-alert class="scl-alert__alert scl-alert--flat mb-0" icon="$vuetify.icons.faCheckCircle" tile> <p class="scl-alert__copy">Did you become a member online? If not, you will need to <a href="/signup/activate">activate your account</a> to login.</p> </v-alert> <v-alert class="scl-alert__alert scl-alert--flat" icon="$vuetify.icons.faHeadset" tile> <p class="scl-alert__copy">If you are having problems logging in, please call HIA helpdesk on <a href="tel:1300650620">1300 650 620</a> during business hours.</p> </v-alert> </div> </scl-auth-login-form> <scl-auth-forgot-password inline-template v-if="forgotPassword && !resetSuccess" class="scl-component scl-auth-forgot-password" :input-options="form.inputOptions" :input-rules="form.inputRules" :loading="getLoading" :pattern="form.pattern" config-id="c8dd50f8-9eae-499c-8afb-79d48193b24e" @emit-forgot-password="handleForgotPassword" @emit-forgot-password-response="handleForgotPasswordResponse" error-message="Email not associated to a user. Please try a different email or contact HIA."> <div> <v-btn class="scl-auth-forgot-password__btn-text" color="primaryDark" text @click="forgotPassword"> <v-icon color="primaryDark" left>$vuetify.icons.faArrowLeft</v-icon> Back to login </v-btn> <h5>Forgotten password</h5> <p></p>  <label class="scl-checkout__form-label">Email</label> <v-text-field v-model="form.username" autocapitalize="off" autocomplete="email" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" inputmode="email" :outlined="inputOptions.outlined" placeholder="name@domain.com" :rules="[inputRules.required, inputRules.email]" type="email" :error="error" :error-messages="validationMessage" @blur="handleEmailValidation" @change="handleEmailValidation"> </v-text-field> <v-btn @click="password" block class="scl-checkout__form-btn my-5" color="primary" depressed height="64" :disabled="!isValid || loading || !validated" :ripple="false"> <span v-if="!loading">Forgot password</span> <v-icon v-if="!loading" right>$vuetify.icons.faArrowRight</v-icon> <v-progress-circular v-if="loading" color="primary" indeterminate :size="40" :width="5"></v-progress-circular> </v-btn> <v-alert class="scl-alert__alert scl-alert--flat" icon="$vuetify.icons.faHeadset" tile> <h6 class="scl-alert__title">Need some help?</h6> <p class="scl-alert__copy">If you are having problems logging in, please call HIA helpdesk on 1300 650 620 during business hours.</p> </v-alert> </div> </scl-auth-forgot-password> <v-alert v-else class="scl-alert__alert scl-alert--flat" tile> <h6 v-if="resetSuccess" class="scl-alert__title">If the email address you have entered is registered, you will receive an email with further instructions.</h6> </v-alert> </div> <div v-else class="scl-auth-login-modal__tab"> <div v-if="showOptions"> <v-slide-x-transition :hide-on-leave="showOptions"> <scl-auth-register-options class="scl-component scl-auth-register-options" inline-template @emit-show-options="handleShowOptions"> <div> <h4> Become part of the HIA community</h4> <p> <p>Enables quick and easy registration for future events or learning and grants access to expert advice and valuable resources. </p></p> <div class="scl-auth-register-options__container"> <div class="scl-auth-register-options__item"> <v-card class="scl-auth-register-options__card" :ripple="false" flat @click="handleCardClick(true, '/')"> <div class="scl-auth-register-options__row"> <v-img lazy-src="/-/media/images/hia/icons/updates.png" src="/-/media/images/hia/icons/updates.png" aspect-ratio="1" contain :max-width="40" :max-height="40" class="scl-member-type-list__col" :class="($vuetify.breakpoint.smAndUp? 'mr-9' : 'mr-4')" ref="memberTypeIcon"> </v-img> <div class="scl-auth-register-options__col"> <h5 class="scl-auth-register-options__title"> Create a free guest account</h5> <p class="scl-auth-register-options__text"> Make purchases, register for events and gain limited access to freely available content.</p> <v-btn :ripple="false" class="btn btn-link" text>Get started now <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> </div> </v-card> <div class="scl-auth-register-options__seperator"><span>Or</span></div> </div> <div class="scl-auth-register-options__item"> <v-card class="scl-auth-register-options__card" :ripple="false" flat @click="handleCardClick(false, '/signup/registration')"> <div class="scl-auth-register-options__row"> <v-img lazy-src="/-/media/images/hia/icons/key.png" src="/-/media/images/hia/icons/key.png" aspect-ratio="1" contain :max-width="40" :max-height="40" class="scl-member-type-list__col" :class="($vuetify.breakpoint.smAndUp? 'mr-9' : 'mr-4')" ref="memberTypeIcon"> </v-img> <div class="scl-auth-register-options__col"> <h5 class="scl-auth-register-options__title"> Become a Member of HIA</h5> <p class="scl-auth-register-options__text"> Unlock the benefits of our full suite of business solutions, support and resources. *ABN holders only.</p> <v-btn :ripple="false" class="btn btn-link" text>Join now <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> </div> </v-card> <div class="scl-auth-register-options__seperator"><span>Or</span></div> </div> </div> </div> </scl-auth-register-options> </v-slide-x-transition> </div> <div v-else> <v-slide-x-reverse-transition :hide-on-leave="!showOptions"> <scl-auth-register-form inline-template class="scl-component scl-auth-register-form" redirect-url="" :input-options="form.inputOptions" :input-rules="form.inputRules" :loading="getLoading" :pattern="form.pattern" @emit-show-options="handleShowOptions" :show-button="true"> <div> <v-icon v-if="showButton" @click="showOptions" color="primaryDark" class="mb-4" size="18"> $vuetify.icons.faArrowLeft </v-icon> <h4>Create a guest account</h4> <p>Enter your details below and create a login</p> <v-form ref="form" lazy-validation>  <label class="scl-checkout__form-label">Title</label> <v-select v-model="form.title" append-icon="$vuetify.icon.faChevronDown" :background-color="inputOptions.backgroundColor" class="is-narrow" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" :items="titleItems" :outlined="inputOptions.outlined" placeholder="Title" :rules="[inputRules.required]" @change="validateForm" @blur="validateForm"> </v-select>  <label class="scl-checkout__form-label">First name</label> <v-text-field v-model="form.firstName" autocomplete="given-name" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" :outlined="inputOptions.outlined" placeholder="John" :rules="[inputRules.required]" @change="validateForm" @blur="validateForm"> </v-text-field>  <label class="scl-checkout__form-label">Last name</label> <v-text-field v-model="form.lastName" autocomplete="family-name" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" :outlined="inputOptions.outlined" placeholder="Smith" :rules="[inputRules.required]" @change="validateForm" @blur="validateForm"> </v-text-field> <v-checkbox v-model="isOverseasCustomer" label="I am an overseas customer" class="scl-checkout__form-checkbox" @change="handleCheckboxChange"> </v-checkbox>  <label class="scl-checkout__form-label">Phone</label> <v-text-field v-model="form.phone" autocomplete="tel" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" inputmode="tel" maxlength="10" minlength="10" :outlined="inputOptions.outlined" pattern="[0-9]*" placeholder="0200000000" :rules="[phoneNumber, inputRules.number, inputRules.phone]" type="tel" @change="validateForm" @blur="validateForm"> </v-text-field>  <label class="scl-checkout__form-label">Postcode</label> <v-text-field v-model="form.postcode" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" maxlength="4" minlength="4" :outlined="inputOptions.outlined" pattern="[0-9]*" placeholder="2000" :rules="[inputRules.number, inputRules.required]" type="postcode" @change="validateForm" @blur="validateForm"> </v-text-field>  <label class="scl-checkout__form-label">Mobile</label> <v-text-field v-model="form.mobile" autocomplete="tel" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" inputmode="tel" maxlength="10" minlength="10" :outlined="inputOptions.outlined" pattern="[0-9]*" placeholder="0400000000" :rules="[phoneNumber, inputRules.number, inputRules.phone]" type="tel" @change="validateForm" @blur="validateForm"> </v-text-field>  <label class="scl-checkout__form-label">Email</label> <v-text-field v-model="form.email" autocapitalize="off" autocomplete="email" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" inputmode="email" :outlined="inputOptions.outlined" placeholder="name@domain.com" :rules="[inputRules.required, inputRules.email]" type="email" :error-messages="apiResponseMessage" @blur="handleEmailValidation"> </v-text-field>  <label class="scl-auth-login-form__label">Set password</label> <v-text-field v-model="password" autocomplete="current-password" autocapitalize="off" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading" :height="inputOptions.height" hint="Password must be minimum 6 and maximum 20 characters" maxlength="20" minlength="6" :outlined="inputOptions.outlined" placeholder="********" persistent-hint :rules="[inputRules.required, inputRules.password]" type="password" @change="validateForm" @blur="validateForm"> </v-text-field>  <label class="scl-auth-login-form__label">Confirm password</label> <v-text-field v-model="passwordConfirm" autocomplete="current-password" autocapitalize="off" autocorrect="off" :background-color="inputOptions.backgroundColor" :class="inputOptions.class" :color="inputOptions.color" :disabled="loading || !password" :error-messages="!matchingPassword ? 'Password must match' : false" :height="inputOptions.height" hint="Password must be minimum 6 and maximum 20 characters" maxlength="20" minlength="6" :outlined="inputOptions.outlined" placeholder="********" persistent-hint :rules="[inputRules.required, inputRules.password]" type="password" @change="validateForm" @blur="validateForm"> </v-text-field> <v-btn @click="handleRegistration" block class="scl-checkout__form-btn my-5" color="primary" depressed height="64" :disabled="!isValid || loading" :ripple="false"> <span v-if="!loading">Get started now</span> <v-icon v-if="!loading" right>$vuetify.icons.faArrowRight</v-icon> <v-progress-circular v-if="loading" color="primary" indeterminate :size="40" :width="5"></v-progress-circular> </v-btn> </v-form> </div> </scl-auth-register-form> </v-slide-x-reverse-transition> </div> </div> </v-card-text> </v-card> </v-dialog> </div> </scl-auth-login-modal> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-0" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-breadcrumbs inline-template class="scl-component scl-breadcrumbs" :api="{"divider":"$vuetify.icons.faChevronRight","mobileLinkLimit":2,"items":[{"text":"Home","disabled":false,"href":"/"},{"text":"Contact HIA","disabled":true,"href":"/contact-hia"}]}"> <div> <v-breadcrumbs :items="breakpointAdjustedItems" :divider="propApi.characterDivider"> <template v-if="!propApi.characterDivider" v-slot:divider> <v-icon> {{ propApi.divider }} </v-icon> </template> </v-breadcrumbs> </div> </scl-breadcrumbs> </v-col> <v-col class="text-sm-right col col-index-2" cols="12" md="6"> <div class="text-left text-sm-right d-flex justify-sm-end align-center fill-height"> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"email"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"facebook"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"linkedin"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"pinterest"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"twitter"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> </div> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 768px;"> <v-row row wrap class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2>Ways to get support</h2> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-1-Col>  <script src="https://github.com/Cognigy/WebchatWidget/releases/latest/download/webchat.js"></script> <script> // Initialize a sessionId, undefined by default. let sessionId; // in case LocalStorage is supported... if (window.localStorage) { // try to load a previously stored sessionId from the LocalStorage sessionId = window.localStorage.getItem("SESSIONID"); // in case there was no previously stored sessionId, // generate one and store it into LocalStorage if (!sessionId) { sessionId = "session-" + Date.now() * Math.random(); localStorage.setItem("SESSIONID", sessionId); } } // use the sessionId for initializing the Webchat if (false != "true") { initWebchat( "https://endpoint-au-02.cognigy.ai/680874784407adf9d072f92d9675461e058b9fd85887ba644ad710693c425584", { sessionId, settings: { disableBranding: true } }).then((webchat) => { window.cognigyWebchat = webchat; webchat.open(); var param = "cognigyWebchat.sendMessage('', {"member_id":null,"first_name":null,"mobile_number":null,"email_address":null,"is_auth":null,"is_member":null,"site":"https://hia.com.au","localAPISite":null,"localSite":null,"loginUrl":null,"signupUrl":null,"redirect":null,"getRegionApi":null,"searchApi":"/apix/client/helpdesk/search?","createIncidentApi":null,"topicsdata":[{"id":"de20cded-94ed-4bbc-8f0e-38ce346e9683","name":"Cost Plus Contract","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/cost-plus-contract"},{"id":"c3fa38b8-6ee5-45d0-bfd4-de3add98867c","name":"Building and planning","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/building-and-planning"},{"id":"634f9026-aff7-4309-974e-4e7b61c968e2","name":"Contracts and compliance","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/contracts-and-compliance"},{"id":"3d11681d-236a-4dbf-88d2-61ba61a6931c","name":"Contracts Online","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/contracts-online"},{"id":"04762f31-b18e-430a-8ae9-36552a539aca","name":"HIA Jobs","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/hia-jobs"},{"id":"37cfae76-0f0b-4073-9b54-88cbe3474e4c","name":"Safety solutions","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/safety-solutions"},{"id":"463f64ec-7915-4eaf-8dc4-4c6241a8ce60","name":"Tradepass","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/tradepass"},{"id":"614c34a2-257d-48cc-b10e-adec670203cf","name":"Insurance Services","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/insurance-services"},{"id":"9db06fb9-3229-4d69-8b1f-a8c0f2e424fd","name":"Become a HIA apprentice","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/become-a-hia-apprentice"},{"id":"b7e3af1c-8b86-4ed5-8640-a338a0c252a5","name":"HIA website","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/hia-website"},{"id":"f50288bf-2020-4f53-b261-88309f3a8d02","name":"Safescan","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/safescan"},{"id":"1f72d7b2-5357-454b-a963-75a75c632c1d","name":"Online store","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/online-store"}]});" param = param.replaceAll("'", "'").replaceAll(""", "\""); console.log(param); var oScript = document.createElement("script"); var oScriptText = document.createTextNode(param); oScript.appendChild(oScriptText); document.body.appendChild(oScript); }); } else { initWebchat( "https://endpoint-au-02.cognigy.ai/680874784407adf9d072f92d9675461e058b9fd85887ba644ad710693c425584", { settings: { disableBranding: true } }).then((webchat) => { window.cognigyWebchat = webchat; webchat.open(); var param = "cognigyWebchat.sendMessage('', {"member_id":null,"first_name":null,"mobile_number":null,"email_address":null,"is_auth":null,"is_member":null,"site":"https://hia.com.au","localAPISite":null,"localSite":null,"loginUrl":null,"signupUrl":null,"redirect":null,"getRegionApi":null,"searchApi":"/apix/client/helpdesk/search?","createIncidentApi":null,"topicsdata":[{"id":"de20cded-94ed-4bbc-8f0e-38ce346e9683","name":"Cost Plus Contract","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/cost-plus-contract"},{"id":"c3fa38b8-6ee5-45d0-bfd4-de3add98867c","name":"Building and planning","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/building-and-planning"},{"id":"634f9026-aff7-4309-974e-4e7b61c968e2","name":"Contracts and compliance","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/contracts-and-compliance"},{"id":"3d11681d-236a-4dbf-88d2-61ba61a6931c","name":"Contracts Online","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/contracts-online"},{"id":"04762f31-b18e-430a-8ae9-36552a539aca","name":"HIA Jobs","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/hia-jobs"},{"id":"37cfae76-0f0b-4073-9b54-88cbe3474e4c","name":"Safety solutions","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/safety-solutions"},{"id":"463f64ec-7915-4eaf-8dc4-4c6241a8ce60","name":"Tradepass","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/tradepass"},{"id":"614c34a2-257d-48cc-b10e-adec670203cf","name":"Insurance Services","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/insurance-services"},{"id":"9db06fb9-3229-4d69-8b1f-a8c0f2e424fd","name":"Become a HIA apprentice","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/become-a-hia-apprentice"},{"id":"b7e3af1c-8b86-4ed5-8640-a338a0c252a5","name":"HIA website","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/hia-website"},{"id":"f50288bf-2020-4f53-b261-88309f3a8d02","name":"Safescan","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/safescan"},{"id":"1f72d7b2-5357-454b-a963-75a75c632c1d","name":"Online store","term":null,"sub":null,"intent":null,"link":"/contact-hia/help-centre/online-store"}]});" param = param.replaceAll("'", "'").replaceAll(""", "\""); console.log(param); var oScript = document.createElement("script"); var oScriptText = document.createTextNode(param); oScript.appendChild(oScriptText); document.body.appendChild(oScript); }); } </script> <scl-4-Col inline-template class="scl-component scl-4-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-center col col-index-1" cols="12" md="3" lg="3"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <p style="text-align: center;"><img src="/-/media/images/icon/landing-page/phone.png?h=55&w=55&hash=B9453520BF62A97FBEAFA338453C6B68" alt="phone" style="height: 55px; width: 55px;" /></p> <p style="text-align: center;"><a data-cssclass="btn btn-primary " data-itemid="ce3f8f41-a0f0-4477-914c-e34007113d6d" data-title="Call 1300 650 620" href="tel:1300650620" class="v-btn btn btn-primary "><span class="v-btn__content">Call 1300 650 620</span></a></p> <p style="text-align: center;">Open 8.30am to 5pm, weekdays.</p> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-center col col-index-2" cols="12" md="3" lg="3"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <p style="text-align: center;"><img alt="" src="/-/media/images/icon/small-icons/life-ring.png?h=55&w=68&hash=88848FB60435D3DB5A9478467371AC93" style="width: 68px; height: 55px;" /></p> <p style="text-align: center;"><a data-cssclass="btn btn-outlined " data-itemid="5cec101c-40c4-4252-b4e8-a9117e28838a" data-title="Search our help centre" class="v-btn btn btn-outlined " href="/contact-hia/help-centre"><span class="v-btn__content">Search our help centre</span></a></p> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-center col col-index-3" cols="12" md="3" lg="3"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <p style="text-align: center;"><img src="/-/media/images/icon/landing-page/enquiry.png?h=55&w=55&hash=399110B2046825345483187268D56FD4" alt="ask a question" style="height: 55px; width: 55px;" /></p> <p style="text-align: center;"><a data-cssclass="btn btn-outlined " data-itemid="ce3f8f41-a0f0-4477-914c-e34007113d6d" data-title="Submit an online enquiry" href="/contact-hia/general-enquiry" class="v-btn btn btn-outlined "><span class="v-btn__content">Submit an online enquiry</span></a></p> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-center col col-index-4" cols="12" md="3" lg="3"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <p style="text-align: center;"><img src="/-/media/images/icon/landing-page/office-location.png?h=55&w=68&hash=A3A176FED065BBF17301164633842A07" alt="office" style="height: 55px; width: 68px;" /></p> <p style="text-align: center;"><a data-cssclass="btn btn-outlined " data-itemid="ce3f8f41-a0f0-4477-914c-e34007113d6d" data-title="Find an office" href="#office" class="v-btn btn btn-outlined "><span class="v-btn__content">Find an office</span></a></p> <p style="text-align: center;">Open 8.30am to 5pm, weekdays.</p> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-4-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-wizard-start-screen class="scl-wizard-start-screen" inline-template> <div> <div class="scl-wizard-start-screen__header"> <h3 class="scl-wizard-start-screen__title">Got a question? We're here to help.</h3> <div class="scl-wizard-start-screen__sub-title"><p>What information are you looking for?</p></div> </div> <div class="scl-wizard-start-screen__topics" v-if="$vuetify.breakpoint.smAndUp"> <div class="scl-wizard-start-screen__topic" @click="handleTopic('/contact-hia/technical-problem-solver', 'e95c5715-707d-4c84-a0f5-43b77e7d01ac')" :class="this.selectedId === 'e95c5715-707d-4c84-a0f5-43b77e7d01ac'? 'scl-wizard-start-screen__topic--active' : ''"> <div class="scl-wizard-start-screen__topic-icon"><v-icon color="white" size="16">$vuetify.icons.faCheckSolid</v-icon></div> Building codes and regulations </div> <div class="scl-wizard-start-screen__topic" @click="handleTopic('/contact-hia/legal-problem-solver', '49e2bc59-78d9-41a4-a478-4ed685185dc4')" :class="this.selectedId === '49e2bc59-78d9-41a4-a478-4ed685185dc4'? 'scl-wizard-start-screen__topic--active' : ''"> <div class="scl-wizard-start-screen__topic-icon"><v-icon color="white" size="16">$vuetify.icons.faCheckSolid</v-icon></div> Dispute resolution </div> <div class="scl-wizard-start-screen__topic" @click="handleTopic('/contact-hia/planning-problem-solver', '185f4e29-2b7b-446c-a01f-86c97463d8ff')" :class="this.selectedId === '185f4e29-2b7b-446c-a01f-86c97463d8ff'? 'scl-wizard-start-screen__topic--active' : ''"> <div class="scl-wizard-start-screen__topic-icon"><v-icon color="white" size="16">$vuetify.icons.faCheckSolid</v-icon></div> Planning </div> <div class="scl-wizard-start-screen__topic" @click="handleTopic('/contact-hia/technical-problem-solver', 'ca7ade78-c1de-4639-8ea3-fae99849a647')" :class="this.selectedId === 'ca7ade78-c1de-4639-8ea3-fae99849a647'? 'scl-wizard-start-screen__topic--active' : ''"> <div class="scl-wizard-start-screen__topic-icon"><v-icon color="white" size="16">$vuetify.icons.faCheckSolid</v-icon></div> Safety </div> <div class="scl-wizard-start-screen__topic" @click="handleTopic('/contact-hia/legal-problem-solver', 'f041bc3e-244b-4782-8ab0-4b299cc34c40')" :class="this.selectedId === 'f041bc3e-244b-4782-8ab0-4b299cc34c40'? 'scl-wizard-start-screen__topic--active' : ''"> <div class="scl-wizard-start-screen__topic-icon"><v-icon color="white" size="16">$vuetify.icons.faCheckSolid</v-icon></div> Contracts </div> <div class="scl-wizard-start-screen__topic" @click="handleTopic('/contact-hia/legal-problem-solver', '65a80bfd-ff20-4da2-808a-d28037438c08')" :class="this.selectedId === '65a80bfd-ff20-4da2-808a-d28037438c08'? 'scl-wizard-start-screen__topic--active' : ''"> <div class="scl-wizard-start-screen__topic-icon"><v-icon color="white" size="16">$vuetify.icons.faCheckSolid</v-icon></div> Employment </div> <div class="scl-wizard-start-screen__topic" @click="handleTopic('/contact-hia/legal-problem-solver', '987e79a3-d0e2-4a4a-a379-45a573802483')" :class="this.selectedId === '987e79a3-d0e2-4a4a-a379-45a573802483'? 'scl-wizard-start-screen__topic--active' : ''"> <div class="scl-wizard-start-screen__topic-icon"><v-icon color="white" size="16">$vuetify.icons.faCheckSolid</v-icon></div> Business compliance </div> <div class="scl-wizard-start-screen__topic" @click="handleTopic('/contact-hia/general-problem-solver', '3190bb64-7d63-43ea-bff8-61f227fc9a8e')" :class="this.selectedId === '3190bb64-7d63-43ea-bff8-61f227fc9a8e'? 'scl-wizard-start-screen__topic--active' : ''"> <div class="scl-wizard-start-screen__topic-icon"><v-icon color="white" size="16">$vuetify.icons.faCheckSolid</v-icon></div> Other </div> </div> <div v-else class="scl-sc-forms scl-wizard-start-screen__dropdown"> <select v-model="selected" @change="handleDropdownTopic"> <option disabled :value="null"> Select a topic </option> <option value='{"link":"/contact-hia/technical-problem-solver", "id":"e95c5715-707d-4c84-a0f5-43b77e7d01ac"}'> Building codes and regulations </option> <option value='{"link":"/contact-hia/legal-problem-solver", "id":"49e2bc59-78d9-41a4-a478-4ed685185dc4"}'> Dispute resolution </option> <option value='{"link":"/contact-hia/planning-problem-solver", "id":"185f4e29-2b7b-446c-a01f-86c97463d8ff"}'> Planning </option> <option value='{"link":"/contact-hia/technical-problem-solver", "id":"ca7ade78-c1de-4639-8ea3-fae99849a647"}'> Safety </option> <option value='{"link":"/contact-hia/legal-problem-solver", "id":"f041bc3e-244b-4782-8ab0-4b299cc34c40"}'> Contracts </option> <option value='{"link":"/contact-hia/legal-problem-solver", "id":"65a80bfd-ff20-4da2-808a-d28037438c08"}'> Employment </option> <option value='{"link":"/contact-hia/legal-problem-solver", "id":"987e79a3-d0e2-4a4a-a379-45a573802483"}'> Business compliance </option> <option value='{"link":"/contact-hia/general-problem-solver", "id":"3190bb64-7d63-43ea-bff8-61f227fc9a8e"}'> Other </option> </select> </div> <div class="scl-wizard-start-screen__footer"> <div class="scl-wizard-start-screen__footer-text"><span>HIA members can book a call with a team member to receive personalised support at a time convenient to you. </span> <p> </p></div> <v-btn class="scl-wizard-start-screen__btn btn btn-primary" :disabled="this.isDisabled || this.isLoading" @click="this.handleRedirect"> Next <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon> <v-progress-circular v-if="this.isLoading" color="primary" indeterminate :size="24" class="ml-4" :width="4"></v-progress-circular> </v-btn> </div> </div> </scl-wizard-start-screen> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-spacer></scl-spacer> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-1" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2 id="media">Media enquiries</h2> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-3-Col inline-template class="scl-component scl-3-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12" md="4"> </v-col> <v-col class="text-sm-left col col-index-2 py-0" cols="12" md="4"> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/joe-shanahan.jpg" src="/-/media/images/image-list/red/joe-shanahan.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Joe Shanahan</h4> <h6 class="scl-image-list__subtitle "> Manager, Communications & Media</h6> <div> <p> <span>P: <a href="tel:0262451364">02 6245 1364</a><br /> M: <a href="tel:0410449556">0410 449 556</a><br /> E: <a href="mailto:media@hia.com.au">media@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-3 py-0" cols="12" md="4"> </v-col> </v-row> </v-container> </div> </scl-3-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12"> <scl-spacer :api="{ size: 'minimum'}"></scl-spacer> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class="container--fluid pa-3" style=" background-repeat: no-repeat; background-color: #f8f8f8;"> <v-row row wrap class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2 id="office" style="text-align: center;">Registered office</h2> </div> </scl-wysiwyg> <scl-3-Col inline-template class="scl-component scl-3-col "> <div> <v-container class=" pa-4" style=" background-repeat: no-repeat; background-color: #f8f8f8; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12" md="5"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>HIA National office</h3> <p>79 Constitution Avenue<br /> Campbell ACT 2612<br /> ✆ <a href="tel:02 6245 1300">02 6245 1300</a><br /> ✉ <a href="mailto:enquiry@hia.com.au">enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-left col col-index-2 py-0" cols="12" md="1"> </v-col> <v-col class="text-sm-left col col-index-3 py-0" cols="12" md="6"> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-35.291417495099466,"lng":149.14569601394209}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>HIA National office</p> <p>79 Constitution Avenue, Campbell ACT 2612</p> </div> </div> </scl-map> </v-col> </v-row> </v-container> </div> </scl-3-Col> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2>HIA locations</h2> <p>Find the opening hours, office locations and contact details for your local HIA office.</p> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>ACT / Southern NSW region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/greg-weller.jpg" src="/-/media/images/image-list/red/greg-weller.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Greg Weller</h4> <h6 class="scl-image-list__subtitle "> Executive Director - ACT/Southern NSW</h6> <div> <p> <span>M: <a href="tel:0262857301"></a><a href="tel:0438846752">0438 846 752</a><br /> E: <a href="mailto:g.weller@hia.com.au">g.weller@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4> Canberra</h4> Unit 4, 9 Sydney Avenue<br /> Barton ACT 2600<br /> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0262857300">02 6285 7300</a><br /> ✉ <a href="mailto:act_enquiry@hia.com.au">act_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-35.312243,"lng":149.132533}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>ACT / Southern NSW</p> <p> 4/9 Sydney Avenue, Barton ACT 2600</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer :api="{ size: 'minimum'}"></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Gold Coast region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/toni-bull.jpg" src="/-/media/images/image-list/red/toni-bull.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Toni Bull</h4> <h6 class="scl-image-list__subtitle "> Executive Director – Gold Coast/Northern Rivers</h6> <div> <p> <span>P: <a href="tel:0755877444">07 5587 7444</a><br /> E: <a href="mailto:t.bull@hia.com.au">t.bull@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Gold Coast</h4> <p>Unit 4/2 John Duncan Court<br /> Varsity Lakes QLD 4227</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0755877444">07 5587 7444</a><br /> ✉ <a href="mailto:qld_enquiry@hia.com.au">qld_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-28.100874,"lng":153.409352}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Gold Coast</p> <p>Unit 4/2 John Duncan Court, Varsity Lakes QLD 4227</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Hunter region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/craig-jennion.jpg" src="/-/media/images/image-list/red/craig-jennion.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Craig Jennion</h4> <h6 class="scl-image-list__subtitle "> Executive Director - Hunter</h6> <div> <p> <span>P: <a href="tel:0240142000">02 4014 2000</a><br /> E: <a href="mailto:c.jennion@hia.com.au">c.jennion@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Newcastle</h4> <p>17 Murray Dwyer Circuit<br /> Steel River Estate<br /> Mayfield West NSW 2304</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0240142000">02 4014 2000</a><br /> ✉ <a href="mailto:hunter_enquiry@hia.com.au">hunter_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-32.8845241,"lng":151.726075}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p> Hunter</p> <p>17 Murray Dwyer Circuit, Steel River Estate, Mayfield West NSW 2304</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4><a href="/home-inspirations">HIA Home Inspirations</a></h4> <p>17 Murray Dwyer Circuit, Steel River Estate<br /> Mayfield West NSW 2304<br /> PO Box 287, Hunter RMC NSW 2310</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0240142000">02 4014 2000<br /> </a></p> <p>Trading hours:<br /> Monday - Friday 9am to 4.30pm<br /> Saturday - Sunday: 10am to 4pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-32.8845241,"lng":151.726075}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>17 Murray Dwyer Circuit</p> <p>Steel River Estate, Mayfield West NSW</p> </div> </div> </scl-map> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>NSW region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/david-bare.jpg" src="/-/media/images/image-list/red/david-bare.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> David Bare</h4> <h6 class="scl-image-list__subtitle "> Executive Director - NSW</h6> <div> <p> <span>P: <a href="tel:0299783333">02 9978 3333</a><br /> E: <a href="mailto:d.bare@hia.com.au">d.bare@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Sydney</h4> <p>4 Byfield Street<br /> Macquarie Park NSW 2113<br /> PO Box 884, North Ryde BC NSW 1670</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0299783333">02 9978 3333</a><br /> ✉ <a href="mailto:nsw_enquiry@hia.com.au">nsw_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-33.781676,"lng":151.119765}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>New South Wales</p> <p>4 Byfield Street, Macquarie Park NSW 2113</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Coffs Harbour</h4> <p>Office 22–23 Lot 5 Druitt Court<br /> Coffs Harbour NSW 2450<br /> PO Box 488 Coffs Harbour NSW 2450</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0266512422">02 6651 2422</a><br /> ✉ <a href="mailto:nsw_enquiry@hia.com.au">nsw_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-30.287905,"lng":153.128632}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Coffs Harbour</p> <p>22–23 Lot 5 Druitt Court, Coffs Harbour NSW 2450</p> </div> </div> </scl-map> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Northern Territory region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/luis-espinoza.jpg" src="/-/media/images/image-list/red/luis-espinoza.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Luis Espinoza</h4> <h6 class="scl-image-list__subtitle "> Executive Director – Northern Territory</h6> <div> <p> <span>P: <a href="tel:0889956303">08 8995 6303</a><br /> E: <a href="mailto:l.espinoza@hia.com.au">l.espinoza@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Darwin</h4> 651 Stuart Highway, Berrimah Business Park<br /> Berrimah NT 0828<br /> All mail: PO Box 63 Berrimah NT 0828<br /> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0889956300">08 8995 6300</a><br /> ✉ <a href="mailto:nt_enquiry@hia.com.au">nt_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-12.428544,"lng":130.916462}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Northern Territory</p> <p>651 Stuart Highway, Berrimah Business Park, Berrimah NT 0828</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>North Queensland region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/peter-fry.jpg" src="/-/media/images/image-list/red/peter-fry.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Peter Fry</h4> <h6 class="scl-image-list__subtitle "> Executive Director – North Queensland</h6> <div> <p> <span>P: <a href="tel:0747556601">07 4755 6601</a><br /> E: <a href="mailto:p.fry@hia.com.au">p.fry@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Townsville</h4> <p>25 Blackhawk Boulevard<br /> Condon QLD 4815<br /> PO Box 1825 Thuringowa Central BC QLD 4817</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0747556600">07 4755 6600</a><br /> ✉ <a href="mailto:nth.qld_enquiry@hia.com.au">nth.qld_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> <p>Conference and training room hire is available.<br /> For more information phone or email your enquiry.</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-19.322076,"lng":146.721677}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p> North Queensland</p> <p>25 Blackhawk Boulevard, Condon QLD 4815</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Cairns</h4> <p>2/185 Mulgrave Road<br /> Bungalow QLD 4870<br /> PO Box 1824 Cairns QLD 4870</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0747556696">07 4755 6696</a><br /> ✉ <a href="mailto:nth.qld_enquiry@hia.com.au">nth.qld_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> <p style="padding-bottom: -2px;">Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-16.9289272,"lng":145.759393}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Cairns</p> <p>2/185 Mulgrave Road, Bungalow QLD 4870</p> </div> </div> </scl-map> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Queensland region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/mike-roberts.jpg" src="/-/media/images/image-list/red/mike-roberts.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Mike Roberts</h4> <h6 class="scl-image-list__subtitle "> Executive Director – Queensland</h6> <div> <p> <span>P: <a href="tel:0730218800">07 3021 8800</a><br /> E: <a href="mailto:m.roberts@hia.com.au">m.roberts@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Brisbane</h4> <p>17 Byres Street<br /> Newstead QLD 4006<br /> PO Box 3213 Newstead QLD 4006</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0730218800">07 3021 8800</a><br /> ✉ <a href="mailto:qld_enquiry@hia.com.au">qld_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-27.447582,"lng":153.0440783}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Queensland</p> <p>17 Byres Street, Newstead QLD 4006</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Sunshine Coast</h4> <p>Level 1, 84 Wises Road<br /> Maroochydore QLD 4558<br /> PO Box 8172, Maroochydore DC QLD 4558 </p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0754519300">07 5451 9300</a><br /> ✉ <a href="mailto:qld_enquiry@hia.com.au">qld_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":15.0,"height":264.0,"lat":-26.671923,"lng":153.087751}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Sunshine Coast</p> <p>Level 1, 84 Wises Road, Maroochydore QLD 4558</p> </div> </div> </scl-map> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>South Australia region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/management-committee/stephen_kinght_800x800.jpg" src="/-/media/images/image-list/management-committee/stephen_kinght_800x800.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Stephen Knight</h4> <h6 class="scl-image-list__subtitle "> Executive Director - South Australia</h6> <div> <p> <span>P: <a href="tel:0883405900">08 8340 5900</a><br /> E: <a href="mailto:s.knight@hia.com.au">s.knight@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Adelaide</h4> <p>Cnr Port Road and Station Place<br /> Hindmarsh SA 5007<br /> PO Box 151, Welland SA 5007</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0883405900">08 8340 5900</a><br /> ✉ <a href="mailto:sa_enquiry@hia.com.au">sa_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-34.906897,"lng":138.574836}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>South Australia</p> <p>Cnr Port Road & Station Place, Hindmarsh SA 5007</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Tasmania region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/stuart-collins.jpg" src="/-/media/images/image-list/red/stuart-collins.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Stuart Collins</h4> <h6 class="scl-image-list__subtitle "> Executive Director – Tasmania</h6> <div> <p> <span>P: <a href="http://tel:0362304604">03 6230 4604</a><br /> E: <a href="mailto:s.collins@hia.com.au">s.collins@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Hobart</h4> <p>30 Burnett St<br /> North Hobart TAS 7000</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0362304600">03 6230 4600</a><br /> ✉ <a href="mailto:tas_enquiry@hia.com.au">tas_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-42.873335,"lng":147.320460}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Tasmania</p> <p>30 Burnett Street, North Hobart TAS 7000</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Launceston</h4> <p>Suite 2, 167 Westbury Road<br /> Prospect TAS 7250</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0363430277">03 6343 0277</a><br /> ✉ <a href="mailto:tas_enquiry@hia.com.au">tas_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-41.4684737,"lng":147.139794}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Launceston</p> <p>Suite 2, 167 Westbury Road, Prospect TAS 7250</p> </div> </div> </scl-map> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Victoria region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/keith-ryan.jpg" src="/-/media/images/image-list/red/keith-ryan.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Keith Ryan</h4> <h6 class="scl-image-list__subtitle "> Executive Director - Victoria</h6> <div> <p> <span>P: <a href="tel:0392808200">03 9280 8200</a><br /> E: <a href="mailto:k.ryan@hia.com.au">k.ryan@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Melbourne</h4> <p>Level 4, Building 8, 584 Swan Street<br /> Burnley VIC 3121<br /> GPO Box 1614 Melbourne VIC 3001</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0392808200">03 9280 8200</a><br /> ✉ <a href="mailto:vic_enquiry@hia.com.au">vic_enquiry@hia.com.au<br /> </a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-37.8276512,"lng":145.0203274}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Victoria</p> <p>Level 4, Building 8, 584 Swan Street, Burnley VIC 3121</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Bendigo</h4> <p>196 High Street<br /> Bendigo VIC 3550<br /> PO Box 228 Golden Square VIC 3555</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0354459500">03 5445 9500</a><br /> ✉ <a href="mailto:vic_enquiry@hia.com.au">vic_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-36.765364,"lng":144.268297}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Bendigo</p> <p>196 High Street, Bendigo VIC 3550</p> </div> </div> </scl-map> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Western Australia region</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":150,"rounded":false,"divider":false,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <v-img v-if="$vuetify.breakpoint.smAndUp || false" lazy-src="/-/media/images/image-list/red/michael-mcgowan.jpg" src="/-/media/images/image-list/red/michael-mcgowan.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" class="scl-image-list__col mr-6" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> <div class="scl-image-list__col"> <h4 class="headline "> Michael McGowan</h4> <h6 class="scl-image-list__subtitle "> Executive Director - Western Australia</h6> <div> <p> <span>M: <a href="tel:0435050556">0435 050 556</a><br /> E: <a href="mailto:m.mcgowan@hia.com.au">m.mcgowan@hia.com.au</a></span> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Perth</h4> <p>22 Parkland Road<br /> Herdsman Business Park<br /> Osborne Park WA 6017<br /> PO Box 1494 Osborne Park DC WA 6916</p> <p>✆ <a href="tel:1300650620">1300 650 620</a> or <a href="tel:0894929200">08 9492 9200</a><br /> ✉ <a href="mailto:wa_enquiry@hia.com.au">wa_enquiry@hia.com.au</a></p> <p>Office hours:<br /> Monday - Friday 8.30am to 5.00pm</p> <p>Conference and training room hire is available.<br /> For more information phone or email your enquiry.</p> </div> </scl-wysiwyg> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":17.0,"height":264.0,"lat":-31.916985,"lng":115.814813}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Western Australia</p> <p>22 Parkland Road, Herdsman Business Park, Osborne Park WA 6017</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-spacer></scl-spacer> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class="container--fluid pa-3" style=" background-image: url('/-/media/images/background-image-full-width/community.jpg'); background-repeat: no-repeat;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-3-Col inline-template class="scl-component scl-3-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12" md="7"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Your myHIA account</h3> <ul class="scl-ww__list-style-2"><li>Update, renew or make a payment</li> <li>Instant access to Contracts Online</li> <li>Retrieve and download all the digital products purchased from HIA</li> <li>Manage CPD (applicable states only)</li></ul> <p> </p> <p><a data-cssclass="btn btn-outlined " data-itemid="b9dc1098-511c-4929-8153-5ef82fb2c27d" data-title="Login/register" href="/myhia" class="v-btn btn btn-outlined " style="height: 64px; min-width: 160px; margin: 16px 10px 0px 0px;"><span class="v-btn__content">Login/register</span></a>  <a data-cssclass="btn btn-outlined " data-itemid="c5b621e7-016c-489c-9b25-3722160f916a" data-title="Invoices" href="/myhia/invoices" class="v-btn btn btn-outlined " style="height: 64px; min-width: 160px; margin: 16px 10px 0px 0px;"><span class="v-btn__content">Invoices</span></a>  <a data-cssclass="btn btn-outlined " data-itemid="489b7a03-f154-4740-b609-6f74d949ea8a" data-title="Contracts Online" href="/business-support/contracts-online" class="v-btn btn btn-outlined " style="height: 64px; min-width: 160px; margin: 16px 10px 0px 0px;"><span class="v-btn__content">Contracts Online</span></a></p> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-left col col-index-2 py-0" cols="12" md="1"> </v-col> <v-col class="text-sm-left col col-index-3 py-0" cols="12" md="4"> </v-col> </v-row> </v-container> </div> </scl-3-Col> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-spacer></scl-spacer> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2>HIA Insurance Services</h2> <p><strong>Opening hours: </strong>Monday to Friday 8:30am - 5:00pm</p> <p><a data-cssclass="btn btn-primary " data-itemid="ce3f8f41-a0f0-4477-914c-e34007113d6d" data-title=" Call 1800 762 878" class="v-btn btn btn-primary " href="tel:1800762878"><span class="v-btn__content"> Call 1800 762 878</span></a></p> <p> </p> <h3>Office locations</h3> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":16.0,"height":264.0,"lat":-35.28036905547068,"lng":149.12551118493013}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>ACT / Southern NSW</p> <p>15 London Circuit, Canberra, ACT 2600</p> </div> </div> </scl-map> <scl-spacer></scl-spacer> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":15.0,"height":264.0,"lat":-27.447582,"lng":153.0440783}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Queensland</p> <p>HIA Building, 17 Byres Street, Newstead QLD 4006</p> </div> </div> </scl-map> <scl-spacer></scl-spacer> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":16.0,"height":264.0,"lat":-37.8274562,"lng":145.0203166}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Victoria</p> <p>HIA Building, Level 4, 8/584 Swan Street, Burnley VIC 3121</p> </div> </div> </scl-map> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":16.0,"height":264.0,"lat":-33.781676,"lng":151.119765}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>New South Wales</p> <p>HIA Building, 4 Byfield Street, Macquarie Park NSW 2113</p> </div> </div> </scl-map> <scl-spacer></scl-spacer> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":16.0,"height":264.0,"lat":-34.906556913369066,"lng":138.5749508272517}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>South Australia</p> <p>HIA Building, Cnr Port Road & Station Place, Hindmarsh SA 5007 </p> </div> </div> </scl-map> <scl-spacer></scl-spacer> <scl-map inline-template class="scl-component scl-map" :api="{"marker":"/-/media/images/hia/icons/hia-map-marker.png","zoom":16.0,"height":264.0,"lat":-31.916642644711782,"lng":115.81473216951849}"> <div> <div class="scl-map__map-container"> <v-progress-circular v-if="!mapLoaded && propApi.lat && propApi.lng" class="scl-map__spinner" color="primary" indeterminate :size="50" :width="7"></v-progress-circular> <gmap-map v-if="propApi.lat && propApi.lng" :center="{ lat: propApi.lat, lng: propApi.lng }" :zoom="propApi.zoom" class="scl-map__map" ref="mapRef" :style="{ height: propApi.height + 'px' }" @tilesloaded="mapLoaded = true"> <gmap-marker :icon="{ scaledSize: { width: 50, height: 50 }, url: propApi.marker }" :position="{ lat: propApi.lat, lng: propApi.lng }"> </gmap-marker> </gmap-map> </div> <div class="scl-map__info"> <p>Western Australia</p> <p>HIA Building, 22 Parkland Road, Osborne Park WA 6017</p> </div> </div> </scl-map> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-spacer></scl-spacer> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class="container--fluid pa-3" style=" background-repeat: no-repeat; background-color: #f8f8f8;"> <v-row row wrap class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2>Our people</h2> <p>A dedicated team of HIA people, board of directors, regional directors and senior leaders representing the people of the residential building industry.</p> <p><a data-cssclass="btn btn-primary " data-itemid="24142432-a396-44e7-8030-b26d26e9193c" data-title="Meet our people" href="/hia-community/get-to-know-us/our-people" class="v-btn btn btn-primary "><span class="v-btn__content">Meet our people</span></a></p> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-spacer></scl-spacer> <scl-3-Col inline-template class="scl-component scl-3-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12" md="7"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Complaints</h3> <p>HIA maintains the <a href="/about-us/code-of-ethics">HIA Code of Ethics</a> in order to promote and reinforce confidence in the residential building industry and in HIA as embodied by our members who have committed to the ethical standards established by the Code of Ethics. </p> <p>If you want to file a complaint against a HIA member, you can do so online. </p> <p><a data-cssclass="btn btn-link arrow " data-itemid="947a3d33-74d5-4420-9370-5590af0406dd" data-title="Lodge a complaint" class="v-btn btn btn-link arrow " href="/about-us/code-of-ethics/code-of-ethics-complaints"><span class="v-btn__content">Lodge a complaint<svg height="16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="v-icon notranslate btn__icon-link svg-inline--fa fa-arrow-right fa-w-14 v-icon--is-component theme--light"> <path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path> </svg></span></a></p> <p><em>Note: As a membership association, HIA cannot make an enforceable decision regarding a compliance matter, specifically in relation to an alleged breach of contract or technical issue. In these instances, it is recommended that consumers obtain their own independent legal advice.</em></p> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-left col col-index-2 py-0" cols="12" md="1"> </v-col> <v-col class="text-sm-left col col-index-3 py-0" cols="12" md="4"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Send your complaints by: </h4> <p><strong>HIA Complaints department</strong><br /> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="mail box" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="v-icon notranslate svg-inline--fa fa-phone fa-w-16 v-icon--left v-icon--is-component theme--light" style="font-size: 16px; height: 16px; width: 16px;"> <path fill="#2D373E" d="M32 208V416H256V208c0-61.9-50.1-112-112-112S32 146.1 32 208zm256 0V416H544V208c0-61.9-50.1-112-112-112H234.5c32.6 26.4 53.5 66.8 53.5 112zM0 208C0 128.5 64.5 64 144 64H432c79.5 0 144 64.5 144 144V416v32H544 288 256 32 0V416 208zm112-16h64 16v32H176 112 96V192h16zm224 0h96 64 16v16 96 16H496 432 416V304 224H336 320V192h16zm112 96h32V224H448v64z"></path> </svg> PO Box 3573, South Brisbane QLD 4101<br /> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="v-icon notranslate svg-inline--fa fa-phone fa-w-16 v-icon--left v-icon--is-component theme--light" style="font-size: 16px; height: 16px; width: 16px;"> <path fill="#2D373E" d="M64 96c-17.7 0-32 14.3-32 32v39.9L227.6 311.3c16.9 12.4 39.9 12.4 56.8 0L480 167.9V128c0-17.7-14.3-32-32-32H64zM32 207.6V384c0 17.7 14.3 32 32 32H448c17.7 0 32-14.3 32-32V207.6L303.3 337.1c-28.2 20.6-66.5 20.6-94.6 0L32 207.6zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path> </svg> <a href="mailto:enquiry@hia.com.au" style="color: #2d373e; text-decoration: none;">enquiry@hia.com.au</a></p> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-3-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-spacer :api="{ size: 'minimum'}"></scl-spacer> <scl-cta-banner class="scl-component scl-cta-banner" inline-template> <div> <div class="scl-cta-banner__container"> <div> <v-img lazy-src="/-/media/images/image-card/full-icon.png" src="/-/media/images/image-card/full-icon.png" class="scl-cta-banner__image" :width="150" contain ></v-img> </div> <div class="scl-cta-banner__content"> <h4>Become a HIA member today</h4> <p> Join Australia’s largest residential building association to gain access to a huge range of industry products and business services. We can help you manage, operate and grow your business. </p> </div> <div class="scl-cta-banner__actions"> <a href="/hia-community/become-an-hia-member/member-benefits" class="btn btn-outlined" >Member benefits</a> <a href="/signup" class="btn btn-primary" >Join now</a> </div> </div> <div class="scl-cta-banner__links"> <v-btn :ripple="false" depressed class="scl-cta-banner__link" target="" href="tel:1300650620"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M484.6 330.6C484.6 330.6 484.6 330.6 484.6 330.6l-101.8-43.66c-18.5-7.688-40.2-2.375-52.75 13.08l-33.14 40.47C244.2 311.8 200.3 267.9 171.6 215.2l40.52-33.19c15.67-12.92 20.83-34.16 12.84-52.84L181.4 27.37C172.7 7.279 150.8-3.737 129.6 1.154L35.17 23.06C14.47 27.78 0 45.9 0 67.12C0 312.4 199.6 512 444.9 512c21.23 0 39.41-14.44 44.17-35.13l21.8-94.47C515.7 361.1 504.7 339.3 484.6 330.6zM457.9 469.7c-1.375 5.969-6.844 10.31-12.98 10.31c-227.7 0-412.9-185.2-412.9-412.9c0-6.188 4.234-11.48 10.34-12.88l94.41-21.91c1-.2344 2-.3438 2.984-.3438c5.234 0 10.11 3.094 12.25 8.031l43.58 101.7C197.9 147.2 196.4 153.5 191.8 157.3L141.3 198.7C135.6 203.4 133.8 211.4 137.1 218.1c33.38 67.81 89.11 123.5 156.9 156.9c6.641 3.313 14.73 1.531 19.44-4.219l41.39-50.5c3.703-4.563 10.16-6.063 15.5-3.844l101.6 43.56c5.906 2.563 9.156 8.969 7.719 15.22L457.9 469.7z"/></svg> 1300 650 620 </v-btn> <v-btn :ripple="false" depressed class="scl-cta-banner__link" target="_blank" href="/contact-hia"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M223.7 96h.6387c37.75 0 71.97 22.1 87.43 56.63c15.38 34.63 8.982 75.33-16.39 103.3c0 .125 0-.125 0 0L304 256c16.5 0 31.9-8.6 40.52-22.6C349 220.4 352 206.6 352 192c0-70.75-57.25-128-128-128s-128 57.25-128 128c0 40.38 19.12 75.99 48.37 99.49C144.2 290.2 144 289.3 144 288C144.1 276.8 147.1 265.6 152.9 256c-25.5-28-32.13-68.5-16.75-103.3C151.6 118.2 185.8 96 223.7 96zM48 224C56.88 224 64 216.9 64 208V192c0-88.25 71.75-160 160-160s160 71.75 160 160v16C384 252.1 348.1 288 304 288h-32c0-17.62-14.38-32-32-32h-32c-17.62 0-32 14.38-32 32s14.38 32 32 32h96c61.88-.125 111.9-50.13 112-112V192c0-105.9-86.13-192-192-192S32 86.13 32 192v16C32 216.9 39.13 224 48 224zM314.7 352H133.3C59.7 352 0 411.7 0 485.3C0 500.1 11.94 512 26.66 512H421.3C436.1 512 448 500.1 448 485.3C448 411.7 388.3 352 314.7 352zM32.14 480c2.779-53.41 47.11-96 101.2-96h181.3c54.09 0 98.42 42.59 101.2 96H32.14z"/></svg> Contact us </v-btn> <v-btn :ripple="false" depressed class="scl-cta-banner__link" target="_blank" href="/contact-hia"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M64 120C64 106.7 74.75 96 88 96H136C149.3 96 160 106.7 160 120V168C160 181.3 149.3 192 136 192H88C74.75 192 64 181.3 64 168V120zM96 128V160H128V128H96zM296 96C309.3 96 320 106.7 320 120V168C320 181.3 309.3 192 296 192H248C234.7 192 224 181.3 224 168V120C224 106.7 234.7 96 248 96H296zM288 160V128H256V160H288zM64 248C64 234.7 74.75 224 88 224H136C149.3 224 160 234.7 160 248V296C160 309.3 149.3 320 136 320H88C74.75 320 64 309.3 64 296V248zM96 256V288H128V256H96zM296 224C309.3 224 320 234.7 320 248V296C320 309.3 309.3 320 296 320H248C234.7 320 224 309.3 224 296V248C224 234.7 234.7 224 248 224H296zM288 288V256H256V288H288zM64 512C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H320C355.3 0 384 28.65 384 64V448C384 483.3 355.3 512 320 512H64zM32 64V448C32 465.7 46.33 480 64 480H128V416C128 380.7 156.7 352 192 352C227.3 352 256 380.7 256 416V480H320C337.7 480 352 465.7 352 448V64C352 46.33 337.7 32 320 32H64C46.33 32 32 46.33 32 64zM224 416C224 398.3 209.7 384 192 384C174.3 384 160 398.3 160 416V480H224V416z"/></svg> Office </v-btn> </div> </div> </scl-cta-banner> </v-col> </v-row> </v-container> </div> </scl-1-Col> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-scroll></scl-scroll> </section> <footer id="app-footer"> <scl-footer inline-template :api="{"fluid":false}" class="scl-component scl-footer"> <div> <v-container :class="propApi.fluid ? 'fluid' : null"> <v-row> <v-col> <v-expansion-panels v-if="$vuetify.breakpoint.xsOnly"> <v-expansion-panel class="scl-footer__expansion-panel"> <v-expansion-panel-header hide-actions class="scl-footer__expansion-panel-header"> <div class="scl-footer__title"> Expand Footer </div> <v-icon class="scl-footer__icon scl-footer__icon--minus">{{ propApi.expandedIcon }} </v-icon> <v-icon class="scl-footer__icon scl-footer__icon--plus">{{ propApi.collapsedIcon }}</v-icon> </v-expansion-panel-header> <v-expansion-panel-content class="scl-footer__expansion-content"> <v-row v-bind="flexDirection"> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/our-industry/economics">Economic research & forecasting</v-list-item> <v-list-item :ripple="false" href="/our-industry/newsroom">Newsroom</v-list-item> <v-list-item :ripple="false" href="/our-industry">Inspiration for building professionals</v-list-item> <v-list-item :ripple="false" href="/our-industry">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/resources-and-advice/building-it-right">Building it right</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/building-materials-and-products">Building materials & products</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/managing-your-safety">Managing your safety</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/managing-your-business">Managing your business</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/careers-and-learning/become-an-hia-apprentice">Become a HIA apprentice</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer">Apprenticeships on offer</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/learning">Training at HIA</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/how-to-get-your-builders-licence">Get your builders licence</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/awards-and-events/awards">Awards</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/events">Events</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/conference">National Conference</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/australian-housing-awards">Australian Housing Awards</v-list-item> <v-list-item :ripple="false" href="/awards-and-events">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/business-support/contracts-and-compliance-support">Contracts & compliance support</v-list-item> <v-list-item :ripple="false" href="/business-support/building-and-planning-services">Building & planning</v-list-item> <v-list-item :ripple="false" href="/business-support/become-an-hia-apprentice-host">Host a HIA apprentice</v-list-item> <v-list-item :ripple="false" href="https://www.hiainsurance.com.au/">HIA Insurance Services</v-list-item> <v-list-item :ripple="false" href="/business-support">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/signup">Join us</v-list-item> <v-list-item :ripple="false" href="/hia-community/get-involved">Get involved</v-list-item> <v-list-item :ripple="false" href="/hia-community/get-to-know-us">Get to know us</v-list-item> <v-list-item :ripple="false" href="/hia-community/what-we-do">What we do</v-list-item> <v-list-item :ripple="false" href="/hia-community">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/products/digital-australian-standards">Digital Australian Standards</v-list-item> <v-list-item :ripple="false" href="/business-support/contracts-online">Contracts Online</v-list-item> <v-list-item :ripple="false" href="/our-industry/economics/data-forecasts">Economic reports</v-list-item> <v-list-item :ripple="false" href="https://hia.com.au/products?pg=1&ps=12&s=displayName&sd=asc&c=0a73665d-1a69-40b0-8a56-5c799ba27394">Guides & manuals</v-list-item> <v-list-item :ripple="false" href="/products">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/hia-community/get-involved/partner-with-us">Partner with us</v-list-item> <v-list-item :ripple="false" href="/hia-community">See all > </v-list-item> </v-list> </v-col> </v-row> </v-expansion-panel-content> </v-expansion-panel> </v-expansion-panels> <div v-else> <v-row v-bind="flexDirection"> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Our industry</v-subheader> <v-list-item :ripple="false" href="/our-industry/economics">Economic research & forecasting</v-list-item> <v-list-item :ripple="false" href="/our-industry/newsroom">Newsroom</v-list-item> <v-list-item :ripple="false" href="/our-industry">Inspiration for building professionals</v-list-item> <v-list-item :ripple="false" href="/our-industry">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Resources & advice</v-subheader> <v-list-item :ripple="false" href="/resources-and-advice/building-it-right">Building it right</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/building-materials-and-products">Building materials & products</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/managing-your-safety">Managing your safety</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/managing-your-business">Managing your business</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Careers & learning</v-subheader> <v-list-item :ripple="false" href="/careers-and-learning/become-an-hia-apprentice">Become a HIA apprentice</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer">Apprenticeships on offer</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/learning">Training at HIA</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/how-to-get-your-builders-licence">Get your builders licence</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Awards & events</v-subheader> <v-list-item :ripple="false" href="/awards-and-events/awards">Awards</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/events">Events</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/conference">National Conference</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/australian-housing-awards">Australian Housing Awards</v-list-item> <v-list-item :ripple="false" href="/awards-and-events">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Business support</v-subheader> <v-list-item :ripple="false" href="/business-support/contracts-and-compliance-support">Contracts & compliance support</v-list-item> <v-list-item :ripple="false" href="/business-support/building-and-planning-services">Building & planning</v-list-item> <v-list-item :ripple="false" href="/business-support/become-an-hia-apprentice-host">Host a HIA apprentice</v-list-item> <v-list-item :ripple="false" href="https://www.hiainsurance.com.au/">HIA Insurance Services</v-list-item> <v-list-item :ripple="false" href="/business-support">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">HIA community</v-subheader> <v-list-item :ripple="false" href="/signup">Join us</v-list-item> <v-list-item :ripple="false" href="/hia-community/get-involved">Get involved</v-list-item> <v-list-item :ripple="false" href="/hia-community/get-to-know-us">Get to know us</v-list-item> <v-list-item :ripple="false" href="/hia-community/what-we-do">What we do</v-list-item> <v-list-item :ripple="false" href="/hia-community">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Products</v-subheader> <v-list-item :ripple="false" href="/products/digital-australian-standards">Digital Australian Standards</v-list-item> <v-list-item :ripple="false" href="/business-support/contracts-online">Contracts Online</v-list-item> <v-list-item :ripple="false" href="/our-industry/economics/data-forecasts">Economic reports</v-list-item> <v-list-item :ripple="false" href="https://hia.com.au/products?pg=1&ps=12&s=displayName&sd=asc&c=0a73665d-1a69-40b0-8a56-5c799ba27394">Guides & manuals</v-list-item> <v-list-item :ripple="false" href="/products">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Partners</v-subheader> <v-list-item :ripple="false" href="/hia-community/get-involved/partner-with-us">Partner with us</v-list-item> <v-list-item :ripple="false" href="/hia-community">See all > </v-list-item> </v-list> </v-col> </v-row> </div> </v-col> <v-col cols="12" sm="4"><scl-footer-search class="scl-footer-search scl-component" inline-template> <div> <div class="scl-footer-search__item"> <div class="scl-footer-search__title"><v-icon class="scl-footer-search__title-icon">$vuetify.icons.faSearch</v-icon> How can we help </div> <v-text-field light flat solo v-model="searchQuery" class="scl-footer-search__input" append-icon="$vuetify.icons.faSearch" placeholder="Search HIA" @keyup.enter="handleSearch('/search')" @click:append="handleSearch('/search')"></v-text-field> </div> </div> </scl-footer-search> <scl-footer-contact class="scl-footer-contact scl-component relative" inline-template> <div> <div class="scl-footer-contact__item"> <div class="scl-footer-contact__title"><v-icon class="scl-footer-contact__title-icon">$vuetify.icons.faHeadset</v-icon> Get in touch with HIA </div> <div class="scl-footer-contact__content"> <p class="scl-footer-contact__number"><a href="tel:1300 650 620">1300 650 620 </a></p> <a href="/contact-hia/general-enquiry" class="scl-footer-contact__link">Enquiries</a> <a href="https://hia.com.au/contact-hia#office" class="scl-footer-contact__link">Regional offices</a> <a href="https://hia.com.au/contact-hia#media" class="scl-footer-contact__link">Media enquiries</a> </div> </div> </div> </scl-footer-contact> <scl-footer-social class="scl-footer-social scl-component" inline-template> <div> <div class="scl-footer-social__item"> <div class="scl-footer-social__title"><v-icon class="scl-footer-social__title-icon">$vuetify.icons.faAt</v-icon> Stay up to date </div> <div class="scl-footer-social__content"> <a href="https://twitter.com/hia_au?lang=en" target="_blank" title="Twitter" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faXTwitter</v-icon> </a> <a href="https://www.facebook.com/HousingIndustryAssociation/" target="_blank" title="Facebook" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faFacebook</v-icon> </a> <a href="https://www.linkedin.com/company/hia-limited" target="_blank" title="LinkedIn" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faLinkedinIn</v-icon> </a> <a href="https://www.youtube.com/user/HousingIndustryAssoc" target="_blank" title="YouTube" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faYoutube</v-icon> </a> <a href="https://www.instagram.com/hia_au/?hl=en" target="_blank" title="Instagram" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faInstagram</v-icon> </a> <div class="scl-footer-social__link"> </div> </div> </div> </div> </scl-footer-social> </v-col> </v-row> </v-container> <v-container class="py-0 " :class="propApi.fluid ? 'fluid' : null"> <v-row class="align-center"> <v-col cols="12" sm="6"> <div class="scl-footer__lower-logo"> <img src="/-/media/images/hia/home/hia-logo.svg?la=en&h=79&w=70&hash=952F61B3B850A0AFF6EA7BEBD9B261A8" class="" alt="HIA" /> <span>© Housing Industry Association Limited 2024 </span> </div> </v-col> <v-col cols="12" sm="6" class="scl-footer__lower-links"> <a href="/terms-and-conditions" class="px-1 mx-1">Terms and conditions</a> <a href="/about-us/governance-policies/privacy-policy" class="px-1 mx-1">Privacy policy</a> <a href="/careers-and-learning/learning/registered-training-organisation-1091" class="px-1 mx-1">RTO 1091</a> </v-col> </v-row> </v-container> </div> </scl-footer> </footer> </v-main> </v-app> <noscript> <strong>We're sorry but this website doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <script defer="" src="/scl/assets/js/chunk-vendors.bc7f5bc1.js.gz" type="text/javascript"></script> <script defer="" src="/scl/assets/js/app.1c100b40.js.gz" type="text/javascript"></script> </body> </html>

CINXE.COM

Contact us | Get in touch | HIA