CINXE.COM
Become a HIA Apprentice | Apprenticeship, training, HIA
<!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="Gain valuable knowledge and on-the-job experience on the way to becoming a fully qualified tradesperson by joining the HIA Apprentices program." name="description"> <meta content="HIA apprenticeship, learn a trade, apprenticeship training, construction trades, apprenticeships, hia apprenticeships canberra, hia apprentices, building apprenticeship, hia apprentice awards, " name="keywords"> <title>Become a HIA Apprentice | Apprenticeship, training, HIA</title> <meta name="VIcurrentDateTime" content="638753800716212718" /> <meta name="VirtualFolder" content="/" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link as="style" defer="" href="/scl/assets/css/app.c980ce3b.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.c980ce3b.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="Become a HIA Apprentice"> <meta property="og:description" content="Apply to become a HIA apprentice and we’ll provide you with the support and resources you need to forge a successful career in the building industry."> <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="Become a HIA Apprentice"> <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/become-an-hia-apprentice" /> <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/become-an-hia-apprentice” /> </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=805B6C5F06B460EA86C9EFE3AB5AD188" 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"> <!-- panel --> <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"> <!-- Nav List --> <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> <!-- 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"> <!-- Nav List --> <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/?coupon_code=w7dnmsrndpsf5jhc868emy4p')"> <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> <!-- 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"> <!-- Nav List --> <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> <!-- 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"> <!-- Nav List --> <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> <!-- 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"> <!-- Nav List --> <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> <!-- 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"> <!-- Nav List --> <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> <!-- 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"> <!-- Nav List --> <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=805B6C5F06B460EA86C9EFE3AB5AD188" 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"> <!-- 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"> <!-- 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/?coupon_code=w7dnmsrndpsf5jhc868emy4p')"> <v-list-item-title><a href="https://hiring.hia.com.au/?coupon_code=w7dnmsrndpsf5jhc868emy4p" 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"> <!-- 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"> <!-- 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"> <!-- 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"> <!-- 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"> <!-- Nav List --> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Most popular products</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/2022-national-construction-code---volumes-one-and-two/NCC22SET')"> <v-list-item-title><a href="https://hia.com.au/products/2022-national-construction-code---volumes-one-and-two/NCC22SET" title="National Construction Code Vol 1 & 2" >National Construction Code Vol 1 & 2</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/AS%20waterproofing%20-%20as-37402021-waterproofing-of-domestic-wet-areas---downloadable/WDWAD21')"> <v-list-item-title><a href="https://hia.com.au/products/AS%20waterproofing%20-%20as-37402021-waterproofing-of-domestic-wet-areas---downloadable/WDWAD21" title="Waterproofing wet areas AS 3740:2021" >Waterproofing wet areas AS 3740:2021</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/HGuide%20to%20water%20proofing%20-%20hia-guide-to-wet-area-waterproofing/GWP')"> <v-list-item-title><a href="https://hia.com.au/products/HGuide%20to%20water%20proofing%20-%20hia-guide-to-wet-area-waterproofing/GWP" title="HIA Guide to Waterproofing" >HIA Guide to Waterproofing</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('https://hia.com.au/products/hia-guide-to-ncc-livable-housing-provisions/GNCCLHP')"> <v-list-item-title><a href="https://hia.com.au/products/hia-guide-to-ncc-livable-housing-provisions/GNCCLHP" title="HIA Guide to NCC Livable Housing Provisions" >HIA Guide to NCC Livable Housing Provisions</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Top categories</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=592ca3bc-30b4-429e-b22e-4fea46f6f899" title="Building codes & standards" >Building codes & standards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=e0b3beef-5d69-44a7-8f95-ad033d6dc517" title="Contracts & documents" >Contracts & documents</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=0a73665d-1a69-40b0-8a56-5c799ba27394" title="Guides & manuals" >Guides & manuals</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=aedd96fa-e3ac-4e39-9b0b-4fe6992e30f9" title="Safety products" >Safety products</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products')"> <v-list-item-title><a href="/products?pg=1&ps=12&s=displayName&sd=asc&c=56f2bb3b-edab-446b-ac7b-1e3386d3aec2" title="Signage" >Signage</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">For your business</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-online')"> <v-list-item-title><a href="/business-support/contracts-online" title="Contracts Online" >Contracts Online</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/products/digital-australian-standards')"> <v-list-item-title><a href="/products/digital-australian-standards" title="Digital Australian Standards" >Digital Australian Standards</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/resources-and-advice')"> <v-list-item-title><a href="/resources-and-advice" title="Digital Resource Library" >Digital Resource Library</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/our-industry/economics/data-forecasts')"> <v-list-item-title><a href="/our-industry/economics/data-forecasts" title="Forecasts & data" >Forecasts & data</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> </v-toolbar-items> </v-col> <v-col cols="1" class="pt-0 pb-0" v-if="$vuetify.breakpoint.mdAndUp"> <v-menu offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header__mega-menu scl-header__search-menu"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="scl-header__primary-search" v-if="propApi.search" text v-on="scope.on" v-bind="scope.attrs"><v-icon class="scl-header__secondary-icon mr-0"> {{ propApi.searchIcon }}</v-icon></v-btn> </template> <v-container class="pt-0 pb-0"> <v-row> <v-col cols="12" class="pt-0 pb-0"> <div class="scl-header__search"> <v-text-field v-model="searchQuery" autofocus light solo class="scl-header__search-input" prepend-inner-icon="$vuetify.icons.faSearch" placeholder="Search HIA.com.au" @keyup.enter="handleSearch('/search')"></v-text-field> <v-btn :ripple="false" text class="btn btn-primary scl-header__search-btn" @click="handleSearch('/search')"> Search</v-btn> </div> </v-col> </v-row> </v-container> </v-menu> </v-col> </v-row> </v-container> </v-toolbar> </template> <v-container class="pt-0 pb-0"> <v-row> <v-col cols="12" class="pt-0 pb-0"> <div class="scl-header__search"> <v-text-field v-model="searchQuery" autofocus light solo class="scl-header__search-input" append-icon="$vuetify.icons.faSearch" placeholder="Search" @keyup.enter="handleSearch('/search')" @click:append="handleSearch('/search')"> </v-text-field> </div> </v-col> </v-row> </v-container> </v-menu> </div> </scl-header> </header> <section id="app-content"> <scl-1-Col inline-template class="scl-component scl-1-col 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/apprentices-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">Your future career starts with us</h1> <p class="scl-secondary-header-banner__headline">Gain valuable knowledge and on-the-job experience on the way to becoming a fully qualified tradesperson by joining the HIA Apprentices program.</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/apprentices-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">Your future career starts with us</h1> <p class="scl-secondary-header-banner__headline">Gain valuable knowledge and on-the-job experience on the way to becoming a fully qualified tradesperson by joining the HIA Apprentices program.</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":false,"href":"/careers-and-learning"},{"text":"Become a HIA Apprentice","disabled":true,"href":"/careers-and-learning/become-an-hia-apprentice"}]}"> <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="Invalid username or password. Please contact us 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> <!-- email --> <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> <!-- password --> <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-checkbox @change="toggleRememberMe" class="scl-auth-login-form__selection" label="Remember me"></v-checkbox> --> <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="Wrong email address or password, please try again or use forgotten password. "> <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> <!-- email --> <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> <!-- title --> <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> <!-- first name --> <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> <!-- last name --> <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> <!-- phone --> <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> <!-- Postcode --> <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> <!-- mobile --> <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> <!-- email --> <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> <!-- password --> <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> <!-- confirm password --> <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">It's an exciting time when you're first deciding what you would like to do in your career. The construction and building industry offers you a world of opportunity to gain real-life skills that can be used across many different sectors. We have seen many apprentices who started out just like you that have become very successful builders and business owners. </span></p> <h2>Shape your future by learning from the best in the building industry</h2> <p>Our apprentice program guarantees that you will learn every facet of the industry that you need to know from the most experienced and skilled HIA members. You will learn on the job training and mentoring with a mix of training courses to make sure you become a fully qualified tradesperson. You can then decide if you want to continue working for someone else or whether you want to become your own boss. </p> </div> </scl-wysiwyg> <scl-3-Col inline-template class="scl-component scl-3-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12" md="4"> </v-col> <v-col class="text-sm-left col col-index-2 py-0" cols="12" md="4"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <p style="text-align: center;"><a rel="noopener noreferrer" rel="noopener noreferrer" data-cssclass="btn btn-primary " data-itemid="3d6658d8-a0bf-4e75-b3e2-d050fabcf4e1" data-title="Apply now" class="v-btn btn btn-primary " href="http://careers.hiaapprentices.com.au/" target="_blank"><span class="v-btn__content">Apply now</span></a></p> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-left col col-index-3 py-0" cols="12" md="4"> </v-col> </v-row> </v-container> </div> </scl-3-Col> <scl-video class="scl-video scl-component" :api="{"showInfo":false}" inline-template> <figure> <v-row v-if="propApi.showInfo"> <div class="col-12 col-md-6"> <div class="scl-video__video scl-video__video--youtube" id="player"> <iframe src="https://www.youtube.com/embed/wM49r3CDyCw?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe> </div> </div> <v-col cols="12" md="6"> <h3>HIA's apprentice program guarantees that you get the best start in the industry. </h3> <h4>HIA's apprentice program guarantees that you get the best start in the industry. </h4> <p></p> <a href="http://careers.hiaapprentices.com.au" target="_blank" rel="noopener noreferrer" >See what's on offer</a> </v-col> </v-row> <div v-else> <div class="scl-video__video scl-video__video--youtube" id="player"> <iframe src="https://www.youtube.com/embed/wM49r3CDyCw?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe> </div> <figcaption class="scl-video__caption"> HIA's apprentice program guarantees that you get the best start in the industry. <a href="http://careers.hiaapprentices.com.au" target="_blank" rel="noopener noreferrer" >See what's on offer</a> </figcaption> </div> </figure> </scl-video> <scl-spacer></scl-spacer> <scl-grid-container-4 inline-template class="scl-component scl-grid-container-4" :api="{ 'hasTitle': true, 'alignment': 'start', 'cols': 6 }"> <div> <!-- title and link --> <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 }">Become a HIA apprentice</h3> </div> <div> <!-- grid cols --> <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/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 we 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 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/become-an-hia-apprentice/why-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">Why you should become a HIA apprentice?</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 and decorating. 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/how-do-hia-apprenticeships-work" target=""> <v-img lazy-src="/-/media/images/vertical-card/graduation-program.jpg" src="/-/media/images/vertical-card/graduation-program.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 do HIA apprenticeships work?</h4> <div class="scl-card-vertical__text"> <p>We offer guidance and mentoring to help unlock your full potential for a successful building career. </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/how-do-i-apply" target=""> <v-img lazy-src="/-/media/images/vertical-card/shutterstock_1575272596.jpg" src="/-/media/images/vertical-card/shutterstock_1575272596.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 do I apply for a HIA apprenticeship?</h4> <div class="scl-card-vertical__text"> <p>It's easy to become a HIA apprentice. Follow six simple steps to starting your new career.</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> </v-col> <v-col class="text-sm-left col col-index-2 py-0" cols="12" md="2"> </v-col> <v-col class="text-sm-left col col-index-3 py-0" cols="12" md="3"> <scl-tertiary-nav inline-template class="scl-component scl-tertiary-nav"> <div> <h5 class="scl-tertiary-nav__title">Careers and learning</h5> <v-expansion-panels accordion class="scl-tertiary-nav__accordions" flat :value="2"> <!-- panel --> <v-expansion-panel class="scl-tertiary-nav__accordion"> <v-expansion-panel-header disable-icon-rotate class="scl-tertiary-nav__header"> <a href="/careers-and-learning/how-to-get-your-builders-licence"> How to get your builder's licence </a> <template v-slot:actions> <v-icon v-if="8 > 0 "> $vuetify.icons.faCaretRight </v-icon> <v-icon v-else> </v-icon> </template> </v-expansion-panel-header> <v-expansion-panel-content class="scl-category-accordion__content" v-if="8 > 0 "> <a href="/careers-and-learning/how-to-get-your-builders-licence/act-builders-licence" class="scl-tertiary-nav__link"> Builder's Licence – A, B, C and D </a> <a href="/careers-and-learning/how-to-get-your-builders-licence/nsw-builders-licence" class="scl-tertiary-nav__link"> Builder's Licence </a> <a href="/careers-and-learning/how-to-get-your-builders-licence/nt-builders-licence" class="scl-tertiary-nav__link"> Building Contractor Residential Licence </a> <a href="/careers-and-learning/how-to-get-your-builders-licence/qld-builders-licence" class="scl-tertiary-nav__link"> Builder Low Rise Licence and Site Supervisor </a> <a href="/careers-and-learning/how-to-get-your-builders-licence/sa-builders-licence" class="scl-tertiary-nav__link"> Building Works Supervisor Registration </a> <a href="/careers-and-learning/how-to-get-your-builders-licence/tas-builders-licence" class="scl-tertiary-nav__link"> Builder's Licence </a> <a href="/careers-and-learning/how-to-get-your-builders-licence/vic-builders-licence" class="scl-tertiary-nav__link"> Domestic Builder Registration </a> <a href="/careers-and-learning/how-to-get-your-builders-licence/wa-builders-licence" class="scl-tertiary-nav__link"> Building Practitioner Registration </a> </v-expansion-panel-content> </v-expansion-panel> <v-expansion-panel class="scl-tertiary-nav__accordion"> <v-expansion-panel-header disable-icon-rotate class="scl-tertiary-nav__header"> <a href="/careers-and-learning/learning"> Learning </a> <template v-slot:actions> <v-icon v-if="10 > 0 "> $vuetify.icons.faCaretRight </v-icon> <v-icon v-else> </v-icon> </template> </v-expansion-panel-header> <v-expansion-panel-content class="scl-category-accordion__content" v-if="10 > 0 "> <a href="/careers-and-learning/learning/professional-development" class="scl-tertiary-nav__link"> Professional Development </a> <a href="/careers-and-learning/learning/training-courses" class="scl-tertiary-nav__link"> Find a course </a> <a href="/careers-and-learning/learning/learning-on-demand" class="scl-tertiary-nav__link"> Learning on demand </a> <a href="/careers-and-learning/learning/articles" class="scl-tertiary-nav__link"> </a> <a href="/careers-and-learning/learning/resources" class="scl-tertiary-nav__link"> </a> <a href="/careers-and-learning/learning/continuing-professional-development" class="scl-tertiary-nav__link"> Continuing Professional Development </a> <a href="/careers-and-learning/learning/government-subsidised-funding" class="scl-tertiary-nav__link"> Government subsidised courses and training </a> <a href="/careers-and-learning/learning/registered-training-organisation-1091" class="scl-tertiary-nav__link"> Registered Training Organisation </a> <a href="/careers-and-learning/learning/why-study-with-hia" class="scl-tertiary-nav__link"> Why study with HIA? </a> <a href="/careers-and-learning/learning/refunds-and-appeals" class="scl-tertiary-nav__link"> Refunds and appeals </a> </v-expansion-panel-content> </v-expansion-panel> <v-expansion-panel class="scl-tertiary-nav__accordion"> <v-expansion-panel-header disable-icon-rotate class="scl-tertiary-nav__header"> <a href="/careers-and-learning/become-an-hia-apprentice"> Become a HIA Apprentice </a> <template v-slot:actions> <v-icon v-if="12 > 0 "> $vuetify.icons.faCaretRight </v-icon> <v-icon v-else> </v-icon> </template> </v-expansion-panel-header> <v-expansion-panel-content class="scl-category-accordion__content" v-if="12 > 0 "> <a href="/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer" class="scl-tertiary-nav__link"> What apprenticeships do HIA offer? </a> <a href="/careers-and-learning/become-an-hia-apprentice/buildher" class="scl-tertiary-nav__link"> BuildHer </a> <a href="/careers-and-learning/become-an-hia-apprentice/why-become-an-hia-apprentice" class="scl-tertiary-nav__link"> Why become a HIA apprentice? </a> <a href="/careers-and-learning/become-an-hia-apprentice/how-do-hia-apprenticeships-work" class="scl-tertiary-nav__link"> How do HIA apprenticeships work? </a> <a href="/careers-and-learning/become-an-hia-apprentice/how-do-i-apply" class="scl-tertiary-nav__link"> How do I apply for a HIA apprenticeship? </a> <a href="/careers-and-learning/become-an-hia-apprentice/what-our-apprentices-have-to-say" class="scl-tertiary-nav__link"> What our apprentices have to say </a> <a href="/careers-and-learning/become-an-hia-apprentice/faqs" class="scl-tertiary-nav__link"> Frequently asked questions </a> <a href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources" class="scl-tertiary-nav__link"> Apprentice resources </a> <a href="/careers-and-learning/become-an-hia-apprentice/access-financial-assistance" class="scl-tertiary-nav__link"> Access financial assistance </a> <a href="/careers-and-learning/become-an-hia-apprentice/life-after-your-apprenticeship" class="scl-tertiary-nav__link"> Life after your apprenticeship </a> <a href="/careers-and-learning/become-an-hia-apprentice/advice-for-parents-and-guardians" class="scl-tertiary-nav__link"> Advice for parents and guardians </a> <a href="/careers-and-learning/become-an-hia-apprentice/advice-for-career-advisors" class="scl-tertiary-nav__link"> Advice for career advisors </a> </v-expansion-panel-content> </v-expansion-panel> </v-expansion-panels> </div> </scl-tertiary-nav> <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>Become a HIA apprentice</h4> <hr style="height: 4px; border: none; color: #ffd520; background-color: #ffd520; width: 40%; text-align: left; margin: 0px auto 0px 0px;" /> <p> </p> <p>Your future career starts with us. </p> <p>Take the opportunity to gain real-life skills across various trades in the residential construction industry. </p> <p>Find out where we can take you.</p> <p><a data-cssclass="btn btn-primary arrow " data-itemid="fd4e1c23-aef9-43a8-bf8d-80900ed6a34f" data-title="Browse careers" href="http://careers.hiaapprentices.com.au/" class="v-btn btn btn-primary arrow "><span class="v-btn__content">Browse careers<svg height="16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://careers.hiaapprentices.com.au/" 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> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2 style="text-align: center;">Why become a part of the building industry?</h2> <p style="text-align: center;">As a vital Australian industry we rely on the support of our current skilled workforce but we need you, the next generation to help lead the way in growing and shaping the way forward for future generations of qualified builders and tradespeople. </p> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-1-Col> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 768px;"> <v-row row wrap class=""> <v-col class="text-sm-center col col-index-1 py-0" cols="12"> <scl-video class="scl-video scl-component" :api="{"showInfo":false}" inline-template> <figure> <v-row v-if="propApi.showInfo"> <div class="col-12 col-md-6"> <div class="scl-video__video scl-video__video--youtube" id="player"> <iframe src="https://www.youtube.com/embed/3HTF33oxnu8?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe> </div> </div> <v-col cols="12" md="6"> <h3>Why have a career in the building industry?</h3> <h4>Why have a career in the building industry?</h4> <p></p> </v-col> </v-row> <div v-else> <div class="scl-video__video scl-video__video--youtube" id="player"> <iframe src="https://www.youtube.com/embed/3HTF33oxnu8?origin=https://plyr.io&amp;iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe> </div> <figcaption class="scl-video__caption"> Why have a career in the building industry? </figcaption> </div> </figure> </scl-video> <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-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"></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="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/tips-for-a-successful-apprenticeship"> <v-img src="/-/media/images/vertical-card/apprentices/successful-apprenticeship.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Education </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Tips for a successful apprenticeship</h6> <div class="scl-article-card-carousel__text"> Some techniques to draw out what you need to know how to be amazingly good at asking questions </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 22</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/tips-for-a-successful-apprenticeship"> 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="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/memory-retention"> <v-img src="/-/media/images/vertical-card/apprentices/memory-retention.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Education </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Memory retention</h6> <div class="scl-article-card-carousel__text"> Memory is the ability of the mind by which information is programmed, stored, and retrieved. Memory is vital to our experiences. It is the retention of information over time for the purpose of influencing future action. If we coul... </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Oct 22</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/memory-retention"> 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="/resources-and-advice/managing-your-safety/falls-from-heights/articles/safe-use-of-portable-ladders"> <v-img src="/-/media/images/vertical-card/safety-workplace.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"> Falls from heights </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Safety </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Safe Work Method Statement (SWMS) </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Safe use of portable ladders</h6> <div class="scl-article-card-carousel__text"> Each year there are dozens of serious incidents where workers have fallen from ladders. Most of these incidents involve a ladder being used incorrectly or inappropriately. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 22</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/resources-and-advice/managing-your-safety/falls-from-heights/articles/safe-use-of-portable-ladders"> 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="/resources-and-advice/managing-your-safety/safety-rules/articles/manual-handling-safely"> <v-img src="/-/media/images/drl-listing-page/managing-your-safety/hia-safety-services-thumbnail.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"> Bracing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Certification </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Compliance </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Handrails </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Manual handling safety</h6> <div class="scl-article-card-carousel__text"> Hazardous manual handling is one of the main causes of workplace injuries and covers a wide range of activities when you use force to lift, push, pull, hold, restrain, throw or carry something. When doing work that involves manual... </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 22</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/resources-and-advice/managing-your-safety/safety-rules/articles/manual-handling-safely"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/resources-and-advice/managing-your-safety/falls-from-heights/articles/slips-trips-and-falls-on-the-same-level"> <v-img src="/-/media/images/vertical-card/safety.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"> Occupational Health and Safety (OHS) </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Risk management </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Slips, trips and falls: on the same level</h6> <div class="scl-article-card-carousel__text"> Slips, trips and falls are a leading cause of injuries at construction workplaces. The most common ones are musculoskeletal injuries (sprains and strains), cuts, bruises, fractures and dislocations but more serious injuries can al... </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 22</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/resources-and-advice/managing-your-safety/falls-from-heights/articles/slips-trips-and-falls-on-the-same-level"> 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="/resources-and-advice/managing-your-safety/safety-rules/articles/using-hand-and-power-tools-safely"> <v-img src="/-/media/images/drl-listing-page/managing-your-safety/hia-safety-services-thumbnail.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"> Electrical </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Occupational Health and Safety (OHS) </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Using hand and power tools safely</h6> <div class="scl-article-card-carousel__text"> Using hand tools incorrectly – or tools that are not fit for purpose or not suited to the person using them have resulted in many injuries at construction workplaces. Sometimes it’s as insignificant as a minor cut or scrape, but c... </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 22</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/resources-and-advice/managing-your-safety/safety-rules/articles/using-hand-and-power-tools-safely"> 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="/resources-and-advice/managing-your-safety/safety-rules/articles/working-with-hazardous-chemicals-safely"> <v-img src="/-/media/images/drl-listing-page/managing-your-safety/ohs-and-worksafe-thumbnail.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"> Face masks </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Risk management </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Safety </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Work Health and Safety (WHS) </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Working with hazardous chemicals safely</h6> <div class="scl-article-card-carousel__text"> Chemicals are found all over the jobsite and some of them are more hazardous than others. Container labels and safety data sheets will give you information about the hazards of materials you work with. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 22</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/resources-and-advice/managing-your-safety/safety-rules/articles/working-with-hazardous-chemicals-safely"> 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="/resources-and-advice/managing-your-safety/safety-rules/articles/sun-protection-and-extreme-heat"> <v-img src="/-/media/images/drl-listing-page/managing-your-safety/ohs-and-worksafe-thumbnail.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"> Confined spaces </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Managing staff </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Safety </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Sun protection and extreme heat</h6> <div class="scl-article-card-carousel__text"> As the weather warms up, it's important to know the risks associated with sun exposure and how working in hot conditions can lead to life threatening conditions. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 22</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/resources-and-advice/managing-your-safety/safety-rules/articles/sun-protection-and-extreme-heat"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/apprentice-health-and-wellbeing"> <v-img src="/-/media/images/vertical-card/apprentices/apprentice-health-and-wellbeing.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"> Education </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Work Health and Safety (WHS) </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Apprentice health and wellbeing</h6> <div class="scl-article-card-carousel__text"> Maintain a healthy and balanced lifestyle so you can meet the demands of your apprenticeship. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 20</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/apprentice-health-and-wellbeing"> 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="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/confidence-in-the-workplace"> <v-img src="/-/media/images/vertical-card/apprentices/confidence-in-the-workplace.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"> Time management </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Confidence in the workplace</h6> <div class="scl-article-card-carousel__text"> Confident apprentices are positive, productive, good motivators and great role models. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 20</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/confidence-in-the-workplace"> 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="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/employer-expectations"> <v-img src="/-/media/images/vertical-card/apprentices/employer-expectations.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"> Time management </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Team building </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">Employer expectations</h6> <div class="scl-article-card-carousel__text"> A strong work ethic and a positive attitude are just some of the attributes you'll be expected to show as an apprentice. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 20</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/employer-expectations"> 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="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/goal-setting-made-easy"> <v-img src="/-/media/images/vertical-card/apprentices/goal-setting-made-easy.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"> Time management </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">Goal setting made easy</h6> <div class="scl-article-card-carousel__text"> Decide what you want to achieve in life and take the steps to get you there. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 20</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/goal-setting-made-easy"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/manage-time-effectively"> <v-img src="/-/media/images/vertical-card/apprentices/manage-time-effectively.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"> Time management </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">Top 10 tips to manage your time</h6> <div class="scl-article-card-carousel__text"> Learn how to manage your time more effectively with Top 10 tips. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 20</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/manage-time-effectively"> 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="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/know-your-work-health-and-safety-rights-and-responsibilities"> <v-img src="/-/media/images/vertical-card/apprentices/know-your-work-health-and-safety.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"> Work Health and Safety (WHS) </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Occupational Health and Safety (OHS) </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Know your work health and safety rights and responsibilities</h6> <div class="scl-article-card-carousel__text"> Being an employee requires you to be aware of health and safety at work. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 20</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/know-your-work-health-and-safety-rights-and-responsibilities"> 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="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/terms-you-need-to-know"> <v-img src="/-/media/images/vertical-card/apprentices/terms-you-need-to-know.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"> Education </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Terms you need to know</h6> <div class="scl-article-card-carousel__text"> This glossary will help you understand some of the terms you'll hear when you take on an apprenticeship. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 20</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/terms-you-need-to-know"> 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="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/online-timesheets-for-apprentices"> <v-img src="/-/media/images/vertical-card/apprentices/online-timesheets-for-apprentices.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"> Time recording </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">Online timesheets for apprentices</h6> <div class="scl-article-card-carousel__text"> Submitting an online timesheet is easy. Check out our tutorial to find out how. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 20</div> <div class="scl-article-card-carousel__info-time"></div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/careers-and-learning/become-an-hia-apprentice/apprentice-resources/online-timesheets-for-apprentices"> 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=AE6C4A22A7F916CFA1FD9EDE00348FC5" class="" alt="HIA" /> <span>© Housing Industry Association Limited 2025 </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" class="px-1 mx-1">Governance policies</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.91449c4a.js.gz" type="text/javascript"></script> <script defer="" src="/scl/assets/js/app.90ecf439.js.gz" type="text/javascript"></script> </body> </html>