CINXE.COM
HIA Charitable Foundation
<!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="The HIA Charitable Foundation aims to tackle mental health issues and improve the health and welfare of people in the residential building industry." name="description"> <meta content="HIA charitable foundation, building industry, charity, HIA charity support, mental health" name="keywords"> <title>HIA Charitable Foundation </title> <meta name="VIcurrentDateTime" content="638682822789419178" /> <meta name="VirtualFolder" content="/" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <link as="style" defer="" href="/scl/assets/css/app.b00eceef.css.gz" rel="preload" /> <link as="style" defer="" href="/scl/assets/css/chunk-vendors.f3f30676.css.gz" rel="preload" /> <link defer="" href="/scl/assets/css/app.b00eceef.css.gz" rel="stylesheet" /> <link defer="" href="/scl/assets/css/chunk-vendors.f3f30676.css.gz" rel="stylesheet" /> <meta property="og:type" content="Article"> <meta property="og:title" content="HIA Charitable Foundation"> <meta property="og:description" content="The HIA Charitable Foundation aims to tackle mental health issues and improve the health and welfare of people in the residential 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="HIA Charitable Foundation"> <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/hia-community/what-we-do/charitable-foundation" /> <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/hia-community/what-we-do/charitable-foundation” /> </head> <body class="en "> <v-app id="app" v-cloak> <v-main id="app-main" :style="[isIe ? {opacity: 1} : {opacity: 0}]"> <header id="app-header"> <scl-header inline-template :api="{"search":true,"profile":true,"cart":true}" class="scl-component scl-header"> <div> <v-navigation-drawer v-model="drawer" width="100%" fixed temporary right v-if="$vuetify.breakpoint.smAndDown"> <v-container class="scl-header__secondary-mobile"> <v-row class="align-center"> <v-col cols="4" class="pt-0 pb-0"> <div class="scl-header__left-side"> <div class="scl-header__logo"> <a href="/" title="HIA homepage" ><img src="/-/media/images/hia/home/logo.png?la=en&h=88&w=78&hash=93DF83EA27926A5C57B0C45472521DC7" alt="Housing Industry Association Limited" /></a> </div> </div> </v-col> <v-col cols="8" class="pt-0 pb-0 text-right scl-header__secondary-icons"> <div :class="propApi.search || propApi.profile ? 'scl-header__border-right' : null"> <span v-if="propApi.search"> <v-icon class="scl-header__secondary-icon"> {{ propApi.searchIcon }}</v-icon> </span> <span v-if="propApi.profile"> <scl-header-profile-menu class="scl-component scl-header-profile-menu" inline-template @emit-is-active="setActiveMenu" :icon="propApi.profileIcon"> <div v-if="getAuth"> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu :value="active" bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-avatar class="scl-header-profile-menu__avatar" size="36"> {{ initials }} </v-avatar> <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> <v-container class="scl-header-profile-menu__container pt-0"> <v-row class="pt-0 justify-end"> <v-col cols="12" sm="4" class="pt-0"> <v-card class="scl-header-profile-menu__card"> <v-list-item-content class="pt-0"> <div class="scl-header-profile-menu__header-information"> <h3> Welcome, <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> </h3> <v-btn icon> <v-icon class="scl-header-profile-menu__dismiss-button" @click="handleClose">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <v-list> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My dashboard</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My personal details</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My digital library</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="https://hia.com.au/Contracts/authenticated/mycontracts.aspx" target="_blank"> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My contracts (Contracts online)</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My invoices</strong> </v-list-item-title> </a> </v-list-item> <v-divider class="my-4"></v-divider> <v-list-item> <v-list-item-title> <a class="btn btn-link btn--x-small" text @click="handleLogout">Logout <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> </v-list-item-title> </v-list-item> </v-list> </v-list-item-content> </v-card> </v-col> </v-row> </v-container> </v-menu> </v-toolbar-items> </v-toolbar> </div> <div v-else> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" @click="openLoginModal" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> </v-menu> </v-toolbar-items> </v-toolbar> </div> </scl-header-profile-menu> </span> </div> <div> <v-icon class="scl-header__secondary-icon" @click="drawer = false"> {{ propApi.closeIcon }}</v-icon> </div> </v-col> </v-row> </v-container> <v-expansion-panels accordion class="scl-header__accordions" flat ref="panels"> <!-- 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/')"> <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=93DF83EA27926A5C57B0C45472521DC7" alt="Housing Industry Association Limited" /></a> </div> <v-toolbar-title v-if="propApi.name" class="align-center ml-2 hidden-sm-and-down"> <span class="title"></span> </v-toolbar-title> </div> </v-col> <v-col cols="8" md="9" class="pt-0 pb-0"> <div class="scl-header__right-side justify-end"> <v-toolbar-items class="scl-header__secondary-nav-items" v-if="$vuetify.breakpoint.mdAndUp"> <v-menu offset-y open-on-hover content-class="scl-header__secondary__no-shadow"> <template v-slot:activator="scope"> <v-btn :ripple="false" text href="/about-us" v-on="scope.on" class="btn btn--small scl-header__secondary__link">About</v-btn> </template> </v-menu> <v-menu offset-y open-on-hover content-class="scl-header__secondary__no-shadow"> <template v-slot:activator="scope"> <v-btn :ripple="false" text href="/contact-hia" v-on="scope.on" class="btn btn--small scl-header__secondary__link">Contact</v-btn> </template> </v-menu> <v-menu offset-y open-on-hover content-class="scl-header__secondary__no-shadow"> <template v-slot:activator="scope"> <v-btn :ripple="false" text href="/our-industry/newsroom" v-on="scope.on" class="btn btn--small scl-header__secondary__link">Newsroom</v-btn> </template> </v-menu> <v-divider vertical></v-divider> </v-toolbar-items> <div v-if="$vuetify.breakpoint.mdAndUp" class="scl-header__secondary-placeholder"> <scl-form-location inline-template class="scl-component scl-form-location" region="Australia" :api="{"successMessage":"","fallBackText":"Australia"}"> <div> <v-dialog v-model="dialog" max-width="1060" overlay-opacity="0.8" :overlay-color="color"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small btn-link scl-form-location__location" @click="initSearch"> <v-icon class="mr-3">$vuetify.icons.faMapMarker</v-icon> {{region}} </v-btn> </template> <v-card class="scl-form-location__card"> <div class="text-right"> <v-btn :ripple="false" class="btn btn--large" text @click="dialog = false"> <v-icon class="scl-form-location__close-icon">$vuetify.icons.faTimes</v-icon> </v-btn> </div> <v-row class="justify-center"> <v-col cols="12" sm="7"> <div class="scl-form-location__content text-center"> <v-icon class="scl-form-location__icon">$vuetify.icons.faMapMarker</v-icon> <v-card-title class="scl-form-location__title">Set my location</v-card-title> <v-card-text scl-form-location__text>Use the field below to update your location</v-card-text> </div> <v-card-actions class="scl-form-location__form"> <div class="scl-form-location__label">Address</div> <v-text-field placeholder="Enter your address" solo single-line class="scl-form-location__input" ref="locationRef"></v-text-field> <v-btn class="btn btn-primary scl-form-location__button" @click="setLocation">Change location</v-btn> </v-card-actions> </v-col> </v-row> </v-card> </v-dialog> <v-snackbar v-model="snackbar" :timeout="timeout" class="scl-form-location__snackbar"> <v-alert border="bottom" class="scl-form-location__alert" :class="'scl-form-location--' + propApi.type" colored-border :dismissible="propApi.dismissible" :outlined="propApi.outlined" :icon="propApi.icon" tile :type="propApi.type"> <div v-if="(!showMessage || propApi.successMessage == null)"> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.text}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> <div v-else> <h6 class="scl-form-location__alert-title">{{propApi.title}}</h6> {{propApi.successMessage}} <b>{{region}}</b> <a class="scl-form-location__link" @click="initSearch">Change location</a> </div> </v-alert> </v-snackbar> </div> </scl-form-location> <scl-header-contact class="scl-header-contact scl-component" inline-template> <div> <div> <p class="scl-header-contact__number"><v-icon class="mr-3">$vuetify.icons.faPhone</v-icon><a href="tel:1300 650 620">1300 650 620 </a></p> </div> </div> </scl-header-contact> </div> <div class="scl-header__cart" v-if="propApi.cart && $vuetify.breakpoint.mdAndUp"> <v-divider vertical></v-divider> <scl-minicart :api="{"cartLink":"/cart","cartLinkTitle":"Cart","checkoutLink":"/checkout","checkoutLinkTitle":"Checkout","shopLink":"/products","cartTitle":"Checkout"}" class="scl-component scl-minicart" inline-template> <div> <div class="scl-minicart__menu" :class="menu? 'scl-minicart__menu--active' : ''"> <v-btn :ripple="false" text class="scl-minicart__btn" color="primaryDark"> <v-icon size="32">$vuetify.icons.faShoppingCart</v-icon> <span v-if="(getCart.length > 0)" class="scl-minicart__number">{{getCart.length}}</span> </v-btn> <div class="scl-minicart__menu-dropdown" v-if="!(getCart.length > 0)"> <div class="scl-minicart__header"> <h4>{{propApi.cartTitle}}</h4> <v-btn icon :ripple="false" class="scl-minicart__header-dismiss"> <v-icon @click="menu = false">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <div class="scl-minicart__container"> <div class="pa-6"> <h6 class="mb-4">Your cart is currently empty</h6> <p class="mb-0"><a :href="propApi.shopLink">Browse the shop</a> to add items to your cart.</p> </div> </div> </div> <div class="scl-minicart__menu-dropdown" v-else> <div class="scl-minicart__header"> <h4>Cart</h4> <v-btn icon :ripple="false" class="scl-minicart__header-dismiss"> <v-icon @click="menu = false">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <div class="scl-minicart__container"> <div v-for="(item, itemIndex) in getCart" class="scl-minicart__item" :key="itemIndex"> <span class="d-inline-block" v-if="item.product.isHidden && !item.product.hiddenRedirect" > <v-img :alt="item.product.displayName" aspect-ratio="1" class="scl-minicart__image" :lazy-src="$root.lazyImg" :src="resolveImage(item.product.imageUrls[0])"></v-img> </span> <a v-else-if="item.product.isHidden && item.product.hiddenRedirect" class="d-inline-block" :href="item.product.hiddenRedirect"> <v-img :alt="item.product.displayName" aspect-ratio="1" class="scl-minicart__image" :lazy-src="$root.lazyImg" :src="resolveImage(item.product.imageUrls[0])"></v-img> </a> <a v-else class="d-inline-block" :href="'/products/detail?pid=' + item.product.productId"> <v-img :alt="item.product.displayName" aspect-ratio="1" class="scl-minicart__image" :lazy-src="$root.lazyImg" :src="resolveImage(item.product.imageUrls[0])"></v-img> </a> <div class="scl-minicart__details"> <div> <span v-if="item.product.isHidden && !item.product.hiddenRedirect"> <h6 class="scl-minicart__name">{{ item.product.displayName }}</h6> </span> <a v-else-if="item.product.isHidden && item.product.hiddenRedirect" :href="item.product.hiddenRedirect"> <h6 class="scl-minicart__name">{{ item.product.displayName }}</h6> </a> <a v-else :href="'/products/detail?pid=' + item.product.productId"> <h6 class="scl-minicart__name">{{ item.product.displayName }}</h6> </a> </div> <div class="d-flex align-start justify-space-between"> <div class="scl-minicart__quantity"> <v-text-field v-model="item.quantity" append-icon="$vuetify.icons.faPlus" background-color="#f4f4f4" class="scl-minicart__input" :class="item.quantity === 1? 'scl-minicart__input--disabled' : ''" color="accent" :disabled="(!item.product.productId.startsWith('ec-') && !item.product.productId.toLowerCase().includes('sub')) ? getLoading : true" height="48" min="1" pattern="[1-9]*" prepend-inner-icon="$vuetify.icons.faMinus" :rules="[rules.number]" step="1" type="number" @blur="handleQuantity(item.product.productId, getVariantId(item.product), $event.target.value)" @click:append="incrementQuantity(item.product.productId, getVariantId(item.product), item.quantity)" @click:prepend-inner="decrementQuantity(item.product.productId, getVariantId(item.product), item.quantity)" @keyup.enter="handleQuantity(item.product.productId, getVariantId(item.product), $event.target.value)"> </v-text-field> </div> <div class="scl-minicart__total"> <h5> {{ item.product.currencySymbol }}{{ item.price.total | asCurrency }} </h5> <div> <v-btn class="scl-minicart__remove" :ripple="false" :disabled="getLoading" small text @click="removeItem(item.id)"> <v-icon :left="$vuetify.breakpoint.mdAndUp" size="14">$vuetify.icons.faTrashAlt</v-icon> <span v-if="$vuetify.breakpoint.mdAndUp">Remove</span> </v-btn> </div> </div> </div> </div> </div> </div> <div class="scl-minicart__footer"> <div class="d-flex justify-space-between align-center"> <h5>Sub Total</h5> <h4>{{ total }}</h4> </div> <div class="d-flex"> <v-btn class="btn btn-outlined mr-6" depressed height="64" :disabled="getLoading" :ripple="false" :loading="getLoading" @click="handleViewCart"> {{propApi.cartLinkTitle}} </v-btn> <v-btn class="btn btn-primary" depressed height="64" :disabled="getLoading" :ripple="false" :loading="getLoading" @click="handleCheckout"> {{propApi.checkoutLinkTitle}} </v-btn> </div> </div> </div> </div> </div> </scl-minicart> <v-divider vertical></v-divider> </div> <div class="scl-header__nav-buttons" v-if="$vuetify.breakpoint.mdAndUp"> <scl-auth-login-btn inline-template class="scl-component scl-auth-login-btn"> <div v-if="!getAuth"> <v-btn class="btn btn-outlined btn--small hidden-sm-and-down ml-3" depressed height="40px" outlined @click="emitLogin"> <span>Login</span> </v-btn> </div> </scl-auth-login-btn> <v-btn :ripple="false" depressed href="/signup" class="btn btn-primary btn--small hidden-sm-and-down ml-3">Join HIA</v-btn> </div> <div class="scl-header__secondary-icons" v-if="$vuetify.breakpoint.smAndDown"> <div :class="propApi.search || propApi.profile || propApi.cart ? 'scl-header__border-right' : null"> <span v-if="propApi.search"> <v-btn :ripple="false" class="scl-header__primary-search" v-if="propApi.search" text v-on="scope.on"><v-icon class="scl-header__secondary-icon"> {{ propApi.searchIcon }}</v-icon></v-btn> </span> <span v-if="propApi.profile"> <scl-header-profile-menu class="scl-component scl-header-profile-menu" inline-template @emit-is-active="setActiveMenu" :icon="propApi.profileIcon"> <div v-if="getAuth"> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu :value="active" bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-avatar class="scl-header-profile-menu__avatar" size="36"> {{ initials }} </v-avatar> <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> <v-container class="scl-header-profile-menu__container pt-0"> <v-row class="pt-0 justify-end"> <v-col cols="12" sm="4" class="pt-0"> <v-card class="scl-header-profile-menu__card"> <v-list-item-content class="pt-0"> <div class="scl-header-profile-menu__header-information"> <h3> Welcome, <span v-if="(fullName.length < 15)">{{ fullName }}</span> <span v-else>{{ firstName }}</span> </h3> <v-btn icon> <v-icon class="scl-header-profile-menu__dismiss-button" @click="handleClose">$vuetify.icon.faTimes</v-icon> </v-btn> </div> <v-list> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My dashboard</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My personal details</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My digital library</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="https://hia.com.au/Contracts/authenticated/mycontracts.aspx" target="_blank"> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My contracts (Contracts online)</strong> </v-list-item-title> </a> </v-list-item> <v-list-item> <a href="" target=""> <v-list-item-title class="scl-header-profile-menu__nav-list-link"> <strong>My invoices</strong> </v-list-item-title> </a> </v-list-item> <v-divider class="my-4"></v-divider> <v-list-item> <v-list-item-title> <a class="btn btn-link btn--x-small" text @click="handleLogout">Logout <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> </v-list-item-title> </v-list-item> </v-list> </v-list-item-content> </v-card> </v-col> </v-row> </v-container> </v-menu> </v-toolbar-items> </v-toolbar> </div> <div v-else> <v-toolbar flat height="auto"> <v-toolbar-items> <v-menu bottom rounded offset-y :close-on-content-click="false" transition="slide-y-transition" content-class="scl-header-profile-menu__wrapper"> <template v-slot:activator="scope"> <v-btn :ripple="false" v-on="scope.on" v-bind="scope.attrs" :currentState="emitState(scope.attrs)" @click="openLoginModal" class="scl-header-profile-menu__button"> <span v-if="$vuetify.breakpoint.smAndUp"> <v-icon class="scl-header-profile-menu__button-icon">$vuetify.icon.faChevronDown</v-icon> </span> <v-icon v-else class="scl-header__secondary-icon"> {{ icon }} </v-icon> </v-btn> </template> </v-menu> </v-toolbar-items> </v-toolbar> </div> </scl-header-profile-menu> </span> <span v-if="propApi.cart"> <scl-minicart class="scl-component scl-minicart" inline-template> <div> <v-btn :ripple="false" text class="scl-minicart__btn" href="/cart" color="primaryDark"> <v-icon size="32">$vuetify.icons.faShoppingCart</v-icon> <span class="scl-minicart__number" v-if="(getCart.length > 0)"> {{getCart.length}} </span> </v-btn> </div> </scl-minicart> </span> </div> <div> <v-app-bar-nav-icon @click.stop="drawer = !drawer"><v-icon class="scl-header__secondary-icon">{{propApi.icon}}</v-icon></v-app-bar-nav-icon> </div> </div> </div> </v-col> <div class="scl-header__separator"></div> <v-col cols="11" class="pt-0 pb-0 pl-0" v-if="$vuetify.breakpoint.mdAndUp"> <v-toolbar-items class="scl-header__primary-nav-items hidden-sm-and-down"> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Our industry</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Our industry</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/our-industry"> Access the latest industry insights <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list"> <!-- 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/')"> <v-list-item-title><a href="https://hiring.hia.com.au/" title="Advertise jobs" >Advertise jobs</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Member perks</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/toyota-fleet-discount')"> <v-list-item-title><a href="/business-support/affinity-partners/toyota-fleet-discount" >Toyota vehicles</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/the-good-guys-commercial')"> <v-list-item-title><a href="/business-support/affinity-partners/the-good-guys-commercial" >The Good Guys Commercial</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners/fuel-discounts')"> <v-list-item-title><a href="/business-support/affinity-partners/fuel-discounts" >Ampol fuel savings</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/affinity-partners')"> <v-list-item-title><a href="/business-support/affinity-partners" >See all</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Industry insurance</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services')"> <v-list-item-title><a href="/business-support/hia-insurance-services" >HIA Insurance Services</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/construction-works')"> <v-list-item-title><a href="/business-support/hia-insurance-services/construction-works" >Construction works insurance</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/home-warranty-insurance')"> <v-list-item-title><a href="/business-support/hia-insurance-services/home-warranty-insurance" >Home warranty insurance</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/hia-insurance-services/tradies-and-tools-insurance')"> <v-list-item-title><a href="/business-support/hia-insurance-services/tradies-and-tools-insurance" >Tradies & tool insurance</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Apprentices</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host/why-host-an-hia-apprentice')"> <v-list-item-title><a href="/business-support/become-an-hia-apprentice-host/why-host-an-hia-apprentice" title="Why host a HIA apprentice?" >Why host a HIA apprentice?</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/become-an-hia-apprentice-host')"> <v-list-item-title><a href="/business-support/become-an-hia-apprentice-host" >Hire an apprentice</a></v-list-item-title> </v-list-item> </v-list> <v-list class="scl-header__nav-list-items"> <h5 class="scl-header__nav-list-title">Support & guidance</h5> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/contracts-and-compliance-support')"> <v-list-item-title><a href="/business-support/contracts-and-compliance-support" title="Contracts & compliance support" >Contracts & compliance support</a></v-list-item-title> </v-list-item> <v-list-item :ripple="false" class="scl-header__nav-list-link" @click="gotoUrl('/business-support/building-and-planning-services')"> <v-list-item-title><a href="/business-support/building-and-planning-services" >Building & planning services</a></v-list-item-title> </v-list-item> </v-list> </div> </v-col> </v-row> </v-container> </v-menu> <v-menu offset-y transition="slide-y-transition" content-class="scl-header__mega-menu" :close-on-content-click="false"> <template v-slot:activator="scope"> <v-btn :ripple="false" class="btn btn--small scl-header__primary-nav-item" text v-on="scope.on" v-bind="scope.attrs">Resources & advice</v-btn> </template> <v-container> <v-row> <v-col cols="4" lg="3"> <h2>Resources & advice</h2> <p></p> <a class="btn btn-link btn--x-small" text href="/resources-and-advice"> Explore our extensive resource library <v-icon class="btn__icon-link"> $vuetify.icons.faArrowRight </v-icon></a> <div class="scl-header__accent"></div> </v-col> <v-col cols="8" offset-lg="1"> <div class="scl-header__nav-list"> <!-- 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/charitable-foundation-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">Charitable Foundation</h1> <p class="scl-secondary-header-banner__headline">Improving the health and welfare of our industry</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/charitable-foundation-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">Charitable Foundation</h1> <p class="scl-secondary-header-banner__headline">Improving the health and welfare of our industry</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":"HIA community","disabled":false,"href":"/hia-community"},{"text":"What we do, we do for you","disabled":false,"href":"/hia-community/what-we-do"},{"text":"HIA Charitable Foundation","disabled":true,"href":"/hia-community/what-we-do/charitable-foundation"}]}"> <div> <v-breadcrumbs :items="breakpointAdjustedItems" :divider="propApi.characterDivider"> <template v-if="!propApi.characterDivider" v-slot:divider> <v-icon> {{ propApi.divider }} </v-icon> </template> </v-breadcrumbs> </div> </scl-breadcrumbs> </v-col> <v-col class="text-sm-right col col-index-2" cols="12" md="6"> <div class="text-left text-sm-right d-flex justify-sm-end align-center fill-height"> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"email"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"facebook"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"linkedin"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"pinterest"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> <scl-social-share inline-template class="scl-component scl-social-share" :api="{"type":"twitter"}"> <v-btn :ripple="false" v-on:click="socialType(api.type)" :class="'scl-social-share__button scl-social-share--' + api.type" icon large> <v-icon class="scl-social-share__icon" v-html="socialIcon(api.type)"></v-icon> </v-btn> </scl-social-share> </div> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-auth-login-modal inline-template class="scl-component scl-auth-login-modal" :hide-options="true"> <div> <v-dialog attach=".scl-auth-login-modal" @keydown.esc="handleCloseModal" overlay-opacity="0.75" persistent v-model="dialog" :width="$vuetify.breakpoint.smAndDown ? '100%' : '790px'"> <v-card class="scl-auth-login-modal__card"> <v-card-actions class="scl-auth-login-modal__card-actions"> <v-btn icon color="primaryDark" @click="handleCloseModal" size="36"> <v-icon>$vuetify.icons.faTimes</v-icon> </v-btn> </v-card-actions> <v-card-text> <div class="scl-auth-login-modal__tabs"> <v-btn @click="changeTab" depressed :disabled="tabs.tab1" height="55"> <span v-if="$vuetify.breakpoint.xsOnly">Login now</span> <span v-else>Member/Guest login</span> </v-btn> <v-btn @click="changeTab" depressed :disabled="tabs.tab2" height="55" v-if="!disableRegistration"> <span v-if="$vuetify.breakpoint.xsOnly">Sign up</span> <span v-else>Create guest account</span> </v-btn> </div> <div v-if="tabs.tab1" class="scl-auth-login-modal__tab"> <scl-auth-login-form inline-template v-if="!forgotPassword" class="scl-component scl-auth-login-form" error-message="Wrong email address or password, please try again or use forgotten password. " member-id-error-message="Unable to find member ID. Please contact HIA for assistance." redirect-url="" :input-options="form.inputOptions" :input-rules="form.inputRules" :loading="getLoading" :pattern="form.pattern" @emit-forgot-password="handleForgotPassword"> <div> <h5>Member and guest login</h5> <p>Enter your email and password to access secured content, members only resources and discount prices.</p> <!-- 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="Email not associated to a user. Please try a different email or contact HIA."> <div> <v-btn class="scl-auth-forgot-password__btn-text" color="primaryDark" text @click="forgotPassword"> <v-icon color="primaryDark" left>$vuetify.icons.faArrowLeft</v-icon> Back to login </v-btn> <h5>Forgotten password</h5> <p></p> <!-- 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 class="hero-text">The HIA Charitable Foundation (HIACF) was founded in 2012 to improve health and welfare outcomes for HIA members, their families and the wider community. Tackling mental health is a big part of our program. </p> <p>HIACF has an 11 year history of stepping up to support causes that matter to the residential building industry. "We do this by providing financial donations to best-practice research organisations," says Pino Monaco, Chair of HIACF. The Foundation’s current beneficiaries include Beyond Blue and the Tradie Health Institute. </p> </div> </scl-wysiwyg> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2>We’ve done some great work so far:</h2> </div> </scl-wysiwyg> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div style="text-align: center; padding: 0 10px;"> <img src="/-/media/images/icon/large/lung.png?h=150&w=150&hash=E3807E7A507F0AB87C2BC6A760B5D481" style="width:150px; height:150px;" alt="health" /> <h2><sup>$</sup>100K</h2> <p><strong>Donated to Tradie Health Institute <br /> </strong> For world first research into Silicosis</p> </div> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div style="text-align: center; padding: 0 10px;"> <img src="/-/media/images/icon/large/mental-health.png?h=150&w=150&hash=8E7539403A9DCC237BAFA6A4DDCE0388" style="width:150px; height:150px;" alt="mental health" /> <h2><sup>$</sup>1.2M</h2> <p><strong>Donated to Beyond Blue<br /> </strong>Connecting people to mental health support</p> </div> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div style="text-align: center; padding: 0 10px;"> <img src="/-/media/images/icon/large/research.png?h=150&w=150&hash=5AE32EE17347D79C4B06D5D979433495" style="width:150px; height:150px;" alt="research" /> <h2><sup>$</sup>400K</h2> <p><strong>Donated to NCARD<br /> </strong>For research into Mesothelioma</p> </div> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <div style="text-align: center; padding: 0 10px;"> <img src="/-/media/images/icon/large/house.png?h=150&w=150&hash=B69AC0FFEAB1941B7F7B1CE206F32B14" style="width:150px; height:150px;" alt="house" /> <h2><sup>$</sup>40K</h2> <p><strong>Donated to the Victorian Homeless Fund<br /> </strong>Helping provide housing relief for women & children in need</p> </div> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-2-Col> <scl-spacer></scl-spacer> </v-col> <v-col class="text-sm-left col col-index-2 py-0" cols="12" md="1"> </v-col> <v-col class="text-sm-left col col-index-3 py-0" cols="12" md="4"> <scl-tertiary-nav inline-template class="scl-component scl-tertiary-nav"> <div> <h5 class="scl-tertiary-nav__title">HIA Charitable Foundation</h5> <v-expansion-panels accordion class="scl-tertiary-nav__accordions" flat> <!-- panel --> <v-expansion-panel class="scl-tertiary-nav__accordion"> <v-expansion-panel-header disable-icon-rotate class="scl-tertiary-nav__header"> <a href="/hia-community/what-we-do/charitable-foundation/who-we-are"> Who we are </a> <template v-slot:actions> <v-icon v-if="0 > 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="0 > 0 "> </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="/hia-community/what-we-do/charitable-foundation/who-we-support"> Who we support </a> <template v-slot:actions> <v-icon v-if="0 > 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="0 > 0 "> </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"> <div class="scl-component scl-ww make-a-donation" style="background-color:#f8f8f8;"> <div style="width: 100%;"> <h4>Make a donation</h4> <hr style="height: 4px; border: none; color: rgb(255, 213, 32); background-color: rgb(255, 213, 32); width: 40%; text-align: left; margin: -15px auto 15px 0px;"> <div><p style="text-align: center;"><img src="/-/media/images/logo/h/hia-charitable-foundation-small-noframe.png?h=100&w=168&hash=C84CADC0467FD57065A71AA852FC2A23" alt="HIA Charitable Foundation" style="height: 100px; width: 168px;" /></p> <p>Thank you for your interest in supporting the HIA Charitable Foundation. There are numerous ways you can help:</p> <ul> <li>Direct donations</li> <li>Making us your charity of choice</li> <li>Spreading the word</li> </ul></div> <div class="donation-buttons" style="width:100%;margin-bottom:8px;"> <a href="https://hia.com.au/HIA community/What we do/Charitable Foundation/Make a donation?amount=20" class="btn btn-outlined" style="display:inline-block;width:48%!important;margin-left:1%;margin-right:1%;text-align:center;float:left;" target="_self">$20</a> <a href="https://hia.com.au/HIA community/What we do/Charitable Foundation/Make a donation?amount=50" class="btn btn-outlined" style="display:inline-block;width:48%!important;margin-left:1%;margin-right:1%;text-align:center;" target="_self">$50</a> </div> <div class="donation-buttons" style="width:100%;"> <a href="https://hia.com.au/HIA community/What we do/Charitable Foundation/Make a donation?amount=100" class="btn btn-outlined" style="display:inline-block;width:48%!important;margin-left:1%;margin-right:1%;text-align:center;float:left;" target="_self">$100</a> <a href="https://hia.com.au/HIA community/What we do/Charitable Foundation/Make a donation" class="btn btn-outlined" style="display:inline-block;width:48%!important;margin-left:1%;margin-right:1%;text-align:center;" target="_self">Other</a> </div> <div> <p><i style="float:left;font-size:small;margin-left:5px;">*Donations over $2 are tax deductible</i></p> </div> </div> </div> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-spacer></scl-spacer> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; 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><span>Spread the word</span></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>Let's share all the great work the Charitable Foundation has done so far with so much more to come! </p> <p>Download the flyer, print it out and share with your colleagues, friends and contacts. </p> <p><a data-cssclass="btn btn-link arrow " data-itemid="d820ce54-6262-4210-8f96-1ebeb402aa69" data-title="Download now" href="/-/media/files/hia-community/charitable-foundation/hiacf-donation-flyer.pdf" class="v-btn btn btn-link arrow "><span class="v-btn__content">Download now<svg height="16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="v-icon notranslate btn__icon-link svg-inline--fa fa-arrow-right fa-w-14 v-icon--is-component theme--light"> <path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path> </svg></span></a></p> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-1-Col> </v-col> </v-row> </v-container> </div> </scl-3-Col> <scl-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)"> <h2>In partnership with Beyond Blue</h2> <p>For over 9 years, the Foundation has been committed to raising awareness of the mental health issues that affect one in four people in the residential building industry. Our industry can be unpredictable, with extreme highs and lows. So it is not surprising there is a high incidence of anxiety, depression, substance abuse and when left unsupported – suicide.</p> </div> </scl-wysiwyg> <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/BfcIf74POI8?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>Beyond Blue CEO Georgie Harman and HIA MD Jocelyn Martin on mental health in the building industry.</h3> <h4></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/BfcIf74POI8?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"> Beyond Blue CEO Georgie Harman and HIA MD Jocelyn Martin on mental health in the building industry. </figcaption> </div> </figure> </scl-video> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2>In partnership with Tradie Health Institute</h2> <p>As silicosis emerges as a health crisis affecting our industry, HIACF has donated funds to help support the development of life-changing diagnostic techniques and treatments through the Tradie Health Institute.</p> <p>It’s no exaggeration to describe silicosis as an emerging health crisis within the housing industry. Debilitating, incurable and sometimes deadly, this occupational lung disease is caused by inhaling fine particles of silica dust when cutting, drilling, grinding or polishing certain types of stone, rock, masonry, engineered stone and tile.</p> <p>Tradie Health is a world-leading initiative dedicated to improving the lives of tradies living with silicosis. Their cohesive, co-ordinated "go hard or go home" approach is already delivering positive results.</p> <blockquote class="scl-ww__blockquote"> <div class="scl-ww__blockquote-content-wrapper"> <div class="scl-ww__blockquote-content">This disease affects many people in our industry, and we’re proud to be able to contribute to this potentially life-saving medical research.</div> <cite class="scl-ww__blockquote-cite">Pino Monaco, Chair of HIACF</cite></div> </blockquote> </div> </scl-wysiwyg> <scl-spacer></scl-spacer> </v-col> <v-col class="text-sm-left col col-index-2 py-0" cols="12" md="1"> </v-col> <v-col class="text-sm-left col col-index-3 py-0" cols="12" md="4"> </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="container--fluid pa-3" style=" background-repeat: no-repeat;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="7"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2>How you can help</h2> <p>Funded by members, the HIA Charitable Foundation assists charitable and community causes by harnessing the support of the residential building industry.</p> <p>There is a range of ways for you and your organisation to support the HIA Charitable Foundation and its selected causes.</p> <p><strong>Here is how you can show your support:</strong></p> <ul><li>Run an event with the Foundation as the beneficiary</li> <li>Choose the Foundation as your charity of choice</li> <li>Corporate and business or individual donations</li> <li>Workplace giving</li> <li>Sponsorship or donated goods and services</li> <li>Bequests</li></ul> <p>If you would like to support the Foundation but aren’t sure where to start, contact us today!</p> <p><strong>HIA Charitable Foundation</strong><br /> 22 Parkland Road, Osborne Park WA 6017<br /> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="phone" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="v-icon notranslate svg-inline--fa fa-phone fa-w-16 v-icon--left v-icon--is-component theme--light" style="font-size: 16px; height: 16px; width: 16px;"><path fill="#00573d" d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path></svg> <a href="tel:1300783345">1300 783 345</a> | <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="v-icon notranslate svg-inline--fa fa-phone fa-w-16 v-icon--left v-icon--is-component theme--light" style="font-size: 16px; height: 16px; width: 16px;"><path fill="#00573d" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg> <a href="mailto:foundation@hia.com.au">foundation@hia.com.au</a></p> </div> </scl-wysiwyg> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="5"> <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/qOm1FGdn8ls?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></h3> <h4></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/qOm1FGdn8ls?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"> </figcaption> </div> </figure> </scl-video> </v-col> </v-row> </v-container> </div> </scl-2-Col> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-spacer></scl-spacer> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h2>Featured stories</h2> </div> </scl-wysiwyg> <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="/our-industry/housing/better-living/2024/09/small-business-big-worries"> <v-img src="/-/media/images/housing/better-living/2024/small-business-big-worries/1487333369-image-resize---hiacf-webinar-story_v1_02_1200-x-627.png" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Small business </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">Small business, big worries</h6> <div class="scl-article-card-carousel__text"> Running a small business and feeling the pressure? A recent HIA webinar takes a deep dive into the tailored support systems you can tap into. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Sep 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/09/small-business-big-worries"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/07/when-adhd-and-addiction-collide"> <v-img src="/-/media/images/housing/better-living/2024/when-adhd-and-addiction-collide/beyond-blue_social_1200-x-627_02.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"> Better living </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </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">When ADHD & addiction collide</h6> <div class="scl-article-card-carousel__text"> Jess Kennedy suffered a 20-year battle with drugs and alcohol, all complicated by undiagnosed ADHD. Now a Beyond Blue speaker, she shares her journey, hoping to help others with similar issues. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Jul 24</div> <div class="scl-article-card-carousel__info-time">7 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/07/when-adhd-and-addiction-collide"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/07/food-for-thought"> <v-img src="/-/media/images/housing/better-living/2024/food-for-thought/diet_social_1200-x-627_01.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Food for thought</h6> <div class="scl-article-card-carousel__text"> A busy lifestyle, tight schedules and juggling priorities means that we may put our food intake last. Nutrition expert Joel Feren explains how our choices make a difference in the long run. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Jul 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/07/food-for-thought"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/03/water-water-everywhere"> <v-img src="/-/media/images/housing/better-living/water-water-everywhere/bl_hydration_social_1200-x-627.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Safety </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"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Water, water everywhere</h6> <div class="scl-article-card-carousel__text"> When working onsite, it’s essential to keep your fluids up but there’s more to hydration than just drinking the usual eight glasses a day. Nutrition and health experts explain how to keep your hard-working team well-quenched. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 24</div> <div class="scl-article-card-carousel__info-time">3 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/03/water-water-everywhere"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/03/north-of-the-sun"> <v-img src="/-/media/images/housing/better-living/2024/north-of-the-sun/cairns_social.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Awards </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Team building </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">North of the sun</h6> <div class="scl-article-card-carousel__text"> Queensland’s tropical north is rich in rainforests, reefs, relaxation and robust adventure. For HIA members enjoying the 2024 National Conference in Cairns, this region is a slice of paradise. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 24</div> <div class="scl-article-card-carousel__info-time">6 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/03/north-of-the-sun"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/02/redefining-life"> <v-img src="/-/media/images/housing/better-living/2024/redefining-life/peta_thumb1.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </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">Redefining life</h6> <div class="scl-article-card-carousel__text"> Beyond Blue speaker and ex corporate athlete Peta Sitcheff has gone from being burnt-out to firing on all cylinders. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 24</div> <div class="scl-article-card-carousel__info-time">5 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/02/redefining-life"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/02/feel-better-or-be-better"> <v-img src="/-/media/images/housing/better-living/2024/feel-better-or-be-better/tim_social_1200x627.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Feel better, or be better</h6> <div class="scl-article-card-carousel__text"> When work stress started to turn into something more sinister, silence and denial nearly cost Tim Lacey everything. Today, he’s passionate about helping other men to speak up and get help when needed. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 24</div> <div class="scl-article-card-carousel__info-time">6 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/02/feel-better-or-be-better"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/02/in-the-shadow-of-the-impossible-man"> <v-img src="/-/media/images/housing/better-living/2024/in-the-shadow-of-the-impossible-man/craig_social_1200x627.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">In the shadow of the Impossible Man</h6> <div class="scl-article-card-carousel__text"> For Beyond Blue ambassador Craig Killian, a lifetime of trying to conform to unrealistic male standards eventually resulted in a mental health crisis. He chats to Housing about living with the ‘Impossible Man’ and learning how to ... </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/02/in-the-shadow-of-the-impossible-man"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/11/approaching-mental-health"> <v-img src="/-/media/images/housing/better-living/2023/approaching-mental-health/hiacf_hero.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"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Silica </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Approaching mental health</h6> <div class="scl-article-card-carousel__text"> Mental health is an issue across the construction workforce, but apprentices are particularly vulnerable. A HIA/Beyond Blue webinar explores how we can support the future of our industry. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Nov 23</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/11/approaching-mental-health"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/08/lessons-well-learnt"> <v-img src="/-/media/images/housing/better-living/2023/lessons-well-learnt/gw-social-1200x627px.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Residential </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Lessons well learnt</h6> <div class="scl-article-card-carousel__text"> From a rocky start, Greg Wells has carved out an incredibly successful career. Here, he shares his highs and lows and why he wants to give young people a chance to experience the rewards the building industry can offer. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 23</div> <div class="scl-article-card-carousel__info-time">5 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/08/lessons-well-learnt"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/06/cents-and-sensibility"> <v-img src="/-/media/images/housing/better-living/2023/cents-and-sensibility/bb_thumb1.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Financial planning </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Cents and sensibility</h6> <div class="scl-article-card-carousel__text"> Some say money isn’t everything but it’s a big something. It’s a burden that can cause insurmountable stress. Housing explores money, its impact on mental health and what you can do to stay healthy. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Jun 23</div> <div class="scl-article-card-carousel__info-time">5 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/06/cents-and-sensibility"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/03/take-a-break"> <v-img src="/-/media/images/housing/better-living/2023/take-a-break/wellbeing_hero.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Working hours </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Take a break</h6> <div class="scl-article-card-carousel__text"> Need a holiday? Maybe the break you really need is more than just physical. Housing talks to Dr Steve Woodbury about how to respite right. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 23</div> <div class="scl-article-card-carousel__info-time">4 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/03/take-a-break"> 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-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="/our-industry/housing/better-living/2024/09/small-business-big-worries"> <v-img src="/-/media/images/housing/better-living/2024/small-business-big-worries/1487333369-image-resize---hiacf-webinar-story_v1_02_1200-x-627.png" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Small business </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">Small business, big worries</h6> <div class="scl-article-card-carousel__text"> Running a small business and feeling the pressure? A recent HIA webinar takes a deep dive into the tailored support systems you can tap into. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Sep 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/09/small-business-big-worries"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/07/when-adhd-and-addiction-collide"> <v-img src="/-/media/images/housing/better-living/2024/when-adhd-and-addiction-collide/beyond-blue_social_1200-x-627_02.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"> Better living </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </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">When ADHD & addiction collide</h6> <div class="scl-article-card-carousel__text"> Jess Kennedy suffered a 20-year battle with drugs and alcohol, all complicated by undiagnosed ADHD. Now a Beyond Blue speaker, she shares her journey, hoping to help others with similar issues. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Jul 24</div> <div class="scl-article-card-carousel__info-time">7 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/07/when-adhd-and-addiction-collide"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/07/food-for-thought"> <v-img src="/-/media/images/housing/better-living/2024/food-for-thought/diet_social_1200-x-627_01.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Food for thought</h6> <div class="scl-article-card-carousel__text"> A busy lifestyle, tight schedules and juggling priorities means that we may put our food intake last. Nutrition expert Joel Feren explains how our choices make a difference in the long run. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Jul 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/07/food-for-thought"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/03/water-water-everywhere"> <v-img src="/-/media/images/housing/better-living/water-water-everywhere/bl_hydration_social_1200-x-627.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Safety </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"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Water, water everywhere</h6> <div class="scl-article-card-carousel__text"> When working onsite, it’s essential to keep your fluids up but there’s more to hydration than just drinking the usual eight glasses a day. Nutrition and health experts explain how to keep your hard-working team well-quenched. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 24</div> <div class="scl-article-card-carousel__info-time">3 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/03/water-water-everywhere"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/03/north-of-the-sun"> <v-img src="/-/media/images/housing/better-living/2024/north-of-the-sun/cairns_social.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Awards </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Team building </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">North of the sun</h6> <div class="scl-article-card-carousel__text"> Queensland’s tropical north is rich in rainforests, reefs, relaxation and robust adventure. For HIA members enjoying the 2024 National Conference in Cairns, this region is a slice of paradise. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 24</div> <div class="scl-article-card-carousel__info-time">6 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/03/north-of-the-sun"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/02/redefining-life"> <v-img src="/-/media/images/housing/better-living/2024/redefining-life/peta_thumb1.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </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">Redefining life</h6> <div class="scl-article-card-carousel__text"> Beyond Blue speaker and ex corporate athlete Peta Sitcheff has gone from being burnt-out to firing on all cylinders. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 24</div> <div class="scl-article-card-carousel__info-time">5 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/02/redefining-life"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/02/feel-better-or-be-better"> <v-img src="/-/media/images/housing/better-living/2024/feel-better-or-be-better/tim_social_1200x627.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Feel better, or be better</h6> <div class="scl-article-card-carousel__text"> When work stress started to turn into something more sinister, silence and denial nearly cost Tim Lacey everything. Today, he’s passionate about helping other men to speak up and get help when needed. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 24</div> <div class="scl-article-card-carousel__info-time">6 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/02/feel-better-or-be-better"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/02/in-the-shadow-of-the-impossible-man"> <v-img src="/-/media/images/housing/better-living/2024/in-the-shadow-of-the-impossible-man/craig_social_1200x627.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">In the shadow of the Impossible Man</h6> <div class="scl-article-card-carousel__text"> For Beyond Blue ambassador Craig Killian, a lifetime of trying to conform to unrealistic male standards eventually resulted in a mental health crisis. He chats to Housing about living with the ‘Impossible Man’ and learning how to ... </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/02/in-the-shadow-of-the-impossible-man"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/11/approaching-mental-health"> <v-img src="/-/media/images/housing/better-living/2023/approaching-mental-health/hiacf_hero.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"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Silica </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Approaching mental health</h6> <div class="scl-article-card-carousel__text"> Mental health is an issue across the construction workforce, but apprentices are particularly vulnerable. A HIA/Beyond Blue webinar explores how we can support the future of our industry. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Nov 23</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/11/approaching-mental-health"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/08/lessons-well-learnt"> <v-img src="/-/media/images/housing/better-living/2023/lessons-well-learnt/gw-social-1200x627px.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Residential </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Lessons well learnt</h6> <div class="scl-article-card-carousel__text"> From a rocky start, Greg Wells has carved out an incredibly successful career. Here, he shares his highs and lows and why he wants to give young people a chance to experience the rewards the building industry can offer. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 23</div> <div class="scl-article-card-carousel__info-time">5 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/08/lessons-well-learnt"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/06/cents-and-sensibility"> <v-img src="/-/media/images/housing/better-living/2023/cents-and-sensibility/bb_thumb1.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Financial planning </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Cents and sensibility</h6> <div class="scl-article-card-carousel__text"> Some say money isn’t everything but it’s a big something. It’s a burden that can cause insurmountable stress. Housing explores money, its impact on mental health and what you can do to stay healthy. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Jun 23</div> <div class="scl-article-card-carousel__info-time">5 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/06/cents-and-sensibility"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/03/take-a-break"> <v-img src="/-/media/images/housing/better-living/2023/take-a-break/wellbeing_hero.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Working hours </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Take a break</h6> <div class="scl-article-card-carousel__text"> Need a holiday? Maybe the break you really need is more than just physical. Housing talks to Dr Steve Woodbury about how to respite right. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 23</div> <div class="scl-article-card-carousel__info-time">4 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/03/take-a-break"> 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> <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="/our-industry/housing/better-living/2024/09/small-business-big-worries"> <v-img src="/-/media/images/housing/better-living/2024/small-business-big-worries/1487333369-image-resize---hiacf-webinar-story_v1_02_1200-x-627.png" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Small business </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">Small business, big worries</h6> <div class="scl-article-card-carousel__text"> Running a small business and feeling the pressure? A recent HIA webinar takes a deep dive into the tailored support systems you can tap into. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Sep 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/09/small-business-big-worries"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/07/when-adhd-and-addiction-collide"> <v-img src="/-/media/images/housing/better-living/2024/when-adhd-and-addiction-collide/beyond-blue_social_1200-x-627_02.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"> Better living </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </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">When ADHD & addiction collide</h6> <div class="scl-article-card-carousel__text"> Jess Kennedy suffered a 20-year battle with drugs and alcohol, all complicated by undiagnosed ADHD. Now a Beyond Blue speaker, she shares her journey, hoping to help others with similar issues. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Jul 24</div> <div class="scl-article-card-carousel__info-time">7 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/07/when-adhd-and-addiction-collide"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/07/food-for-thought"> <v-img src="/-/media/images/housing/better-living/2024/food-for-thought/diet_social_1200-x-627_01.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Food for thought</h6> <div class="scl-article-card-carousel__text"> A busy lifestyle, tight schedules and juggling priorities means that we may put our food intake last. Nutrition expert Joel Feren explains how our choices make a difference in the long run. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Jul 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/07/food-for-thought"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/03/water-water-everywhere"> <v-img src="/-/media/images/housing/better-living/water-water-everywhere/bl_hydration_social_1200-x-627.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Safety </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"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Water, water everywhere</h6> <div class="scl-article-card-carousel__text"> When working onsite, it’s essential to keep your fluids up but there’s more to hydration than just drinking the usual eight glasses a day. Nutrition and health experts explain how to keep your hard-working team well-quenched. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 24</div> <div class="scl-article-card-carousel__info-time">3 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/03/water-water-everywhere"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/03/north-of-the-sun"> <v-img src="/-/media/images/housing/better-living/2024/north-of-the-sun/cairns_social.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Awards </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Team building </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">North of the sun</h6> <div class="scl-article-card-carousel__text"> Queensland’s tropical north is rich in rainforests, reefs, relaxation and robust adventure. For HIA members enjoying the 2024 National Conference in Cairns, this region is a slice of paradise. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 24</div> <div class="scl-article-card-carousel__info-time">6 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/03/north-of-the-sun"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/02/redefining-life"> <v-img src="/-/media/images/housing/better-living/2024/redefining-life/peta_thumb1.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </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">Redefining life</h6> <div class="scl-article-card-carousel__text"> Beyond Blue speaker and ex corporate athlete Peta Sitcheff has gone from being burnt-out to firing on all cylinders. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 24</div> <div class="scl-article-card-carousel__info-time">5 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/02/redefining-life"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/02/feel-better-or-be-better"> <v-img src="/-/media/images/housing/better-living/2024/feel-better-or-be-better/tim_social_1200x627.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Feel better, or be better</h6> <div class="scl-article-card-carousel__text"> When work stress started to turn into something more sinister, silence and denial nearly cost Tim Lacey everything. Today, he’s passionate about helping other men to speak up and get help when needed. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 24</div> <div class="scl-article-card-carousel__info-time">6 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/02/feel-better-or-be-better"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2024/02/in-the-shadow-of-the-impossible-man"> <v-img src="/-/media/images/housing/better-living/2024/in-the-shadow-of-the-impossible-man/craig_social_1200x627.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">In the shadow of the Impossible Man</h6> <div class="scl-article-card-carousel__text"> For Beyond Blue ambassador Craig Killian, a lifetime of trying to conform to unrealistic male standards eventually resulted in a mental health crisis. He chats to Housing about living with the ‘Impossible Man’ and learning how to ... </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Feb 24</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2024/02/in-the-shadow-of-the-impossible-man"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> </v-row> </v-carousel-item> <v-carousel-item class="scl-article-card-carousel__item"> <v-row class="scl-article-card-carousel__row"> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/11/approaching-mental-health"> <v-img src="/-/media/images/housing/better-living/2023/approaching-mental-health/hiacf_hero.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"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Silica </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Approaching mental health</h6> <div class="scl-article-card-carousel__text"> Mental health is an issue across the construction workforce, but apprentices are particularly vulnerable. A HIA/Beyond Blue webinar explores how we can support the future of our industry. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Nov 23</div> <div class="scl-article-card-carousel__info-time">4 mins</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/11/approaching-mental-health"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/08/lessons-well-learnt"> <v-img src="/-/media/images/housing/better-living/2023/lessons-well-learnt/gw-social-1200x627px.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Inspiration </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Residential </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Lessons well learnt</h6> <div class="scl-article-card-carousel__text"> From a rocky start, Greg Wells has carved out an incredibly successful career. Here, he shares his highs and lows and why he wants to give young people a chance to experience the rewards the building industry can offer. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Aug 23</div> <div class="scl-article-card-carousel__info-time">5 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/08/lessons-well-learnt"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/06/cents-and-sensibility"> <v-img src="/-/media/images/housing/better-living/2023/cents-and-sensibility/bb_thumb1.jpg" :aspect-ratio="2/1"></v-img> <div class="scl-article-card-carousel__content"> <v-chip-group :show-arrows="false" class="scl-article-card-carousel__chip-group"> <v-chip disabled class="scl-article-card-carousel__chip"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Financial planning </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Cents and sensibility</h6> <div class="scl-article-card-carousel__text"> Some say money isn’t everything but it’s a big something. It’s a burden that can cause insurmountable stress. Housing explores money, its impact on mental health and what you can do to stay healthy. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Jun 23</div> <div class="scl-article-card-carousel__info-time">5 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/06/cents-and-sensibility"> Read full article <v-icon class="scl-article-card-carousel__icon btn__icon-link" right>$vuetify.icons.faArrowRight</v-icon> </v-btn> </div> </v-card> </v-col> <v-col class="py-0" cols="3" sm="3" md="3"> <v-card :ripple="false" class="scl-article-card-carousel__card" outlined href="/our-industry/housing/better-living/2023/03/take-a-break"> <v-img src="/-/media/images/housing/better-living/2023/take-a-break/wellbeing_hero.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"> Wellbeing </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Mental health </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Working hours </v-chip> <v-chip disabled class="scl-article-card-carousel__chip"> Better living </v-chip> </v-chip-group> <h6 class="scl-article-card-carousel__title mb-3">Take a break</h6> <div class="scl-article-card-carousel__text"> Need a holiday? Maybe the break you really need is more than just physical. Housing talks to Dr Steve Woodbury about how to respite right. </div> <div class="scl-article-card-carousel__info"> <div class="scl-article-card-carousel__info-date">Mar 23</div> <div class="scl-article-card-carousel__info-time">4 min</div> </div> <v-btn :ripple="false" class="btn btn-link" text href="/our-industry/housing/better-living/2023/03/take-a-break"> 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-spacer></scl-spacer> <scl-1-Col inline-template class="scl-component scl-1-col " id=""> <div> <v-container class="container--fluid pa-3" style=" background-image: url('/-/media/images/background-image-full-width/light-green-pixel.png'); background-repeat: repeat;"> <v-row row wrap class=""> <v-col class="text-sm-left col col-index-1 py-0" cols="12"> <scl-2-Col inline-template class="scl-component scl-2-col "> <div> <v-container class=" pa-3" style=" background-repeat: no-repeat; max-width: 1608px;" id=""> <v-row class=""> <v-col class="text-sm-left col col-index-1" cols="12" md="6"> <scl-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/6B5X5MpXP7s?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>Beyond Blue CEO Georgie Harman and HIA MD Jocelyn Martin on early mental health intervention.</h3> <h4></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/6B5X5MpXP7s?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"> Beyond Blue CEO Georgie Harman and HIA MD Jocelyn Martin on early mental health intervention. </figcaption> </div> </figure> </scl-video> </v-col> <v-col class="text-sm-left col col-index-2" cols="12" md="6"> <scl-wysiwyg inline-template :api="{"maxWidth":"none"}" class="scl-component scl-ww"> <div :style="setMaxWidth(propApi.maxWidth)"> <h3>HIA Charitable Foundation & Beyond Blue: Early mental health intervention </h3> <p>Beyond Blue CEO Georgie Harman discusses the importance of early intervention and prevention in Australian mental health during a conversation with HIA Charitable Foundation's Jocelyn Martin about HIACF's decade-long involvement with the mental health charity. </p> <p>Beyond Blue has made an enormous contribution in reducing stigma and providing support services. There is a distinct need for continued support and education to improve mental health outcomes in Australia.</p> <p style="text-align: left;"><a data-cssclass="btn btn-outlined " data-itemid="3d6658d8-a0bf-4e75-b3e2-d050fabcf4e1" data-title="Visit Beyond Blue" class="v-btn btn btn-outlined " href="https://www.beyondblue.org.au/"><span class="v-btn__content">Visit Beyond Blue</span></a></p> </div> </scl-wysiwyg> </v-col> </v-row> </v-container> </div> </scl-2-Col> </v-col> </v-row> </v-container> </div> </scl-1-Col> <scl-spacer :api="{ size: 'maximum'}"></scl-spacer> <scl-scroll></scl-scroll> </section> <footer id="app-footer"> <scl-footer inline-template :api="{"fluid":false}" class="scl-component scl-footer"> <div> <v-container :class="propApi.fluid ? 'fluid' : null"> <v-row> <v-col> <v-expansion-panels v-if="$vuetify.breakpoint.xsOnly"> <v-expansion-panel class="scl-footer__expansion-panel"> <v-expansion-panel-header hide-actions class="scl-footer__expansion-panel-header"> <div class="scl-footer__title"> Expand Footer </div> <v-icon class="scl-footer__icon scl-footer__icon--minus">{{ propApi.expandedIcon }} </v-icon> <v-icon class="scl-footer__icon scl-footer__icon--plus">{{ propApi.collapsedIcon }}</v-icon> </v-expansion-panel-header> <v-expansion-panel-content class="scl-footer__expansion-content"> <v-row v-bind="flexDirection"> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/our-industry/economics">Economic research & forecasting</v-list-item> <v-list-item :ripple="false" href="/our-industry/newsroom">Newsroom</v-list-item> <v-list-item :ripple="false" href="/our-industry">Inspiration for building professionals</v-list-item> <v-list-item :ripple="false" href="/our-industry">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/resources-and-advice/building-it-right">Building it right</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/building-materials-and-products">Building materials & products</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/managing-your-safety">Managing your safety</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/managing-your-business">Managing your business</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/careers-and-learning/become-an-hia-apprentice">Become a HIA apprentice</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer">Apprenticeships on offer</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/learning">Training at HIA</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/how-to-get-your-builders-licence">Get your builders licence</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/awards-and-events/awards">Awards</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/events">Events</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/conference">National Conference</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/australian-housing-awards">Australian Housing Awards</v-list-item> <v-list-item :ripple="false" href="/awards-and-events">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/business-support/contracts-and-compliance-support">Contracts & compliance support</v-list-item> <v-list-item :ripple="false" href="/business-support/building-and-planning-services">Building & planning</v-list-item> <v-list-item :ripple="false" href="/business-support/become-an-hia-apprentice-host">Host a HIA apprentice</v-list-item> <v-list-item :ripple="false" href="https://www.hiainsurance.com.au/">HIA Insurance Services</v-list-item> <v-list-item :ripple="false" href="/business-support">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/signup">Join us</v-list-item> <v-list-item :ripple="false" href="/hia-community/get-involved">Get involved</v-list-item> <v-list-item :ripple="false" href="/hia-community/get-to-know-us">Get to know us</v-list-item> <v-list-item :ripple="false" href="/hia-community/what-we-do">What we do</v-list-item> <v-list-item :ripple="false" href="/hia-community">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/products/digital-australian-standards">Digital Australian Standards</v-list-item> <v-list-item :ripple="false" href="/business-support/contracts-online">Contracts Online</v-list-item> <v-list-item :ripple="false" href="/our-industry/economics/data-forecasts">Economic reports</v-list-item> <v-list-item :ripple="false" href="https://hia.com.au/products?pg=1&ps=12&s=displayName&sd=asc&c=0a73665d-1a69-40b0-8a56-5c799ba27394">Guides & manuals</v-list-item> <v-list-item :ripple="false" href="/products">See all ></v-list-item> </v-list> </v-col> <v-col cols="12"> <v-list subheader dense class="scl-footer__list"> <v-list-item :ripple="false" href="/hia-community/get-involved/partner-with-us">Partner with us</v-list-item> <v-list-item :ripple="false" href="/hia-community">See all > </v-list-item> </v-list> </v-col> </v-row> </v-expansion-panel-content> </v-expansion-panel> </v-expansion-panels> <div v-else> <v-row v-bind="flexDirection"> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Our industry</v-subheader> <v-list-item :ripple="false" href="/our-industry/economics">Economic research & forecasting</v-list-item> <v-list-item :ripple="false" href="/our-industry/newsroom">Newsroom</v-list-item> <v-list-item :ripple="false" href="/our-industry">Inspiration for building professionals</v-list-item> <v-list-item :ripple="false" href="/our-industry">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Resources & advice</v-subheader> <v-list-item :ripple="false" href="/resources-and-advice/building-it-right">Building it right</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/building-materials-and-products">Building materials & products</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/managing-your-safety">Managing your safety</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice/managing-your-business">Managing your business</v-list-item> <v-list-item :ripple="false" href="/resources-and-advice">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Careers & learning</v-subheader> <v-list-item :ripple="false" href="/careers-and-learning/become-an-hia-apprentice">Become a HIA apprentice</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/become-an-hia-apprentice/what-apprenticeships-do-hia-offer">Apprenticeships on offer</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/learning">Training at HIA</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning/how-to-get-your-builders-licence">Get your builders licence</v-list-item> <v-list-item :ripple="false" href="/careers-and-learning">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Awards & events</v-subheader> <v-list-item :ripple="false" href="/awards-and-events/awards">Awards</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/events">Events</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/conference">National Conference</v-list-item> <v-list-item :ripple="false" href="/awards-and-events/australian-housing-awards">Australian Housing Awards</v-list-item> <v-list-item :ripple="false" href="/awards-and-events">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Business support</v-subheader> <v-list-item :ripple="false" href="/business-support/contracts-and-compliance-support">Contracts & compliance support</v-list-item> <v-list-item :ripple="false" href="/business-support/building-and-planning-services">Building & planning</v-list-item> <v-list-item :ripple="false" href="/business-support/become-an-hia-apprentice-host">Host a HIA apprentice</v-list-item> <v-list-item :ripple="false" href="https://www.hiainsurance.com.au/">HIA Insurance Services</v-list-item> <v-list-item :ripple="false" href="/business-support">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">HIA community</v-subheader> <v-list-item :ripple="false" href="/signup">Join us</v-list-item> <v-list-item :ripple="false" href="/hia-community/get-involved">Get involved</v-list-item> <v-list-item :ripple="false" href="/hia-community/get-to-know-us">Get to know us</v-list-item> <v-list-item :ripple="false" href="/hia-community/what-we-do">What we do</v-list-item> <v-list-item :ripple="false" href="/hia-community">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Products</v-subheader> <v-list-item :ripple="false" href="/products/digital-australian-standards">Digital Australian Standards</v-list-item> <v-list-item :ripple="false" href="/business-support/contracts-online">Contracts Online</v-list-item> <v-list-item :ripple="false" href="/our-industry/economics/data-forecasts">Economic reports</v-list-item> <v-list-item :ripple="false" href="https://hia.com.au/products?pg=1&ps=12&s=displayName&sd=asc&c=0a73665d-1a69-40b0-8a56-5c799ba27394">Guides & manuals</v-list-item> <v-list-item :ripple="false" href="/products">See all ></v-list-item> </v-list> </v-col> <v-col cols="12" sm="3"> <v-list subheader dense class="scl-footer__list"> <v-subheader class="scl-footer__header">Partners</v-subheader> <v-list-item :ripple="false" href="/hia-community/get-involved/partner-with-us">Partner with us</v-list-item> <v-list-item :ripple="false" href="/hia-community">See all > </v-list-item> </v-list> </v-col> </v-row> </div> </v-col> <v-col cols="12" sm="4"><scl-footer-search class="scl-footer-search scl-component" inline-template> <div> <div class="scl-footer-search__item"> <div class="scl-footer-search__title"><v-icon class="scl-footer-search__title-icon">$vuetify.icons.faSearch</v-icon> How can we help </div> <v-text-field light flat solo v-model="searchQuery" class="scl-footer-search__input" append-icon="$vuetify.icons.faSearch" placeholder="Search HIA" @keyup.enter="handleSearch('/search')" @click:append="handleSearch('/search')"></v-text-field> </div> </div> </scl-footer-search> <scl-footer-contact class="scl-footer-contact scl-component relative" inline-template> <div> <div class="scl-footer-contact__item"> <div class="scl-footer-contact__title"><v-icon class="scl-footer-contact__title-icon">$vuetify.icons.faHeadset</v-icon> Get in touch with HIA </div> <div class="scl-footer-contact__content"> <p class="scl-footer-contact__number"><a href="tel:1300 650 620">1300 650 620 </a></p> <a href="/contact-hia/general-enquiry" class="scl-footer-contact__link">Enquiries</a> <a href="https://hia.com.au/contact-hia#office" class="scl-footer-contact__link">Regional offices</a> <a href="https://hia.com.au/contact-hia#media" class="scl-footer-contact__link">Media enquiries</a> </div> </div> </div> </scl-footer-contact> <scl-footer-social class="scl-footer-social scl-component" inline-template> <div> <div class="scl-footer-social__item"> <div class="scl-footer-social__title"><v-icon class="scl-footer-social__title-icon">$vuetify.icons.faAt</v-icon> Stay up to date </div> <div class="scl-footer-social__content"> <a href="https://twitter.com/hia_au?lang=en" target="_blank" title="Twitter" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faXTwitter</v-icon> </a> <a href="https://www.facebook.com/HousingIndustryAssociation/" target="_blank" title="Facebook" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faFacebook</v-icon> </a> <a href="https://www.linkedin.com/company/hia-limited" target="_blank" title="LinkedIn" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faLinkedinIn</v-icon> </a> <a href="https://www.youtube.com/user/HousingIndustryAssoc" target="_blank" title="YouTube" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faYoutube</v-icon> </a> <a href="https://www.instagram.com/hia_au/?hl=en" target="_blank" title="Instagram" rel="noopener" > <v-icon class="scl-footer-social__icon">$vuetify.icons.faInstagram</v-icon> </a> <div class="scl-footer-social__link"> </div> </div> </div> </div> </scl-footer-social> </v-col> </v-row> </v-container> <v-container class="py-0 " :class="propApi.fluid ? 'fluid' : null"> <v-row class="align-center"> <v-col cols="12" sm="6"> <div class="scl-footer__lower-logo"> <img src="/-/media/images/hia/home/hia-logo.svg?la=en&h=79&w=70&hash=952F61B3B850A0AFF6EA7BEBD9B261A8" class="" alt="HIA" /> <span>© Housing Industry Association Limited 2024 </span> </div> </v-col> <v-col cols="12" sm="6" class="scl-footer__lower-links"> <a href="/terms-and-conditions" class="px-1 mx-1">Terms and conditions</a> <a href="/about-us/governance-policies/privacy-policy" class="px-1 mx-1">Privacy policy</a> <a href="/careers-and-learning/learning/registered-training-organisation-1091" class="px-1 mx-1">RTO 1091</a> </v-col> </v-row> </v-container> </div> </scl-footer> </footer> </v-main> </v-app> <noscript> <strong>We're sorry but this website doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> </noscript> <script defer="" src="/scl/assets/js/chunk-vendors.bc7f5bc1.js.gz" type="text/javascript"></script> <script defer="" src="/scl/assets/js/app.1c100b40.js.gz" type="text/javascript"></script> </body> </html>