Careers and learning

<!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="Become part of the emerging and skilled talent of tradespeople to build a better future. Discover how to get started with our various training courses." name="description"> <meta content="HIA, HIA Training, HIA Careers, HIA Learning, RTO, Cert 4 Building and Construction" name="keywords"> <title>Careers and learning</title> <meta name="VIcurrentDateTime" content="638679867446158596" /> <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="Careers and learning"> <meta property="og:description" content="Become part of the emerging and skilled talent of tradespeople to build a better future. Discover how to get started with our various training courses."> <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="Careers and learning"> <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/careers-and-learning" /> <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 rel=“canonical” href=“https://hia.com.au/careers-and-learning” /> </head> <body class="en "> <v-app id="app" v-cloak> <v-main id="app-main" :style="[isIe ? {opacity: 1} : {opacity: 0}]"> <header id="app-header"> <scl-header inline-template :api="{"search":true,"profile":true,"cart":true}" class="scl-component scl-header"> <div> <v-navigation-drawer v-model="drawer" width="100%" fixed temporary right v-if="$vuetify.breakpoint.smAndDown"> <v-container class="scl-header__secondary-mobile"> <v-row class="align-center"> <v-col cols="4" class="pt-0 pb-0"> <div class="scl-header__left-side"> <div class="scl-header__logo"> <a href="/" title="HIA homepage" ><img src="/-/media/images/hia/home/logo.png?la=en&h=88&w=78&hash=93DF83EA27926A5C57B0C45472521DC7" alt="Housing Industry Association Limited" /></a> </div> </div> </v-col> <v-col cols="8" class="pt-0 pb-0 text-right scl-header__secondary-icons"> <div :class="propApi.search || propApi.profile ? 'scl-header__border-right' : null"> <span v-if="propApi.search"> <v-icon class="scl-header__secondary-icon"> {{ propApi.searchIcon }}</v-icon> </span> <span v-if="propApi.profile"> <scl-header-profile-menu class="scl-component scl-header-profile-menu" inline-template @emit-is-active="setActiveMenu" :icon="propApi.profileIcon"> <div v-if="getAuth"> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu :value="active" bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-avatar class="scl-header-profile-menu__avatar" size="36"> {{ initials }} </v-avatar> <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> <v-container class="scl-header-profile-menu__container pt-0"> <v-row class="pt-0 justify-end"> <v-col cols="12" sm="4" class="pt-0"> <v-card class="scl-header-profile-menu__card"> <v-list-item-content class="pt-0"> <div class="scl-header-profile-menu__header-information"> <h3> Welcome, <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> </h3> <v-btn icon> <v-icon class="scl-header-profile-menu__dismiss-button" @click="handleClose">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <v-list> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My dashboard</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My personal details</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My digital library</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="https://hia.com.au/Contracts/authenticated/mycontracts.aspx" target="_blank"> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My contracts (Contracts online)</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My invoices</strong> </v-list-item-title> </a> </v-list-item> <v-divider class="my-4"></v-divider> <v-list-item> <v-list-item-title> <a class="btn btn-link btn--x-small" text @click="handleLogout">Logout <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> </v-list-item-title> </v-list-item> </v-list> </v-list-item-content> </v-card> </v-col> </v-row> </v-container> </v-menu> </v-toolbar-items> </v-toolbar> </div> <div v-else> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" @click="openLoginModal" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> </v-menu> </v-toolbar-items> </v-toolbar> </div> </scl-header-profile-menu> </span> </div> <div> <v-icon class="scl-header__secondary-icon" @click="drawer = false"> {{ propApi.closeIcon }}</v-icon> </div> </v-col> </v-row> </v-container> <v-expansion-panels accordion class="scl-header__accordions" flat ref="panels">  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Our industry </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/our-industry')">Our industry<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Housing industry insights</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics')"> <v-list-item-title>Economics</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/economic-insights')"> <v-list-item-title>Insights</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/data-forecasts')"> <v-list-item-title>Data & forecasts</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/tailored-research-and-analysis')"> <v-list-item-title>Tailored research & analysis</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Advocacy & policy</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/advocacy')"> <v-list-item-title>Advocacy</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/policy-priorities')"> <v-list-item-title>Policy priorities</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/policy-statements')"> <v-list-item-title>Position statements</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title>Submissions</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">News & inspiration</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title>Industry news</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title>Member alerts</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title>Media releases</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/housing')"> <v-list-item-title>HOUSING Online</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Business support </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/business-support')">Business support<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">For your business</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-online')"> <v-list-item-title>Contracts Online</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/safety-solutions')"> <v-list-item-title>Safety systems & solutions</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-tradepass')"> <v-list-item-title>HIA Tradepass</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hiring.hia.com.au/')"> <v-list-item-title>Advertise jobs</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Member perks</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/toyota-fleet-discount')"> <v-list-item-title>Toyota vehicles</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/the-good-guys-commercial')"> <v-list-item-title>The Good Guys Commercial</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/fuel-discounts')"> <v-list-item-title>Ampol fuel savings</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Industry insurance</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services')"> <v-list-item-title>HIA Insurance Services</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/construction-works')"> <v-list-item-title>Construction works insurance</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/home-warranty-insurance')"> <v-list-item-title>Home warranty insurance</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/tradies-and-tools-insurance')"> <v-list-item-title>Tradies & tool insurance</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Apprentices</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host/why-host-an-hia-apprentice')"> <v-list-item-title>Why host a HIA apprentice?</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host')"> <v-list-item-title>Hire an apprentice</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Support & guidance</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-and-compliance-support')"> <v-list-item-title>Contracts & compliance support</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/building-and-planning-services')"> <v-list-item-title>Building & planning services</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Resources & advice </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/resources-and-advice')">Resources & advice<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Building it right</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/building-codes')"> <v-list-item-title>Building codes</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/australian-standards')"> <v-list-item-title>Australian standards</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/getting-it-right-on-site')"> <v-list-item-title>Getting it right on site</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Building materials & products</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/concrete-bricks-and-walls')"> <v-list-item-title>Concrete, bricks & walls</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/getting-products-approved')"> <v-list-item-title>Getting products approved</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/use-the-right-building-products-for-the-job')"> <v-list-item-title>Use the right products for the job</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Managing your business</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/dealing-with-contracts')"> <v-list-item-title>Dealing with contracts</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/handling-disputes')"> <v-list-item-title>Handling disputes</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/managing-your-employees')"> <v-list-item-title>Managing your employees</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Managing your safety</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety/safety-rules')"> <v-list-item-title>Safety rules</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety/working-with-silica')"> <v-list-item-title>Working with silica</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Building your business</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-your-business/growing-your-business')"> <v-list-item-title>Growing your business</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('')"> <v-list-item-title>Maintaining your business</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-your-business')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Other subjects</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/getting-approval-to-build')"> <v-list-item-title>Getting approval to build</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/sustainable-homes')"> <v-list-item-title>Sustainable homes</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice')"> <v-list-item-title>See all</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Careers & learning </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/careers-and-learning')">Careers & learning<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">A rewarding career</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice')"> <v-list-item-title>Become an apprentice</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer')"> <v-list-item-title>Apprenticeships on offer</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/how-do-i-apply')"> <v-list-item-title>How do I apply? </v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/faqs')"> <v-list-item-title>Frequently asked questions</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Study with us</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/training-courses')"> <v-list-item-title>Find a course to suit you</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/careers-and-learning/learning/training-courses?pg=1&ps=12&f=type=Qualification')"> <v-list-item-title>Qualification courses</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/learning-on-demand')"> <v-list-item-title>Learning on demand</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/professional-development')"> <v-list-item-title>Professional development courses</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">A job in the industry</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/how-to-get-your-builders-licence')"> <v-list-item-title>Get your builder's licence</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/continuing-professional-development')"> <v-list-item-title>Continuing Professional Development (CPD)</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning')"> <v-list-item-title>Further your career</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://jobs.hia.com.au/')"> <v-list-item-title>Find jobs</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> HIA community </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/hia-community')">HIA community<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Join HIA</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/signup')"> <v-list-item-title>Sign me up</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/become-an-hia-member')"> <v-list-item-title>How do I become a member?</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/become-an-hia-member/member-benefits')"> <v-list-item-title>What's in it for me? </v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/mates-rates')"> <v-list-item-title>Mates rates</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Get involved</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/become-an-awards-judge')"> <v-list-item-title>Become an award judge</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/join-a-committee')"> <v-list-item-title>Join a committee</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/partner-with-us')"> <v-list-item-title>Partner with us</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Our initiatives</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/building-women')"> <v-list-item-title>HIA Building Women</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/greensmart-program')"> <v-list-item-title>GreenSmart</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/kitchens-bathrooms-and-design')"> <v-list-item-title>Kitchen, bathroom & design hub</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Get to know us</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-to-know-us/our-members')"> <v-list-item-title>Our members</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-to-know-us/our-people')"> <v-list-item-title>Our people</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('')"> <v-list-item-title>Our partners</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Support for you</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/charitable-foundation')"> <v-list-item-title>Charitable Foundation</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/mental-health-program')"> <v-list-item-title>Mental health program</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> Awards & events </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/awards-and-events')">Awards & events<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Awards</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards')"> <v-list-item-title>Awards program</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards/people-and-business-awards')"> <v-list-item-title>People & Business Awards</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards/greensmart-awards')"> <v-list-item-title>GreenSmart</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards')"> <v-list-item-title>Australian Housing Awards</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Awards winners</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/award-winners')"> <v-list-item-title>Regional Award winners</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners')"> <v-list-item-title>Australian Housing Award winners</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners/2024-hia-csr-australian-home-of-the-year/2024-hia-csr-australian-home-of-the-year')"> <v-list-item-title>2024 Australian Home of the Year</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/onlinejoin')"> <v-list-item-title>Enter online</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Industry events</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title>Events in the next month</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title>Economic outlook</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/conference')"> <v-list-item-title>National Conference</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title>Events calendar</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel>  <v-expansion-panel class="scl-header__accordion"> <v-expansion-panel-header expand-icon="$vuetify.icons.faCaretDown" ref="panelHeader" class="scl-header__accordion-header"> HIA shop </v-expansion-panel-header> <v-expansion-panel-content class="scl-header__accordion-content">  <v-list class="scl-header__nav-list-items"> <div> <v-btn class="btn btn-link scl-header__btn-link" @click="gotoUrl('/products')">HIA shop<v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></v-btn> </div> <h8 class="scl-header__nav-list-title">Most popular products</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/2022-national-construction-code---volumes-one-and-two/NCC22SET')"> <v-list-item-title>National Construction Code Vol 1 & 2</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/AS%20waterproofing%20-%20as-37402021-waterproofing-of-domestic-wet-areas---downloadable/WDWAD21')"> <v-list-item-title>Waterproofing wet areas AS 3740:2021</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/HGuide%20to%20water%20proofing%20-%20hia-guide-to-wet-area-waterproofing/GWP')"> <v-list-item-title>HIA Guide to Waterproofing</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/hia-guide-to-ncc-livable-housing-provisions/GNCCLHP')"> <v-list-item-title>HIA Guide to NCC Livable Housing Provisions</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">Top categories</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Building codes & standards</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Contracts & documents</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Guides & manuals</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Safety products</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title>Signage</v-list-item-title> </v-list-item> <h8 class="scl-header__nav-list-title">For your business</h8> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-online')"> <v-list-item-title>Contracts Online</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products/digital-australian-standards')"> <v-list-item-title>Digital Australian Standards</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice')"> <v-list-item-title>Digital Resource Library</v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/data-forecasts')"> <v-list-item-title>Forecasts & data</v-list-item-title> </v-list-item> </v-list> </v-expansion-panel-content> </v-expansion-panel> </v-expansion-panels> <v-list dense> <v-list-item :ripple="false" class="scl-header__secondary-link" @click="gotoUrl('/about-us')"> <v-list-item-content> <v-list-item-title>About</v-list-item-title> </v-list-item-content> </v-list-item> <v-list-item :ripple="false" class="scl-header__secondary-link" @click="gotoUrl('/contact-hia')"> <v-list-item-content> <v-list-item-title>Contact</v-list-item-title> </v-list-item-content> </v-list-item> <v-list-item :ripple="false" class="scl-header__secondary-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-content> <v-list-item-title>Newsroom</v-list-item-title> </v-list-item-content> </v-list-item> </v-list> <div class="scl-header__secondary-placeholder"> <scl-form-location inline-template class="scl-component scl-form-location" region="Australia" :api="{"successMessage":"","fallBackText":"Australia"}"> <div> <v-dialog v-model="dialog" max-width="1060" overlay-opacity="0.8" :overlay-color="color"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small btn-link scl-form-location__location" @click="initSearch"> <v-icon class="mr-3">$vuetify.icons.faMapMarker</v-icon> {{region}} </v-btn> </template> <v-card class="scl-form-location__card"> <div class="text-right"> <v-btn :ripple="false" class="btn btn--large" text @click="dialog = false"> <v-icon class="scl-form-location__close-icon">$vuetify.icons.faTimes</v-icon> </v-btn> </div> <v-row class="justify-center"> <v-col cols="12" sm="7"> <div class="scl-form-location__content text-center"> <v-icon class="scl-form-location__icon">$vuetify.icons.faMapMarker</v-icon> <v-card-title class="scl-form-location__title">Set my location</v-card-title> <v-card-text scl-form-location__text>Use the field below to update your location</v-card-text> </div> <v-card-actions class="scl-form-location__form"> <div class="scl-form-location__label">Address</div> <v-text-field placeholder="Enter your address" solo single-line class="scl-form-location__input" ref="locationRef"></v-text-field> <v-btn class="btn btn-primary scl-form-location__button" @click="setLocation">Change location</v-btn> </v-card-actions> </v-col> </v-row> </v-card> </v-dialog> <v-snackbar v-model="snackbar" :timeout="timeout" class="scl-form-location__snackbar"> <v-alert border="bottom" class="scl-form-location__alert" :class="'scl-form-location--' + propApi.type" colored-border :dismissible="propApi.dismissible" :outlined="propApi.outlined" :icon="propApi.icon" tile :type="propApi.type"> <div v-if="(!showMessage || propApi.successMessage == null)"> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.text}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> <div v-else> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.successMessage}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> </v-alert> </v-snackbar> </div> </scl-form-location> <scl-header-contact class="scl-header-contact scl-component" inline-template> <div> <div> <p class="scl-header-contact__number"><v-icon class="mr-3">$vuetify.icons.faPhone</v-icon><a href="tel:1300 650 620">1300 650 620 </a></p> </div> </div> </scl-header-contact> </div> </v-navigation-drawer> <v-menu offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header__mega-menu scl-header__search-menu"> <template v-slot:activator="scope"> <v-toolbar flat class="scl-header__secondary" v-bind="scope.attrs" :class="(!isActive? '' : 'scl-header__secondary--active')" role="menu"> <v-container class="pb-0"> <v-row class="scl-header__row"> <v-col cols="4" md="3" class="pt-0 pb-0"> <div class="scl-header__left-side"> <div class="scl-header__logo"> <a href="/" title="HIA homepage" ><img src="/-/media/images/hia/home/logo.png?la=en&h=88&w=78&hash=93DF83EA27926A5C57B0C45472521DC7" alt="Housing Industry Association Limited" /></a> </div> <v-toolbar-title v-if="propApi.name" class="align-center ml-2 hidden-sm-and-down"> <span class="title"></span> </v-toolbar-title> </div> </v-col> <v-col cols="8" md="9" class="pt-0 pb-0"> <div class="scl-header__right-side justify-end"> <v-toolbar-items class="scl-header__secondary-nav-items" v-if="$vuetify.breakpoint.mdAndUp"> <v-menu offset-y open-on-hover content-class="scl-header__secondary__no-shadow"> <template v-slot:activator="scope"> <v-btn :ripple="false" text href="/about-us" v-on="scope.on" class="btn btn--small scl-header__secondary__link">About</v-btn> </template> </v-menu> <v-menu offset-y open-on-hover content-class="scl-header__secondary__no-shadow"> <template v-slot:activator="scope"> <v-btn :ripple="false" text href="/contact-hia" v-on="scope.on" class="btn btn--small scl-header__secondary__link">Contact</v-btn> </template> </v-menu> <v-menu offset-y open-on-hover content-class="scl-header__secondary__no-shadow"> <template v-slot:activator="scope"> <v-btn :ripple="false" text href="/our-industry/newsroom" v-on="scope.on" class="btn btn--small scl-header__secondary__link">Newsroom</v-btn> </template> </v-menu> <v-divider vertical></v-divider> </v-toolbar-items> <div v-if="$vuetify.breakpoint.mdAndUp" class="scl-header__secondary-placeholder"> <scl-form-location inline-template class="scl-component scl-form-location" region="Australia" :api="{"successMessage":"","fallBackText":"Australia"}"> <div> <v-dialog v-model="dialog" max-width="1060" overlay-opacity="0.8" :overlay-color="color"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small btn-link scl-form-location__location" @click="initSearch"> <v-icon class="mr-3">$vuetify.icons.faMapMarker</v-icon> {{region}} </v-btn> </template> <v-card class="scl-form-location__card"> <div class="text-right"> <v-btn :ripple="false" class="btn btn--large" text @click="dialog = false"> <v-icon class="scl-form-location__close-icon">$vuetify.icons.faTimes</v-icon> </v-btn> </div> <v-row class="justify-center"> <v-col cols="12" sm="7"> <div class="scl-form-location__content text-center"> <v-icon class="scl-form-location__icon">$vuetify.icons.faMapMarker</v-icon> <v-card-title class="scl-form-location__title">Set my location</v-card-title> <v-card-text scl-form-location__text>Use the field below to update your location</v-card-text> </div> <v-card-actions class="scl-form-location__form"> <div class="scl-form-location__label">Address</div> <v-text-field placeholder="Enter your address" solo single-line class="scl-form-location__input" ref="locationRef"></v-text-field> <v-btn class="btn btn-primary scl-form-location__button" @click="setLocation">Change location</v-btn> </v-card-actions> </v-col> </v-row> </v-card> </v-dialog> <v-snackbar v-model="snackbar" :timeout="timeout" class="scl-form-location__snackbar"> <v-alert border="bottom" class="scl-form-location__alert" :class="'scl-form-location--' + propApi.type" colored-border :dismissible="propApi.dismissible" :outlined="propApi.outlined" :icon="propApi.icon" tile :type="propApi.type"> <div v-if="(!showMessage || propApi.successMessage == null)"> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.text}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> <div v-else> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.successMessage}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> </v-alert> </v-snackbar> </div> </scl-form-location> <scl-header-contact class="scl-header-contact scl-component" inline-template> <div> <div> <p class="scl-header-contact__number"><v-icon class="mr-3">$vuetify.icons.faPhone</v-icon><a href="tel:1300 650 620">1300 650 620 </a></p> </div> </div> </scl-header-contact> </div> <div class="scl-header__cart" v-if="propApi.cart && $vuetify.breakpoint.mdAndUp"> <v-divider vertical></v-divider> <scl-minicart :api="{"cartLink":"/cart","cartLinkTitle":"Cart","checkoutLink":"/checkout","checkoutLinkTitle":"Checkout","shopLink":"/products","cartTitle":"Checkout"}" class="scl-component scl-minicart" inline-template> <div> <div class="scl-minicart__menu" :class="menu? 'scl-minicart__menu--active' : ''"> <v-btn :ripple="false" text class="scl-minicart__btn" color="primaryDark"> <v-icon size="32">$vuetify.icons.faShoppingCart</v-icon> <span v-if="(getCart.length > 0)" class="scl-minicart__number">{{getCart.length}}</span> </v-btn> <div class="scl-minicart__menu-dropdown" v-if="!(getCart.length > 0)"> <div class="scl-minicart__header"> <h4>{{propApi.cartTitle}}</h4> <v-btn icon :ripple="false" class="scl-minicart__header-dismiss"> <v-icon @click="menu = false">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <div class="scl-minicart__container"> <div class="pa-6"> <h6 class="mb-4">Your cart is currently empty</h6> <p class="mb-0"><a :href="propApi.shopLink">Browse the shop</a> to add items to your cart.</p> </div> </div> </div> <div class="scl-minicart__menu-dropdown" v-else> <div class="scl-minicart__header"> <h4>Cart</h4> <v-btn icon :ripple="false" class="scl-minicart__header-dismiss"> <v-icon @click="menu = false">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <div class="scl-minicart__container"> <div v-for="(item, itemIndex) in getCart" class="scl-minicart__item" :key="itemIndex"> <span class="d-inline-block" v-if="item.product.isHidden && !item.product.hiddenRedirect" > <v-img :alt="item.product.displayName" aspect-ratio="1" class="scl-minicart__image" :lazy-src="$root.lazyImg" :src="resolveImage(item.product.imageUrls[0])"></v-img> </span> <a v-else-if="item.product.isHidden && item.product.hiddenRedirect" class="d-inline-block" :href="item.product.hiddenRedirect"> <v-img :alt="item.product.displayName" aspect-ratio="1" class="scl-minicart__image" :lazy-src="$root.lazyImg" :src="resolveImage(item.product.imageUrls[0])"></v-img> </a> <a v-else class="d-inline-block" :href="'/products/detail?pid=' + item.product.productId"> <v-img :alt="item.product.displayName" aspect-ratio="1" class="scl-minicart__image" :lazy-src="$root.lazyImg" :src="resolveImage(item.product.imageUrls[0])"></v-img> </a> <div class="scl-minicart__details"> <div> <span v-if="item.product.isHidden && !item.product.hiddenRedirect"> <h6 class="scl-minicart__name">{{ item.product.displayName }}</h6> </span> <a v-else-if="item.product.isHidden && item.product.hiddenRedirect" :href="item.product.hiddenRedirect"> <h6 class="scl-minicart__name">{{ item.product.displayName }}</h6> </a> <a v-else :href="'/products/detail?pid=' + item.product.productId"> <h6 class="scl-minicart__name">{{ item.product.displayName }}</h6> </a> </div> <div class="d-flex align-start justify-space-between"> <div class="scl-minicart__quantity"> <v-text-field v-model="item.quantity" append-icon="$vuetify.icons.faPlus" background-color="#f4f4f4" class="scl-minicart__input" :class="item.quantity === 1? 'scl-minicart__input--disabled' : ''" color="accent" :disabled="(!item.product.productId.startsWith('ec-') && !item.product.productId.toLowerCase().includes('sub')) ? getLoading : true" height="48" min="1" pattern="[1-9]*" prepend-inner-icon="$vuetify.icons.faMinus" :rules="[rules.number]" step="1" type="number" @blur="handleQuantity(item.product.productId, getVariantId(item.product), $event.target.value)" @click:append="incrementQuantity(item.product.productId, getVariantId(item.product), item.quantity)" @click:prepend-inner="decrementQuantity(item.product.productId, getVariantId(item.product), item.quantity)" @keyup.enter="handleQuantity(item.product.productId, getVariantId(item.product), $event.target.value)"> </v-text-field> </div> <div class="scl-minicart__total"> <h5> {{ item.product.currencySymbol }}{{ item.price.total | asCurrency }} </h5> <div> <v-btn class="scl-minicart__remove" :ripple="false" :disabled="getLoading" small text @click="removeItem(item.id)"> <v-icon :left="$vuetify.breakpoint.mdAndUp" size="14">$vuetify.icons.faTrashAlt</v-icon> <span v-if="$vuetify.breakpoint.mdAndUp">Remove</span> </v-btn> </div> </div> </div> </div> </div> </div> <div class="scl-minicart__footer"> <div class="d-flex justify-space-between align-center"> <h5>Sub Total</h5> <h4>{{ total }}</h4> </div> <div class="d-flex"> <v-btn class="btn btn-outlined mr-6" depressed height="64" :disabled="getLoading" :ripple="false" :loading="getLoading" @click="handleViewCart"> {{propApi.cartLinkTitle}} </v-btn> <v-btn class="btn btn-primary" depressed height="64" :disabled="getLoading" :ripple="false" :loading="getLoading" @click="handleCheckout"> {{propApi.checkoutLinkTitle}} </v-btn> </div> </div> </div> </div> </div> </scl-minicart> <v-divider vertical></v-divider> </div> <div class="scl-header__nav-buttons" v-if="$vuetify.breakpoint.mdAndUp"> <scl-auth-login-btn inline-template class="scl-component scl-auth-login-btn"> <div v-if="!getAuth"> <v-btn class="btn btn-outlined btn--small hidden-sm-and-down ml-3" depressed height="40px" outlined @click="emitLogin"> <span>Login</span> </v-btn> </div> </scl-auth-login-btn> <v-btn :ripple="false" depressed href="/signup" class="btn btn-primary btn--small hidden-sm-and-down ml-3">Join HIA</v-btn> </div> <div class="scl-header__secondary-icons" v-if="$vuetify.breakpoint.smAndDown"> <div :class="propApi.search || propApi.profile || propApi.cart ? 'scl-header__border-right' : null"> <span v-if="propApi.search"> <v-btn :ripple="false" class="scl-header__primary-search" v-if="propApi.search" text v-on="scope.on"><v-icon class="scl-header__secondary-icon"> {{ propApi.searchIcon }}</v-icon></v-btn> </span> <span v-if="propApi.profile"> <scl-header-profile-menu class="scl-component scl-header-profile-menu" inline-template @emit-is-active="setActiveMenu" :icon="propApi.profileIcon"> <div v-if="getAuth"> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu :value="active" bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-avatar class="scl-header-profile-menu__avatar" size="36"> {{ initials }} </v-avatar> <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> <v-container class="scl-header-profile-menu__container pt-0"> <v-row class="pt-0 justify-end"> <v-col cols="12" sm="4" class="pt-0"> <v-card class="scl-header-profile-menu__card"> <v-list-item-content class="pt-0"> <div class="scl-header-profile-menu__header-information"> <h3> Welcome, <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> </h3> <v-btn icon> <v-icon class="scl-header-profile-menu__dismiss-button" @click="handleClose">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <v-list> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My dashboard</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My personal details</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My digital library</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="https://hia.com.au/Contracts/authenticated/mycontracts.aspx" target="_blank"> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My contracts (Contracts online)</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My invoices</strong> </v-list-item-title> </a> </v-list-item> <v-divider class="my-4"></v-divider> <v-list-item> <v-list-item-title> <a class="btn btn-link btn--x-small" text @click="handleLogout">Logout <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> </v-list-item-title> </v-list-item> </v-list> </v-list-item-content> </v-card> </v-col> </v-row> </v-container> </v-menu> </v-toolbar-items> </v-toolbar> </div> <div v-else> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" @click="openLoginModal" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> </v-menu> </v-toolbar-items> </v-toolbar> </div> </scl-header-profile-menu> </span> <span v-if="propApi.cart"> <scl-minicart class="scl-component scl-minicart" inline-template> <div> <v-btn :ripple="false" text class="scl-minicart__btn" href="/cart" color="primaryDark"> <v-icon size="32">$vuetify.icons.faShoppingCart</v-icon> <span class="scl-minicart__number" v-if="(getCart.length > 0)"> {{getCart.length}} </span> </v-btn> </div> </scl-minicart> </span> </div> <div> <v-app-bar-nav-icon @click.stop="drawer = !drawer"><v-icon class="scl-header__secondary-icon">{{propApi.icon}}</v-icon></v-app-bar-nav-icon> </div> </div> </div> </v-col> <div class="scl-header__separator"></div> <v-col cols="11" class="pt-0 pb-0 pl-0" v-if="$vuetify.breakpoint.mdAndUp"> <v-toolbar-items class="scl-header__primary-nav-items hidden-sm-and-down"> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Our industry</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Our industry</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/our-industry"> Access the latest industry insights <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Housing industry insights</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics')"> <v-list-item-title><a href="/our-industry/economics" title="Economics" >Economics</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/economic-insights')"> <v-list-item-title><a href="/our-industry/economics/economic-insights" title="Economic insights" >Insights</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/data-forecasts')"> <v-list-item-title><a href="/our-industry/economics/data-forecasts" title="Data & forecasts" >Data & forecasts</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/tailored-research-and-analysis')"> <v-list-item-title><a href="/our-industry/economics/tailored-research-and-analysis" title="Tailored research & analysis" >Tailored research & analysis</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Advocacy & policy</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/advocacy')"> <v-list-item-title><a href="/our-industry/advocacy" >Advocacy</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/policy-priorities')"> <v-list-item-title><a href="/our-industry/policy-priorities" >Policy priorities</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/policy-statements')"> <v-list-item-title><a href="/our-industry/policy-statements" >Position statements</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title><a href="/our-industry/newsroom?pg=1&ps=8&s=date-newest&cr&tf=Media Release|Member Alert|Opinion Piece|Policy Position|Regional News|Submission&f=type=Submission" >Submissions</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">News & inspiration</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title><a href="/our-industry/newsroom" title="Newsroom" >Industry news</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title><a href="/our-industry/newsroom?pg=1&ps=8&s=date-newest&cr&tf=Media Release|Member Alert|Opinion Piece|Policy Position|Regional News|Submission&f=type=Member Alert" >Member alerts</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/newsroom')"> <v-list-item-title><a href="/our-industry/newsroom?pg=1&ps=8&s=date-newest&cr&tf=Member Alert|Opinion Piece|Position statements|Regional News|Submission|Media release&f=type=Media release" >Media releases</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/housing')"> <v-list-item-title><a href="/our-industry/housing" >HOUSING Online</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Business support</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Business support</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/business-support"> Explore our business support options <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">For your business</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-online')"> <v-list-item-title><a href="/business-support/contracts-online" >Contracts Online</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/safety-solutions')"> <v-list-item-title><a href="/business-support/safety-solutions" >Safety systems & solutions</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-tradepass')"> <v-list-item-title><a href="/business-support/hia-tradepass" >HIA Tradepass</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hiring.hia.com.au/')"> <v-list-item-title><a href="https://hiring.hia.com.au/" title="Advertise jobs" >Advertise jobs</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Member perks</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/toyota-fleet-discount')"> <v-list-item-title><a href="/business-support/affinity-partners/toyota-fleet-discount" >Toyota vehicles</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/the-good-guys-commercial')"> <v-list-item-title><a href="/business-support/affinity-partners/the-good-guys-commercial" >The Good Guys Commercial</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/fuel-discounts')"> <v-list-item-title><a href="/business-support/affinity-partners/fuel-discounts" >Ampol fuel savings</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners')"> <v-list-item-title><a href="/business-support/affinity-partners" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Industry insurance</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services')"> <v-list-item-title><a href="/business-support/hia-insurance-services" >HIA Insurance Services</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/construction-works')"> <v-list-item-title><a href="/business-support/hia-insurance-services/construction-works" >Construction works insurance</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/home-warranty-insurance')"> <v-list-item-title><a href="/business-support/hia-insurance-services/home-warranty-insurance" >Home warranty insurance</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/tradies-and-tools-insurance')"> <v-list-item-title><a href="/business-support/hia-insurance-services/tradies-and-tools-insurance" >Tradies & tool insurance</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Apprentices</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host/why-host-an-hia-apprentice')"> <v-list-item-title><a href="/business-support/become-an-hia-apprentice-host/why-host-an-hia-apprentice" title="Why host a HIA apprentice?" >Why host a HIA apprentice?</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host')"> <v-list-item-title><a href="/business-support/become-an-hia-apprentice-host" >Hire an apprentice</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Support & guidance</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-and-compliance-support')"> <v-list-item-title><a href="/business-support/contracts-and-compliance-support" title="Contracts & compliance support" >Contracts & compliance support</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/building-and-planning-services')"> <v-list-item-title><a href="/business-support/building-and-planning-services" >Building & planning services</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Resources & advice</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Resources & advice</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/resources-and-advice"> Explore our extensive resource library <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Building it right</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/building-codes')"> <v-list-item-title><a href="/resources-and-advice/building-it-right/building-codes" title="Building codes" >Building codes</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/australian-standards')"> <v-list-item-title><a href="/resources-and-advice/building-it-right/australian-standards" title="Australian standards" >Australian standards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right/getting-it-right-on-site')"> <v-list-item-title><a href="/resources-and-advice/building-it-right/getting-it-right-on-site" title="Getting it right on site" >Getting it right on site</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-it-right')"> <v-list-item-title><a href="/resources-and-advice/building-it-right" title="Building it right" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Building materials & products</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/concrete-bricks-and-walls')"> <v-list-item-title><a href="/resources-and-advice/building-materials-and-products/concrete-bricks-and-walls" title="Concrete, bricks & walls" >Concrete, bricks & walls</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/getting-products-approved')"> <v-list-item-title><a href="/resources-and-advice/building-materials-and-products/getting-products-approved" title="Getting products approved" >Getting products approved</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products/use-the-right-building-products-for-the-job')"> <v-list-item-title><a href="/resources-and-advice/building-materials-and-products/use-the-right-building-products-for-the-job" title="Use the right building products for the job" >Use the right products for the job</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-materials-and-products')"> <v-list-item-title><a href="/resources-and-advice/building-materials-and-products" title="Building materials and products" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Managing your business</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/dealing-with-contracts')"> <v-list-item-title><a href="/resources-and-advice/managing-your-business/dealing-with-contracts" title="Dealing with contracts" >Dealing with contracts</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/handling-disputes')"> <v-list-item-title><a href="/resources-and-advice/managing-your-business/handling-disputes" title="Handling disputes" >Handling disputes</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business/managing-your-employees')"> <v-list-item-title><a href="/resources-and-advice/managing-your-business/managing-your-employees" title="Managing your employees" >Managing your employees</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-business')"> <v-list-item-title><a href="/resources-and-advice/managing-your-business" title="Managing your business" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Managing your safety</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety/safety-rules')"> <v-list-item-title><a href="/resources-and-advice/managing-your-safety/safety-rules" title="Safety rules" >Safety rules</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety/working-with-silica')"> <v-list-item-title><a href="/resources-and-advice/managing-your-safety/working-with-silica" title="Working with silica" >Working with silica</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/managing-your-safety')"> <v-list-item-title><a href="/resources-and-advice/managing-your-safety" title="Managing your safety" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Building your business</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-your-business/growing-your-business')"> <v-list-item-title><a href="/resources-and-advice/building-your-business/growing-your-business" title="Growing your business" >Growing your business</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('')"> <v-list-item-title><a href="" title="Maintaining your business" >Maintaining your business</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/building-your-business')"> <v-list-item-title><a href="/resources-and-advice/building-your-business" title="Building your business" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Other subjects</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/getting-approval-to-build')"> <v-list-item-title><a href="/resources-and-advice/getting-approval-to-build" title="Getting approval to build" >Getting approval to build</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice/sustainable-homes')"> <v-list-item-title><a href="/resources-and-advice/sustainable-homes" title="Sustainable homes" >Sustainable homes</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice')"> <v-list-item-title><a href="/resources-and-advice" >See all</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Careers & learning</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Careers & learning</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/careers-and-learning"> Start learning <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">A rewarding career</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice')"> <v-list-item-title><a href="/careers-and-learning/become-an-hia-apprentice" >Become an apprentice</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer')"> <v-list-item-title><a href="/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer" >Apprenticeships on offer</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/how-do-i-apply')"> <v-list-item-title><a href="/careers-and-learning/become-an-hia-apprentice/how-do-i-apply" title="How do I apply? " >How do I apply? </a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/become-an-hia-apprentice/faqs')"> <v-list-item-title><a href="/careers-and-learning/become-an-hia-apprentice/faqs" title="Frequently asked questions" >Frequently asked questions</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Study with us</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/training-courses')"> <v-list-item-title><a href="/careers-and-learning/learning/training-courses" >Find a course to suit you</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/careers-and-learning/learning/training-courses?pg=1&ps=12&f=type=Qualification')"> <v-list-item-title><a href="https://hia.com.au/careers-and-learning/learning/training-courses?pg=1&ps=12&f=type=Qualification" >Qualification courses</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/learning-on-demand')"> <v-list-item-title><a href="/careers-and-learning/learning/learning-on-demand" >Learning on demand</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/professional-development')"> <v-list-item-title><a href="/careers-and-learning/learning/professional-development" title="Professional development courses" >Professional development courses</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">A job in the industry</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/how-to-get-your-builders-licence')"> <v-list-item-title><a href="/careers-and-learning/how-to-get-your-builders-licence" >Get your builder's licence</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning/learning/continuing-professional-development')"> <v-list-item-title><a href="/careers-and-learning/learning/continuing-professional-development" title="Continuing Professional Development (CPD)" >Continuing Professional Development (CPD)</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/careers-and-learning')"> <v-list-item-title><a href="/careers-and-learning" title="Further your career" >Further your career</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://jobs.hia.com.au/')"> <v-list-item-title><a href="https://jobs.hia.com.au/" title="Find jobs" >Find jobs</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">HIA community</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>HIA community</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/hia-community"> Become a part of our community <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Join HIA</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/signup')"> <v-list-item-title><a href="/signup" >Sign me up</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/become-an-hia-member')"> <v-list-item-title><a href="/hia-community/become-an-hia-member" >How do I become a member?</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/become-an-hia-member/member-benefits')"> <v-list-item-title><a href="/hia-community/become-an-hia-member/member-benefits" >What's in it for me? </a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/mates-rates')"> <v-list-item-title><a href="/business-support/affinity-partners/mates-rates" >Mates rates</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Get involved</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/become-an-awards-judge')"> <v-list-item-title><a href="/hia-community/get-involved/become-an-awards-judge" title="Become an award judge" >Become an award judge</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/join-a-committee')"> <v-list-item-title><a href="/hia-community/get-involved/join-a-committee" title="Join a committee" >Join a committee</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-involved/partner-with-us')"> <v-list-item-title><a href="/hia-community/get-involved/partner-with-us" title="Partner with us" >Partner with us</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Our initiatives</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/building-women')"> <v-list-item-title><a href="/hia-community/building-women" >HIA Building Women</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/greensmart-program')"> <v-list-item-title><a href="/hia-community/what-we-do/greensmart-program" title="GreenSmart" >GreenSmart</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/kitchens-bathrooms-and-design')"> <v-list-item-title><a href="/hia-community/kitchens-bathrooms-and-design" >Kitchen, bathroom & design hub</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Get to know us</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-to-know-us/our-members')"> <v-list-item-title><a href="/hia-community/get-to-know-us/our-members" >Our members</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/get-to-know-us/our-people')"> <v-list-item-title><a href="/hia-community/get-to-know-us/our-people" >Our people</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('')"> <v-list-item-title><a href="" title="Our partners" >Our partners</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Support for you</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/charitable-foundation')"> <v-list-item-title><a href="/hia-community/what-we-do/charitable-foundation" title="Charitable Foundation" >Charitable Foundation</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/hia-community/what-we-do/mental-health-program')"> <v-list-item-title><a href="/hia-community/what-we-do/mental-health-program" title="Building mentally healthy environments" >Mental health program</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Awards & events</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Awards & events</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/awards-and-events"> Get involved & recognised <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Awards</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards')"> <v-list-item-title><a href="/awards-and-events/awards" title="Awards program" >Awards program</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards/people-and-business-awards')"> <v-list-item-title><a href="/awards-and-events/awards/people-and-business-awards" title="People & Business Awards" >People & Business Awards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/awards/greensmart-awards')"> <v-list-item-title><a href="/awards-and-events/awards/greensmart-awards" title="GreenSmart Awards" >GreenSmart</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards')"> <v-list-item-title><a href="/awards-and-events/australian-housing-awards" title="Australian Housing Awards" >Australian Housing Awards</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Awards winners</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/award-winners')"> <v-list-item-title><a href="/awards-and-events/award-winners" title="Regional Award winners" >Regional Award winners</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners')"> <v-list-item-title><a href="/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners" title="Australian Housing Awards" >Australian Housing Award winners</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners/2024-hia-csr-australian-home-of-the-year/2024-hia-csr-australian-home-of-the-year')"> <v-list-item-title><a href="/awards-and-events/australian-housing-awards/2024-australian-housing-award-winners/2024-hia-csr-australian-home-of-the-year/2024-hia-csr-australian-home-of-the-year" title="Australian Housing Awards" >2024 Australian Home of the Year</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/onlinejoin')"> <v-list-item-title><a href="https://hia.com.au/onlinejoin" target="_blank" title="Awards online entry" rel="noopener noreferrer" >Enter online</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Industry events</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title><a href="/awards-and-events/events?pg=1&ps=12&cr=undefined&f=next-month" title="Events in the next month" >Events in the next month</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title><a href="/awards-and-events/events?pg=1&ps=12&cr=undefined&f=type=Economic presentations" title="Economic outlook events" >Economic outlook</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/conference')"> <v-list-item-title><a href="/awards-and-events/conference" title="National Conference" >National Conference</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/awards-and-events/events')"> <v-list-item-title><a href="/awards-and-events/events" title="Events calendar" >Events calendar</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">HIA shop</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>HIA shop</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/products"> Shop all HIA products <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list">  <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Most popular products</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/2022-national-construction-code---volumes-one-and-two/NCC22SET')"> <v-list-item-title><a href="https://hia.com.au/products/2022-national-construction-code---volumes-one-and-two/NCC22SET" title="National Construction Code Vol 1 & 2" >National Construction Code Vol 1 & 2</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/AS%20waterproofing%20-%20as-37402021-waterproofing-of-domestic-wet-areas---downloadable/WDWAD21')"> <v-list-item-title><a href="https://hia.com.au/products/AS%20waterproofing%20-%20as-37402021-waterproofing-of-domestic-wet-areas---downloadable/WDWAD21" title="Waterproofing wet areas AS 3740:2021" >Waterproofing wet areas AS 3740:2021</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/HGuide%20to%20water%20proofing%20-%20hia-guide-to-wet-area-waterproofing/GWP')"> <v-list-item-title><a href="https://hia.com.au/products/HGuide%20to%20water%20proofing%20-%20hia-guide-to-wet-area-waterproofing/GWP" title="HIA Guide to Waterproofing" >HIA Guide to Waterproofing</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/hia-guide-to-ncc-livable-housing-provisions/GNCCLHP')"> <v-list-item-title><a href="https://hia.com.au/products/hia-guide-to-ncc-livable-housing-provisions/GNCCLHP" title="HIA Guide to NCC Livable Housing Provisions" >HIA Guide to NCC Livable Housing Provisions</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Top categories</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=592ca3bc-30b4-429e-b22e-4fea46f6f899" title="Building codes & standards" >Building codes & standards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=e0b3beef-5d69-44a7-8f95-ad033d6dc517" title="Contracts & documents" >Contracts & documents</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=0a73665d-1a69-40b0-8a56-5c799ba27394" title="Guides & manuals" >Guides & manuals</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=aedd96fa-e3ac-4e39-9b0b-4fe6992e30f9" title="Safety products" >Safety products</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=56f2bb3b-edab-446b-ac7b-1e3386d3aec2" title="Signage" >Signage</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">For your business</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-online')"> <v-list-item-title><a href="/business-support/contracts-online" title="Contracts Online" >Contracts Online</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products/digital-australian-standards')"> <v-list-item-title><a href="/products/digital-australian-standards" title="Digital Australian Standards" >Digital Australian Standards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice')"> <v-list-item-title><a href="/resources-and-advice" title="Digital Resource Library" >Digital Resource Library</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/data-forecasts')"> <v-list-item-title><a href="/our-industry/economics/data-forecasts" title="Forecasts & data" >Forecasts & data</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> </v-toolbar-items> </v-col> <v-col cols="1" class="pt-0 pb-0" v-if="$vuetify.breakpoint.mdAndUp"> <v-menu offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header__mega-menu scl-header__search-menu"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="scl-header__primary-search" v-if="propApi.search" text v-on="scope.on" v-bind="scope.attrs"><v-icon class="scl-header__secondary-icon mr-0"> {{ propApi.searchIcon }}</v-icon></v-btn> </template> <v-container class="pt-0 pb-0"> <v-row> <v-col cols="12" class="pt-0 pb-0"> <div class="scl-header__search"> <v-text-field v-model="searchQuery" autofocus light solo class="scl-header__search-input" prepend-inner-icon="$vuetify.icons.faSearch" placeholder="Search" @keyup.enter="handleSearch('/search')"></v-text-field> <v-btn :ripple="false" text class="btn btn-primary scl-header__search-btn" @click="handleSearch('/search')"> Search</v-btn> </div> </v-col> </v-row> </v-container> </v-menu> </v-col> </v-row> </v-container> </v-toolbar> </template> <v-container class="pt-0 pb-0"> <v-row> <v-col cols="12" class="pt-0 pb-0"> <div class="scl-header__search"> <v-text-field v-model="searchQuery" autofocus light solo class="scl-header__search-input" append-icon="$vuetify.icons.faSearch" placeholder="" @keyup.enter="handleSearch('/search')" @click:append="handleSearch('/search')"> </v-text-field> </div> </v-col> </v-row> </v-container> </v-menu> </div> </scl-header> </header> <section id="app-content"> <scl-1-Col inline-template class="scl-component scl-1-col page-watermark" id=""> <div> <v-container class=" pa-0" 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-secondary-header-banner class="scl-secondary-header-banner scl-component" inline-template :api='{"colour":"white","position":"text-left","height":"large","overlay":true}'> <div> <v-img v-if="$vuetify.breakpoint.smAndUp" src="/-/media/images/secondary-header-banner/careers-learning-d.jpg" :class="'scl-secondary-header-banner__'+ propApi.height"> <div :class="'align-end fill-height scl-secondary-header-banner__' + propApi.colour +' scl-secondary-header-banner__has-image '+ (propApi.overlay ? 'scl-secondary-header-banner__overlay ' : '') + (propApi.position)"> <v-container class="fill-height"> <v-row > <v-col cols="12" class="scl-secondary-header-banner__text"> <h1 class="scl-secondary-header-banner__title">Careers and learning</h1> <p class="scl-secondary-header-banner__headline">Discover how you can get started with our apprenticeships or develop your career through our diverse range of industry-related training courses</p> </v-col> <v-col cols="12" class="scl-secondary-header-banner__link"> </v-col> </v-row> </v-container> </div> </v-img> <v-img v-else src="/-/media/images/secondary-header-banner/careers-learning-m.jpg" :class="'scl-secondary-header-banner__'+ propApi.height"> <div :class="'align-end fill-height scl-secondary-header-banner__' + propApi.colour +' scl-secondary-header-banner__has-image '+ (propApi.overlay ? 'scl-secondary-header-banner__overlay ' : '') + (propApi.position)"> <v-container class="fill-height"> <v-row> <v-col cols="12" class="scl-secondary-header-banner__text"> <h1 class="scl-secondary-header-banner__title">Careers and learning</h1> <p class="scl-secondary-header-banner__headline">Discover how you can get started with our apprenticeships or develop your career through our diverse range of industry-related training courses</p> </v-col> <v-col cols="12" class="scl-secondary-header-banner__link"> </v-col> </v-row> </v-container> </div> </v-img> </div> </scl-secondary-header-banner> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-0" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-breadcrumbs inline-template class="scl-component scl-breadcrumbs" :api="{"divider":"$vuetify.icons.faChevronRight","mobileLinkLimit":2,"items":[{"text":"Home","disabled":false,"href":"/"},{"text":"Careers and learning","disabled":true,"href":"/careers-and-learning"}]}"> <div> <v-breadcrumbs :items="breakpointAdjustedItems" :divider="propApi.characterDivider"> <template v-if="!propApi.characterDivider" v-slot:divider> <v-icon> {{ propApi.divider }} </v-icon> </template> </v-breadcrumbs> </div> </scl-breadcrumbs> </v-col> <v-col class="text-sm-right col col-index-2" cols="12" md="6"> <div class="text-left text-sm-right d-flex justify-sm-end align-center fill-height"> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"email"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"facebook"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"linkedin"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"pinterest"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"twitter"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> </div> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-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-3-Col inline-template class="scl-component scl-3-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12" md="7"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <p><span class="hero-text">Whether you're at the start of your career and want to learn everything about the building trade or if you are looking to expand your skills to run your own business. We can help you with exciting apprenticeships and hundreds of nationally recognised training courses to help you succeed in your future aspirations.</span></p> <h2>Become part of the emerging and skilled talent of tradespeople to build a better future</h2> <p>Maybe you have just left school and aren't sure what you want to do, then an HIA apprenticeship might be the perfect fit for you. We offer advice on how to get an apprenticeship, what the work will be like, what you get paid and much more. You can hear straight from our apprentices and what they love about working in the building industry.</p> <p>We want you to not only prosper in your chosen career path but excel in whatever it is that you want to work towards. Take a look at the latest training courses including qualifications in building and construction, diplomas and specialised short courses such as managing your finances and interpreting plans and specifications.</p> <p> </p> <p style="text-align: center;"><a data-cssclass="btn btn-primary " data-itemid="a0a558a7-e5ff-4312-a5bd-25a64ab15990" data-title="Find an apprenticeship" class="v-btn btn btn-primary " href="http://careers.hiaapprentices.com.au/" style="margin: 16px 10px;"><span class="v-btn__content">Find an apprenticeship</span></a><a data-cssclass="btn btn-outlined " data-itemid="a0a558a7-e5ff-4312-a5bd-25a64ab15990" data-title="Find a training course" class="v-btn btn btn-outlined " href="/careers-and-learning/learning/training-courses" style="margin: 16px 10px;"><span class="v-btn__content">Find a training course</span></a></p> </div> </scl-wysiwyg> <scl-spacer></scl-spacer> <scl-grid-container-4 inline-template class="scl-component scl-grid-container-4" :api="{ 'hasTitle': false, 'alignment': 'start', 'cols': 6 }"> <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 }"></h3> </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":"auto"}" 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="/careers-and-learning/become-an-hia-apprentice" target=""> <v-img lazy-src="/-/media/images/vertical-card/become-an-apprentice.jpg" src="/-/media/images/vertical-card/become-an-apprentice.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">Forge your career in building and construction</h4> <div class="scl-card-vertical__text"> <p>The sky's the limit for what you can achieve as a HIA apprentice, whether it's building homes, cabinetmaking and carpentry or painting. Find out where we can take you.</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">Tell me more <v-icon class="btn__icon-link scl-card-vertical__icon" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> </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":"auto"}" 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="/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer" target=""> <v-img lazy-src="/-/media/images/vertical-card/hia-apprenticeship.jpg" src="/-/media/images/vertical-card/hia-apprenticeship.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">What apprenticeships do HIA offer</h4> <div class="scl-card-vertical__text"> <p>Maybe building dream homes is where your career lies or creating something from scratch with timber. HIA offers a wide range of apprenticeships for you to choose from. </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">Tell me more <v-icon class="btn__icon-link scl-card-vertical__icon" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> </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":"auto"}" 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="/careers-and-learning/how-to-get-your-builders-licence" target=""> <v-img lazy-src="/-/media/images/vertical-card/builder-licence.jpg" src="/-/media/images/vertical-card/builder-licence.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">How to get a builder’s licence</h4> <div class="scl-card-vertical__text"> <p>Make sure you get the right advice for licensing or registration for your trade in the building and construction 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">Tell me more <v-icon class="btn__icon-link scl-card-vertical__icon" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> </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":"auto"}" 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="/careers-and-learning/learning/why-study-with-hia" target=""> <v-img lazy-src="/-/media/images/vertical-card/why-study-with-hia.jpg" src="/-/media/images/vertical-card/why-study-with-hia.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">Why study with HIA</h4> <div class="scl-card-vertical__text"> <p>We've got you covered for qualifications and short courses designed specifically for 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">Tell me more <v-icon class="btn__icon-link scl-card-vertical__icon" right>$vuetify.icons.faArrowRight</v-icon></v-btn> </v-card-actions> </v-card> </div> </scl-card-vertical> </v-col> </v-row> </div> </div> </scl-grid-container-4> <scl-spacer></scl-spacer> </v-col> <v-col class="text-sm-left col col-index-2 py-0" cols="12" md="1"> </v-col> <v-col class="text-sm-left col col-index-3 py-0" cols="12" md="4"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>Get qualified with HIA</h3> </div> </scl-wysiwyg> <scl-image-list inline-template class="scl-component scl-image-list" :api="{"maxWidth":100,"rounded":false,"divider":true,"verticleAlign":false}"> <v-list> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <a v-if="$vuetify.breakpoint.smAndUp || false" href="/careers-and-learning/learning/training-courses/cpc40120-certificate-iv-in-building-and-construction" class="scl-image-list__col mr-6" :style="'max-width:'+ ($vuetify.breakpoint.smAndUp? propApi.maxWidth : 100)+'px;'"> <v-img lazy-src="/-/media/images/training/thumbnail/certificate-iv-in-building-and-construction-building-thumb.jpg" src="/-/media/images/training/thumbnail/certificate-iv-in-building-and-construction-building-thumb.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> </a> <div class="scl-image-list__col"> <a href="/careers-and-learning/learning/training-courses/cpc40120-certificate-iv-in-building-and-construction"> <h4 class="scl-image-list__title ma-0"> Cert IV in Building and Construction (Building) CPC40120</h4> </a> <h6 class="scl-image-list__subtitle ma-0"> </h6> <div> <p> <span>Providing skills for professional builders in the low rise residential sector to run a small to medium construction business.</span> <a href="/careers-and-learning/learning/training-courses/cpc40120-certificate-iv-in-building-and-construction" class="btn btn-link scl-image-list__link" target=""> Find out more<v-icon class="btn__icon-link scl-image-list__icon"> $vuetify.icons.faArrowRight </v-icon></a> </p> </div> </div> </div> </v-list-item> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <a v-if="$vuetify.breakpoint.smAndUp || false" href="/careers-and-learning/learning/training-courses/certificate-iv-in-building-project-support-contract-administrator" class="scl-image-list__col mr-6" :style="'max-width:'+ ($vuetify.breakpoint.smAndUp? propApi.maxWidth : 100)+'px;'"> <v-img lazy-src="/-/media/images/training/thumbnail/certificate-iv-in-building-project-contract-admin-thumb.jpg" src="/-/media/images/training/thumbnail/certificate-iv-in-building-project-contract-admin-thumb.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> </a> <div class="scl-image-list__col"> <a href="/careers-and-learning/learning/training-courses/certificate-iv-in-building-project-support-contract-administrator"> <h4 class="scl-image-list__title ma-0"> Cert IV in Building Project Support (Contract Administrator) CPC40320</h4> </a> <h6 class="scl-image-list__subtitle ma-0"> </h6> <div> <p> <span><span style="background-color: #ffffff; color: #2d373e;">Gain the skills and knowledge needed by Contract Administrators in the low rise residential construction sector.</span></span> <a href="/careers-and-learning/learning/training-courses/certificate-iv-in-building-project-support-contract-administrator" class="btn btn-link scl-image-list__link" target=""> Find out more<v-icon class="btn__icon-link scl-image-list__icon"> $vuetify.icons.faArrowRight </v-icon></a> </p> </div> </div> </div> </v-list-item> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <a v-if="$vuetify.breakpoint.smAndUp || false" href="/careers-and-learning/learning/training-courses/certificate-iv-in-building-project-support-estimator" class="scl-image-list__col mr-6" :style="'max-width:'+ ($vuetify.breakpoint.smAndUp? propApi.maxWidth : 100)+'px;'"> <v-img lazy-src="/-/media/images/training/thumbnail/certificate-iv-in-building-project-estimator-thumb.jpg" src="/-/media/images/training/thumbnail/certificate-iv-in-building-project-estimator-thumb.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> </a> <div class="scl-image-list__col"> <a href="/careers-and-learning/learning/training-courses/certificate-iv-in-building-project-support-estimator"> <h4 class="scl-image-list__title ma-0"> Cert IV in Building Project Support (Estimator) CPC40320</h4> </a> <h6 class="scl-image-list__subtitle ma-0"> </h6> <div> <p> <span><span style="background-color: #ffffff; color: #2d373e;">Gain the skills and knowledge needed by Estimators in the low rise residential construction sector.</span></span> <a href="/careers-and-learning/learning/training-courses/certificate-iv-in-building-project-support-estimator" class="btn btn-link scl-image-list__link" target=""> Find out more<v-icon class="btn__icon-link scl-image-list__icon"> $vuetify.icons.faArrowRight </v-icon></a> </p> </div> </div> </div> </v-list-item> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <a v-if="$vuetify.breakpoint.smAndUp || false" href="/careers-and-learning/learning/training-courses/diploma-of-building-and-construction" class="scl-image-list__col mr-6" :style="'max-width:'+ ($vuetify.breakpoint.smAndUp? propApi.maxWidth : 100)+'px;'"> <v-img lazy-src="/-/media/images/training/thumbnail/diploma-of-building-and-construction-thumb.jpg" src="/-/media/images/training/thumbnail/diploma-of-building-and-construction-thumb.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> </a> <div class="scl-image-list__col"> <a href="/careers-and-learning/learning/training-courses/diploma-of-building-and-construction"> <h4 class="scl-image-list__title ma-0"> Diploma of Building and Construction (Building) CPC50220</h4> </a> <h6 class="scl-image-list__subtitle ma-0"> </h6> <div> <p> <span>Designed for experienced builders and construction professionals to gain valuable skills in medium rise construction projects.</span> <a href="/careers-and-learning/learning/training-courses/diploma-of-building-and-construction" class="btn btn-link scl-image-list__link" target=""> Find out more<v-icon class="btn__icon-link scl-image-list__icon"> $vuetify.icons.faArrowRight </v-icon></a> </p> </div> </div> </div> </v-list-item> <v-list-item class="scl-image-list__item" :class="propApi.divider? 'scl-image-list__item--divide' : null"> <div class="scl-image-list__row" :class="propApi.verticleAlign? 'align-center' : 'align-start'"> <a v-if="$vuetify.breakpoint.smAndUp || false" href="/careers-and-learning/learning/training-courses/cpc30220-certificate-iii-in-carpentry" class="scl-image-list__col mr-6" :style="'max-width:'+ ($vuetify.breakpoint.smAndUp? propApi.maxWidth : 100)+'px;'"> <v-img lazy-src="/-/media/images/training/thumbnail/certificate-iii-in-carpentry-thumb.jpg" src="/-/media/images/training/thumbnail/certificate-iii-in-carpentry-thumb.jpg" aspect-ratio="1" position="top center" :max-width="$vuetify.breakpoint.smAndUp? propApi.maxWidth : 100" :class="propApi.rounded? 'scl-image-list__rounded' : null"> </v-img> </a> <div class="scl-image-list__col"> <a href="/careers-and-learning/learning/training-courses/cpc30220-certificate-iii-in-carpentry"> <h4 class="scl-image-list__title ma-0"> Cert III in Carpentry CPC30211</h4> </a> <h6 class="scl-image-list__subtitle ma-0"> </h6> <div> <p> <span>Designed for building and construction professionals who wish to gain valuable skills with a trade outcome in carpentry, covering work in residential and commercial applications.</span> <a href="/careers-and-learning/learning/training-courses/cpc30220-certificate-iii-in-carpentry" class="btn btn-link scl-image-list__link" target=""> Find out more<v-icon class="btn__icon-link scl-image-list__icon"> $vuetify.icons.faArrowRight </v-icon></a> </p> </div> </div> </div> </v-list-item> </v-list> </scl-image-list> <scl-spacer></scl-spacer> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; background-color: #f8f8f8; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h4>Professional Development short courses</h4> <hr style="height: 4px; border: none; color: rgb(255, 213, 32); background-color: rgb(255, 213, 32); width: 40%; text-align: left; margin: 0px auto 0px 0px;" /> <p> </p> <h6>Take the next step in your career. </h6> <p>Gain new skills, understand updated regulations and learn how to run your business better with our flexible training, custom-built for industry professionals.</p> <p><a data-cssclass="btn btn-outlined arrow " data-itemid="9c834d92-f9d9-46eb-b8f3-281b132e87d4" data-title="Start learning" href="/careers-and-learning/learning/professional-development" class="v-btn btn btn-outlined arrow "><span class="v-btn__content">Start learning<svg height="16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="v-icon notranslate btn__icon-link svg-inline--fa fa-arrow-right fa-w-14 v-icon--is-component theme--light"><path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></span></a></p> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-1-Col> </v-col> </v-row> </v-container> </div> </scl-3-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-spacer></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/background-training.jpg'); background-repeat: repeat-x;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <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)"> <h2>Are you eligible for government funding?</h2> <p class="hero-text">There are many types of government funding available for eligible courses. Find out whether you can qualify and start on your journey for further education or to fine-tune your current skills. </p> <p><span class="v-btn__content"><a data-cssclass="btn btn-primary " data-itemid="0a507e8e-432c-48af-8783-d3dd6c1c8e0c" data-title="Find out more" href="/careers-and-learning/learning/government-subsidised-funding" class="v-btn btn btn-primary "><span class="v-btn__content">Find out more</span></a> <a data-cssclass="btn btn-outlined " data-itemid="125e41a0-5b5c-4afa-bfc5-b30a182e486f" data-title="Start learning" href="/careers-and-learning/learning" class="v-btn btn btn-outlined "><span class="v-btn__content">Start learning</span></a></span></p> </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-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-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 training </div> <div class="scl-date-information-list__btn"> <v-btn :ripple="false" class="pa-0 btn btn-link" text href="/careers-and-learning/learning/training-courses"> 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="/careers-and-learning/learning/training-courses/cpc30220-certificate-iii-in-carpentry" class="scl-date-information-list__item-link"> <div class="scl-date-information-list__item-date"> <span>25 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">CPC30220 Certificate III in Carpentry</h6> <p v-if="$vuetify.breakpoint.smAndUp" class="scl-date-information-list__item-text">This qualification provides the essential skills required to gain a trade in carpentry, covering work in both residential and commercial applications.</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="/careers-and-learning/learning/training-courses/silica-awareness" class="scl-date-information-list__item-link"> <div class="scl-date-information-list__item-date"> <span>26 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">Silica Awareness</h6> <p v-if="$vuetify.breakpoint.smAndUp" class="scl-date-information-list__item-text">Find out more about what silica is, how to work safely with products containing silica, what tools and systems exist, as well as where to get further information</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="/careers-and-learning/learning/training-courses/waterproofing-wet-areas-what-where-and-how" class="scl-date-information-list__item-link"> <div class="scl-date-information-list__item-date"> <span>26 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">Waterproofing Wet Areas - What, Where and How</h6> <p v-if="$vuetify.breakpoint.smAndUp" class="scl-date-information-list__item-text">Gain an understanding on the NCC hierarchy and the what, where and how of waterproofing.</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="/careers-and-learning/learning/training-courses/ncc-2022-condensation-management" 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">NCC 2022: Condensation Management</h6> <p v-if="$vuetify.breakpoint.smAndUp" class="scl-date-information-list__item-text">Learn about the essential details of the NCC 2022 changes to condensation mitigation.</p> </div> </div> </v-card> </v-list-item> </v-list> </div> </scl-date-information-list> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <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="/contact-hia" 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/horizontal-card/contact-us.jpg" src="/-/media/images/horizontal-card/contact-us.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">Can’t find what you’re looking for?</h3> <div class="scl-card-horizontal__text"> <p>Put your mind at rest and speak to one of our industry experts, we’re confident that our extensive industry knowledge will cover whatever questions or issues you may have.</p> </div> </div> </v-card-title> <v-card-actions class="scl-card-horizontal__card-actions"> <v-btn :ripple="false" class="btn btn-link" text>Speak to one of our friendly HIA staff today<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-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-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">Apprentice success stories</h3> </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/2021/10/paving-the-way"> <v-img src="/-/media/images/housing/business-and-digital/2021/lahc/lahc-thumb1new.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"> Apprentice </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Hiring </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Paving the way</h6> <div class="scl-article-card-carousel__text"> For school leavers and young workers, beginning a career path is challenging. When extra help is needed, HIA is here to lend a hand. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 21</div> <div class="scl-article-card-carousel__info-time">7 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/business-and-digital/2021/10/paving-the-way"> 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/people/2020/05/one-big-adventure"> <v-img src="/-/media/images/housing/awards/2020/apprentice-thumb-3.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"> Apprentice </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">One big adventure</h6> <div class="scl-article-card-carousel__text"> Jake Blokker capped off his unique apprenticeship by being named the 2020 HIA Jim Brookes Australian Apprentice, but he’s determined it’s just the beginning of a rewarding building career. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">May 20</div> <div class="scl-article-card-carousel__info-time">5 min </div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/people/2020/05/one-big-adventure"> 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/people/2021/02/a-cut-above-the-rest"> <v-img src="/-/media/images/housing/people/2021/march/apprentice-thumb1.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"> Apprentice </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Building Women </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> People </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">A cut above the rest</h6> <div class="scl-article-card-carousel__text"> Monique Juratovac threw convention out the window when she signed up for a bricklaying apprenticeship. Despite the naysayers, she is determined to carve out her own path in the construction industry. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 21</div> <div class="scl-article-card-carousel__info-time">5 min </div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/people/2021/02/a-cut-above-the-rest"> 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-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

Careers and learning