Renewable Energy Australia | Clean Energy Council

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Renewable Energy Australia | Clean Energy Council</title> <meta name="description" content="The Clean Energy Council is Australia's renewable energy association. We help residents & industry transform energy systems for a smarter, cleaner future." /> <meta name="keywords" content="" />  <meta property="og:title" content="Renewable Energy Australia | Clean Energy Council" /> <meta property="og:description" content="The Clean Energy Council is Australia's renewable energy association. We help residents & industry transform energy systems for a smarter, cleaner future." /> <meta property="og:url" content="https://cleanenergycouncil.org.au/" />  <link rel="alternate" href="https://cleanenergycouncil.org.au" hreflang="x-default" /> <link rel="canonical" href="https://cleanenergycouncil.org.au" /> <link rel="icon" type="image/svg+xml" href="/assets/images/fav/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/fav/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/fav/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/fav/favicon-16x16.png"> <link rel="manifest" href="/assets/images/fav/site.webmanifest"> <link rel="preload" href="/assets/fonts/inter-variablefont_slntwght-webfont.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/assets/fonts/teodortrial-semibold-webfont.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/assets/fonts/teodortrial-regular-webfont.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/assets/fonts/teodortrial-medium-webfont.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <style> @font-face { font-family: inter; src: url(/assets/fonts/inter-variablefont_slntwght-webfont.woff2) format("woff2"),url(/assets/fonts/inter-variablefont_slntwght-webfont.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: teodor_trial; src: url(/assets/fonts/teodortrial-semibold-webfont.woff2) format("woff2"),url(/assets/fonts/teodortrial-semibold-webfont.woff) format("woff"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: teodor_trial; src: url(/assets/fonts/teodortrial-regular-webfont.woff2) format("woff2"),url(/assets/fonts/teodortrial-regular-webfont.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: teodor_trial; src: url(/assets/fonts/teodortrial-medium-webfont.woff2) format("woff2"),url(/assets/fonts/teodortrial-medium-webfont.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: teodor_trial; src: url(/assets/fonts/teodortrial-light-webfont.woff2) format("woff2"),url(/assets/fonts/teodortrial-light-webfont.woff) format("woff"); font-weight: 300; font-style: normal; font-display: swap } .bg-black\/40 { background-color: #19191966 } @media not all and (min-width:1170px) { .max-desklg\:\!flex { display: flex !important } } .accessibility { position: absolute; left: -100000px; top: auto; width: 1px; height: 1px; overflow: hidden } footer, header { display: block } img.js-lazy-img { visibility: hidden; opacity: 0 } iframe { max-width: 100%; width: 100%; background-color: transparent; border: 0 } .o-container { margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; max-width: 1248px } .o-container-large { margin-left: auto; margin-right: auto; max-width: 1632px; padding-left: 1rem; padding-right: 1rem } html { scroll-behavior: smooth } .swiper-slide, .swiper-wrapper { height: auto !important } .swiper.overflow-visible { overflow: visible !important } .upper-default { --top-spacing: 7.5rem } .lower-default { --bottom-spacing: 7.5rem } @media (min-width:1024px) { .upper-default { --top-spacing: 12.5rem } .lower-default { --bottom-spacing: 12.5rem } } .lower-64 { --bottom-spacing: 4rem } *, :after, :before { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb } :after, :before { --tw-content: "" } :host, html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: Inter,sans-serif; font-feature-settings: normal; font-variation-settings: normal } body { margin: 0; line-height: inherit } h1, h2, h3 { font-size: inherit; font-weight: inherit } a { color: inherit; text-decoration: inherit } button, input { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0 } button { text-transform: none } [type=button], [type=submit], button { -webkit-appearance: button; background-color: transparent; background-image: none } :-moz-focusring { outline: auto } :-moz-ui-invalid { box-shadow: none } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } h1, h2, h3, p { margin: 0 } ul { list-style: none; margin: 0; padding: 0 } input::-moz-placeholder { opacity: 1; color: #9ca3af } iframe, img, svg { display: block; vertical-align: middle } img { max-width: 100%; height: auto } * { scrollbar-color: initial; scrollbar-width: initial } :root { --top-spacing: 0; --bottom-spacing: 0; --background: transparent; --background-light: #ffffff; --borderColor: #f7f4eb; --articleBorderColor: #d7d2cb; --interactiveItemBorderColor: rgba(25, 25, 25, .2); --tableBorderColor: #d7d2cb; --faqcardColor: #f7f4eb; --faqBorderColor: "#f7f4eb"; --label-color: #003535; --title-color: #191919; --text-color: #191919; --testimonial-color: #f47b20; --disclaimer-color: #959595; --job-title-color: #e22e02; --proof-point-icon-color: #f47b20; --primary-button-text: #191919; --primary-button-background: #f47b20; --primary-icon-background: #33001a; --primary-social: #ffffff; --secondary-button-text: #191919; --secondary-button-background: #f47b20; --tertiary-button-text: #191919; --tertiary-button-background: #f47b20; --pagination-bg-color: #f7f4eb; --form-input-color: #191919; --form-select-dropdown-arrow-color: #191919; --form-error: #e22e02; --form-hint: #656565; --form-label: #656565; --form-input-bg: #f7f4eb; --form-radio: #f47b20; --form-checkbox: #191919; --form-file-bg: #edeae7; --form-input-placeholder: #656565 } .white { --background: #ffffff; --background-light: #ffffff; --borderColor: #f7f4eb; --articleBorderColor: #d7d2cb; --interactiveItemBorderColor: rgba(25, 25, 25, .2); --tableBorderColor: #d7d2cb; --faqcardColor: #f7f4eb; --faqBorderColor: "#f7f4eb"; --label-color: #003535; --title-color: #191919; --text-color: #191919; --testimonial-color: #f47b20; --disclaimer-color: #959595; --proof-point-icon-color: #f47b20; --job-title-color: #e22e02; --primary-button-text: #191919; --primary-button-background: #f47b20; --primary-icon-background: #33001a; --primary-social: #ffffff; --secondary-button-text: #191919; --secondary-button-background: #f47b20; --tertiary-button-text: #191919; --tertiary-button-background: #f47b20; --pagination-bg-color: #f7f4eb; --form-input-color: #191919; --form-select-dropdown-arrow-color: #191919; --form-error: #e22e02; --form-hint: #656565; --form-label: #656565; --form-input-bg: #f7f4eb; --form-radio: #f47b20; --form-checkbox: #191919; --form-file-bg: #edeae7; --form-input-placeholder: #656565 } .orange { --background: #f47b20; --background-light: #f6954d; --borderColor: #f7f4eb; --articleBorderColor: #f47b20; --interactiveItemBorderColor: rgba(25, 25, 25, .2); --tableBorderColor: #d7d2cb; --faqcardColor: #f7f4eb; --faqBorderColor: "#191919"; --label-color: #191919; --title-color: #191919; --text-color: #191919; --testimonial-color: #0b0b0b; --disclaimer-color: #fac298; --proof-point-icon-color: #33001a; --job-title-color: #e22e02; --primary-button-text: #191919; --primary-button-background: #ffffff; --primary-icon-background: #ffffff; --primary-social: #f47b20; --secondary-button-text: #191919; --secondary-button-background: #ffffff; --tertiary-button-text: #191919; --tertiary-button-background: #ffffff; --pagination-bg-color: #f7f4eb; --form-input-color: #191919; --form-select-dropdown-arrow-color: #191919; --form-error: #e22e02; --form-hint: #656565; --form-label: #656565; --form-input-bg: #f7f4eb; --form-radio: #f47b20; --form-checkbox: #191919; --form-file-bg: #edeae7; --form-input-placeholder: #656565 } .green { --background: #003535; --background-light: #335d5d; --borderColor: #f47b20; --articleBorderColor: #003535; --interactiveItemBorderColor: rgba(247, 244, 235, .2); --tableBorderColor: #d7d2cb; --faqcardColor: #f7f4eb; --faqBorderColor: "#f7f4eb"; --label-color: #f47b20; --title-color: #ffffff; --text-color: #ffffff; --testimonial-color: #f47b20; --disclaimer-color: #8aa2a2; --proof-point-icon-color: #33001a; --job-title-color: #f47b20; --primary-button-text: #ffffff; --primary-button-background: #f47b20; --primary-icon-background: #ffffff; --primary-social: #ffffff; --secondary-button-text: #ffffff; --secondary-button-background: #f47b20; --tertiary-button-text: #ffffff; --tertiary-button-background: #f47b20; --pagination-bg-color: #ffffff; --form-input-color: #fff; --form-select-dropdown-arrow-color: #191919; --form-error: #ffffff; --form-hint: #b0c0c0; --form-label: #b0c0c0; --form-input-bg: #335d5d; --form-radio: #f47b20; --form-checkbox: #fff; --form-file-bg: #edeae7; --form-input-placeholder: #b0c0c0 } .cream { --background: #f7f4eb; --background-light: #f9f6ef; --borderColor: #f47b20; --articleBorderColor: #b8b8b8; --interactiveItemBorderColor: rgba(25, 25, 25, .2); --tableBorderColor: #d7d2cb; --faqcardColor: #ffffff; --faqBorderColor: "#ffffff"; --disclaimer-color: #fbfaf6; --label-color: #191919; --title-color: #191919; --text-color: #191919; --testimonial-color: #f47b20; --disclaimer-color: #959595; --proof-point-icon-color: #191919; --job-title-color: #e22e02; --primary-button-text: #191919; --primary-button-background: #f47b20; --primary-icon-background: #f47b20; --primary-social: #ffffff; --secondary-button-text: #191919; --secondary-button-background: #f47b20; --tertiary-button-text: #191919; --tertiary-button-background: #f47b20; --pagination-bg-color: #ffffff; --form-input-color: #191919; --form-select-dropdown-arrow-color: #191919; --form-error: #e22e02; --form-hint: #656565; --form-label: #656565; --form-input-bg: #fff; --form-radio: #f47b20; --form-checkbox: #191919; --form-file-bg: #edeae7; --form-input-placeholder: #656565 } *, :after, :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:; --tw-gradient-via-position:; --tw-gradient-to-position:; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --tw-ring-inset:; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia: } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x:; --tw-pan-y:; --tw-pinch-zoom:; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position:; --tw-gradient-via-position:; --tw-gradient-to-position:; --tw-ordinal:; --tw-slashed-zero:; --tw-numeric-figure:; --tw-numeric-spacing:; --tw-numeric-fraction:; --tw-ring-inset:; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur:; --tw-brightness:; --tw-contrast:; --tw-grayscale:; --tw-hue-rotate:; --tw-invert:; --tw-saturate:; --tw-sepia:; --tw-drop-shadow:; --tw-backdrop-blur:; --tw-backdrop-brightness:; --tw-backdrop-contrast:; --tw-backdrop-grayscale:; --tw-backdrop-hue-rotate:; --tw-backdrop-invert:; --tw-backdrop-opacity:; --tw-backdrop-saturate:; --tw-backdrop-sepia: } .h5, h1, h2, h3 { font-weight: 400 } .h5:last-child, h2:last-child, h3:last-child { margin-bottom: 0 } h1, h2, h3 { font-family: teodor_trial,serif } h1, h2 { color: var(--title-color) } h3 { color: var(--text-color) } .h5 { margin-bottom: 1.5rem } .h5 { font-family: Inter,sans-serif; font-weight: 400 } h1 { margin-bottom: 2.5rem; font-family: teodor_trial,serif; font-size: 3.25rem; font-weight: 300; line-height: 1 } @media (min-width:1024px) { h1 { font-size: 5rem; line-height: .9 } } h2 { margin-bottom: 2.5rem; font-family: teodor_trial,serif; font-size: 2.75rem; font-weight: 300; line-height: 1 } @media (min-width:1024px) { h2 { font-size: 3.75rem; line-height: 1 } } h3 { margin-bottom: 1.5rem; font-family: teodor_trial,serif; font-size: 2rem; font-weight: 300; line-height: 1 } @media (min-width:1024px) { h3 { font-size: 2.5rem; line-height: 1 } } .h5 { margin-bottom: 1.5rem; font-family: Inter,sans-serif; font-size: 1.5rem; line-height: 2rem } .h5:last-child { margin-bottom: 0 } body { margin: 0; font-family: Inter,sans-serif; font-size: 1.125rem; line-height: 1.75rem; line-height: 1.375; color: var(--text-color) } p { margin-bottom: 1.5rem } p:last-child { margin-bottom: 0 } .fixed { position: fixed } .absolute { position: absolute } .relative { position: relative } .inset-0 { top: 0; right: 0; bottom: 0; left: 0 } .-bottom-12 { bottom: -3rem } .-left-\[9999px\] { left: -9999px } .-right-\[30\%\] { right: -30% } .-top-12 { top: -3rem } .bottom-0 { bottom: 0 } .bottom-10 { bottom: 2.5rem } .left-0 { left: 0 } .left-1\/2 { left: 50% } .left-4 { left: 1rem } .left-full { left: 100% } .right-0 { right: 0 } .right-10 { right: 2.5rem } .right-14 { right: 3.5rem } .right-24 { right: 6rem } .right-4 { right: 1rem } .top-0 { top: 0 } .top-1\/2 { top: 50% } .top-12 { top: 3rem } .top-24 { top: 6rem } .top-\[100px\] { top: 100px } .top-full { top: 100% } .-z-10 { z-index: -10 } .z-10 { z-index: 10 } .z-20 { z-index: 20 } .z-40 { z-index: 40 } .z-50 { z-index: 50 } .-mx-4 { margin-left: -1rem; margin-right: -1rem } .mx-auto { margin-left: auto; margin-right: auto } .my-2 { margin-top: .5rem; margin-bottom: .5rem } .-mb-2 { margin-bottom: -.5rem } .-mb-4 { margin-bottom: -1rem } .-mr-7 { margin-right: -1.75rem } .mb-0 { margin-bottom: 0 } .mb-10 { margin-bottom: 2.5rem } .mb-12 { margin-bottom: 3rem } .mb-14 { margin-bottom: 3.5rem } .mb-2 { margin-bottom: .5rem } .mb-26 { margin-bottom: 6.5rem } .mb-4 { margin-bottom: 1rem } .mb-6 { margin-bottom: 1.5rem } .mb-8 { margin-bottom: 2rem } .mr-2 { margin-right: .5rem } .mr-4 { margin-right: 1rem } .mr-8 { margin-right: 2rem } .mt-6 { margin-top: 1.5rem } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } .block { display: block } .inline-block { display: inline-block } .flex { display: flex } .grid { display: grid } .hidden { display: none } .aspect-\[384\/160\] { aspect-ratio: 384/160 } .aspect-\[653\/572\] { aspect-ratio: 653/572 } .h-0 { height: 0 } .h-0\.5 { height: .125rem } .h-12 { height: 3rem } .h-14 { height: 3.5rem } .h-32 { height: 8rem } .h-5 { height: 1.25rem } .h-\[1px\] { height: 1px } .h-\[72px\] { height: 72px } .h-\[calc$100\%_-_94px$\] { height: calc(100% - 94px) } .h-auto { height: auto } .h-full { height: 100% } .min-h-\[320px\] { min-height: 320px } .min-h-\[380px\] { min-height: 380px } .min-h-screen { min-height: 100vh } .w-0 { width: 0 } .w-14 { width: 3.5rem } .w-32 { width: 8rem } .w-5 { width: 1.25rem } .w-6 { width: 1.5rem } .w-7 { width: 1.75rem } .w-\[111px\] { width: 111px } .w-\[37\.5\%\] { width: 37.5% } .w-\[50vw\] { width: 50vw } .w-\[72px\] { width: 72px } .w-\[calc$100\%_-_24px$\] { width: calc(100% - 24px) } .w-\[calc$100\%_-_28px$\] { width: calc(100% - 28px) } .w-\[calc$100\%_-_72px$\] { width: calc(100% - 72px) } .w-full { width: 100% } .min-w-\[90px\] { min-width: 90px } .max-w-full { max-width: 100% } .flex-1 { flex: 1 1 0% } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)) } .flex-wrap { flex-wrap: wrap } .items-end { align-items: flex-end } .items-center { align-items: center } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem } .gap-y-12 { row-gap: 3rem } .overflow-hidden { overflow: hidden } .overflow-visible { overflow: visible } .overflow-y-auto { overflow-y: auto } .rounded-full { border-radius: 9999px } .border { border-width: 1px } .border-b { border-bottom-width: 1px } .border-b-24 { border-bottom-width: 24px } .border-solid { border-style: solid } .border-green-400 { --tw-border-opacity: 1; border-color: rgb(51 93 93 / var(--tw-border-opacity)) } .border-orange { --tw-border-opacity: 1; border-color: rgb(244 123 32 / var(--tw-border-opacity)) } .border-tomato-accessible { --tw-border-opacity: 1; border-color: rgb(226 46 2 / var(--tw-border-opacity)) } .border-typo-border { border-color: var(--articleBorderColor) } .border-warm-grey { --tw-border-opacity: 1; border-color: rgb(215 210 203 / var(--tw-border-opacity)) } .bg-background { background-color: var(--background) } .bg-black { --tw-bg-opacity: 1; background-color: rgb(25 25 25 / var(--tw-bg-opacity)) } .bg-black-950\/50 { background-color: #00000080 } .bg-cream { --tw-bg-opacity: 1; background-color: rgb(247 244 235 / var(--tw-bg-opacity)) } .bg-green { --tw-bg-opacity: 1; background-color: rgb(0 53 53 / var(--tw-bg-opacity)) } .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(230 235 235 / var(--tw-bg-opacity)) } .bg-orange { --tw-bg-opacity: 1; background-color: rgb(244 123 32 / var(--tw-bg-opacity)) } .bg-pagination-button { background-color: var(--pagination-bg-color) } .bg-primary-button-background { background-color: var(--primary-button-background) } .bg-tertiary-button-background { background-color: var(--tertiary-button-background) } .bg-transparent { background-color: transparent } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .bg-opacity-100 { --tw-bg-opacity: 1 } .object-cover { -o-object-fit: cover; object-fit: cover } .object-center { -o-object-position: center; object-position: center } .p-4 { padding: 1rem } .p-8 { padding: 2rem } .px-2 { padding-left: .5rem; padding-right: .5rem } .px-4 { padding-left: 1rem; padding-right: 1rem } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .px-8 { padding-left: 2rem; padding-right: 2rem } .py-1 { padding-top: .25rem; padding-bottom: .25rem } .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem } .py-2 { padding-top: .5rem; padding-bottom: .5rem } .py-2\.5 { padding-top: .625rem; padding-bottom: .625rem } .py-3 { padding-top: .75rem; padding-bottom: .75rem } .py-4 { padding-top: 1rem; padding-bottom: 1rem } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .pb-0 { padding-bottom: 0 } .pb-10 { padding-bottom: 2.5rem } .pb-14 { padding-bottom: 3.5rem } .pb-2 { padding-bottom: .5rem } .pb-2\.5 { padding-bottom: .625rem } .pb-24 { padding-bottom: 6rem } .pb-26 { padding-bottom: 6.5rem } .pb-4 { padding-bottom: 1rem } .pb-6 { padding-bottom: 1.5rem } .pb-8 { padding-bottom: 2rem } .pb-bottom-spacing { padding-bottom: var(--bottom-spacing) } .pl-10 { padding-left: 2.5rem } .pl-4 { padding-left: 1rem } .pl-5 { padding-left: 1.25rem } .pl-8 { padding-left: 2rem } .pl-9 { padding-left: 2.25rem } .pr-16 { padding-right: 4rem } .pr-2 { padding-right: .5rem } .pr-4 { padding-right: 1rem } .pr-5 { padding-right: 1.25rem } .pr-6 { padding-right: 1.5rem } .pr-7 { padding-right: 1.75rem } .pr-8 { padding-right: 2rem } .pr-9 { padding-right: 2.25rem } .pt-1 { padding-top: .25rem } .pt-2 { padding-top: .5rem } .pt-26 { padding-top: 6.5rem } .pt-32 { padding-top: 8rem } .pt-8 { padding-top: 2rem } .pt-top-spacing { padding-top: var(--top-spacing) } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .font-sans { font-family: Inter,sans-serif } .font-serif { font-family: teodor_trial,serif } .text-2xl { font-size: 1.5rem; line-height: 2rem } .text-4xl { font-size: 2.5rem } .text-base { font-size: 1rem; line-height: 1.5rem } .text-lg { font-size: 1.125rem; line-height: 1.75rem } .text-sm { font-size: .875rem; line-height: 1.25rem } .text-xs { font-size: .75rem; line-height: 1rem } .font-light { font-weight: 300 } .font-normal { font-weight: 400 } .font-semibold { font-weight: 600 } .uppercase { text-transform: uppercase } .leading-5 { line-height: 1.25rem } .leading-6 { line-height: 1.5rem } .leading-8 { line-height: 2rem } .leading-\[21px\] { line-height: 21px } .leading-none { line-height: 1 } .leading-normal { line-height: 1.5 } .leading-snug { line-height: 1.375 } .text-black { --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity)) } .text-green { --tw-text-opacity: 1; color: rgb(0 53 53 / var(--tw-text-opacity)) } .text-orange { --tw-text-opacity: 1; color: rgb(244 123 32 / var(--tw-text-opacity)) } .text-primary-button-text { color: var(--primary-button-text) } .text-tertiary-button-text { color: var(--tertiary-button-text) } .text-tomato-accessible { --tw-text-opacity: 1; color: rgb(226 46 2 / var(--tw-text-opacity)) } .text-typo-body { color: var(--text-color) } .text-typo-heading { color: var(--title-color) } .text-typo-label { color: var(--label-color) } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .underline { text-decoration-line: underline } .\!no-underline { text-decoration-line: none !important } .decoration-orange { text-decoration-color: #f47b20 } .decoration-2 { text-decoration-thickness: 2px } .underline-offset-8 { text-underline-offset: 8px } .opacity-0 { opacity: 0 } .opacity-50 { opacity: .5 } .shadow-4xl { --tw-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .08); --tw-shadow-colored: 0px 0px 8px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .shadow-md { --tw-shadow: 0px 4px 6px -2px #00000008,0px 12px 16px -4px #00000014; --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color),0px 12px 16px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) } .outline-none { outline: transparent solid 2px; outline-offset: 2px } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none } .first\:pl-0:first-child { padding-left: 0 } .last\:mb-0:last-child { margin-bottom: 0 } .last\:hidden:last-child { display: none } .group:first-child .group-first\:hidden { display: none } .group:last-child .group-last\:hidden { display: none } .group:last-child .group-last\:opacity-100 { opacity: 1 } @media (min-width:375px) { .xs\:pr-20 { padding-right: 5rem } } @media (min-width:768px) { .md\:absolute { position: absolute } .md\:bottom-0 { bottom: 0 } .md\:left-0 { left: 0 } .md\:left-auto { left: auto } .md\:right-0 { right: 0 } .md\:right-8 { right: 2rem } .md\:top-0 { top: 0 } .md\:col-span-10 { grid-column: span 10/span 10 } .md\:col-span-12 { grid-column: span 12/span 12 } .md\:col-span-4 { grid-column: span 4/span 4 } .md\:col-span-5 { grid-column: span 5/span 5 } .md\:col-span-6 { grid-column: span 6/span 6 } .md\:col-span-7 { grid-column: span 7/span 7 } .md\:col-span-9 { grid-column: span 9/span 9 } .md\:col-start-2 { grid-column-start: 2 } .md\:col-start-6 { grid-column-start: 6 } .md\:col-start-7 { grid-column-start: 7 } .md\:mx-0 { margin-left: 0; margin-right: 0 } .md\:mx-4 { margin-left: 1rem; margin-right: 1rem } .md\:mb-0 { margin-bottom: 0 } .md\:mb-10 { margin-bottom: 2.5rem } .md\:mb-4 { margin-bottom: 1rem } .md\:ml-4 { margin-left: 1rem } .md\:block { display: block } .md\:flex { display: flex } .md\:grid { display: grid } .md\:h-20 { height: 5rem } .md\:h-auto { height: auto } .md\:h-full { height: 100% } .md\:min-h-\[1px\] { min-height: 1px } .md\:min-h-\[480px\] { min-height: 480px } .md\:min-h-\[680px\] { min-height: 680px } .md\:min-h-\[944px\] { min-height: 944px } .md\:w-2\/5 { width: 40% } .md\:w-20 { width: 5rem } .md\:w-6\/12 { width: 50% } .md\:w-auto { width: auto } .md\:\!max-w-\[384px\] { max-width: 384px !important } .md\:flex-1 { flex: 1 1 0% } .md\:grid-cols-12 { grid-template-columns: repeat(12,minmax(0,1fr)) } .md\:grid-cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)) } .md\:flex-col { flex-direction: column } .md\:flex-wrap { flex-wrap: wrap } .md\:items-center { align-items: center } .md\:justify-start { justify-content: flex-start } .md\:justify-between { justify-content: space-between } .md\:gap-x-8 { -moz-column-gap: 2rem; column-gap: 2rem } .md\:object-cover { -o-object-fit: cover; object-fit: cover } .md\:object-center { -o-object-position: center; object-position: center } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem } .md\:py-20 { padding-top: 5rem; padding-bottom: 5rem } .md\:py-3 { padding-top: .75rem; padding-bottom: .75rem } .md\:pb-36 { padding-bottom: 9rem } .md\:pr-10 { padding-right: 2.5rem } .md\:pt-40 { padding-top: 10rem } .md\:first\:mb-0:first-child { margin-bottom: 0 } } @media (min-width:1024px) { .lg\:col-span-5 { grid-column: span 5/span 5 } .lg\:col-span-8 { grid-column: span 8/span 8 } .lg\:col-start-3 { grid-column-start: 3 } .lg\:col-start-8 { grid-column-start: 8 } .lg\:mx-8 { margin-left: 2rem; margin-right: 2rem } .lg\:flex { display: flex } .lg\:hidden { display: none } .lg\:h-27 { height: 6.75rem } .lg\:h-\[108px\] { height: 108px } .lg\:w-27 { width: 6.75rem } .lg\:w-\[108px\] { width: 108px } .lg\:w-\[calc$100\%_-_108px$\] { width: calc(100% - 108px) } .lg\:flex-wrap { flex-wrap: wrap } .lg\:items-center { align-items: center } .lg\:p-10 { padding: 2.5rem } .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem } .lg\:pb-0 { padding-bottom: 0 } .lg\:pb-10 { padding-bottom: 2.5rem } .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem } } @media (min-width:1170px) { .desklg\:invisible { visibility: hidden } .desklg\:static { position: static } .desklg\:fixed { position: fixed } .desklg\:absolute { position: absolute } .desklg\:relative { position: relative } .desklg\:right-0 { right: 0 } .desklg\:right-8 { right: 2rem } .desklg\:top-\[67px\] { top: 67px } .desklg\:mx-auto { margin-left: auto; margin-right: auto } .desklg\:\!block { display: block !important } .desklg\:block { display: block } .desklg\:inline-block { display: inline-block } .desklg\:flex { display: flex } .desklg\:hidden { display: none } .desklg\:h-\[calc$100\%_-_244px$\] { height: calc(100% - 244px) } .desklg\:h-\[calc$100\%_-_77px$\] { height: calc(100% - 77px) } .desklg\:h-auto { height: auto } .desklg\:h-full { height: 100% } .desklg\:max-h-\[calc$100\%_-_77px$\] { max-height: calc(100% - 77px) } .desklg\:w-3\/12 { width: 25% } .desklg\:w-4\/12 { width: 33.333333% } .desklg\:w-5\/12 { width: 41.666667% } .desklg\:w-\[166\%\] { width: 166% } .desklg\:w-\[176px\] { width: 176px } .desklg\:max-w-\[1248px\] { max-width: 1248px } .desklg\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .desklg\:flex-wrap { flex-wrap: wrap } .desklg\:items-center { align-items: center } .desklg\:justify-end { justify-content: flex-end } .desklg\:overflow-visible { overflow: visible } .desklg\:overflow-y-auto { overflow-y: auto } .desklg\:border-b { border-bottom-width: 1px } .desklg\:border-solid { border-style: solid } .desklg\:border-cream-600 { --tw-border-opacity: 1; border-color: rgb(225 222 214 / var(--tw-border-opacity)) } .desklg\:border-green-400 { --tw-border-opacity: 1; border-color: rgb(51 93 93 / var(--tw-border-opacity)) } .desklg\:bg-cream { --tw-bg-opacity: 1; background-color: rgb(247 244 235 / var(--tw-bg-opacity)) } .desklg\:bg-transparent { background-color: transparent } .desklg\:p-0 { padding: 0 } .desklg\:px-0 { padding-left: 0; padding-right: 0 } .desklg\:px-16 { padding-left: 4rem; padding-right: 4rem } .desklg\:px-4 { padding-left: 1rem; padding-right: 1rem } .desklg\:px-8 { padding-left: 2rem; padding-right: 2rem } .desklg\:py-0 { padding-top: 0; padding-bottom: 0 } .desklg\:py-12 { padding-top: 3rem; padding-bottom: 3rem } .desklg\:py-2 { padding-top: .5rem; padding-bottom: .5rem } .desklg\:py-3 { padding-top: .75rem; padding-bottom: .75rem } .desklg\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .desklg\:pb-0 { padding-bottom: 0 } .desklg\:pb-4 { padding-bottom: 1rem } .desklg\:pl-0 { padding-left: 0 } .desklg\:pl-2 { padding-left: .5rem } .desklg\:pl-5 { padding-left: 1.25rem } .desklg\:pl-8 { padding-left: 2rem } .desklg\:pr-0 { padding-right: 0 } .desklg\:pr-10 { padding-right: 2.5rem } .desklg\:pr-5 { padding-right: 1.25rem } .desklg\:pr-8 { padding-right: 2rem } .desklg\:pt-0 { padding-top: 0 } .desklg\:text-left { text-align: left } .desklg\:text-center { text-align: center } .desklg\:text-base { font-size: 1rem; line-height: 1.5rem } .desklg\:text-lg { font-size: 1.125rem; line-height: 1.75rem } .desklg\:font-normal { font-weight: 400 } .desklg\:font-semibold { font-weight: 600 } .desklg\:text-black { --tw-text-opacity: 1; color: rgb(25 25 25 / var(--tw-text-opacity)) } .desklg\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .desklg\:opacity-0 { opacity: 0 } .desklg\:opacity-50 { opacity: .5 } } @media (min-width:1280px) { .xl\:mx-8 { margin-left: 2rem; margin-right: 2rem } .xl\:px-26 { padding-left: 6.5rem; padding-right: 6.5rem } .xl\:pl-10 { padding-left: 2.5rem } } @media (min-width:1728px) { .\32xl\:pr-0 { padding-right: 0 } } </style>  <style> [x-cloak] { display: none !important; } </style> <link rel="preload" href="/assets/css/main.css" as="style" onload="this.onload=null;this.rel='stylesheet'">  <script type="text/javascript"> window.gtmID = 'GTM-K94NWDP'; </script> <script type="text/javascript">!function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{ src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source crossOrigin: "anonymous", cfg: { // Application Insights Configuration connectionString: 'InstrumentationKey=41494c8a-92a1-4e73-b028-73b6e1dd871e;IngestionEndpoint=https://australiaeast-1.in.applicationinsights.azure.com/;LiveEndpoint=https://australiaeast.livediagnostics.monitor.azure.com/;ApplicationId=3808031b-e9ec-4fc7-a385-4f4f54bb0663' }});</script></head> <body> <noscript><div>Javascript must be enabled for the correct page display</div></noscript> <a class="accessibility inline-block pb-2.5 align-top text-sm text-black underline decoration-orange decoration-2 underline-offset-8 lg:text-lg" href="#content"> Skip to Content </a>  <noscript> <link rel="stylesheet" href="/assets/css/main.css" /> </noscript>  <noscript> <iframe src=" https://www.googletagmanager.com/ns.html?id=GTM-K94NWDP" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div id="wrapper" class="wrapper relative w-full"> <header class="header relative z-50" x-data="header" role="banner" @scroll.window="checkHeaderPosition" @resize.window.debounce.200ms="checkwindowResize"> <div class="js-top-header leading-20 text-right text-sm desklg:py-3 " x-bind:class="[navOpen ? '!bg-white': '']"> <div class="o-container-large"> <div class="search fixed right-24 top-12 z-50 inline-block -translate-y-1/2 align-middle desklg:static desklg:translate-y-0"> <button x-data type="button" aria-label="search button" x-on:click="$dispatch('open-modal', {name: 'search-modal'})" class="flex flex-wrap items-center text-black transition-colors duration-300 ease-in-out desklg:hover:text-orange"> <span class="pointer-events-none"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.00049 9.69565C1.00049 12.0019 1.91663 14.2137 3.54739 15.8444C5.17814 17.4752 7.38991 18.3913 9.69614 18.3913C12.0024 18.3913 14.2141 17.4752 15.8449 15.8444C17.4756 14.2137 18.3918 12.0019 18.3918 9.69565C18.3918 7.38942 17.4756 5.17765 15.8449 3.5469C14.2141 1.91615 12.0024 1 9.69614 1C7.38991 1 5.17814 1.91615 3.54739 3.5469C1.91663 5.17765 1.00049 7.38942 1.00049 9.69565Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M20.9999 20.9994L15.8442 15.8438" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="hidden desklg:block desklg:pl-2">Search</span> </button> </div> <div class="fixed right-14 top-12 z-50 inline-block -translate-y-1/2 align-middle desklg:static desklg:translate-y-0 desklg:pl-8"> <a href="https://portal.cleanenergycouncil.org.au/account/login" aria-label="Member login" class="flex flex-wrap items-center text-black transition-colors duration-300 ease-in-out desklg:hover:text-orange" target="_blank"> <span> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 11C1 13.6522 2.05357 16.1957 3.92893 18.0711C5.8043 19.9464 8.34783 21 11 21C13.6522 21 16.1957 19.9464 18.0711 18.0711C19.9464 16.1957 21 13.6522 21 11C21 8.34783 19.9464 5.8043 18.0711 3.92893C16.1957 2.05357 13.6522 1 11 1C8.34783 1 5.8043 2.05357 3.92893 3.92893C2.05357 5.8043 1 8.34783 1 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M4.00781 18.1487C5.49267 17.2877 7.07216 16.6014 8.71477 16.1035C9.4426 15.8348 9.52173 14.1653 8.99999 13.5913C8.24694 12.7626 7.60868 11.7913 7.60868 9.44699C7.56482 8.97994 7.62059 8.5089 7.77231 8.065C7.92402 7.6211 8.16823 7.21446 8.48878 6.87196C8.80934 6.52946 9.19894 6.2589 9.63184 6.07816C10.0647 5.89743 10.5311 5.81063 11 5.82352C11.4689 5.81063 11.9352 5.89743 12.3681 6.07816C12.801 6.2589 13.1906 6.52946 13.5112 6.87196C13.8317 7.21446 14.076 7.6211 14.2277 8.065C14.3794 8.5089 14.4352 8.97994 14.3913 9.44699C14.3913 11.7948 13.753 12.7626 13 13.5913C12.4782 14.1653 12.5574 15.8348 13.2852 16.1035C14.9278 16.6014 16.5073 17.2877 17.9922 18.1487" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="hidden desklg:block desklg:pl-2">Member login</span> </a> </div> <div class="hidden desklg:inline-block desklg:pl-3"> <div class="hidden align-middle desklg:inline-block desklg:pl-8"> <a href="/membership" aria-label="Become a member" class="inline-block rounded-full border border-solid border-tomato-accessible px-6 py-2.5 align-top text-base leading-[21px] text-tomato-accessible transition-colors duration-300 ease-in-out desklg:hover:bg-tomato-accessible desklg:hover:text-white"> Become a member </a> </div> </div> </div> </div> <nav class="js-bottom-header fixed left-0 right-0 top-0 py-6 transition-colors duration-300 ease-in-out desklg:absolute desklg:top-[67px]" x-bind:class="[stickyNav ? 'fixed desklg:!fixed bg-white shadow-sm !top-0': 'fixed desklg:absolute bg-transparent', navOpen ? '!bg-cream': '']"> <div class="js-overlay fixed bottom-0 left-0 right-0 -z-10 hidden bg-black/40 desklg:block" x-bind:class="stickyNav ? 'top-[126px]':'top-[164px]'" x-show="navOpen"></div> <div class="o-container-large"> <div class="flex flex-wrap items-center"> <div class="logo w-[111px] desklg:w-[176px]"> <a aria-label="logo" href="/"> <img src="/assets/images/site-logo.svg" alt="CLEAN ENERGY COUNCIL" width="176" height="80"> </a> </div> <div class="nav-holder flex-1"> <button type="button" aria-label="menu toggle nav" class="absolute right-4 top-1/2 -translate-y-1/2 desklg:hidden" x-on:click="toggleNav"> <span class="block h-[1px] w-6 bg-black transition-transform duration-300 ease-in-out" x-bind:class="[navOpen?'rotate-45 translate-y-1/2': '' ]"></span> <span class="my-2 block h-[1px] w-6 bg-black transition-opacity duration-300 ease-in-out" x-bind:class="[navOpen? 'opacity-0 h-0 !my-0': 'my-2']"></span> <span class="block h-[1px] w-6 bg-black transition-transform duration-300 ease-in-out" x-bind:class="[navOpen? '-rotate-45 -translate-y-1/2' : '' ]"></span> </button> <div class="js-nav-dropdown fixed left-0 right-0 top-24 h-[calc(100%_-_94px)] overflow-y-auto bg-cream pb-24 desklg:static desklg:!block desklg:h-auto desklg:overflow-visible desklg:bg-transparent desklg:pb-0" x-show="navOpen" x-cloak> <ul class="h-full w-full overflow-y-auto pt-1 desklg:flex desklg:justify-end desklg:overflow-visible desklg:pt-0"> <li aria-expanded="false" data-id="nav-item-67" x-on:mouseenter="activeDropdown" x-on:mouseleave="deactiveDropdown" class="js-main-nav-item group/item desklg:flex desklg:flex-wrap desklg:items-center desklg:pl-5 xl:pl-10"> <button type="button" x-on:click="toggleSubnav(event)" class="js-main-nav-item-btn group/main-menu relative block w-full cursor-pointer py-3 pl-4 pr-9 text-left text-base font-semibold leading-normal text-black desklg:py-2 desklg:pl-0 desklg:pr-5 desklg:text-center desklg:font-normal "> <span class="absolute bottom-0 left-1/2 block h-0.5 w-0 -translate-x-1/2 bg-orange transition-size duration-300 ease-in-out desklg:group-focus/main-menu:w-full desklg:group-[[aria-expanded='true']]/item:w-full "></span> <span class="absolute left-0 right-0 top-full hidden h-12 w-full bg-transparent desklg:block"></span> Advocacy <span class="absolute right-4 top-1/2 -translate-y-1/2 desklg:right-0"> <svg width="13" height="6" viewBox="0 0 13 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.999999 0.5L6.5 5.5L12 0.5" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </button> <div class="js-sub-nav transition-height left-0 right-0 h-0 w-full flex-wrap overflow-hidden bg-white duration-300 ease-in-out group-hover/item:visible group-[[aria-expanded='true']]/item:visible max-desklg:!flex desklg:fixed desklg:flex desklg:h-[calc(100%_-_244px)] desklg:bg-cream desklg:px-8 desklg:py-12 desklg:transition-dropdown" x-bind:class="stickyNav ? 'top-[126px]':'top-[164px]'" x-show="activeNavItem === 'nav-item-67'" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-y-95 origin-bottom" x-transition:enter-end="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave-end="transform opacity-0 scale-y-95 origin-bottom" x-cloak style="height: 0px;"> <div class="flex w-full flex-wrap py-4 pl-8 pr-4 desklg:h-full desklg:px-0 desklg:py-0"> <div class="w-full desklg:mx-auto desklg:flex desklg:h-full desklg:max-w-[1248px] desklg:flex-wrap desklg:px-4"> <div class="z-10 desklg:relative desklg:h-full desklg:w-3/12 desklg:pr-8"> <div class="absolute -bottom-12 -top-12 right-0 -z-10 hidden w-[50vw] bg-green desklg:block"></div> <a class="group relative z-20 flex w-full flex-wrap items-center px-4 text-left text-base font-semibold leading-normal text-black desklg:border-b desklg:border-solid desklg:border-green-400 desklg:py-6 desklg:pl-0 desklg:pr-0 desklg:text-left desklg:text-lg desklg:font-normal desklg:text-white" href=/advocacy> <span class="w-6 pr-2"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.571289 8.14293L7.99986 0.714355L15.4284 8.14293" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M2.85694 5.85742L2.85693 14.6003H13.1426L13.1427 5.85742" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_24px)] pr-5">Advocacy</span> <span class="absolute right-0 top-1/2 -translate-y-1/2 transition-transform duration-300 ease-in-out desklg:right-0 desklg:group-hover:translate-x-2"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar pl-10 desklg:-mr-8 desklg:h-[calc(100%_-_77px)] desklg:max-h-[calc(100%_-_77px)] desklg:overflow-y-auto desklg:pl-0"> <ul class="pt-2"> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <button class="group/sub-nav-button js-sub-nav-button relative z-20 block w-full py-2 text-left text-sm font-semibold leading-5 transition-opacity duration-300 ease-in-out desklg:py-3 desklg:pr-10 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" type="button"> Key objectives <span class="absolute right-0 top-1/2 -translate-y-1/2 opacity-0 desklg:right-8 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </button> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> </div> <span class="relative z-20 mb-6 hidden w-full px-4 py-3 text-left text-base font-semibold leading-normal text-black desklg:block desklg:border-b desklg:border-solid desklg:border-cream-600 desklg:py-6 desklg:pl-0 desklg:pr-0 desklg:text-left desklg:text-lg desklg:font-semibold desklg:text-black"> Key objectives </span> <ul class=""> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/decarbonising-the-economy" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Decarbonising the economy <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/doing-renewables-right" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Doing renewables right <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/getting-the-grid-ready" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Getting the grid ready <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/investing-in-people-and-industry" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Investing in people and industry <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> </ul> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <button class="group/sub-nav-button js-sub-nav-button relative z-20 block w-full py-2 text-left text-sm font-semibold leading-5 transition-opacity duration-300 ease-in-out desklg:py-3 desklg:pr-10 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" type="button"> Focus areas <span class="absolute right-0 top-1/2 -translate-y-1/2 opacity-0 desklg:right-8 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </button> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> </div> <span class="relative z-20 mb-6 hidden w-full px-4 py-3 text-left text-base font-semibold leading-normal text-black desklg:block desklg:border-b desklg:border-solid desklg:border-cream-600 desklg:py-6 desklg:pl-0 desklg:pr-0 desklg:text-left desklg:text-lg desklg:font-semibold desklg:text-black"> Focus areas </span> <ul class=""> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/electric-homes-and-businesses" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Electric homes and businesses <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/hydrogen" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Hydrogen <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/large-scale-solar" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Large-scale solar <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/large-scale-storage" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Large-scale storage <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/market-investment-and-grid" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Market, investment and grid <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/offshore-wind" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Offshore wind <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="/advocacy/onshore-wind" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Onshore wind <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> </ul> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/advocacy/industry-snapshot"> Industry snapshot <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Industry snapshot</span> <div class="mb-8">Renewable energy in Australia is booming. Learn about current and future projects supplying clean, affordable power to the electricity market, and track Australia's progress to net zero.</div> </div> </div> </div> </li> </ul> </div> </div> <div class="custom-scrollbar hidden desklg:block desklg:h-full desklg:w-5/12 desklg:overflow-y-auto desklg:px-16 xl:px-26"> <div x-show="!subNavActive"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Advocacy</span> <div class="mb-8">Our mission is accelerate towards a clean energy future, laying the foundations for Australia to become a global clean energy super power.</div> </div> </div> </div> <div class="js-3-col custom-scrollbar hidden pl-5 desklg:block desklg:h-full desklg:w-4/12 desklg:overflow-y-auto"> <div class="js-feature-image pointer-events-none absolute bottom-0 right-0 top-0 z-10 w-[37.5%] bg-cream" data-src="/getattachment/000bba42-976a-4d19-9c0c-3c17932c12ca/Infigen-Lake-Bonney-BESS-2019-03.jpg"> <img class="js-lazy-img w-full h-full object-center object-cover" width="640" height="722" data-src="/getattachment/000bba42-976a-4d19-9c0c-3c17932c12ca/Infigen-Lake-Bonney-BESS-2019-03.jpg" src="/assets/images/img-placeholder.png" alt="cec"> </div> </div> </div> </div> </div> </li> <li aria-expanded="false" data-id="nav-item-72" x-on:mouseenter="activeDropdown" x-on:mouseleave="deactiveDropdown" class="js-main-nav-item group/item desklg:flex desklg:flex-wrap desklg:items-center desklg:pl-5 xl:pl-10"> <button type="button" x-on:click="toggleSubnav(event)" class="js-main-nav-item-btn group/main-menu relative block w-full cursor-pointer py-3 pl-4 pr-9 text-left text-base font-semibold leading-normal text-black desklg:py-2 desklg:pl-0 desklg:pr-5 desklg:text-center desklg:font-normal "> <span class="absolute bottom-0 left-1/2 block h-0.5 w-0 -translate-x-1/2 bg-orange transition-size duration-300 ease-in-out desklg:group-focus/main-menu:w-full desklg:group-[[aria-expanded='true']]/item:w-full "></span> <span class="absolute left-0 right-0 top-full hidden h-12 w-full bg-transparent desklg:block"></span> Programs <span class="absolute right-4 top-1/2 -translate-y-1/2 desklg:right-0"> <svg width="13" height="6" viewBox="0 0 13 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.999999 0.5L6.5 5.5L12 0.5" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </button> <div class="js-sub-nav transition-height left-0 right-0 h-0 w-full flex-wrap overflow-hidden bg-white duration-300 ease-in-out group-hover/item:visible group-[[aria-expanded='true']]/item:visible max-desklg:!flex desklg:fixed desklg:flex desklg:h-[calc(100%_-_244px)] desklg:bg-cream desklg:px-8 desklg:py-12 desklg:transition-dropdown" x-bind:class="stickyNav ? 'top-[126px]':'top-[164px]'" x-show="activeNavItem === 'nav-item-72'" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-y-95 origin-bottom" x-transition:enter-end="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave-end="transform opacity-0 scale-y-95 origin-bottom" x-cloak style="height: 0px;"> <div class="flex w-full flex-wrap py-4 pl-8 pr-4 desklg:h-full desklg:px-0 desklg:py-0"> <div class="w-full desklg:mx-auto desklg:flex desklg:h-full desklg:max-w-[1248px] desklg:flex-wrap desklg:px-4"> <div class="z-10 desklg:relative desklg:h-full desklg:w-3/12 desklg:pr-8"> <div class="absolute -bottom-12 -top-12 right-0 -z-10 hidden w-[50vw] bg-green desklg:block"></div> <a class="group relative z-20 flex w-full flex-wrap items-center px-4 text-left text-base font-semibold leading-normal text-black desklg:border-b desklg:border-solid desklg:border-green-400 desklg:py-6 desklg:pl-0 desklg:pr-0 desklg:text-left desklg:text-lg desklg:font-normal desklg:text-white" href=/industry-programs> <span class="w-6 pr-2"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.571289 8.14293L7.99986 0.714355L15.4284 8.14293" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M2.85694 5.85742L2.85693 14.6003H13.1426L13.1427 5.85742" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_24px)] pr-5">Programs</span> <span class="absolute right-0 top-1/2 -translate-y-1/2 transition-transform duration-300 ease-in-out desklg:right-0 desklg:group-hover:translate-x-2"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar pl-10 desklg:-mr-8 desklg:h-[calc(100%_-_77px)] desklg:max-h-[calc(100%_-_77px)] desklg:overflow-y-auto desklg:pl-0"> <ul class="pt-2"> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/industry-programs/products-program"> Products program <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Products program</span> <div class="mb-8">Find verified and tested solar PV modules, inverters and batteries that are eligible to be installed in Australia, and apply to add your product to the lists.</div> <div class="pr-7 pb-4"> <a href="/industry-programs/products-program" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/industry-programs/retailers"> New Energy Tech Consumer Code <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">New Energy Tech Consumer Code</span> <div class="mb-8">The Clean Energy Council administers the New Energy Tech Consumer Code (NETCC) program. Find out more about the program seeking to raise consumer protection standards and access consumer guides, lists of approved sellers and detail on how to become an Approved Seller.</div> <div class="pr-7 pb-4"> <a href="/industry-programs/retailers" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/industry-programs/accreditation"> Installer and designer accreditation <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Installer and designer accreditation</span> <div class="mb-8">Solar Accreditation Australia (SAA) is now responsible for ensuring installers and designers have undertaken appropriate training and meet standards. </div> <div class="pr-7 pb-4"> <a href="/industry-programs/accreditation" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/industry-programs/advisory-services"> Technical advice for industry <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Technical advice for industry</span> <div class="mb-8">Access expert advice on standards and requirements for the rooftop solar and storage industry. Subscribe to myCEC to receive technical support, education, discounts and more.</div> <div class="pr-7 pb-4"> <a href="/industry-programs/advisory-services" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/education-at-cec/continuing-professional-development-cpd"> Continuing professional development <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Continuing professional development</span> <div class="mb-8">We offer industry-leading CPD-eligible learning courses, recognised by Solar Accreditation Australia.</div> <div class="pr-7 pb-4"> <a href="/education-at-cec/continuing-professional-development-cpd" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="https://cleanenergycouncil.org.au/for-consumers"> Information for consumers <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Information for consumers</span> <div class="mb-8">The Clean Energy Council supports consumers to adopt clean energy through public advocacy, policy development and the administration of consumer protection programs.</div> <div class="pr-7 pb-4"> <a href="https://cleanenergycouncil.org.au/for-consumers" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" target="_blank" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> <a href="https://cleanenergycouncil.org.au/for-consumers" class="group relative z-20 mb-6 hidden w-full flex-wrap items-center px-4 py-3 text-left text-base font-semibold leading-normal text-black desklg:flex desklg:border-b desklg:border-solid desklg:border-cream-600 desklg:py-6 desklg:pl-0 desklg:pr-0 desklg:text-left desklg:text-lg desklg:font-semibold desklg:text-black"> <span class="w-6 pr-2"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.571289 8.14293L7.99986 0.714355L15.4284 8.14293" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M2.85694 5.85742L2.85693 14.6003H13.1426L13.1427 5.85742" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_24px)] pr-5">Information for consumers</span> <span class="absolute right-0 top-1/2 -translate-y-1/2 opacity-0 transition-opacity duration-300 ease-in-out desklg:right-0 desklg:group-hover:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <ul class=""> <li class="js-sub-links group/sub-links desklg:pb-4" data-src="/getattachment/29910db8-3632-4934-88cb-c83de8057505/Family-holding-NETCC-sign-with-approved-solar-seller.jpg" x-on:mouseenter="hoverImage" x-on:mouseleave="hoverOutImage" aria-expanded="false"> <a href="https://www.newenergytech.org.au/" class="js-sub-link-button group relative block py-2 pr-6 text-sm font-normal leading-5 text-black desklg:p-0 desklg:pr-5 desklg:text-base"> Getting solar <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-0 desklg:opacity-0 desklg:group-hover:opacity-100 desklg:group-focus:opacity-100 desklg:group-[[aria-expanded='true']]/sub-links:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> </li> </ul> </div> </li> </ul> </div> </div> <div class="custom-scrollbar hidden desklg:block desklg:h-full desklg:w-5/12 desklg:overflow-y-auto desklg:px-16 xl:px-26"> <div x-show="!subNavActive"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Programs</span> <div class="mb-8">We uphold the integrity of consumer energy resources including modules, inverters and battery energy storage products and run an Approved Solar Retailer program, developing guidelines and having input into the development of Australian Standards.</div> <div class="pr-7 pb-4"> <a href="/industry-programs" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> <div class="js-3-col custom-scrollbar hidden pl-5 desklg:block desklg:h-full desklg:w-4/12 desklg:overflow-y-auto"> <div class="js-feature-image pointer-events-none absolute bottom-0 right-0 top-0 z-10 w-[37.5%] bg-cream" data-src="/getattachment/b3586198-1739-4235-b14e-7157b85de403/20181002_FutureEnergySkills-422.jpg"> <img class="js-lazy-img w-full h-full object-center object-cover" width="640" height="722" data-src="/getattachment/b3586198-1739-4235-b14e-7157b85de403/20181002_FutureEnergySkills-422.jpg" src="/assets/images/img-placeholder.png" alt="cec"> </div> </div> </div> </div> </div> </li> <li aria-expanded="false" data-id="nav-item-75" x-on:mouseenter="activeDropdown" x-on:mouseleave="deactiveDropdown" class="js-main-nav-item group/item desklg:flex desklg:flex-wrap desklg:items-center desklg:pl-5 xl:pl-10"> <button type="button" x-on:click="toggleSubnav(event)" class="js-main-nav-item-btn group/main-menu relative block w-full cursor-pointer py-3 pl-4 pr-9 text-left text-base font-semibold leading-normal text-black desklg:py-2 desklg:pl-0 desklg:pr-5 desklg:text-center desklg:font-normal "> <span class="absolute bottom-0 left-1/2 block h-0.5 w-0 -translate-x-1/2 bg-orange transition-size duration-300 ease-in-out desklg:group-focus/main-menu:w-full desklg:group-[[aria-expanded='true']]/item:w-full "></span> <span class="absolute left-0 right-0 top-full hidden h-12 w-full bg-transparent desklg:block"></span> Working in clean energy <span class="absolute right-4 top-1/2 -translate-y-1/2 desklg:right-0"> <svg width="13" height="6" viewBox="0 0 13 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.999999 0.5L6.5 5.5L12 0.5" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </button> <div class="js-sub-nav transition-height left-0 right-0 h-0 w-full flex-wrap overflow-hidden bg-white duration-300 ease-in-out group-hover/item:visible group-[[aria-expanded='true']]/item:visible max-desklg:!flex desklg:fixed desklg:flex desklg:h-[calc(100%_-_244px)] desklg:bg-cream desklg:px-8 desklg:py-12 desklg:transition-dropdown" x-bind:class="stickyNav ? 'top-[126px]':'top-[164px]'" x-show="activeNavItem === 'nav-item-75'" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-y-95 origin-bottom" x-transition:enter-end="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave-end="transform opacity-0 scale-y-95 origin-bottom" x-cloak style="height: 0px;"> <div class="flex w-full flex-wrap py-4 pl-8 pr-4 desklg:h-full desklg:px-0 desklg:py-0"> <div class="w-full desklg:mx-auto desklg:flex desklg:h-full desklg:max-w-[1248px] desklg:flex-wrap desklg:px-4"> <div class="z-10 desklg:relative desklg:h-full desklg:w-3/12 desklg:pr-8"> <div class="absolute -bottom-12 -top-12 right-0 -z-10 hidden w-[50vw] bg-green desklg:block"></div> <a class="group relative z-20 flex w-full flex-wrap items-center px-4 text-left text-base font-semibold leading-normal text-black desklg:border-b desklg:border-solid desklg:border-green-400 desklg:py-6 desklg:pl-0 desklg:pr-0 desklg:text-left desklg:text-lg desklg:font-normal desklg:text-white" href=/working-in-clean-energy> <span class="w-6 pr-2"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.571289 8.14293L7.99986 0.714355L15.4284 8.14293" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M2.85694 5.85742L2.85693 14.6003H13.1426L13.1427 5.85742" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_24px)] pr-5">Working in clean energy</span> <span class="absolute right-0 top-1/2 -translate-y-1/2 transition-transform duration-300 ease-in-out desklg:right-0 desklg:group-hover:translate-x-2"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar pl-10 desklg:-mr-8 desklg:h-[calc(100%_-_77px)] desklg:max-h-[calc(100%_-_77px)] desklg:overflow-y-auto desklg:pl-0"> <ul class="pt-2"> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/working-in-clean-energy/careers-guide"> Careers Guide <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Careers Guide</span> <div class="mb-8">Use our guide to discover all the clean energy industry roles and pathways on offer, and how you can begin or transition your career in clean energy.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/working-in-clean-energy/powering-up"> Powering Up <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Powering Up</span> <div class="mb-8">Transitioning to clean energy in partnership with First Nations' peoples. Workshops and online training course launching in March 2025.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/education-at-cec"> Educating the industry <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Educating the industry</span> <div class="mb-8">Power up your business in renewable energy with our tailored professional development courses and interactive learning experiences to upskill your workers.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/working-in-clean-energy/required-training"> Clean energy required training <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Clean energy required training</span> <div class="mb-8">Discover the necessary skills and get your digital passport to work on large-scale clean energy projects in Victoria and Queensland. Arriving April/May 2025.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/working-in-clean-energy/diversity-in-renewables"> Diversity in renewables <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Diversity in renewables</span> <div class="mb-8">To attract and retain a diverse workforce we need to ensure our workplaces are equitable, inclusive, and accessible. Find out about initiatives and scholarship oportunities to progress your career.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/working-in-clean-energy/careers-hub"> Jobs in the industry <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Jobs in the industry</span> <div class="mb-8">Search current vacancies across the renewable energy and energy storage sector.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/working-in-clean-energy/jobs-at-cec"> Jobs at CEC <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Jobs at CEC</span> <div class="mb-8">Passionate about contributing to Australia's clean energy future? Work with us!</div> </div> </div> </div> </li> </ul> </div> </div> <div class="custom-scrollbar hidden desklg:block desklg:h-full desklg:w-5/12 desklg:overflow-y-auto desklg:px-16 xl:px-26"> <div x-show="!subNavActive"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Working in clean energy</span> <div class="mb-8">A skilled and safe workforce is a crucial component to Australia’s energy transformation. If you're thinking about a career in clean energy, start here.</div> </div> </div> </div> <div class="js-3-col custom-scrollbar hidden pl-5 desklg:block desklg:h-full desklg:w-4/12 desklg:overflow-y-auto"> <div class="js-feature-image pointer-events-none absolute bottom-0 right-0 top-0 z-10 w-[37.5%] bg-cream" data-src="/getattachment/909f960b-0ab8-4f6a-9005-df96250437a8/woman-solar-installer.jpg"> <img class="js-lazy-img w-full h-full object-center object-cover" width="640" height="722" data-src="/getattachment/909f960b-0ab8-4f6a-9005-df96250437a8/woman-solar-installer.jpg" src="/assets/images/img-placeholder.png" alt="cec"> </div> </div> </div> </div> </div> </li> <li aria-expanded="false" data-id="nav-item-77" x-on:mouseenter="activeDropdown" x-on:mouseleave="deactiveDropdown" class="js-main-nav-item group/item desklg:flex desklg:flex-wrap desklg:items-center desklg:pl-5 xl:pl-10"> <button type="button" x-on:click="toggleSubnav(event)" class="js-main-nav-item-btn group/main-menu relative block w-full cursor-pointer py-3 pl-4 pr-9 text-left text-base font-semibold leading-normal text-black desklg:py-2 desklg:pl-0 desklg:pr-5 desklg:text-center desklg:font-normal "> <span class="absolute bottom-0 left-1/2 block h-0.5 w-0 -translate-x-1/2 bg-orange transition-size duration-300 ease-in-out desklg:group-focus/main-menu:w-full desklg:group-[[aria-expanded='true']]/item:w-full "></span> <span class="absolute left-0 right-0 top-full hidden h-12 w-full bg-transparent desklg:block"></span> Events <span class="absolute right-4 top-1/2 -translate-y-1/2 desklg:right-0"> <svg width="13" height="6" viewBox="0 0 13 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.999999 0.5L6.5 5.5L12 0.5" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </button> <div class="js-sub-nav transition-height left-0 right-0 h-0 w-full flex-wrap overflow-hidden bg-white duration-300 ease-in-out group-hover/item:visible group-[[aria-expanded='true']]/item:visible max-desklg:!flex desklg:fixed desklg:flex desklg:h-[calc(100%_-_244px)] desklg:bg-cream desklg:px-8 desklg:py-12 desklg:transition-dropdown" x-bind:class="stickyNav ? 'top-[126px]':'top-[164px]'" x-show="activeNavItem === 'nav-item-77'" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-y-95 origin-bottom" x-transition:enter-end="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave-end="transform opacity-0 scale-y-95 origin-bottom" x-cloak style="height: 0px;"> <div class="flex w-full flex-wrap py-4 pl-8 pr-4 desklg:h-full desklg:px-0 desklg:py-0"> <div class="w-full desklg:mx-auto desklg:flex desklg:h-full desklg:max-w-[1248px] desklg:flex-wrap desklg:px-4"> <div class="z-10 desklg:relative desklg:h-full desklg:w-3/12 desklg:pr-8"> <div class="absolute -bottom-12 -top-12 right-0 -z-10 hidden w-[50vw] bg-green desklg:block"></div> <a class="group relative z-20 flex w-full flex-wrap items-center px-4 text-left text-base font-semibold leading-normal text-black desklg:border-b desklg:border-solid desklg:border-green-400 desklg:py-6 desklg:pl-0 desklg:pr-0 desklg:text-left desklg:text-lg desklg:font-normal desklg:text-white" href=/events> <span class="w-6 pr-2"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.571289 8.14293L7.99986 0.714355L15.4284 8.14293" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M2.85694 5.85742L2.85693 14.6003H13.1426L13.1427 5.85742" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_24px)] pr-5">Events</span> <span class="absolute right-0 top-1/2 -translate-y-1/2 transition-transform duration-300 ease-in-out desklg:right-0 desklg:group-hover:translate-x-2"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar pl-10 desklg:-mr-8 desklg:h-[calc(100%_-_77px)] desklg:max-h-[calc(100%_-_77px)] desklg:overflow-y-auto desklg:pl-0"> <ul class="pt-2"> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/events/sponsorship"> Event sponsorship <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Event sponsorship</span> <div class="mb-8">We stand ready to collaborate with you in partnering or hosting our events to help you connect with the right industry audiences.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/events/event-terms-and-conditions"> Event terms and conditions <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Event terms and conditions</span> <div class="mb-8">Terms and conditions for Clean Energy Council events.</div> <div class="pr-7 pb-4"> <a href="/events/event-terms-and-conditions" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Read more </a> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="custom-scrollbar hidden desklg:block desklg:h-full desklg:w-5/12 desklg:overflow-y-auto desklg:px-16 xl:px-26"> <div x-show="!subNavActive"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Events</span> <div class="mb-8">Our events are where industry thought-leaders meet, network, and share ideas on accelerating the clean energy transition. Join around 19,000 delegates attending our events each year and be part of the conversations shaping the future.</div> <div class="pr-7 pb-4"> <a href="/events" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> View all events </a> </div> </div> </div> </div> <div class="js-3-col custom-scrollbar hidden pl-5 desklg:block desklg:h-full desklg:w-4/12 desklg:overflow-y-auto"> <div x-show="!hideFeatureCard"> <span class="mb-4 block text-2xl">Featured event</span> <div class="w-full overflow-hidden bg-white md:flex md:flex-wrap"> <div class="w-full border border-solid border-warm-grey md:flex md:flex-col md:flex-wrap"> <div class="w-full md:flex-1"> <div class="img-holder relative aspect-[384/160] overflow-hidden"> <div class="absolute bottom-0 left-0 right-0 top-0"> <img src="/assets/images/img-placeholder.png" data-src="/getattachment/f35fec1c-f5bb-4917-a9af-87533cce2581/attachment.aspx" alt="Australian Wind Industry Forum" width="384" height="259" class="js-lazy-img h-full w-full max-w-full object-cover object-center"> </div> </div> <div class="p-8 pb-0"> <div class="pb-2 text-left text-sm leading-5 text-green"> <span>06 May 2025</span> </div> <div class="pb-6"> <span class="mb-2 line-clamp-1 block font-sans text-lg leading-6"> Australian Wind Industry Forum </span> </div> </div> </div> <div class="-mb-4 -mr-7 flex px-8 pb-8"> <div class="pb-4 pr-7"> <a href="/events/australian-wind-industry-forum-2025" class="group relative inline-block cursor-pointer pb-2.5 align-top text-sm text-tertiary-button-text !no-underline" > <span class="absolute bottom-0 left-0 right-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li aria-expanded="false" data-id="nav-item-880" x-on:mouseenter="activeDropdown" x-on:mouseleave="deactiveDropdown" class="js-main-nav-item group/item desklg:flex desklg:flex-wrap desklg:items-center desklg:pl-5 xl:pl-10"> <button type="button" x-on:click="toggleSubnav(event)" class="js-main-nav-item-btn group/main-menu relative block w-full cursor-pointer py-3 pl-4 pr-9 text-left text-base font-semibold leading-normal text-black desklg:py-2 desklg:pl-0 desklg:pr-5 desklg:text-center desklg:font-normal "> <span class="absolute bottom-0 left-1/2 block h-0.5 w-0 -translate-x-1/2 bg-orange transition-size duration-300 ease-in-out desklg:group-focus/main-menu:w-full desklg:group-[[aria-expanded='true']]/item:w-full "></span> <span class="absolute left-0 right-0 top-full hidden h-12 w-full bg-transparent desklg:block"></span> Education <span class="absolute right-4 top-1/2 -translate-y-1/2 desklg:right-0"> <svg width="13" height="6" viewBox="0 0 13 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.999999 0.5L6.5 5.5L12 0.5" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </button> <div class="js-sub-nav transition-height left-0 right-0 h-0 w-full flex-wrap overflow-hidden bg-white duration-300 ease-in-out group-hover/item:visible group-[[aria-expanded='true']]/item:visible max-desklg:!flex desklg:fixed desklg:flex desklg:h-[calc(100%_-_244px)] desklg:bg-cream desklg:px-8 desklg:py-12 desklg:transition-dropdown" x-bind:class="stickyNav ? 'top-[126px]':'top-[164px]'" x-show="activeNavItem === 'nav-item-880'" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-y-95 origin-bottom" x-transition:enter-end="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave-end="transform opacity-0 scale-y-95 origin-bottom" x-cloak style="height: 0px;"> <div class="flex w-full flex-wrap py-4 pl-8 pr-4 desklg:h-full desklg:px-0 desklg:py-0"> <div class="w-full desklg:mx-auto desklg:flex desklg:h-full desklg:max-w-[1248px] desklg:flex-wrap desklg:px-4"> <div class="z-10 desklg:relative desklg:h-full desklg:w-3/12 desklg:pr-8"> <div class="absolute -bottom-12 -top-12 right-0 -z-10 hidden w-[50vw] bg-green desklg:block"></div> <a class="group relative z-20 flex w-full flex-wrap items-center px-4 text-left text-base font-semibold leading-normal text-black desklg:border-b desklg:border-solid desklg:border-green-400 desklg:py-6 desklg:pl-0 desklg:pr-0 desklg:text-left desklg:text-lg desklg:font-normal desklg:text-white" href=/education-at-cec> <span class="w-6 pr-2"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.571289 8.14293L7.99986 0.714355L15.4284 8.14293" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M2.85694 5.85742L2.85693 14.6003H13.1426L13.1427 5.85742" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_24px)] pr-5">Education</span> <span class="absolute right-0 top-1/2 -translate-y-1/2 transition-transform duration-300 ease-in-out desklg:right-0 desklg:group-hover:translate-x-2"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar pl-10 desklg:-mr-8 desklg:h-[calc(100%_-_77px)] desklg:max-h-[calc(100%_-_77px)] desklg:overflow-y-auto desklg:pl-0"> <ul class="pt-2"> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="https://learnlab.cleanenergycouncil.org.au/learn"> Start learning <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Start learning</span> <div class="mb-8">LearnLAB is an innovative learning platform that provides engaging, tailored courses to support the renewable energy industry. Click to explore how LearnLAB can help you stay ahead with cutting-edge training and professional certifications. </div> <div class="pr-7 pb-4"> <a href="https://learnlab.cleanenergycouncil.org.au/learn" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" target="_blank" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Start learning on LearnLAB </a> </div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/education-at-cec"> Education services and courses <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Education services and courses</span> <div class="mb-8">The Clean Energy Council provides comprehensive training solutions, offering tailored courses, CPD courses for installers and industry certifications to support the renewable energy sector. Click to learn how our services can enhance you and your organisation’s training, skills and professional growth. </div> <div class="pr-7 pb-4"> <a href="/education-at-cec" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/education-at-cec/continuing-professional-development-cpd"> Continuing professional development <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Continuing professional development</span> <div class="mb-8">Our SAA-accredited continuing professional development courses offer flexible, easy-to-complete modules that help you stay current with industry standards and earn continuing professional development points. Click to learn how they can enhance your professional development. </div> <div class="pr-7 pb-4"> <a href="/education-at-cec/continuing-professional-development-cpd" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/education-at-cec/discover-the-renewable-energy-industry"> Discover the Renewables Learning Plan <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Discover the Renewables Learning Plan</span> <div class="mb-8">The Discover the Renewables Learning Plan includes comprehensive modules and earns a Credly Badge, highlighting your commitment to industry excellence. Click to learn more and enrol yourself and those within your organisation to help stay ahead in the renewable energy sector. </div> <div class="pr-7 pb-4"> <a href="/education-at-cec/discover-the-renewable-energy-industry" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="custom-scrollbar hidden desklg:block desklg:h-full desklg:w-5/12 desklg:overflow-y-auto desklg:px-16 xl:px-26"> <div x-show="!subNavActive"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Education</span> <div class="mb-8">The Clean Energy Council delivers industry-leading training through our online learning platform, LearnLAB, offering tailored courses and certifications to support those working in the renewable energy sector, along with SAA-accredited CPD courses for installers to advance professional development. </div> <div class="pr-7 pb-4"> <a href="/education-at-cec" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> <div class="js-3-col custom-scrollbar hidden pl-5 desklg:block desklg:h-full desklg:w-4/12 desklg:overflow-y-auto"> <div class="js-feature-image pointer-events-none absolute bottom-0 right-0 top-0 z-10 w-[37.5%] bg-cream" data-src="/getattachment/341437af-4163-40b1-985f-f3f033cf0e0c/laptop-1.jpg"> <img class="js-lazy-img w-full h-full object-center object-cover" width="640" height="722" data-src="/getattachment/341437af-4163-40b1-985f-f3f033cf0e0c/laptop-1.jpg" src="/assets/images/img-placeholder.png" alt="cec"> </div> </div> </div> </div> </div> </li> <li aria-expanded="false" data-id="nav-item-81" x-on:mouseenter="activeDropdown" x-on:mouseleave="deactiveDropdown" class="js-main-nav-item group/item desklg:flex desklg:flex-wrap desklg:items-center desklg:pl-5 xl:pl-10"> <button type="button" x-on:click="toggleSubnav(event)" class="js-main-nav-item-btn group/main-menu relative block w-full cursor-pointer py-3 pl-4 pr-9 text-left text-base font-semibold leading-normal text-black desklg:py-2 desklg:pl-0 desklg:pr-5 desklg:text-center desklg:font-normal "> <span class="absolute bottom-0 left-1/2 block h-0.5 w-0 -translate-x-1/2 bg-orange transition-size duration-300 ease-in-out desklg:group-focus/main-menu:w-full desklg:group-[[aria-expanded='true']]/item:w-full "></span> <span class="absolute left-0 right-0 top-full hidden h-12 w-full bg-transparent desklg:block"></span> News and resources <span class="absolute right-4 top-1/2 -translate-y-1/2 desklg:right-0"> <svg width="13" height="6" viewBox="0 0 13 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.999999 0.5L6.5 5.5L12 0.5" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </button> <div class="js-sub-nav transition-height left-0 right-0 h-0 w-full flex-wrap overflow-hidden bg-white duration-300 ease-in-out group-hover/item:visible group-[[aria-expanded='true']]/item:visible max-desklg:!flex desklg:fixed desklg:flex desklg:h-[calc(100%_-_244px)] desklg:bg-cream desklg:px-8 desklg:py-12 desklg:transition-dropdown" x-bind:class="stickyNav ? 'top-[126px]':'top-[164px]'" x-show="activeNavItem === 'nav-item-81'" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-y-95 origin-bottom" x-transition:enter-end="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-y-100 origin-bottom" x-transition:leave-end="transform opacity-0 scale-y-95 origin-bottom" x-cloak style="height: 0px;"> <div class="flex w-full flex-wrap py-4 pl-8 pr-4 desklg:h-full desklg:px-0 desklg:py-0"> <div class="w-full desklg:mx-auto desklg:flex desklg:h-full desklg:max-w-[1248px] desklg:flex-wrap desklg:px-4"> <div class="z-10 desklg:relative desklg:h-full desklg:w-3/12 desklg:pr-8"> <div class="absolute -bottom-12 -top-12 right-0 -z-10 hidden w-[50vw] bg-green desklg:block"></div> <a class="group relative z-20 flex w-full flex-wrap items-center px-4 text-left text-base font-semibold leading-normal text-black desklg:border-b desklg:border-solid desklg:border-green-400 desklg:py-6 desklg:pl-0 desklg:pr-0 desklg:text-left desklg:text-lg desklg:font-normal desklg:text-white" href=/news-resources> <span class="w-6 pr-2"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.571289 8.14293L7.99986 0.714355L15.4284 8.14293" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M2.85694 5.85742L2.85693 14.6003H13.1426L13.1427 5.85742" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_24px)] pr-5">News and resources</span> <span class="absolute right-0 top-1/2 -translate-y-1/2 transition-transform duration-300 ease-in-out desklg:right-0 desklg:group-hover:translate-x-2"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar pl-10 desklg:-mr-8 desklg:h-[calc(100%_-_77px)] desklg:max-h-[calc(100%_-_77px)] desklg:overflow-y-auto desklg:pl-0"> <ul class="pt-2"> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/news-resources?Categories=MediaRelease"> Media releases <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Media releases</span> <div class="mb-8">Find our latest media releases, and contact our media team.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/news-resources?Categories=GeneralNews"> General news <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">General news</span> <div class="mb-8">Stay informed with latest news and insights.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/news-resources?Categories=Submissions"> Submissions <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Submissions</span> <div class="mb-8">View our submissions to governments and industry bodies.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="/clean-energy-council-reports"> Reports <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Reports</span> <div class="mb-8">View our reports on key industry trends and insights.</div> </div> </div> </div> </li> <li class="js-sub-nav-item group/sub-nav" x-on:mouseenter="activeSubNav" x-on:mouseleave="deactivateSubNav" aria-expanded="false"> <a class="group/sub-nav-button js-sub-nav-button relative z-20 block py-2 pr-6 text-sm font-normal leading-5 text-black transition-opacity duration-300 ease-in-out desklg:py-3 desklg:text-lg desklg:font-normal desklg:text-white desklg:opacity-50" href="https://cleanenergycouncil.org.au/for-consumers/fact-sheets"> Fact sheets <span class="absolute right-0 top-1/2 -translate-y-1/2 desklg:right-8 desklg:opacity-0 desklg:group-hover/sub-nav:opacity-100 desklg:group-focus/sub-nav-button:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100"> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.14258 6.99951H13.9997" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7.99951 13L13.9995 7L7.99951 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </a> <div class="custom-scrollbar left-full top-0 z-10 transition-opacity duration-500 ease-in-out desklg:invisible desklg:absolute desklg:h-full desklg:w-[166%] desklg:overflow-y-auto desklg:bg-cream desklg:px-16 desklg:opacity-0 desklg:group-hover/sub-nav:visible desklg:group-hover/sub-nav:opacity-100 desklg:group-[[aria-expanded='true']]/sub-nav:visible desklg:group-[[aria-expanded='true']]/sub-nav:opacity-100 xl:px-26"> <div class="hidden desklg:block"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">Fact sheets</span> <div class="mb-8">Check out our fact sheets for crucial information on clean energy</div> </div> </div> </div> </li> </ul> </div> </div> <div class="custom-scrollbar hidden desklg:block desklg:h-full desklg:w-5/12 desklg:overflow-y-auto desklg:px-16 xl:px-26"> <div x-show="!subNavActive"> <div> <span class="mb-6 block font-sans text-lg font-semibold text-black">News and resources</span> <div class="mb-8">As well as our latest media releases, stories and op-eds, you'll find all our reports and submissions to government.</div> </div> </div> </div> <div class="js-3-col custom-scrollbar hidden pl-5 desklg:block desklg:h-full desklg:w-4/12 desklg:overflow-y-auto"> <div x-show="!hideFeatureCard"> <span class="mb-4 block text-2xl">Featured news</span> <div class="w-full overflow-hidden bg-white md:flex md:flex-wrap"> <div class="w-full border border-solid border-warm-grey md:flex md:flex-col md:flex-wrap"> <div class="w-full md:flex-1"> <div class="img-holder relative aspect-[384/160] overflow-hidden"> <div class="absolute bottom-0 left-0 right-0 top-0"> <img src="/assets/images/img-placeholder.png" data-src="/getattachment/3b97f7ec-84f2-4d59-a93a-56eba5c7570d/attachment.aspx" alt="Private investment foregone: an analysis of the economic impact of a stalled clean energy transition" width="384" height="259" class="js-lazy-img h-full w-full max-w-full object-cover object-center"> </div> </div> <div class="p-8 pb-0"> <div class="pb-2 text-left text-sm leading-5 text-green"> <span>10 Apr 2025</span> </div> <div class="pb-6"> <span class="mb-2 line-clamp-1 block font-sans text-lg leading-6"> Private investment foregone: an analysis of the economic impact of a stalled clean energy transition </span> </div> </div> </div> <div class="-mb-4 -mr-7 flex px-8 pb-8"> <div class="pb-4 pr-7"> <a href="/news-resources/private-investment-foregone-an-analysis-of-the-economic-impact-of-a-stalled-clean-energy-transition" class="group relative inline-block cursor-pointer pb-2.5 align-top text-sm text-tertiary-button-text !no-underline" > <span class="absolute bottom-0 left-0 right-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Find out more </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> </ul> <div class="fixed bottom-0 left-0 right-0 z-20 bg-cream p-4 shadow-4xl desklg:hidden"> <a href="/membership" aria-label="Become a member" class="inline-block rounded-full border border-solid border-tomato-accessible px-6 py-2.5 align-top text-base leading-[21px] text-tomato-accessible transition-colors duration-300 ease-in-out desklg:hover:bg-tomato-accessible desklg:hover:text-white" > Become a member </a> </div> </div> </div> </div> </div> </nav> </header> <main id="content"> <div class="o-section-wrapper"> <section class="white lower-no-spacing upper-120 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class=""> <div class=""> <div class="js-banner relative overflow-hidden green text-2xl leading-8 bg-background"> <div class="o-container"> <div class="md:grid md:min-h-[944px] md:grid-cols-12 md:gap-x-8"> <div class="pb-14 pt-32 md:col-span-7 md:flex md:flex-wrap md:items-center md:pt-40"> <div class="js-text-wrapper w-full"> <h1 class="text-typo-heading"> Accelerating Australia’s clean energy transition </h1> <div class="pb-10 last:pb-0"> <div class="h5 text-typo-body"> We drive change through policy and advocacy work, collaboration, industry support programs and education </div> </div> <div class="-mb-7 -mr-7 flex flex-wrap"> <div class="pr-7 pb-4"> <a href="/membership" aria-label="Become a member" class="cursor-pointer group/button relative z-10 flex flex-wrap items-center text-sm text-primary-button-text transition-colors duration-300 ease-in-out hover:text-black lg:text-lg" > <span class="absolute left-0 top-1/2 -z-10 h-[72px] w-[72px] -translate-y-1/2 rounded-full bg-primary-button-background transition-size duration-300 ease-in-out group-hover/button:h-full group-hover/button:w-full lg:h-[108px] lg:w-[108px]"></span> <span class="flex h-[72px] w-[72px] flex-wrap items-center justify-center text-black lg:h-[108px] lg:w-[108px]"> <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.3335 10.332H21.333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M11.9995 19.6662L21.3326 10.3331L11.9995 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_72px)] pl-4 pr-8 lg:w-[calc(100%_-_108px)]"> Become a member </span> </a> </div> </div> </div> </div> <div class="js-image-wrapper -mx-4 md:absolute md:bottom-0 md:left-auto md:right-0 md:top-0 md:mx-0 md:w-2/5"> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/getmedia/8cd8873d-266f-45da-941e-2e79fbec88fb/farmland-with-turbines-and-ocean.jpg"> <source media="(min-width:320px)" srcset="/getmedia/8cd8873d-266f-45da-941e-2e79fbec88fb/farmland-with-turbines-and-ocean.jpg"> <img class="w-full h-auto md:h-full md:object-center md:object-cover" src="/getmedia/8cd8873d-266f-45da-941e-2e79fbec88fb/farmland-with-turbines-and-ocean.jpg" alt="<p>Accelerating Australia’s clean energy transition</p>" width="761" height="944"> </picture> </div> </div> </div> </div> </div> </div> </section> <section class="cream lower-120 upper-120 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class="o-container"> <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-10" data-animation> <div class="mb-8 md:mb-0 "> <span class=" pb-4 text-typo-label text-base leading-normal block last:pb-0"> OUR LATEST CAMPAIGN</span> <div class=" mb-10 last:mb-0" data-animation> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/8d0bf8ba-56c7-41e5-b58a-322c0e3ccab3/FE-launch-post_1.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/8d0bf8ba-56c7-41e5-b58a-322c0e3ccab3/FE-launch-post_1.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/8d0bf8ba-56c7-41e5-b58a-322c0e3ccab3/FE-launch-post_1.jpg" alt=""> </picture> </div> </div> <div class=" "> <div class="c-cms-content mb-12 last:mb-0"> <div> <p><br></p><p id="isPasted">Our<em> Clean energy works for Australia</em> campaign is focused on sharing important details about clean energy including how it benefits Australians.</p><p>Through this campaign, we're sharing data, explainers, and busting all sorts of myths. We’ve also created <a href="https://energyfactcheck.com.au/" target="_blank" rel="noopener noreferrer">energyfactcheck.com.au</a> – your go-to resource for answers to the most common questions about the energy transition.</p><p><em>“It’s time we clear the air as the national energy conversation heats up – not just in our national interest, but in the best interests of Aussie households, businesses, farmers and manufacturers,”</em> says our Chief Executive, Kane Thornton.</p><p>With more than 40 per cent of our grid already powered by clean energy, 40,000 additional jobs created by 2030, and $40 billion injected into the economy since 2020 alone, this is a time to ensure communities right across the country understand that clean energy, backed by pumped hydro, batteries, and small amounts of gas, works for Australia.</p><p>Visit the Clean Energy Council's social channels and subscribe to <a href="https://energyfactcheck.com.au/" target="_blank" rel="noopener noreferrer">energyfactcheck.com.au</a> to ensure you're armed with the facts to make informed decisions.</p> </div> </div> <div class="-mr-7 flex flex-wrap "> <div class="pr-7 pb-4"> <a href="https://energyfactcheck.com.au/" aria-label="Visit Energy Fact Check" class="cursor-pointer group/button relative z-10 flex flex-wrap items-center text-sm text-primary-button-text transition-colors duration-300 ease-in-out hover:text-black lg:text-lg" target="_blank" > <span class="absolute left-0 top-1/2 -z-10 h-[72px] w-[72px] -translate-y-1/2 rounded-full bg-primary-button-background transition-size duration-300 ease-in-out group-hover/button:h-full group-hover/button:w-full lg:h-[108px] lg:w-[108px]"></span> <span class="flex h-[72px] w-[72px] flex-wrap items-center justify-center text-black lg:h-[108px] lg:w-[108px]"> <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.3335 10.332H21.333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M11.9995 19.6662L21.3326 10.3331L11.9995 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_72px)] pl-4 pr-8 lg:w-[calc(100%_-_108px)]"> Visit Energy Fact Check </span> </a> </div> </div> </div> </div> </div> </section> <section class="default lower-40 upper-120 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class="o-container"> <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-10" data-animation> <div class="mb-8 md:mb-0 "> <span class=" pb-4 text-typo-label text-base leading-normal block last:pb-0"> BUILDING THE FUTURE</span> <H2 class=" "> Energising Australia </H2> <div class=" mb-10 last:mb-0 text-typo-body c-cms-content h5"> It can be hard to visualise the scale of production and cracking pace at which the renewable energy industry in Australia is already growing.</div> </div> <div class=" "> <div class="c-cms-content mb-12 last:mb-0"> <div> <p>Our <em>Energising Australia</em> campaign highlights the important work happening all around Australia – through this video series, you can meet the many different people driving our nation-building renewable energy projects, which includes some of the world’s largest infrastructure.</p> </div> </div> <div class="-mr-7 flex flex-wrap "> <div class="pr-7 pb-4"> <a href="/energising-australia" aria-label="Watch more videos" class="cursor-pointer group/button relative z-10 flex flex-wrap items-center text-sm text-primary-button-text transition-colors duration-300 ease-in-out hover:text-black lg:text-lg" > <span class="absolute left-0 top-1/2 -z-10 h-[72px] w-[72px] -translate-y-1/2 rounded-full bg-primary-button-background transition-size duration-300 ease-in-out group-hover/button:h-full group-hover/button:w-full lg:h-[108px] lg:w-[108px]"></span> <span class="flex h-[72px] w-[72px] flex-wrap items-center justify-center text-black lg:h-[108px] lg:w-[108px]"> <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.3335 10.332H21.333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M11.9995 19.6662L21.3326 10.3331L11.9995 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_72px)] pl-4 pr-8 lg:w-[calc(100%_-_108px)]"> Watch more videos </span> </a> </div> </div> </div> </div> </div> </section> <section class="white lower-120 upper-40 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class=""> <div class="o-container"> <div class="relative w-full aspect-video overflow-hidden" data-animation> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/a005caf2-be06-40de-8120-8e9b25baaf1a/Energising-Australia-Alice-video-thumbnail.png"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/a005caf2-be06-40de-8120-8e9b25baaf1a/Energising-Australia-Alice-video-thumbnail.png"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/a005caf2-be06-40de-8120-8e9b25baaf1a/Energising-Australia-Alice-video-thumbnail.png" alt="Video of Alice from Acciona talking about her job as a Site Engineer at the MacIntyre Wind Farm in Queensland."> </picture> <div class="absolute inset-0 bg-black-950/50"></div> <div x-data="{ showModal: false, videoSrc: '' }"> <button class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" aria-label="open Video" type="button" x-on:click="showModal = true; videoSrc = 'https://www.youtube.com/embed/k6K28Pxdgpw?si=Zc9_f-SN4rcvRLJV'"> <span class="relative block h-24 w-24 rounded-full bg-cream text-black md:h-30 md:w-30"> <span class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"> <svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0L20 10L0 20V0Z" fill="#191919" /> </svg> </span> </span> </button> <template x-teleport="body"> <div class="z-50 transition duration-100 ease-in fixed inset-0 bg-white bg-opacity-100" x-cloak x-show="showModal" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <div class="fixed left-0 top-0 h-full w-full bg-black opacity-75" x-on:click="showModal = false; videoSrc = ''"></div> <div class="fixed left-1/2 top-1/2 w-[95%] max-w-[1280px] -translate-x-1/2 -translate-y-1/2 transform px-4 landscape:w-[80%]"> <div class="relative"> <button x-on:click="showModal = false; videoSrc = ''" arai-label="video modal close button" class="absolute -top-10 right-0 z-10 mb-4 text-white desk:!absolute desk:!-top-10 desk:!right-0 landscape:fixed landscape:right-5 landscape:top-2"> <svg width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.34547 1.26221L21.3455 21.2622M1.34546 21.2622L21.3454 1.26222" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <div class="aspect-video overflow-hidden"> <iframe width="560" class="h-full w-full object-cover object-center" height="315" x-bind:src="videoSrc" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen> </iframe> </div> </div> </div> </div> </template> </div> </div> </div> </div> </section> <section class="burgandy section relative overflow-hidden bg-background pt-14 md:py-14 xl:py-50 pt-top-spacing pb-bottom-spacing lower-no-spacing upper-no-spacing"> <div class="o-container"> <div class="md:grid md:grid-cols-12 gap-x-8" data-animation="split-animation"> <div class="pb-14 pt-14 md:col-span-7 lg:pt-50 lg:pb-50 xl:col-span-9" data-animation-type="up"> <div class="w-full"> <h2 class="mb-10 text-6xl leading-none text-typo-heading lg:mb-10 xl:text-[120px]"> Help shape Australia's future </h2> <div class=" mb-10 last:mb-0 text-typo-body c-cms-content h5"> Become a member to add your voice to about 1000 companies shaping the direction of clean energy in Australia. Together, we can accelerate the energy transition and bring the benefits of renewables to all Australians.</div> <div class="-mr-7 flex flex-wrap "> <div class="pr-7 pb-4"> <a href="/membership" aria-label="Become a member" class="cursor-pointer group/button relative z-10 flex flex-wrap items-center text-sm text-primary-button-text transition-colors duration-300 ease-in-out hover:text-black lg:text-lg" > <span class="absolute left-0 top-1/2 -z-10 h-[72px] w-[72px] -translate-y-1/2 rounded-full bg-primary-button-background transition-size duration-300 ease-in-out group-hover/button:h-full group-hover/button:w-full lg:h-[108px] lg:w-[108px]"></span> <span class="flex h-[72px] w-[72px] flex-wrap items-center justify-center text-black lg:h-[108px] lg:w-[108px]"> <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.3335 10.332H21.333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M11.9995 19.6662L21.3326 10.3331L11.9995 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_72px)] pl-4 pr-8 lg:w-[calc(100%_-_108px)]"> Become a member </span> </a> </div> <div class="pr-7 pb-4"> <a href="/membership/current-members" class="cursor-pointer group/button relative z-10 flex flex-wrap items-center text-sm text-secondary-button-text lg:text-lg" > <span class="absolute left-0 top-1/2 -z-10 h-[72px] w-[72px] -translate-y-1/2 rounded-full border-2 border-solid border-secondary-button-background bg-transparent transition-size duration-300 ease-in-out group-hover/button:h-full group-hover/button:w-full lg:h-[108px] lg:w-[108px]"></span> <span class="flex h-[72px] w-[72px] flex-wrap items-center justify-center text-secondary-button-background lg:h-[108px] lg:w-[108px]"> <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.3335 10.332H21.333" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M11.9995 19.6662L21.3326 10.3331L11.9995 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> <span class="block w-[calc(100%_-_72px)] pl-4 pr-8 lg:w-[calc(100%_-_108px)]"> See current members </span> </a> </div> </div> </div> </div> <div class="md:col-span-5 xl:col-span-3" data-animation-type="fade"> <div class="-mx-4 border-24 border-t-0 border-solid border-bordercolor md:absolute md:bottom-0 md:right-0 md:top-0 md:-mx-0 md:w-5/12 md:border-56 md:border-l-0 md:border-t-56 xl:w-3/12 xl:border-88 xl:border-l-0 xl:border-t-88"> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/fc1c9165-4a7a-41d7-a805-7d4debde9eb8/Frame-4807-(1).png"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/fc1c9165-4a7a-41d7-a805-7d4debde9eb8/Frame-4807-(1).png"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/fc1c9165-4a7a-41d7-a805-7d4debde9eb8/Frame-4807-(1).png" alt="Help shape Australia's future"> </picture> </div> </div> </div> </div> </section> <section class="white lower-64 upper-64 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class=""> <div class=""> <div> <div class="" data-animation> <h2 class="h3 mb-16 font-light text-typo-heading md:mb-24 px-4 text-center"> Sponsoring members </h2> <div class="js-marquee-wrapper"> <div class="js-logo-marquee-wrapper--desktop -mb-10 hidden flex-wrap items-center justify-center md:flex"> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="https://www.acciona.com.au/" aria-label="Acciona" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/19c57a1a-2f56-42b6-a30a-ac2027cef56c/Acciona.png" alt="Acciona"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="https://acenrenewables.com.au/" aria-label="ACEN Australia" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/2eb19b6a-8ab7-489e-b87c-669fb7fc776f/ACEN.png" alt="ACEN Australia"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://www.commbank.com.au/renewables" aria-label="Commonwealth Bank" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/8ab08c93-7cc1-492e-b8fc-3b45dec0ba31/Commonwealth-Bank.png" alt="Commonwealth Bank"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://cipartners.dk/" aria-label="Copenhagen Infrastructure Company Australia" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/3ab10a68-faf7-45d6-addc-801903948ae7/CIP.png" alt="Copenhagen Infrastructure Company Australia"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="https://www.coriogeneration.com/" aria-label="Corio Generation" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/0bb63b0b-394f-4cb9-993b-322ad15ee66d/CORIO-logo.png" alt="Corio Generation"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="https://www.edf.fr/en/the-edf-group/edf-at-a-glance/promoting-our-low-carbon-model-around-the-world" aria-label="EDF" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/b761f3fc-f03e-4909-b185-638db8d2253d/EDF.png" alt="EDF"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://www.enelgreenpower.com/" aria-label="Enel Green Power Australia" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/dcac0e5e-2f06-4d12-be86-912b435af043/Enel.png" alt="Enel Green Power Australia"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="https://engie.com.au/" aria-label="Engie" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/d9747c0c-e1d6-4142-999e-f69161a3bcdd/Engie.png" alt="Engie"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="" aria-label="GE Vernova" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/b063c846-6ca1-496f-86ab-44586d72e35e/GE-Vernova.png" alt="GE Vernova"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="" aria-label="Goldwind Australia" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/56415d46-0fa3-49f4-a0c6-5e2cc5e5fa87/Goldwind.png" alt="Goldwind Australia"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://www.hitachienergy.com/" aria-label="Hitachi Energy Australia" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/7fddf194-d1bd-47a8-878a-c585bd033afc/Hitachi.png" alt="Hitachi Energy Australia"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://hydro.com.au/" aria-label="Hydro Tasmania" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/07bee361-200f-4c85-95bd-038edc861278/Hydro-TAS.png" alt="Hydro Tasmania"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://www.hydrostor.ca/" aria-label="Hydrostor" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/30d79dbf-8a96-4dc1-be9a-ca9c4744a773/Hydrostor.png" alt="Hydrostor"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://www.iberdrola.com.au/" aria-label="Iberdrola Australia Limited" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/ef0e363c-224c-4e98-bce1-b68b9e04534c/Iberdrola.png" alt="Iberdrola Australia Limited"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://www.neoen.com/" aria-label="NEOEN Australia Pty Ltd" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/2aff9e04-1f65-457c-b294-7c45bc257b4d/Neoen.png" alt="NEOEN Australia Pty Ltd"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://ratchaustralia.com/" aria-label="RATCH-Australia" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/ed04eaf9-0dcb-4b50-af15-61aa9f97351f/RATCH.png" alt="RATCH-Australia"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="https://www.res-group.com/en" aria-label="RES Australia" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/5fcaa5ad-1f95-4212-88ae-bc43967835e9/RES.png" alt="RES Australia"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://www.squadronenergy.com/" aria-label="Squadron Energy" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/7febbf13-fb42-4e94-a6bc-95037cadb073/Squadron.png" alt="Squadron Energy"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="https://www.tesla.com/en_AU/" aria-label="Tesla Motors" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/20c916dc-6fe5-4146-9906-57d197e081b6/Tesla.png" alt="Tesla Motors"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://tiltrenewables.com/" aria-label="Tilt Renewables" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/e4cd489a-424b-47d9-9e74-cb0765c997ca/Tilt.png" alt="Tilt Renewables"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://www.transgrid.com.au/" aria-label="TransGrid" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/3f6e593f-403d-4dab-b3cd-aeb4e90827f4/Transgrid.png" alt="TransGrid"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="" aria-label="Vestas Australia Wind Technology" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/17128e11-d9cf-4ef4-a7ce-166defd4a44b/Vestas.png" alt="Vestas Australia Wind Technology"> </a> </div> <div class="js-logo w-56 px-10 pb-10 text-center"> <a href="http://www.w-wind.com.au/" aria-label="WestWind Energy" class="inline-block" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/11857e68-06db-479f-a587-589897bc8339/WestWind.png" alt="WestWind Energy"> </a> </div> </div> </div> <div class="js-marquee-wrapper md:hidden"> <div class="flex flex-wrap" style="width: 800%;"> <div class="w-screen"> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="https://www.acciona.com.au/" aria-label="Acciona" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/19c57a1a-2f56-42b6-a30a-ac2027cef56c/Acciona.png" alt="Acciona"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="https://acenrenewables.com.au/" aria-label="ACEN Australia" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/2eb19b6a-8ab7-489e-b87c-669fb7fc776f/ACEN.png" alt="ACEN Australia"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://www.commbank.com.au/renewables" aria-label="Commonwealth Bank" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/8ab08c93-7cc1-492e-b8fc-3b45dec0ba31/Commonwealth-Bank.png" alt="Commonwealth Bank"> </a> </div> </div> <div class="w-screen"> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://cipartners.dk/" aria-label="Copenhagen Infrastructure Company Australia" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/3ab10a68-faf7-45d6-addc-801903948ae7/CIP.png" alt="Copenhagen Infrastructure Company Australia"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="https://www.coriogeneration.com/" aria-label="Corio Generation" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/0bb63b0b-394f-4cb9-993b-322ad15ee66d/CORIO-logo.png" alt="Corio Generation"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="https://www.edf.fr/en/the-edf-group/edf-at-a-glance/promoting-our-low-carbon-model-around-the-world" aria-label="EDF" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/b761f3fc-f03e-4909-b185-638db8d2253d/EDF.png" alt="EDF"> </a> </div> </div> <div class="w-screen"> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://www.enelgreenpower.com/" aria-label="Enel Green Power Australia" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/dcac0e5e-2f06-4d12-be86-912b435af043/Enel.png" alt="Enel Green Power Australia"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="https://engie.com.au/" aria-label="Engie" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/d9747c0c-e1d6-4142-999e-f69161a3bcdd/Engie.png" alt="Engie"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="" aria-label="GE Vernova" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/b063c846-6ca1-496f-86ab-44586d72e35e/GE-Vernova.png" alt="GE Vernova"> </a> </div> </div> <div class="w-screen"> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="" aria-label="Goldwind Australia" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/56415d46-0fa3-49f4-a0c6-5e2cc5e5fa87/Goldwind.png" alt="Goldwind Australia"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://www.hitachienergy.com/" aria-label="Hitachi Energy Australia" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/7fddf194-d1bd-47a8-878a-c585bd033afc/Hitachi.png" alt="Hitachi Energy Australia"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://hydro.com.au/" aria-label="Hydro Tasmania" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/07bee361-200f-4c85-95bd-038edc861278/Hydro-TAS.png" alt="Hydro Tasmania"> </a> </div> </div> <div class="w-screen"> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://www.hydrostor.ca/" aria-label="Hydrostor" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/30d79dbf-8a96-4dc1-be9a-ca9c4744a773/Hydrostor.png" alt="Hydrostor"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://www.iberdrola.com.au/" aria-label="Iberdrola Australia Limited" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/ef0e363c-224c-4e98-bce1-b68b9e04534c/Iberdrola.png" alt="Iberdrola Australia Limited"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://www.neoen.com/" aria-label="NEOEN Australia Pty Ltd" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/2aff9e04-1f65-457c-b294-7c45bc257b4d/Neoen.png" alt="NEOEN Australia Pty Ltd"> </a> </div> </div> <div class="w-screen"> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://ratchaustralia.com/" aria-label="RATCH-Australia" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/ed04eaf9-0dcb-4b50-af15-61aa9f97351f/RATCH.png" alt="RATCH-Australia"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="https://www.res-group.com/en" aria-label="RES Australia" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/5fcaa5ad-1f95-4212-88ae-bc43967835e9/RES.png" alt="RES Australia"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://www.squadronenergy.com/" aria-label="Squadron Energy" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/7febbf13-fb42-4e94-a6bc-95037cadb073/Squadron.png" alt="Squadron Energy"> </a> </div> </div> <div class="w-screen"> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="https://www.tesla.com/en_AU/" aria-label="Tesla Motors" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/20c916dc-6fe5-4146-9906-57d197e081b6/Tesla.png" alt="Tesla Motors"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://tiltrenewables.com/" aria-label="Tilt Renewables" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/e4cd489a-424b-47d9-9e74-cb0765c997ca/Tilt.png" alt="Tilt Renewables"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://www.transgrid.com.au/" aria-label="TransGrid" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/3f6e593f-403d-4dab-b3cd-aeb4e90827f4/Transgrid.png" alt="TransGrid"> </a> </div> </div> <div class="w-screen"> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="" aria-label="Vestas Australia Wind Technology" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/17128e11-d9cf-4ef4-a7ce-166defd4a44b/Vestas.png" alt="Vestas Australia Wind Technology"> </a> </div> <div class="flex flex-wrap justify-center px-4 pb-10"> <a href="http://www.w-wind.com.au/" aria-label="WestWind Energy" target="_blank"> <img width="138" height="48" class="js-lazy-img h-auto w-auto max-w-full" src="/assets/images/img-placeholder.png" data-src="/getattachment/11857e68-06db-479f-a587-589897bc8339/WestWind.png" alt="WestWind Energy"> </a> </div> </div> </div> </div> <div class="-mr-7 flex flex-wrap justify-center pt-16 md:pt-24 w-full"> <div class="pr-7 pb-4"> <a href="/membership/current-members" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> View all current members </a> </div> </div> </div> </div> </div> </div> </section> <section class="white lower-120 upper-120 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class=""> <div class="o-container"> <div class="md:grid md:grid-cols-12 md:gap-x-8" data-animation="split-animation"> <div class="mb-14 flex flex-wrap items-center md:col-span-5 md:mb-0"> <div class="absolute bottom-0 left-0 top-0 z-10 hidden bg-background md:block md:w-5/12 lg:w-1/2"></div> <div class="relative z-20" data-animation-type="up"> <div class="w-full"> <span class="mb-4 block text-base uppercase leading-normal text-typo-label"> EVENTS </span> <h2 class="text-typo-heading"> Connect with industry leaders </h2> <div class="pb-10 last:pb-0"> <div class="text-typo-body"> Our events are where industry thought leaders meet, network, and share ideas on accelerating the clean energy transition. </div> </div> <div class="-mb-7 -mr-7 flex flex-wrap"> <div class="pr-7 pb-4"> <a href="/events" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> View all events </a> </div> </div> </div> </div> </div> <div class="relative md:col-span-7 lg:col-span-6 lg:col-start-7" data-animation-type="fade"> <div data-alpine-component="carousel" data-animation x-data=" carousel({ loop: false, }) " class="relative md:pr-10 2xl:-mr-16 2xl:pr-0"> <div class="[ swiper ] overflow-visible" x-bind:class="[disabled ? 'swiper-disabled': '']" x-ref="wrapper"> <div class="[ swiper-wrapper ] w-full"> <div class="[ swiper-slide ] flex"> <div class="w-full overflow-hidden border border-solid border-typo-border md:flex md:flex-wrap" data-animation-type="fade"> <div class="white w-full bg-background md:flex md:flex-col md:flex-wrap"> <div class="w-full md:flex-1"> <div class="img-holder aspect-square md:aspect-[654/439] overflow-hidden"> <img src="/assets/images/img-placeholder.png" data-src="https://cleanenergycouncil.org.au/getattachment/a87c24c8-f626-4ec4-9138-62e0711344ec/CEC_WACES25_Key-artwork_1200x1200.png" alt="WA Clean Energy Summit" width="654" height="572" class="js-lazy-img h-full w-full max-w-full object-cover object-center"> </div> <div class="p-8 pb-0 tracking-tight lg:p-10 lg:pb-0 xl:p-10"> <div class="pb-10"> <h3 class="mb-6 line-clamp-2 font-sans text-3xl font-bold leading-tight xl:mb-8 xl:text-4xl"> WA Clean Energy Summit </h3> <span class="mb-4 block text-lg font-semibold leading-none last:mb-0 xl:text-2xl">25 Mar 2025</span> <div class="line-clamp-3 font-semibold xl:text-2xl"> </div> </div> </div> </div> <div class="-mr-7 flex px-8 pb-8 lg:px-10 lg:pb-10"> <div class="pr-7 pb-4"> <a href="https://cleanenergycouncil.org.au/events/wa-clean-energy-summit-2025" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" target="_blank" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> See event details </a> </div> </div> </div> </div> </div> <div class="[ swiper-slide ] flex"> <div class="w-full overflow-hidden border border-solid border-typo-border md:flex md:flex-wrap" data-animation-type="fade"> <div class="white w-full bg-background md:flex md:flex-col md:flex-wrap"> <div class="w-full md:flex-1"> <div class="img-holder aspect-square md:aspect-[654/439] overflow-hidden"> <img src="/assets/images/img-placeholder.png" data-src="https://cleanenergycouncil.org.au/getattachment/f35fec1c-f5bb-4917-a9af-87533cce2581/CEC_AWIF25_Key-artwork_1200x1200.png" alt="Australian Wind Industry Forum" width="654" height="572" class="js-lazy-img h-full w-full max-w-full object-cover object-center"> </div> <div class="p-8 pb-0 tracking-tight lg:p-10 lg:pb-0 xl:p-10"> <div class="pb-10"> <h3 class="mb-6 line-clamp-2 font-sans text-3xl font-bold leading-tight xl:mb-8 xl:text-4xl"> Australian Wind Industry Forum </h3> <span class="mb-4 block text-lg font-semibold leading-none last:mb-0 xl:text-2xl">06 May 2025</span> <div class="line-clamp-3 font-semibold xl:text-2xl"> </div> </div> </div> </div> <div class="-mr-7 flex px-8 pb-8 lg:px-10 lg:pb-10"> <div class="pr-7 pb-4"> <a href="https://cleanenergycouncil.org.au/events/australian-wind-industry-forum-2025" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" target="_blank" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> See event details </a> </div> </div> </div> </div> </div> <div class="[ swiper-slide ] flex"> <div class="w-full overflow-hidden border border-solid border-typo-border md:flex md:flex-wrap" data-animation-type="fade"> <div class="white w-full bg-background md:flex md:flex-col md:flex-wrap"> <div class="w-full md:flex-1"> <div class="img-holder aspect-square md:aspect-[654/439] overflow-hidden"> <img src="/assets/images/img-placeholder.png" data-src="https://cleanenergycouncil.org.au/getattachment/02a98d42-c0dd-4216-b1a4-5ff4a4146d11/CEC_Investor-Forum_Key-artwork_1200x1200.png" alt="Clean Energy Investor Forum" width="654" height="572" class="js-lazy-img h-full w-full max-w-full object-cover object-center"> </div> <div class="p-8 pb-0 tracking-tight lg:p-10 lg:pb-0 xl:p-10"> <div class="pb-10"> <h3 class="mb-6 line-clamp-2 font-sans text-3xl font-bold leading-tight xl:mb-8 xl:text-4xl"> Clean Energy Investor Forum </h3> <span class="mb-4 block text-lg font-semibold leading-none last:mb-0 xl:text-2xl">03 Apr 2025</span> <div class="line-clamp-3 font-semibold xl:text-2xl"> </div> </div> </div> </div> <div class="-mr-7 flex px-8 pb-8 lg:px-10 lg:pb-10"> <div class="pr-7 pb-4"> <a href="https://cleanenergycouncil.org.au/events/clean-energy-investor-forum-2025" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" target="_blank" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> See event details </a> </div> </div> </div> </div> </div> </div> </div> <div class="btn-holder z-20 flex flex-wrap justify-between pt-8 md:absolute md:left-0 md:right-0 md:top-0 md:aspect-[653/572] md:flex-col-reverse md:justify-center md:pt-0"> <button x-ref="prevButton" role="button" aria-label="Prev Button" type="button" class="group flex h-32 w-32 flex-wrap items-center justify-center rounded-full bg-pagination-button disabled:pointer-events-none md:mb-4 md:h-20 md:w-20 md:-translate-x-1/2 md:first:mb-0 lg:h-27 lg:w-27"> <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-300 ease-in-out group-hover:-translate-x-2 group-disabled:opacity-50"> <path d="M21 10.334L1.00045 10.334" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M10.334 0.999769L1.00086 10.3329L10.334 19.666" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <button x-ref="nextButton" role="button" aria-label="Next Button" type="button" class="group flex h-32 w-32 flex-wrap items-center justify-center rounded-full bg-pagination-button disabled:pointer-events-none md:mb-4 md:h-20 md:w-20 md:-translate-x-1/2 md:first:mb-0 lg:h-27 lg:w-27"> <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform duration-300 ease-in-out group-hover:translate-x-2 group-disabled:opacity-50"> <path d="M1 10.332H20.9995" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> <path d="M11.666 19.6662L20.9991 10.3331L11.666 1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> </div> </div> </div> </div> </div> </section> <section class="green lower-120 upper-120 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class=""> <div class=""> <div class="absolute inset-0"> <div class="absolute inset-0 z-10 bg-black-950 opacity-60"></div> <picture class="w-full h-full object-center object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/3472c334-b844-4cbb-9c90-36e596543eb4/stats-text-desk.png"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/3472c334-b844-4cbb-9c90-36e596543eb4/stats-text-desk.png"> <img class="js-lazy-img w-full h-full object-center object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/3472c334-b844-4cbb-9c90-36e596543eb4/stats-text-desk.png" alt=""> </picture> </div> <div class="green flex w-full items-center text-white md:min-h-[425px]"> <div class="o-container w-full text-center"> <div class="green relative z-20 w-full" data-animation="split-animation" data-animation-timeline="true"> <div class="space-y-24 md:grid md:grid-cols-3 md:gap-x-8 md:space-y-0"> <div class="font-serif font-normal md:mb-0" data-animation-type="up"> <div class="pb-12 text-9xl font-light md:pb-16 md:text-8xl lg:text-9xl text-white"> 40% </div> <div class="text-3xl font-light text-cream"> <p>of Australia's energy generation came from renewable sources in the last 12 months.</p> </div> </div> <div class="font-serif font-normal md:mb-0" data-animation-type="up"> <div class="pb-12 text-9xl font-light md:pb-16 md:text-8xl lg:text-9xl text-white"> 4+m </div> <div class="text-3xl font-light text-cream"> <div>Australian households and businesses have rooftop solar PV systems installed. </div> </div> </div> <div class="font-serif font-normal md:mb-0" data-animation-type="up"> <div class="pb-12 text-9xl font-light md:pb-16 md:text-8xl lg:text-9xl text-white"> 25k </div> <div class="text-3xl font-light text-cream"> <p>Australian workers are employed directly in the clean energy industry.</p> </div> </div> </div> <div class="flex justify-center pt-30" data-animation-type="up"> <div class="pr-7 pb-4"> <a href="https://stg-live.cleanenergycouncil.org.au/Cec/media/Background/Resources/Clean-Energy-Australia-Report-2024.pdf" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" target="_blank" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Read the Clean Energy Australia 2024 report </a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="default lower-no-spacing upper-120 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class="o-container"> <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-10" data-animation> <div class="mb-8 md:mb-0 "> <span class=" pb-4 text-typo-label text-base leading-normal block last:pb-0"> MAKING A DIFFERENCE</span> <H2 class=" "> Here's what we've been working on recently </H2> </div> <div class=" "> </div> </div> </div> </section> <section class="white lower-120 upper-40 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class=""> <div class="o-container"> <div data-alpine-component="tabs" x-data=" siteTab({ activeTab: '1' }) " data-animation="split-animation"> <div class="grid md:grid-cols-12 md:gap-x-0" data-animation="split-animation"> <div class="hidden md:col-span-6 md:block md:col-start-7" data-animation-type="fade"> <div class="tab-content"> <div x-show="activeTab === '1'" x-transition:enter="ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="aspect-square overflow-hidden "> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/ea04d3ae-430d-43b1-a732-5300bccf2ec8/Best-Practice-Charter_resize.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/ea04d3ae-430d-43b1-a732-5300bccf2ec8/Best-Practice-Charter_resize.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/ea04d3ae-430d-43b1-a732-5300bccf2ec8/Best-Practice-Charter_resize.jpg" alt="Best Practice Charter"> </picture> </div> </div> <div x-show="activeTab === '2'" x-transition:enter="ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="aspect-square overflow-hidden "> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/5bf855a0-6325-46e9-b5a9-f9cc26759b1c/AdobeStock_415759467_1.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/5bf855a0-6325-46e9-b5a9-f9cc26759b1c/AdobeStock_415759467_1.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/5bf855a0-6325-46e9-b5a9-f9cc26759b1c/AdobeStock_415759467_1.jpg" alt="Clean Energy Australia 2024 report"> </picture> </div> </div> <div x-show="activeTab === '3'" x-transition:enter="ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="aspect-square overflow-hidden "> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/9b38f129-c518-4b52-a859-52b7052a0445/shutterstock_2007029375_1.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/9b38f129-c518-4b52-a859-52b7052a0445/shutterstock_2007029375_1.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/9b38f129-c518-4b52-a859-52b7052a0445/shutterstock_2007029375_1.jpg" alt="Power Playbook"> </picture> </div> </div> </div> </div> <div class="md:col-span-5 md:order-first" data-animation-type="up"> <div class="flex flex-col items-start"> <div class="group/item w-full border-b border-solid border-interactiveBorderColor last:border-b-0" x-bind:class="{ 'opacity-100': activeTab === '1', 'opacity-30': activeTab !== '1' }"> <div x-show="activeTab === '1'" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" class="c-img w-full md:hidden"> <div class=""> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/ea04d3ae-430d-43b1-a732-5300bccf2ec8/Best-Practice-Charter_resize.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/ea04d3ae-430d-43b1-a732-5300bccf2ec8/Best-Practice-Charter_resize.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/ea04d3ae-430d-43b1-a732-5300bccf2ec8/Best-Practice-Charter_resize.jpg" alt="Best Practice Charter"> </picture> </div> </div> <button type="button" data-id="1" x-on:click="changeTab" class="c-item-active flex w-full py-10 text-left !font-sans text-2xl text-typo-body group-first/item:pt-0"> Best Practice Charter </button> <div x-show="activeTab === '1'" x-collapse class="tab-description"> <div class="c-desc pb-10 text-lg text-typo-body">A set of commitments that signatories agree to uphold and report on in the development of current and new clean energy projects.</div> <div class="c-button pb-10"> <div class="flex"> <div class="pr-7 pb-4"> <a href="https://cleanenergycouncil.org.au/news-resources/best-practice-charter" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" target="_blank" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Read more </a> </div> </div> </div> </div> </div> <div class="group/item w-full border-b border-solid border-interactiveBorderColor last:border-b-0" x-bind:class="{ 'opacity-100': activeTab === '2', 'opacity-30': activeTab !== '2' }"> <div x-show="activeTab === '2'" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" class="c-img w-full md:hidden"> <div class=""> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/5bf855a0-6325-46e9-b5a9-f9cc26759b1c/AdobeStock_415759467_1.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/5bf855a0-6325-46e9-b5a9-f9cc26759b1c/AdobeStock_415759467_1.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/5bf855a0-6325-46e9-b5a9-f9cc26759b1c/AdobeStock_415759467_1.jpg" alt="Clean Energy Australia 2024 report"> </picture> </div> </div> <button type="button" data-id="2" x-on:click="changeTab" class="c-item-active flex w-full py-10 text-left !font-sans text-2xl text-typo-body group-first/item:pt-0"> Clean Energy Australia 2024 report </button> <div x-show="activeTab === '2'" x-collapse class="tab-description"> <div class="c-desc pb-10 text-lg text-typo-body">This year's comprehensive overview of the Australian clean energy sector found that renewables overall accounted for nearly 40 per cent of Australia’s total electricity supply, while figures for generation capacity added were strong at 5.9 GW.</div> <div class="c-button pb-10"> <div class="flex"> <div class="pr-7 pb-4"> <a href="/news-resources/clean-energy-australia-2024-report" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Read more </a> </div> </div> </div> </div> </div> <div class="group/item w-full border-b border-solid border-interactiveBorderColor last:border-b-0" x-bind:class="{ 'opacity-100': activeTab === '3', 'opacity-30': activeTab !== '3' }"> <div x-show="activeTab === '3'" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" class="c-img w-full md:hidden"> <div class=""> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/9b38f129-c518-4b52-a859-52b7052a0445/shutterstock_2007029375_1.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/9b38f129-c518-4b52-a859-52b7052a0445/shutterstock_2007029375_1.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/9b38f129-c518-4b52-a859-52b7052a0445/shutterstock_2007029375_1.jpg" alt="Power Playbook"> </picture> </div> </div> <button type="button" data-id="3" x-on:click="changeTab" class="c-item-active flex w-full py-10 text-left !font-sans text-2xl text-typo-body group-first/item:pt-0"> Power Playbook </button> <div x-show="activeTab === '3'" x-collapse class="tab-description"> <div class="c-desc pb-10 text-lg text-typo-body">Our Power Playbook is a strategic package of 45 recommendations to the Federal Government designed to ensure Australia gets back on track for 82 per cent renewables by 2030 and achieves its ambition of becoming a renewable energy superpower.</div> <div class="c-button pb-10"> <div class="flex"> <div class="pr-7 pb-4"> <a href="/getmedia/8ddf6d10-5aa0-42a3-9be0-6b5fb83f2589/Clean-Energy-Council-Power-Playbook.pdf" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Read more </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="cream lower-no-spacing upper-120 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class="o-container"> <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-10" data-animation> <div class="mb-8 md:mb-0 "> <span class=" pb-4 text-typo-label text-base leading-normal block last:pb-0"> GET INVOLVED</span> <H2 class=" "> Building a clean future together </H2> </div> <div class=" "> </div> </div> </div> </section> <section class="cream lower-120 upper-40 bg-background relative overflow-hidden pt-top-spacing pb-bottom-spacing"> <div class=""> <div class="o-container"> <div data-alpine-component="tabs" x-data=" siteTab({ activeTab: '1' }) " data-animation="split-animation"> <div class="grid md:grid-cols-12 md:gap-x-0" data-animation="split-animation"> <div class="hidden md:col-span-6 md:block " data-animation-type="fade"> <div class="tab-content"> <div x-show="activeTab === '1'" x-transition:enter="ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="aspect-square overflow-hidden "> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/572911f9-cd78-4182-b587-eb726b38ab13/Family-holding-NETCC-sign-with-approved-solar-seller.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/572911f9-cd78-4182-b587-eb726b38ab13/Family-holding-NETCC-sign-with-approved-solar-seller.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/572911f9-cd78-4182-b587-eb726b38ab13/Family-holding-NETCC-sign-with-approved-solar-seller.jpg" alt="Electrify your home"> </picture> </div> </div> <div x-show="activeTab === '2'" x-transition:enter="ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="aspect-square overflow-hidden "> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/6bc4262a-8d38-4841-8981-cbdf6529f74c/Two-tradespeople-installing-rooftop-solar-panels-crop.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/6bc4262a-8d38-4841-8981-cbdf6529f74c/Two-tradespeople-installing-rooftop-solar-panels-crop.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/6bc4262a-8d38-4841-8981-cbdf6529f74c/Two-tradespeople-installing-rooftop-solar-panels-crop.jpg" alt="Work in renewables"> </picture> </div> </div> <div x-show="activeTab === '3'" x-transition:enter="ease-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <div class="aspect-square overflow-hidden "> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/6b536186-fde6-476f-ba67-be016d4fe02d/battery-customer-and-retailer-2.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/6b536186-fde6-476f-ba67-be016d4fe02d/battery-customer-and-retailer-2.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/6b536186-fde6-476f-ba67-be016d4fe02d/battery-customer-and-retailer-2.jpg" alt="Inform yourself"> </picture> </div> </div> </div> </div> <div class="md:col-span-5 md:col-start-8" data-animation-type="up"> <div class="flex flex-col items-start"> <div class="group/item w-full border-b border-solid border-interactiveBorderColor last:border-b-0" x-bind:class="{ 'opacity-100': activeTab === '1', 'opacity-30': activeTab !== '1' }"> <div x-show="activeTab === '1'" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" class="c-img w-full md:hidden"> <div class=""> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/572911f9-cd78-4182-b587-eb726b38ab13/Family-holding-NETCC-sign-with-approved-solar-seller.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/572911f9-cd78-4182-b587-eb726b38ab13/Family-holding-NETCC-sign-with-approved-solar-seller.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/572911f9-cd78-4182-b587-eb726b38ab13/Family-holding-NETCC-sign-with-approved-solar-seller.jpg" alt="Electrify your home"> </picture> </div> </div> <button type="button" data-id="1" x-on:click="changeTab" class="c-item-active flex w-full py-10 text-left !font-sans text-2xl text-typo-body group-first/item:pt-0"> Electrify your home </button> <div x-show="activeTab === '1'" x-collapse class="tab-description"> <div class="c-desc pb-10 text-lg text-typo-body">By 2030, the average all-electric home with solar and a battery will save $3,500 a year. Find out about getting solar, electric vehicles and more.</div> <div class="c-button pb-10"> <div class="flex"> <div class="pr-7 pb-4"> <a href="https://www.newenergytech.org.au/consumer-guides" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" target="_blank" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> Visit our NETCC website </a> </div> </div> </div> </div> </div> <div class="group/item w-full border-b border-solid border-interactiveBorderColor last:border-b-0" x-bind:class="{ 'opacity-100': activeTab === '2', 'opacity-30': activeTab !== '2' }"> <div x-show="activeTab === '2'" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" class="c-img w-full md:hidden"> <div class=""> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/6bc4262a-8d38-4841-8981-cbdf6529f74c/Two-tradespeople-installing-rooftop-solar-panels-crop.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/6bc4262a-8d38-4841-8981-cbdf6529f74c/Two-tradespeople-installing-rooftop-solar-panels-crop.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/6bc4262a-8d38-4841-8981-cbdf6529f74c/Two-tradespeople-installing-rooftop-solar-panels-crop.jpg" alt="Work in renewables"> </picture> </div> </div> <button type="button" data-id="2" x-on:click="changeTab" class="c-item-active flex w-full py-10 text-left !font-sans text-2xl text-typo-body group-first/item:pt-0"> Work in renewables </button> <div x-show="activeTab === '2'" x-collapse class="tab-description"> <div class="c-desc pb-10 text-lg text-typo-body">School-leavers or those looking for a career change can use our Careers Guide to find which sectors suit your skills and interests.</div> <div class="c-button pb-10"> <div class="flex"> <div class="pr-7 pb-4"> <a href="/working-in-clean-energy/careers-guide" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> View our Careers Guide </a> </div> </div> </div> </div> </div> <div class="group/item w-full border-b border-solid border-interactiveBorderColor last:border-b-0" x-bind:class="{ 'opacity-100': activeTab === '3', 'opacity-30': activeTab !== '3' }"> <div x-show="activeTab === '3'" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" class="c-img w-full md:hidden"> <div class=""> <picture class="w-full h-auto md:h-full md:object-center md:object-cover"> <source media="(min-width:768px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/6b536186-fde6-476f-ba67-be016d4fe02d/battery-customer-and-retailer-2.jpg"> <source media="(min-width:320px)" srcset="/assets/images/img-placeholder.png" data-srcset="/getmedia/6b536186-fde6-476f-ba67-be016d4fe02d/battery-customer-and-retailer-2.jpg"> <img class="js-lazy-img w-full h-auto md:h-full md:object-center md:object-cover" src="/assets/images/img-placeholder.png" data-src="/getmedia/6b536186-fde6-476f-ba67-be016d4fe02d/battery-customer-and-retailer-2.jpg" alt="Inform yourself"> </picture> </div> </div> <button type="button" data-id="3" x-on:click="changeTab" class="c-item-active flex w-full py-10 text-left !font-sans text-2xl text-typo-body group-first/item:pt-0"> Inform yourself </button> <div x-show="activeTab === '3'" x-collapse class="tab-description"> <div class="c-desc pb-10 text-lg text-typo-body">As the peak industry body, we're here to help you understand clean energy technology.</div> <div class="c-button pb-10"> <div class="flex"> <div class="pr-7 pb-4"> <a href="/for-consumers" class="cursor-pointer !no-underline group relative inline-block pb-2.5 align-top text-sm text-tertiary-button-text lg:text-lg" > <span class="absolute left-0 right-0 bottom-0 block h-0.5 w-full bg-tertiary-button-background transition-size duration-300 ease-in-out lg:group-hover:h-1"></span> For the public </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </main> <footer role="contentinfo" class="green border-b-24 border-solid border-orange bg-green pb-6 pt-26 text-white"> <div class="o-container"> <div data-animation-type="up"> <div class="mb-12 flex flex-wrap justify-center"> <a href="/" aria-label="Logo"> <img src="/assets/images/img-placeholder.png" data-src="/assets/images/logo-footer.svg" alt="clean energy Council" width="178" height="80" class="js-lazy-img"> </a> </div> <div class="pb-12"> <ul class="flex flex-wrap items-center justify-center"> <li class="px-2"> <a target="_blank" href="https://www.facebook.com/cleanenergycouncil" aria-label="Facebook" class="text-white transition-colors duration-300 ease-in-out lg:hover:text-orange"> <svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.92745 4.71982C5.92745 3.57696 6.49888 3.57696 7.07031 3.57696H7.75602C7.87052 3.57849 7.98415 3.55708 8.09023 3.51398C8.1963 3.47087 8.2927 3.40695 8.37361 3.32599C8.45464 3.24502 8.51853 3.14867 8.56161 3.04259C8.6047 2.93652 8.62618 2.82288 8.62458 2.70839V1.63411C8.62458 1.51908 8.60173 1.40519 8.55738 1.29905C8.51304 1.19292 8.44801 1.09666 8.36618 1.01586C8.28436 0.935052 8.1872 0.871313 8.08049 0.828341C7.9738 0.785369 7.85963 0.764021 7.7446 0.765534L6.12174 0.742677C5.6492 0.7244 5.17833 0.808875 4.74161 0.990273C4.30489 1.17167 3.91274 1.44567 3.59222 1.79336C3.27169 2.14106 3.03042 2.55415 2.88508 3.00415C2.73972 3.45414 2.69374 3.93032 2.75031 4.39982V6.05696H1.84745C1.6171 6.05696 1.39617 6.14847 1.23328 6.31136C1.07039 6.47426 0.978882 6.69517 0.978882 6.92554V7.99982C0.978882 8.23017 1.07039 8.4511 1.23328 8.61399C1.39617 8.77688 1.6171 8.86839 1.84745 8.86839H2.75031V15.0056C2.75031 15.1571 2.81052 15.3024 2.91768 15.4096C3.02485 15.5168 3.17018 15.577 3.32174 15.577H5.39031C5.53584 15.5682 5.67253 15.5042 5.77239 15.3979C5.87224 15.2918 5.92772 15.1513 5.92745 15.0056V8.86839H6.93317C7.16353 8.86839 7.38446 8.77688 7.54734 8.61399C7.71023 8.4511 7.80174 8.23017 7.80174 7.99982V6.92554C7.80174 6.69517 7.71023 6.47426 7.54734 6.31136C7.38446 6.14847 7.16353 6.05696 6.93317 6.05696H5.92745V4.71982Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li class="px-2"> <a target="_blank" href="https://www.instagram.com/clean.energy.council/?hl=en" aria-label="Insta" class="text-white transition-colors duration-300 ease-in-out lg:hover:text-orange"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.6243 5.12683C13.4402 5.12683 13.2911 4.97768 13.2911 4.7937C13.2911 4.60971 13.4402 4.46057 13.6243 4.46057" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.6241 5.12683C13.8082 5.12683 13.9573 4.97768 13.9573 4.7937C13.9573 4.60971 13.8082 4.46057 13.6241 4.46057" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 4.84361C1 2.95007 2.53502 1.41504 4.42858 1.41504H13.5715C15.465 1.41504 17.0001 2.95007 17.0001 4.84361V13.9865C17.0001 15.88 15.465 17.415 13.5715 17.415H4.42858C2.53502 17.415 1 15.88 1 13.9865V4.84361Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.60205 9.41476C5.60205 9.86098 5.68994 10.3028 5.8607 10.7151C6.03146 11.1273 6.28175 11.5019 6.59728 11.8174C6.9128 12.133 7.28738 12.3833 7.69964 12.554C8.11189 12.7248 8.55374 12.8127 8.99996 12.8127C9.44618 12.8127 9.88803 12.7248 10.3003 12.554C10.7125 12.3833 11.0871 12.133 11.4026 11.8174C11.7182 11.5019 11.9685 11.1273 12.1392 10.7151C12.31 10.3028 12.3979 9.86098 12.3979 9.41476C12.3979 8.96854 12.31 8.52669 12.1392 8.11443C11.9685 7.70218 11.7182 7.3276 11.4026 7.01207C11.0871 6.69655 10.7125 6.44626 10.3003 6.2755C9.88803 6.10473 9.44618 6.01685 8.99996 6.01685C8.55374 6.01685 8.11189 6.10473 7.69964 6.2755C7.28738 6.44626 6.9128 6.69655 6.59728 7.01207C6.28175 7.3276 6.03146 7.70218 5.8607 8.11443C5.68994 8.52669 5.60205 8.96854 5.60205 9.41476Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li class="px-2"> <a target="_blank" href="https://www.linkedin.com/company/clean-energy-council/" aria-label="LinkedIn" class="text-white transition-colors duration-300 ease-in-out lg:hover:text-orange"> <svg width="20" height="20" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.27956 18H1.39156V6.856H5.27956V18ZM13.3516 10.488C12.8975 10.488 12.4621 10.6684 12.141 10.9894C11.8199 11.3105 11.6396 11.7459 11.6396 12.2V18H7.55156V6.856H11.6396V8.128C12.5977 7.31684 13.8083 6.86431 15.0636 6.848C17.5996 6.848 19.3596 8.728 19.3596 12.296V18H15.0636V12.2C15.0646 11.9745 15.0211 11.751 14.9355 11.5424C14.85 11.3338 14.724 11.1441 14.565 10.9843C14.4059 10.8244 14.2168 10.6976 14.0086 10.6111C13.8003 10.5245 13.5771 10.48 13.3516 10.48V10.488ZM5.35156 3C5.35156 3.39556 5.23427 3.78224 5.0145 4.11114C4.79474 4.44004 4.48238 4.69638 4.11693 4.84776C3.75148 4.99913 3.34934 5.03874 2.96138 4.96157C2.57342 4.8844 2.21705 4.69392 1.93735 4.41421C1.65764 4.13451 1.46716 3.77814 1.38999 3.39018C1.31282 3.00222 1.35243 2.60009 1.5038 2.23463C1.65518 1.86918 1.91152 1.55682 2.24042 1.33706C2.56932 1.1173 2.956 1 3.35156 1C3.87922 1.00422 4.38383 1.2168 4.75544 1.59141C5.12706 1.96603 5.33558 2.47233 5.33556 3H5.35156Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li class="px-2"> <a target="_blank" href="https://twitter.com/cleannrgcouncil" aria-label="Twitter" class="text-white transition-colors duration-300 ease-in-out lg:hover:text-orange"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <g clip-path="url(#clip0_10876_32109)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.27 0.202673C15.3341 0.262358 15.3859 0.334096 15.4223 0.413785C15.4586 0.493474 15.479 0.579552 15.4821 0.667098C15.4851 0.754644 15.471 0.841943 15.4403 0.924002C15.4096 1.00606 15.3631 1.08127 15.3034 1.14534L9.87936 6.96201L15.866 14.9087C15.9405 15.0077 15.9859 15.1255 15.9971 15.2488C16.0084 15.3722 15.985 15.4962 15.9297 15.607C15.8744 15.7179 15.7893 15.8111 15.684 15.8763C15.5786 15.9414 15.4572 15.976 15.3334 15.976H11.6814C11.5781 15.9761 11.4762 15.9521 11.3838 15.9061C11.2913 15.86 11.2109 15.7931 11.1487 15.7107L6.93536 10.1193L1.67269 15.764C1.61298 15.828 1.54124 15.8797 1.46157 15.916C1.3819 15.9523 1.29586 15.9726 1.20836 15.9757C1.12085 15.9787 1.0336 15.9645 0.951587 15.9339C0.869572 15.9032 0.794397 15.8567 0.730356 15.797C0.666315 15.7373 0.614661 15.6656 0.578343 15.5859C0.542026 15.5062 0.521757 15.4202 0.518692 15.3327C0.515628 15.2452 0.529829 15.1579 0.560484 15.0759C0.591139 14.9939 0.637648 14.9187 0.697356 14.8547L6.12136 9.03801L0.134689 1.09134C0.0602804 0.992386 0.0148969 0.874667 0.00362401 0.751373C-0.00764888 0.628079 0.0156343 0.504082 0.0708645 0.393276C0.126095 0.282469 0.21109 0.189231 0.316326 0.12401C0.421562 0.0587888 0.542881 0.0241608 0.666689 0.0240062H4.31936C4.42251 0.0240574 4.52425 0.0480477 4.61657 0.0940892C4.70888 0.140131 4.78925 0.206967 4.85136 0.28934L9.06469 5.88067L14.3267 0.236006C14.3864 0.171884 14.4581 0.120154 14.5378 0.0837725C14.6175 0.047391 14.7036 0.0270717 14.7911 0.023976C14.8787 0.0208803 14.966 0.035069 15.048 0.0657309C15.1301 0.0963928 15.206 0.142927 15.27 0.202673ZM8.50336 7.35201C8.48456 7.33026 8.46719 7.30733 8.45136 7.28334L3.98669 1.35667H2.00336L12.0134 14.6433H13.9967L8.50336 7.35201Z" fill="currentColor"/> </g> <defs> <clipPath id="clip0_10876_32109"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> </a> </li> <li class="px-2"> <a target="_blank" href="https://www.youtube.com/user/cleanenergycouncilau" aria-label="Youtube" class="text-white transition-colors duration-300 ease-in-out lg:hover:text-orange"> <svg width="25" height="18" viewBox="0 0 25 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.1121 0.500054L20.1121 0.5H20.1048H4.75238V0.499946L4.74502 0.500054C3.62625 0.516518 2.55683 0.963008 1.76391 1.7466C0.9708 2.53038 0.516795 3.58988 0.500057 4.7007L0.5 4.7007V4.70824V13.2918H0.499943L0.500057 13.2993C0.516795 14.4101 0.9708 15.4696 1.76391 16.2534C2.55683 17.037 3.62625 17.4835 4.74502 17.4999L4.74502 17.5H4.75238H20.1048V17.5001L20.1121 17.4999C21.2309 17.4835 22.3003 17.037 23.0932 16.2534C23.8863 15.4696 24.3403 14.4101 24.3571 13.2993L24.3571 13.2993V13.2918V4.70824H24.3572L24.3571 4.7007C24.3403 3.58988 23.8863 2.53038 23.0932 1.7466C22.3003 0.963008 21.2309 0.516518 20.1121 0.500054ZM16.4347 8.60952L10.0714 12.6594V4.58755L16.4347 8.60952Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li class="px-2"> <a target="_blank" href="https://www.tiktok.com/@cleanenergycouncil" aria-label="TikTok" class="text-white transition-colors duration-300 ease-in-out lg:hover:text-orange"> <svg width="25px" height="30" viewBox="0 0 25 27" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.8217 5.1344C16.0886 4.29394 15.6479 3.19805 15.6479 2H14.7293M16.8217 5.1344C17.4898 5.90063 18.3944 6.45788 19.4245 6.67608C19.7446 6.74574 20.0786 6.78293 20.4266 6.78293V10.2191C18.645 10.2191 16.9932 9.64801 15.6477 8.68211V15.6707C15.6477 19.1627 12.8082 22 9.32386 22C7.50043 22 5.85334 21.2198 4.69806 19.98C3.64486 18.847 2.99994 17.3331 2.99994 15.6707C2.99994 12.2298 5.75592 9.42509 9.17073 9.35079M16.8217 5.1344C16.8039 5.12276 16.7861 5.11101 16.7684 5.09914M6.9855 17.3517C6.64217 16.8781 6.43802 16.2977 6.43802 15.6661C6.43802 14.0734 7.73249 12.7778 9.32394 12.7778C9.62087 12.7778 9.9085 12.8288 10.1776 12.9124V9.40192C9.89921 9.36473 9.61622 9.34149 9.32394 9.34149C9.27287 9.34149 8.86177 9.36884 8.81073 9.36884M14.7244 2H12.2097L12.2051 15.7775C12.1494 17.3192 10.8781 18.5591 9.32386 18.5591C8.35878 18.5591 7.50971 18.0808 6.98079 17.3564" stroke="currentColor" stroke-linecap="round"></path> </svg> </a> </li> </ul> </div> <div class="mb-24 flex flex-wrap justify-center"> <p>Authorised by K. Thornton, Clean Energy Council, Melbourne</p> </div> </div> <div class="md:grid md:grid-cols-12 md:gap-x-8" data-animation-type="fade"> <div class="mb-26 grid grid-cols-2 gap-x-4 gap-y-12 md:col-span-6 md:grid-cols-3"> <div> <h3 class="mb-8 font-sans text-lg font-semibold leading-snug text-orange last:mb-0">The Clean Energy Council</h3> <ul class="text-base leading-normal"> <li class="mb-6"> <a href="/contact-us" class="text-white md:hover:underline">Contact us</a> </li> <li class="mb-6"> <a href="/about-us" class="text-white md:hover:underline">About us</a> </li> <li class="mb-6"> <a href="/membership/current-members" class="text-white md:hover:underline">Current members</a> </li> </ul> </div> <div> <h3 class="mb-8 font-sans text-lg font-semibold leading-snug text-orange last:mb-0">Key reports</h3> <ul class="text-base leading-normal"> <li class="mb-6"> <a href="/Cec/media/Background/Resources/Clean-Energy-Australia-Report-2024.pdf" class="text-white md:hover:underline">CEA Report</a> </li> <li class="mb-6"> <a href="/Cec/media/Background/Resources/Clean-Energy-Council-Power-Playbook.pdf" class="text-white md:hover:underline">Power Playbook</a> </li> <li class="mb-6"> <a href="/getmedia/349fb125-537f-4b66-adbd-42f32f615477/powering-homes-empowering-people-cer-roadmap.pdf" class="text-white md:hover:underline">Powering Homes, Empowering People</a> </li> <li class="mb-6"> <a href="/Cec/media/Background/Resources/Leading-Practice-Principles-First-Nations-and-Renewable-Energy-Projects.pdf" class="text-white md:hover:underline">First Nations Engagement Best Practice Guide</a> </li> </ul> </div> <div> <h3 class="mb-8 font-sans text-lg font-semibold leading-snug text-orange last:mb-0">Get involved</h3> <ul class="text-base leading-normal"> <li class="mb-6"> <a href="/news-resources" class="text-white md:hover:underline">News and resources</a> </li> <li class="mb-6"> <a href="/events" class="text-white md:hover:underline">Events</a> </li> <li class="mb-6"> <a href="/for-consumers" class="text-white md:hover:underline">For consumers</a> </li> </ul> </div> </div> <div class="mb-26 md:col-span-6 md:mb-0 lg:col-span-5 lg:col-start-8"> <h3 class="mb-8 md:mb-10">Subscribe to our newsletters and be part of the clean energy conversation</h3> <iframe title="subscribeForm" class="js-lazy-img" src="/assets/images/img-placeholder.png" data-src="https://email.cleanenergycouncil.org.au/l/1035303/2024-02-21/mpx4" width="500" height="500"></iframe> </div> <div class="mb-26 border border-solid border-green-400 p-8 text-sm leading-5 text-white md:col-span-12">We respectfully acknowledge Aboriginal and Torres Strait Islander people as the Traditional Custodians of the lands and waters on which we work and live. We commit to collaborate with First Nations communities, to promote sustainable practice, protect ancient sites and culture with equitable access to the benefits of clean energy. Sovereignty has never been ceded. We acknowledge Elders, past and present, and their continuing culture and connection to Country.</div> </div> <div> <ul class="mb-6 flex flex-wrap items-center justify-center text-xs leading-5"> <li class="group relative px-4"> <a href="/legal" class="text-white md:hover:underline"> Legal <span class="absolute right-0 group-last:hidden">|</span> </a> </li> <li class="group relative px-4"> <a href="/privacy-policy" class="text-white md:hover:underline"> Privacy <span class="absolute right-0 group-last:hidden">|</span> </a> </li> </ul> <div class="text-center text-xs leading-5"> © <a href="/" class="text-white md:hover:underline">Clean Energy Council</a> 2025 </div> </div> </div> </footer> <div class="fixed bottom-10 right-10 z-50" x-data="backToTop" x-on:scroll.window="checkPagePosition"> <button type="button" x-cloak x-show="showBackToTop" x-on:click="goToTop" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="group flex h-14 w-14 items-center justify-center rounded-full bg-white p-4 shadow-md md:h-auto md:w-auto md:px-6 md:py-3"> <span class="hidden text-sm font-normal md:flex">Back to top</span> <svg class="flex transform transition-transform duration-300 ease-out md:ml-4 md:group-hover:-translate-y-1" xmlns="http://www.w3.org/2000/svg" width="15" height="16" fill="none"> <path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.5 15V1.00005M14 7.53369 7.5 1.00038 1 7.53369" /> </svg> </button> </div> <script type="module" src="/assets/js/main.js"></script> <div x-data="siteModal({show: false, name: 'search-modal'})" x-show="show" x-on:open-modal.window="openModal($event.detail.name === 'search-modal')" x-on:close-modal.window="show = false" x-on:keydown.escape.window="show = false" x-title="Search Modal" role="dialog" aria-modal="true" style="display:none;" class="fixed left-0 top-0 z-50 h-full w-full overflow-y-auto">  <div x-show="show" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-white bg-opacity-100"></div>  <div x-show="show" x-on:click="show = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="relative min-h-screen flex flex-wrap"> <div class="w-full" x-on:click.stop x-trap.noscroll.inert="show"> <div class="o-container relative w-full h-full flex justify-center items-center"> <button x-on:click="show = false" type="button" aria-label="close" class="absolute right-0 top-12 h-5 w-5 text-black"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.34547 1.26221L21.3455 21.2622M1.34546 21.2622L21.3454 1.26222" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <div class="mx-auto flex h-full w-full items-center md:w-6/12"> <form method="GET" action="/search" class="mb-0 w-full"> <label for="search" accessKey="4" class="mb-6 block text-lg text-black">What are you looking for?</label> <div class="flex items-center border-b border-orange pb-2"> <input id="search" type="search" name="query" placeholder="Search topic" class="mr-2 w-full font-serif text-4xl font-light leading-none text-black outline-none"> <button type="submit" aria-label="submit" class="h-5 w-5 text-black"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9.69565C1 12.0019 1.91615 14.2137 3.5469 15.8444C5.17765 17.4752 7.38942 18.3913 9.69565 18.3913C12.0019 18.3913 14.2137 17.4752 15.8444 15.8444C17.4752 14.2137 18.3913 12.0019 18.3913 9.69565C18.3913 7.38942 17.4752 5.17765 15.8444 3.5469C14.2137 1.91615 12.0019 1 9.69565 1C7.38942 1 5.17765 1.91615 3.5469 3.5469C1.91615 5.17765 1 7.38942 1 9.69565Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> <path d="M20.9994 20.9994L15.8438 15.8438" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> </form> </div> </div> </div> </div> </div> </div> </body> </html>

CINXE.COM

Renewable Energy Australia | Clean Energy Council