Housing Industry Association | HIA | You're in good hands

<!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="HIA is the peak national industry association for residential building in Australia. HIA members strive for full compliance with regulations and standards." name="description"> <meta content="Housing Industry Association, HIA, Apprentice, Training, economics, industry, policy, housing, cert 4, diploma, building, construction, award" name="keywords"> <title>Housing Industry Association | HIA | You're in good hands</title> <meta name="VIcurrentDateTime" content="638679894724915572" /> <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="At the Housing Industry Association you're in good hands"> <meta property="og:description" content="HIA - the peak national industry association for residential building in Australia. HIA members strive for full compliance with regulations and standards."> <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="Home"> <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/" /> <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> <link href="https://hia.com.au/-/media/files/CSS/hia_custom_clickable_div.css" rel="stylesheet"> </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 HIA" @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="Search" @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=" pa-0" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=" ma-0"> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-2-Col inline-template class="scl-component scl-2-col banner-override"> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=" ma-0"> <v-col class="text-sm-left col col-index-1" cols="12" md="8"> <scl-carousel-media inline-template class="scl-component scl-carousel-media" :api="{"cycle":true,"delimiterIcon":"$vuetify.icons.faCircle","height":450.0,"interval":8000.0,"showArrows":true,"hideDelimiters":false,"nextIcon":"$vuetify.icons.faArrowRight","prevIcon":"$vuetify.icons.faArrowLeft","gradient":true,"delimiterPosition":"center","overlayOpacity":"overlay--little"}"> <div> <v-carousel :cycle="propApi.cycle" class="scl-carousel-media__carousel" :class="'scl-carousel-media__carousel--' + propApi.delimiterPosition " :delimiter-icon="propApi.delimiterIcon" :height="propApi.height" hide-delimiter-background :show-arrows="propApi.showArrows" :hide-delimiters="propApi.hideDelimiters" :interval="propApi.interval" :next-icon="propApi.nextIcon" :prev-icon="propApi.prevIcon" :gradient="propApi.gradient" ref="carouselMediaRef"> <v-carousel-item class="scl-carousel-media__item "> <v-row class="scl-carousel-media__row"> <v-col class="py-0" cols="12"> <v-lazy> <v-card class="scl-carousel-media__card" tile>  <v-img v-if="$vuetify.breakpoint.xsOnly" aspect-ratio="0.8" class="scl-carousel-media__media scl-carousel-media__img" :lazy-src="$root.lazyImg" src="/-/media/images/homepage-media-carousel/2025-apprentices-m.png"> <div class="scl-carousel-media__content" :class="propApi.gradient? 'scl-carousel-media__'+ propApi.overlayOpacity : ''"> <v-card-subtitle class="scl-carousel-media__subtitle">Pick your 2025 apprentice</v-card-subtitle> <h1 class="scl-carousel-media__title">Get first choice on motivated and talented tradies</h1> <v-card-text class="scl-carousel-media__text"></v-card-text> <v-card-actions> <v-btn :ripple="false" class="btn btn--large btn-primary scl-carousel-media__btn" :color="propApi.color" depressed href="/business-support/become-an-hia-apprentice-host" target="">Secure your apprentice now!</v-btn> </v-card-actions> </div> </v-img>  <v-img v-else aspect-ratio="2.72" class="scl-carousel-media__media scl-carousel-media__img" :lazy-src="$root.lazyImg" src="/-/media/images/homepage-media-carousel/2025-apprentices-d.png"> <div class="scl-carousel-media__content" :class="propApi.gradient? 'scl-carousel-media__'+ propApi.overlayOpacity : ''"> <v-card-subtitle class="scl-carousel-media__subtitle">Pick your 2025 apprentice</v-card-subtitle> <h1 class="scl-carousel-media__title">Get first choice on motivated and talented tradies</h1> <v-card-text class="scl-carousel-media__text"></v-card-text> <v-card-actions> <v-btn :ripple="false" class="btn btn--large btn-primary scl-carousel-media__btn" :color="propApi.color" depressed href="/business-support/become-an-hia-apprentice-host" target="">Secure your apprentice now!</v-btn> </v-card-actions> </div> </v-img> </v-card> </v-lazy> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-carousel-media__item "> <v-row class="scl-carousel-media__row"> <v-col class="py-0" cols="12"> <v-lazy> <v-card class="scl-carousel-media__card" tile>  <v-img v-if="$vuetify.breakpoint.xsOnly" aspect-ratio="0.8" class="scl-carousel-media__media scl-carousel-media__img" :lazy-src="$root.lazyImg" src="/-/media/images/homepage-media-carousel/australian-stardards-m.jpg"> <div class="scl-carousel-media__content" :class="propApi.gradient? 'scl-carousel-media__'+ propApi.overlayOpacity : ''"> <v-card-subtitle class="scl-carousel-media__subtitle">Don鈥檛 be caught out when confronted with compliance issues.</v-card-subtitle> <h1 class="scl-carousel-media__title">Access the Australian Standards online</h1> <v-card-text class="scl-carousel-media__text">Get your digital copy</v-card-text> <v-card-actions> <v-btn :ripple="false" class="btn btn--large btn-primary scl-carousel-media__btn" :color="propApi.color" depressed href="/products/digital-australian-standards" target="">Buy now</v-btn> </v-card-actions> </div> </v-img>  <v-img v-else aspect-ratio="2.72" class="scl-carousel-media__media scl-carousel-media__img" :lazy-src="$root.lazyImg" src="/-/media/images/homepage-media-carousel/australian-stardards-d.jpg"> <div class="scl-carousel-media__content" :class="propApi.gradient? 'scl-carousel-media__'+ propApi.overlayOpacity : ''"> <v-card-subtitle class="scl-carousel-media__subtitle">Don鈥檛 be caught out when confronted with compliance issues.</v-card-subtitle> <h1 class="scl-carousel-media__title">Access the Australian Standards online</h1> <v-card-text class="scl-carousel-media__text">Get your digital copy</v-card-text> <v-card-actions> <v-btn :ripple="false" class="btn btn--large btn-primary scl-carousel-media__btn" :color="propApi.color" depressed href="/products/digital-australian-standards" target="">Buy now</v-btn> </v-card-actions> </div> </v-img> </v-card> </v-lazy> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-carousel-media__item "> <v-row class="scl-carousel-media__row"> <v-col class="py-0" cols="12"> <v-lazy> <v-card class="scl-carousel-media__card" tile>  <v-img v-if="$vuetify.breakpoint.xsOnly" aspect-ratio="0.8" class="scl-carousel-media__media scl-carousel-media__img" :lazy-src="$root.lazyImg" src="/-/media/images/homepage-media-carousel/pd-mobile-743x923.jpg"> <div class="scl-carousel-media__content" :class="propApi.gradient? 'scl-carousel-media__'+ propApi.overlayOpacity : ''"> <v-card-subtitle class="scl-carousel-media__subtitle">Thinking about a new career or need a refresher? </v-card-subtitle> <h1 class="scl-carousel-media__title">Professional Development courses available</h1> <v-card-text class="scl-carousel-media__text">Brush up your technical skills through online learning</v-card-text> <v-card-actions> <v-btn :ripple="false" class="btn btn--large btn-primary scl-carousel-media__btn" :color="propApi.color" depressed href="https://hia.com.au/careers-and-learning/learning/training-courses?pg=1&ps=12&q=ncc&f=type=Short%20Course " target="_blank">Find a course</v-btn> </v-card-actions> </div> </v-img>  <v-img v-else aspect-ratio="2.72" class="scl-carousel-media__media scl-carousel-media__img" :lazy-src="$root.lazyImg" src="/-/media/images/homepage-media-carousel/pd-desktop-1584x582.jpg"> <div class="scl-carousel-media__content" :class="propApi.gradient? 'scl-carousel-media__'+ propApi.overlayOpacity : ''"> <v-card-subtitle class="scl-carousel-media__subtitle">Thinking about a new career or need a refresher? </v-card-subtitle> <h1 class="scl-carousel-media__title">Professional Development courses available</h1> <v-card-text class="scl-carousel-media__text">Brush up your technical skills through online learning</v-card-text> <v-card-actions> <v-btn :ripple="false" class="btn btn--large btn-primary scl-carousel-media__btn" :color="propApi.color" depressed href="https://hia.com.au/careers-and-learning/learning/training-courses?pg=1&ps=12&q=ncc&f=type=Short%20Course " target="_blank">Find a course</v-btn> </v-card-actions> </div> </v-img> </v-card> </v-lazy> </v-col> </v-row> </v-carousel-item> </v-carousel> </div> </scl-carousel-media> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="4"> <scl-card-video inline-template :api="{"overlayOpacity":"overlay--little","overlayTextColour":"white--text","ribbonColour":"secondary"}" class="scl-component scl-card scl-card-video"> <v-lazy> <v-card flat :ripple="false" href="/our-industry/economics/data-forecasts/resource/new-home-sales-report"> <v-img lazy-src="/-/media/images/homepage-media-carousel/economic-hp.jpg" src="/-/media/images/homepage-media-carousel/economic-hp.jpg" :aspect-ratio="16/9" :class="propApi.overlayTextColour" class="scl-card-video__image"> <video class="scl-card-video__video" autoplay muted loop playsinline> <source src="" type="video/mp4"> </video> <v-container class="align-end fill-height scl-card-video__overlay scl-card-video__overlay--little" fluid> <v-row> <v-col class="scl-card-video__text" cols="12"> <div class="scl-card-video__title">Free for members</div> <div class="scl-card-video__headline">HIA new home sales report</div> <p>Exclusive HIA data sampled from Australia鈥檚 top 100 home builders</p> <v-btn :ripple="false" class="btn btn--large btn-primary scl-card-video__button" href="/our-industry/economics/data-forecasts/resource/new-home-sales-report" target="" >Access yours now</v-btn> </v-col> </v-row> </v-container> </v-img> </v-card> </v-lazy> </scl-card-video> <scl-card-video inline-template :api="{"overlayOpacity":"overlay--half","overlayTextColour":"white--text","ribbonColour":"secondary"}" class="scl-component scl-card scl-card-video"> <v-lazy> <v-card flat :ripple="false" href="/our-industry/economics/data-forecasts/resource/state-and-national-outlook"> <v-img lazy-src="/-/media/images/homepage-media-carousel/outlooks-hp.png" src="/-/media/images/homepage-media-carousel/outlooks-hp.png" :aspect-ratio="16/9" :class="propApi.overlayTextColour" class="scl-card-video__image"> <video class="scl-card-video__video" autoplay muted loop playsinline> <source src="" type="video/mp4"> </video> <v-container class="align-end fill-height scl-card-video__overlay scl-card-video__overlay--half" fluid> <v-row> <v-col class="scl-card-video__text" cols="12"> <div class="scl-card-video__title">Expertise you can trust</div> <div class="scl-card-video__headline">Housing Outlook forecasts</div> <p>Find out what's next for the residential building industry</p> <v-btn :ripple="false" class="btn btn--large btn-primary scl-card-video__button" href="/our-industry/economics/data-forecasts/resource/state-and-national-outlook" target="" >Take me there</v-btn> </v-col> </v-row> </v-container> </v-img> </v-card> </v-lazy> </scl-card-video> </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-search-custom inline-template class="scl-components scl-search-custom" types=""> <div> <v-card :ripple="false" class="scl-search-custom__card"> <div class="scl-search-custom__title"> <h5> Find guides, how-tos, resources and more </h5> </div> <div class="scl-search-custom__search" v-if="$vuetify.breakpoint.smAndUp"> <v-text-field v-model="searchQuery" light solo class="scl-search-custom__search-input" placeholder="Explore what HIA has to offer" @keyup.enter="handleSearch('/search')"> <template v-slot:prepend-inner> <v-img lazy-src="/-/media/images/hia/icons/book.png" src="/-/media/images/hia/icons/book.png" :max-width="48" :max-height="48" class="scl-search-custom__image"> </v-img> </template> </v-text-field> <v-btn :ripple="false" text class="btn btn-primary btn--large scl-search-custom__search-btn" @click="handleSearch('/search')"> Search </v-btn> </div> <div class="scl-search-custom__search" v-else> <v-text-field v-model="searchQuery" light solo class="scl-search-custom__search-input" placeholder="Explore what HIA has to offer" append-icon="$vuetify.icons.faSearch" @keyup.enter="handleSearch('/search')" @click:append="handleSearch('/search')"> <template v-slot:prepend-inner> <v-img lazy-src="/-/media/images/hia/icons/book.png" src="/-/media/images/hia/icons/book.png" :max-width="32" :max-height="32" class="scl-search-custom__image" ref="memberTypeIcon"> </v-img> </template> </v-text-field> </div> </v-card> </div> </scl-search-custom> </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: 768px;"> <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>How can HIA help you?</h2> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-1-Col> <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-left col col-index-1" cols="12" md="3" lg="3"> <scl-card-icon inline-template :api="{"textAlignment":"","iconAlignment":"","accent":"secondary-dark","backgroundColor":""}" class="scl-component scl-card-icon"> <div :class="(propApi.accent != '' ? 'card-accent card-accent--bottom card-accent__'+propApi.accent : null )"> <v-card :ripple="false" class="scl-card-icon__card" :color="propApi.backgroundColor" href=/business-support target=> <div class="scl-card-icon__image" :class="'justify-'+ propApi.iconAlignment"> <v-img lazy-src="/-/media/images/hia/icons/lightbulb.png" src="/-/media/images/hia/icons/lightbulb.png" max-width="64" aspect-ratio="1"></v-img> </div> <div class="scl-card-icon__content" :class="propApi.textAlignment"> <h4 class="scl-card-icon__title">Industry expertise</h4> <div class="scl-card-icon__text"> <p>{{ truncate("Access our national team of experts, member support services and online platforms designed to help you manage, operate and grow your business. ") }}</p> </div> </div> <v-card-actions class="scl-card-icon__card-actions" :class="propApi.textAlignment"> <v-btn :ripple="false" text class="btn btn-link" target="" href="/business-support"> Get support <v-icon class="scl-card-icon__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> </div> </scl-card-icon> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="3" lg="3"> <scl-card-icon inline-template :api="{"textAlignment":"","iconAlignment":"","accent":"secondary-dark","backgroundColor":""}" class="scl-component scl-card-icon"> <div :class="(propApi.accent != '' ? 'card-accent card-accent--bottom card-accent__'+propApi.accent : null )"> <v-card :ripple="false" class="scl-card-icon__card" :color="propApi.backgroundColor" href=/our-industry/advocacy target=> <div class="scl-card-icon__image" :class="'justify-'+ propApi.iconAlignment"> <v-img lazy-src="/-/media/images/hia/icons/voice.png" src="/-/media/images/hia/icons/voice.png" max-width="64" aspect-ratio="1"></v-img> </div> <div class="scl-card-icon__content" :class="propApi.textAlignment"> <h4 class="scl-card-icon__title">Your voice in the industry</h4> <div class="scl-card-icon__text"> <p>{{ truncate("We present an informed and united front on the issues that affect you at every level of government. Concerned about new regulations? Let us speak for you. ") }}</p> </div> </div> <v-card-actions class="scl-card-icon__card-actions" :class="propApi.textAlignment"> <v-btn :ripple="false" text class="btn btn-link" target="" href="/our-industry/advocacy"> How it works <v-icon class="scl-card-icon__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> </div> </scl-card-icon> </v-col> <v-col class="text-sm-left col col-index-3" cols="12" md="3" lg="3"> <scl-card-icon inline-template :api="{"textAlignment":"","iconAlignment":"","accent":"secondary-dark","backgroundColor":""}" class="scl-component scl-card-icon"> <div :class="(propApi.accent != '' ? 'card-accent card-accent--bottom card-accent__'+propApi.accent : null )"> <v-card :ripple="false" class="scl-card-icon__card" :color="propApi.backgroundColor" href=/business-support/contracts-and-compliance-support target=> <div class="scl-card-icon__image" :class="'justify-'+ propApi.iconAlignment"> <v-img lazy-src="/-/media/images/hia/icons/contact.png" src="/-/media/images/hia/icons/contact.png" max-width="64" aspect-ratio="1"></v-img> </div> <div class="scl-card-icon__content" :class="propApi.textAlignment"> <h4 class="scl-card-icon__title">Support when you need it</h4> <div class="scl-card-icon__text"> <p>{{ truncate("We specialise in helping our members navigate the unique challenges with contracts and compliance that building professionals face every day. ") }}</p> </div> </div> <v-card-actions class="scl-card-icon__card-actions" :class="propApi.textAlignment"> <v-btn :ripple="false" text class="btn btn-link" target="" href="/business-support/contracts-and-compliance-support"> Get help <v-icon class="scl-card-icon__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> </div> </scl-card-icon> </v-col> <v-col class="text-sm-left col col-index-4" cols="12" md="3" lg="3"> <scl-card-icon inline-template :api="{"textAlignment":"","iconAlignment":"","accent":"secondary-dark","backgroundColor":""}" class="scl-component scl-card-icon"> <div :class="(propApi.accent != '' ? 'card-accent card-accent--bottom card-accent__'+propApi.accent : null )"> <v-card :ripple="false" class="scl-card-icon__card" :color="propApi.backgroundColor" href=/resources-and-advice target=> <div class="scl-card-icon__image" :class="'justify-'+ propApi.iconAlignment"> <v-img lazy-src="/-/media/images/hia/icons/key.png" src="/-/media/images/hia/icons/key.png" max-width="64" aspect-ratio="1"></v-img> </div> <div class="scl-card-icon__content" :class="propApi.textAlignment"> <h4 class="scl-card-icon__title">Access to resources</h4> <div class="scl-card-icon__text"> <p>{{ truncate("Stay compliant, get industry updates and manage expectations or disputes with our extensive library of resources and articles, just for you. ") }}</p> </div> </div> <v-card-actions class="scl-card-icon__card-actions" :class="propApi.textAlignment"> <v-btn :ripple="false" text class="btn btn-link" target="" href="/resources-and-advice"> Read now <v-icon class="scl-card-icon__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> </div> </scl-card-icon> </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-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-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 shop</h2> <p class="hero-text">We've developed a range of industry products that will help you save time and get the job done.</p> </div> </scl-wysiwyg> <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-3-Col inline-template class="scl-component scl-3-col "> <div> <v-container class=" pa-0" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12" md="4"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div id="div-container" style="text-align: center;"><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=592ca3bc-30b4-429e-b22e-4fea46f6f899"><img src="/-/media/images/hia-shop_category-images/building-codes.png" alt="Building codes and standards" /></a> <h4><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=592ca3bc-30b4-429e-b22e-4fea46f6f899" class="div-text">Building codes and standards</a></h4></div> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-center col col-index-2 py-0" cols="12" md="4"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div id="div-container" style="text-align: center;"> <a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=e0b3beef-5d69-44a7-8f95-ad033d6dc517"> <img src="/-/media/images/hia-shop_category-images/contracts.png" alt="Contracts and documents" /> </a> <h4><a class="div-text" href="/products?pg=1&ps=12&s=displayName&sd=asc&c=e0b3beef-5d69-44a7-8f95-ad033d6dc517">Contracts and documents</a></h4> </div> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-center col col-index-3 py-0" cols="12" md="4"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div id="div-container" style="text-align: center;"> <a href="/products/digital-australian-standards"><img src="/-/media/images/hia-shop_category-images/digital-australian-standards.png" alt="Digital Australian Standards" /></a> <h4><a class="div-text" href="/products/digital-australian-standards">Digital Australian Standards</a></h4> </div> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-3-Col> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-3-Col inline-template class="scl-component scl-3-col "> <div> <v-container class=" pa-0" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12" md="4"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div id="div-container" style="text-align: center;"><a href="/products/guides-and-manuals?pg=1&ps=12&s=displayName&sd=asc&c=0a73665d-1a69-40b0-8a56-5c799ba27394"><img src="/-/media/images/hia-shop_category-images/guides.png" alt="Guides and manuals" /></a> <h4><a href="/products/guides-and-manuals?pg=1&ps=12&s=displayName&sd=asc&c=0a73665d-1a69-40b0-8a56-5c799ba27394" class="div-text">Guides and manuals</a></h4> </div> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-center col col-index-2 py-0" cols="12" md="4"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div id="div-container" style="text-align: center;"> <a href="/products/safety-documents?pg=1&ps=12&s=displayName&sd=asc&c=aedd96fa-e3ac-4e39-9b0b-4fe6992e30f9"><img src="/-/media/images/hia-shop_category-images/safety-documents.png" alt="Safety documents" /> </a> <h4><a class="div-text" href="/products/safety-documents?pg=1&ps=12&s=displayName&sd=asc&c=aedd96fa-e3ac-4e39-9b0b-4fe6992e30f9">Safety documents</a></h4> </div> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-center col col-index-3 py-0" cols="12" md="4"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div id="div-container" style="text-align: center;"> <a href="/products/signage?pg=1&ps=12&s=displayName&sd=asc&c=56f2bb3b-edab-446b-ac7b-1e3386d3aec2"><img src="/-/media/images/hia-shop_category-images/signage.png" alt="Signage" /> </a> <h4><a class="div-text" href="/products/signage?pg=1&ps=12&s=displayName&sd=asc&c=56f2bb3b-edab-446b-ac7b-1e3386d3aec2">Signage</a></h4> </div> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-3-Col> </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"> </v-col> </v-row> </v-container> </div> </scl-1-Col> </v-col> </v-row> </v-container> </div> </scl-1-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-left col col-index-1 py-0" cols="12"> <scl-spacer :api="{ size: 'minimum'}"></scl-spacer> <scl-2-Col inline-template class="scl-component scl-2-col flex-column"> <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>In the industry</h4> </div> </scl-wysiwyg> <scl-card-horizontal inline-template :api="{"overlayTextColour":"black--text","variant":"light","height":"100%"}" class="scl-component scl-card-horizontal"> <div :class="propApi.height === 'auto' ? 'scl-card-horizontal__auto': 'scl-card-horizontal__fill-height'"> <v-card class="scl-card-horizontal__card" :dark="propApi.variant === 'dark'" :light="propApi.variant === 'light'" href="/our-industry/advocacy/workforce-requirements" target=""> <v-row :column="$vuetify.breakpoint.mdAndDown" class="scl-card-horizontal__row"> <v-col cols="12" md="4" class="pt-0 pb-0 scl-card-horizontal__media"> <v-img lazy-src="/-/media/images/our-industry/advocacy/workforce-requirements/construction-workforce-960x720.jpg" src="/-/media/images/our-industry/advocacy/workforce-requirements/construction-workforce-960x720.jpg" aspect-ratio="1.33" :class="propApi.overlayTextColour" class="scl-card-horizontal__image"> </v-img> </v-col> <v-col cols="12" md="8" class="scl-card-horizontal__content"> <v-card-title class="scl-card-horizontal__card-title"> <div> <h3 class="scl-card-horizontal__title headline mb-3">All Hands on Deck: Construction workforce requirements report</h3> <div class="scl-card-horizontal__text"> <p>Trade shortages loom as a major threat to the Housing Accord鈥檚 target of building 1.2 million homes over the next five years.</p> </div> </div> </v-card-title> <v-card-actions class="scl-card-horizontal__card-actions"> <v-btn :ripple="false" class="btn btn-link" text>Find out more<v-icon class="btn__icon-link scl-card-horizontal__icon">$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-col> </v-row> </v-card> </div> </scl-card-horizontal> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-date-information-list inline-template class="scl-component scl-date-information-list"> <div> <div class="scl-date-information-list__control-wrapper"> <div class="scl-date-information-list__title"> Upcoming events </div> <div class="scl-date-information-list__btn"> <v-btn :ripple="false" class="pa-0 btn btn-link" text href="/awards-and-events/events"> View all <v-icon class="btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </div> <v-list class="scl-date-information-list__list"> <v-list-item class="scl-date-information-list__item card-accent card-accent--left card-accent__secondary "> <v-card :ripple="false" href="/awards-and-events/events/virtual/victoria/2024/virtual-event-victoria-nov27" class="scl-date-information-list__item-link"> <div class="scl-date-information-list__item-date"> <span>27 Nov</span> </div> <div class="scl-date-information-list__item-content-wrapper"> <div class="scl-date-information-list__item-content"> <h6 class="scl-date-information-list__item-title">Virtual Trade Night</h6> <p v-if="$vuetify.breakpoint.smAndUp" class="scl-date-information-list__item-text">Learn easy to understand strategies that work. Engaging and in-depth look at business and industry processes and implications that could impact your business.</p> </div> </div> </v-card> </v-list-item> <v-list-item class="scl-date-information-list__item card-accent card-accent--left card-accent__secondary "> <v-card :ripple="false" href="/awards-and-events/events/golf-day/hunter-nsw/2024/golf-day-central-coast-nov28" class="scl-date-information-list__item-link"> <div class="scl-date-information-list__item-date"> <span>28 Nov</span> </div> <div class="scl-date-information-list__item-content-wrapper"> <div class="scl-date-information-list__item-content"> <h6 class="scl-date-information-list__item-title">HIA-Alinta Energy Golf Day</h6> <p v-if="$vuetify.breakpoint.smAndUp" class="scl-date-information-list__item-text">There鈥檚 more to a round of golf at a HIA Golf Day than just a relaxing hit of the ball. Catch up with industry friends or make new ones in an enjoyable environment.</p> </div> </div> </v-card> </v-list-item> <v-list-item class="scl-date-information-list__item card-accent card-accent--left card-accent__secondary "> <v-card :ripple="false" href="/awards-and-events/events/housing-awards/western-australia/2024/hia-housing-awards-perth-nov29" class="scl-date-information-list__item-link"> <div class="scl-date-information-list__item-date"> <span>29 Nov</span> </div> <div class="scl-date-information-list__item-content-wrapper"> <div class="scl-date-information-list__item-content"> <h6 class="scl-date-information-list__item-title">HIA-CSR Western Australian Housing and Kitchen & Bathroom Awards</h6> <p v-if="$vuetify.breakpoint.smAndUp" class="scl-date-information-list__item-text">Award evenings are enjoyable events, mixing great food and entertainment with recognition of the Award winners.</p> </div> </div> </v-card> </v-list-item> <v-list-item class="scl-date-information-list__item card-accent card-accent--left card-accent__secondary "> <v-card :ripple="false" href="/awards-and-events/events/business-partner/south-australia/2024/business-partners-network-adelaide-dec03" class="scl-date-information-list__item-link"> <div class="scl-date-information-list__item-date"> <span>03 Dec</span> </div> <div class="scl-date-information-list__item-content-wrapper"> <div class="scl-date-information-list__item-content"> <h6 class="scl-date-information-list__item-title">HIA-Caroma Liveable Housing Seminar</h6> <p v-if="$vuetify.breakpoint.smAndUp" class="scl-date-information-list__item-text">Stay up-to-date professionally and get handy information for your business by attending our networking events. </p> </div> </div> </v-card> </v-list-item> </v-list> </div> </scl-date-information-list> </v-col> </v-row> </v-container> </div> </scl-2-Col> </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-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-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> <scl-spacer :api="{ size: 'minimum'}"></scl-spacer> <scl-search-curated-terms class="scl-component scl-search-curated-terms" inline-template redirect-url="/search"> <div> <v-card :ripple="false" class="scl-search-curated-terms__card"> <div class="scl-search-curated-terms__title"> <h5> People frequently search for... </h5> </div> <div> <v-btn :ripple="false" href="/national-construction-code" class="scl-search-curated-terms__btn"> NCC 2022 </v-btn> <v-btn :ripple="false" href="https://hia.com.au/careers-and-learning/learning/training-courses?pg=1&ps=12&f=qualificationtype=Cert%20IV" class="scl-search-curated-terms__btn"> Cert IV </v-btn> <v-btn :ripple="false" @click="handleSearch('waterproofing')" class="scl-search-curated-terms__btn"> Waterproofing </v-btn> <v-btn :ripple="false" href="/business-support/contracts-online" class="scl-search-curated-terms__btn"> Contracts Online </v-btn> <v-btn :ripple="false" @click="handleSearch('White+card')" class="scl-search-curated-terms__btn"> White card </v-btn> <v-btn :ripple="false" href="/resources-and-advice/managing-your-safety/working-with-silica/articles/what-you-need-to-know-about-engineered-stone" class="scl-search-curated-terms__btn"> Engineered stone </v-btn> <v-btn :ripple="false" href="/business-support/safety-solutions" class="scl-search-curated-terms__btn"> Safety solutions </v-btn> <v-btn :ripple="false" href="/awards-and-events/awards" class="scl-search-curated-terms__btn"> Awards </v-btn> <v-btn :ripple="false" href="/careers-and-learning/learning/continuing-professional-development" class="scl-search-curated-terms__btn"> CPD Training </v-btn> <v-btn :ripple="false" @click="handleSearch('Cost+plus')" class="scl-search-curated-terms__btn"> Cost plus </v-btn> <v-btn :ripple="false" @click="handleSearch('Specification')" class="scl-search-curated-terms__btn"> Specifications </v-btn> </div> <div> <v-btn :ripple="false" href="/search" class="btn btn-link scl-search-curated-terms__cta pa-0 pt-4" text> More searched terms <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon> </v-btn> </div> </v-card> </div> </scl-search-curated-terms> </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-article-card-carousel inline-template class="scl-component scl-article-card-carousel"> <div> <div class="scl-article-card-carousel__header"> <h3 class="scl-article-card-carousel__header-title">Featured HOUSING stories</h3> <v-btn href="/our-industry/housing" :ripple="false" class="btn btn-link scl-article-card-carousel__header-link">View all<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight</v-icon></v-btn> </div> <v-carousel :cycle="propApi.cycle" class="scl-article-card-carousel__carousel scl-article-card-carousel__carousel--center" :delimiter-icon="propApi.delimiterIcon" :height="height" hide-delimiter-background :show-arrows="propApi.showArrows" :hide-delimiters="propApi.hideDelimiters" light :next-icon="propApi.nextIcon" :prev-icon="propApi.prevIcon" ref="carouselGridRef"> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/business-and-digital/2024/11/skills-for-success"> <v-img src="/-/media/images/housing/business-and-digital/2024/skills-for-success/career-learning_social.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Education </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> How-to </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Business and digital </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Managing staff </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Skills for success</h6> <div class="scl-article-card-carousel__text"> With ongoing industry changes, building professionals embrace growth through learning and development, positioning themselves for success. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Nov 24</div> <div class="scl-article-card-carousel__info-time">3 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/business-and-digital/2024/11/skills-for-success"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/business-and-digital/2024/10/risky-business"> <v-img src="/-/media/images/housing/business-and-digital/2024/risky-business/hiais_social.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Insurance </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Financial planning </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Administration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Business and digital </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Risky business</h6> <div class="scl-article-card-carousel__text"> Having the correct insurance in place is a crucial factor in running a successful business. So turn to HIAIS, which will help you identify and prepare for current and potential risks. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 24</div> <div class="scl-article-card-carousel__info-time">3 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/business-and-digital/2024/10/risky-business"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/products-and-innovation/2024/10/the-universal-accessories"> <v-img src="/-/media/images/housing/products-and-innovation/2024/the-universal-accessories/caroma_social.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Bathroom </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Design </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Products </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Renovations </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">The universal accessories</h6> <div class="scl-article-card-carousel__text"> Future-proofing bathrooms is easy with Caroma Urbane Universal Accessories, a perfect blend of style and functionality. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 24</div> <div class="scl-article-card-carousel__info-time">2 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/products-and-innovation/2024/10/the-universal-accessories"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/in-focus/2024/10/bye-bye-reno-boom"> <v-img src="/-/media/images/housing/in-focus/2024/bye-bye-reno-boom/renovations_social_1200-x-627_01.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Building developments </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Residential </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Small business </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> In Focus </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Bye, bye reno boom?</h6> <div class="scl-article-card-carousel__text"> While construction costs, interest rates and the cost of living are rising, the recent renovation boom is starting to ease. Has it passed its peak? </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 24</div> <div class="scl-article-card-carousel__info-time">3 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/in-focus/2024/10/bye-bye-reno-boom"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/projects/2024/10/waters-edge"> <v-img src="/-/media/images/housing/projects/2024/waters-edge/social_1200x627_07_9181.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Awards </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Residential </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Projects </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Water's edge</h6> <div class="scl-article-card-carousel__text"> This stunning, award-winning Otago Bay home honours family legacy with a blend of contemporary design, environmental sensitivity and exceptional craftsmanship. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 24</div> <div class="scl-article-card-carousel__info-time">5 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/projects/2024/10/waters-edge"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/in-focus/2024/10/taking-stock"> <v-img src="/-/media/images/housing/in-focus/2024/taking-stock/ncc-2025_social_1200-x-627_01.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Bathroom </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> National Construction Code (NCC) </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Plumbing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> In Focus </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Taking stock</h6> <div class="scl-article-card-carousel__text"> Builders and plumbers must ensure they鈥檙e not leaving products that can鈥檛 be legally installed shortly. New lead-free requirements are coming; here's what you need to know. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 24</div> <div class="scl-article-card-carousel__info-time">5 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/in-focus/2024/10/taking-stock"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/presidents-report/2024/10/presidents-report-nsw-october-2024"> <v-img src="/-/media/images/vertical-card/hr-policies.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> President's report </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Silica </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Building developments </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">NSW President's report</h6> <div class="scl-article-card-carousel__text"> NSW Regulatory changes, silica product laws, and housing supply barriers are key focus areas while we navigate a busy and challenging end-of-year construction landscape. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 24</div> <div class="scl-article-card-carousel__info-time">2 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/presidents-report/2024/10/presidents-report-nsw-october-2024"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/projects/2024/10/touches-of-terracotta"> <v-img src="/-/media/images/housing/projects/2024/touches-of-terracotta/1487283988-image-resize_02_1200-x-627.png" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Kitchens </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Renovations </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Design </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Projects </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Touches of terracotta</h6> <div class="scl-article-card-carousel__text"> Studio Minosa's award-winning redesign of Teracota Apartments' penthouse kitchen blends luxurious materials and innovative technology, creating a sophisticated, functional space that redefines luxury living. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 24</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/projects/2024/10/touches-of-terracotta"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/business-and-digital/2024/10/5-tips-to-grow-your-business"> <v-img src="/-/media/images/housing/business-and-digital/2024/5-essential-tips-to-grow-you-business/gyb_social_1200-x-627.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Marketing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Small business </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Design </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Business and digital </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">5 tips to grow your business</h6> <div class="scl-article-card-carousel__text"> Meet five HIA members who provide some tried-and-tested tips to help your business thrive. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 24</div> <div class="scl-article-card-carousel__info-time">4 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/business-and-digital/2024/10/5-tips-to-grow-your-business"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/in-focus/2024/09/time-to-adapt-the-ban-on-engineered-stone"> <v-img src="/-/media/images/housing/in-focus/2024/time-to-adapt---the-ban-on-engineered-stone/engineered-stone_02_social_1200-x-627.png" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> In Focus </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Silica </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Kitchens </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Time to adapt - the ban on engineered stone</h6> <div class="scl-article-card-carousel__text"> Australia is the first country in the world to announce a ban on the manufacture, supply, processing and installation of engineered stone benchtops, panels and slabs. So is this a game-changer for HIA members? </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Sep 24</div> <div class="scl-article-card-carousel__info-time">5 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/in-focus/2024/09/time-to-adapt-the-ban-on-engineered-stone"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/products-and-innovation/2024/09/a-better-way-to-build"> <v-img src="/-/media/images/housing/products-and-innovation/2024/a-better-way-to-build/mitek3.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Construction </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Design </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Floors </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Products </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">A better way to build</h6> <div class="scl-article-card-carousel__text"> Wondering whether to go with I-joists or Posi-Struts in your next project? A side-by-side comparative build finally reveals the fastest, most economical flooring construction method. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Sep 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/products-and-innovation/2024/09/a-better-way-to-build"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/in-focus/2024/09/turning-the-tide"> <v-img src="/-/media/images/housing/in-focus/2024/turning-the-tide/housing-shortage_02_social_1200-x-627.png" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Building approvals </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Building developments </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Construction </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> In Focus </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Turning the tide</h6> <div class="scl-article-card-carousel__text"> Australia鈥檚 housing shortage stems from a lack of shovel-ready land and rising costs of land, materials and infrastructure. Government policies have shifted these costs onto builders and developers鈥攁nd ultimately homebuyers鈥攃ompou... </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Sep 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/in-focus/2024/09/turning-the-tide"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> </v-carousel> </div> </scl-article-card-carousel> </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> </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-image: url('/-/media/images/background-image-full-width/membership-bg.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-spacer></scl-spacer> <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)"> <div style="background-color: rgba(0, 0, 0, 0.6); padding: 30px; color: white;"><blockquote class="scl-ww__blockquote"><div class="scl-ww__blockquote-content-wrapper"><div class="scl-ww__blockquote-content">Staff always make time for you and even call back after work hours. I have always felt valued as a member, like I really matter.</div> <cite class="scl-ww__blockquote-cite">Ben Meader - Meader Constructions</cite></div></blockquote></div> </div> </scl-wysiwyg> </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> </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> </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-grid-container-4 inline-template class="scl-component scl-grid-container-4" :api="{ 'hasTitle': true, 'alignment': 'center', 'cols': 4 }"> <div>  <div v-if="propApi.hasTitle" class="scl-grid-container-4__title-header"> <h3 class="scl-grid-container-4__title" :class="{ 'text-no-wrap text-truncate' : $vuetify.breakpoint.smAndUp }">Member success stories</h3> <v-btn :ripple="false" class="btn btn-link scl-grid-container-4__link" href="/our-industry/housing" text> Browse all member stories <v-icon class="btn__icon-link" href="#">$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> <div>  <v-row :justify="propApi.alignment"> <v-col cols="12" :sm="colsSmall" :md="colsMedium" :lg="propApi.cols"> <scl-card-vertical inline-template :api="{"overlayTextColour":"black--text","variant":"light","height":"100%"}" class="scl-component scl-card-vertical" outlined> <div :class="propApi.height === 'auto' ? 'scl-card-vertical__auto': 'scl-card-vertical__fill-height'"> <v-card class="scl-card-vertical__card" :dark="propApi.variant === 'dark'" :light="propApi.variant === 'light'" href="/our-industry/housing/people/2023/11/heart-of-the-matter" target=""> <v-img lazy-src="/-/media/images/housing/people/2023/heart-of-the-matter/jm_thumb1.jpg" src="/-/media/images/housing/people/2023/heart-of-the-matter/jm_thumb1.jpg" aspect-ratio="2.0" :class="propApi.overlayTextColour"> </v-img> <div class="scl-card-vertical__content"> <v-card-title> <div> <h4 class="scl-card-vertical__title headline mb-3">Heart of the matter</h4> <div class="scl-card-vertical__text"> <p>When Jenny Matek joined her husband鈥檚 tiling and bathroom company, she soon realised that her business and design skills would be valuable assets.</p> </div> </div> </v-card-title> </div> <v-card-actions class="scl-card-vertical__card-actions"> <v-btn :ripple="false" text class="btn btn-link">Read article <v-icon class="btn__icon-link scl-card-vertical__icon" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> <scl-cta inline-template class="scl-component scl-cta"> <div> <v-btn :ripple="false" class="btn btn-outlined scl-cta__button mt-4" depressed block href="/resources-and-advice/building-your-business"> Build and grow your business <v-icon class="btn__icon-link scl-cta__icon"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> </scl-cta> <scl-cta inline-template class="scl-component scl-cta"> <div> <v-btn :ripple="false" class="btn btn-outlined scl-cta__button mt-4" depressed block href="/resources-and-advice/managing-your-business"> See HIA's small business information <v-icon class="btn__icon-link scl-cta__icon"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> </scl-cta> </div> </scl-card-vertical> </v-col> <v-col cols="12" :sm="colsSmall" :md="colsMedium" :lg="propApi.cols"> <scl-card-vertical inline-template :api="{"overlayTextColour":"black--text","variant":"light","height":"100%"}" class="scl-component scl-card-vertical" outlined> <div :class="propApi.height === 'auto' ? 'scl-card-vertical__auto': 'scl-card-vertical__fill-height'"> <v-card class="scl-card-vertical__card" :dark="propApi.variant === 'dark'" :light="propApi.variant === 'light'" href="/our-industry/housing/people/2023/08/the-lucky-ones" target=""> <v-img lazy-src="/-/media/images/housing/people/2023/the-lucky-ones/jethro_thumb1.jpg" src="/-/media/images/housing/people/2023/the-lucky-ones/jethro_thumb1.jpg" aspect-ratio="2.0" :class="propApi.overlayTextColour"> </v-img> <div class="scl-card-vertical__content"> <v-card-title> <div> <h4 class="scl-card-vertical__title headline mb-3">The lucky ones</h4> <div class="scl-card-vertical__text"> <p>Jethro Urwin, winner of the 2023 HIA Australian Apprentice Host Trainer award, is passionate about helping young people see the value of a career in the building industry.</p> </div> </div> </v-card-title> </div> <v-card-actions class="scl-card-vertical__card-actions"> <v-btn :ripple="false" text class="btn btn-link">Read article <v-icon class="btn__icon-link scl-card-vertical__icon" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> <scl-cta inline-template class="scl-component scl-cta"> <div> <v-btn :ripple="false" class="btn btn-outlined scl-cta__button mt-4" depressed block href="/careers-and-learning/learning/training-courses"> Learn with HIA <v-icon class="btn__icon-link scl-cta__icon"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> </scl-cta> <scl-cta inline-template class="scl-component scl-cta"> <div> <v-btn :ripple="false" class="btn btn-outlined scl-cta__button mt-4" depressed block href="/awards-and-events/awards"> Get recognised through HIA Awards <v-icon class="btn__icon-link scl-cta__icon"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> </scl-cta> <scl-cta inline-template class="scl-component scl-cta"> <div> <v-btn :ripple="false" class="btn btn-outlined scl-cta__button mt-4" depressed block href="/business-support/become-an-hia-apprentice-host"> Hire a HIA apprentice for your business <v-icon class="btn__icon-link scl-cta__icon"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> </scl-cta> </div> </scl-card-vertical> </v-col> <v-col cols="12" :sm="colsSmall" :md="colsMedium" :lg="propApi.cols"> <scl-card-vertical inline-template :api="{"overlayTextColour":"black--text","variant":"light","height":"100%"}" class="scl-component scl-card-vertical" outlined> <div :class="propApi.height === 'auto' ? 'scl-card-vertical__auto': 'scl-card-vertical__fill-height'"> <v-card class="scl-card-vertical__card" :dark="propApi.variant === 'dark'" :light="propApi.variant === 'light'" href="/our-industry/housing/business-and-digital/2023/08/pride-and-passion" target=""> <v-img lazy-src="/-/media/images/housing/business-and-digital/2023/pride-and-passion/garraway_thumb1.jpg" src="/-/media/images/housing/business-and-digital/2023/pride-and-passion/garraway_thumb1.jpg" aspect-ratio="2.0" :class="propApi.overlayTextColour"> </v-img> <div class="scl-card-vertical__content"> <v-card-title> <div> <h4 class="scl-card-vertical__title headline mb-3">Pride and passion</h4> <div class="scl-card-vertical__text"> <p>From custom homes to specialised housing projects, Ben Garraway of Garraway Developments is passionate about quality construction and delivering beautiful homes in regional Victoria.</p> </div> </div> </v-card-title> </div> <v-card-actions class="scl-card-vertical__card-actions"> <v-btn :ripple="false" text class="btn btn-link">Read article <v-icon class="btn__icon-link scl-card-vertical__icon" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> <scl-cta inline-template class="scl-component scl-cta"> <div> <v-btn :ripple="false" class="btn btn-outlined scl-cta__button mt-4" depressed block href="/resources-and-advice/building-your-business"> Build and grow your business <v-icon class="btn__icon-link scl-cta__icon"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> </scl-cta> <scl-cta inline-template class="scl-component scl-cta"> <div> <v-btn :ripple="false" class="btn btn-outlined scl-cta__button mt-4" depressed block href="/resources-and-advice/managing-your-business"> See HIA's small business information <v-icon class="btn__icon-link scl-cta__icon"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> </scl-cta> </div> </scl-card-vertical> </v-col> </v-row> </div> </div> </scl-grid-container-4> <scl-spacer :api="{ size: 'minimum'}"></scl-spacer> </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

Housing Industry Association | HIA | You're in good hands