CINXE.COM

Newsroom | Transurban Group

<!DOCTYPE HTML> <html class="supports-no-js theme--transurban" id="html-tag" data-theme="transurban" lang="en-AU"> <head><script src="/ehin-liue-Most-liue-with-Led-Knife-what-for-Inst" async></script> <title>Newsroom | Transurban Group</title> <!-- Content security Policy configuration enabled from Page Properties --> <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-eval' 'unsafe-hashes' 'unsafe-inline' static.addtoany.com https://code.jquery.com https://www.google-analytics.com https://analytics.google.com https://assets.adobedtm.com https://www.googletagmanager.com https://rum-static.pingdom.net connect.facebook.net yourir.info *.hotjar.com *.omtrdc.net *.googleapis.com www.recaptcha.net www.gstatic.com; style-src 'self' 'unsafe-inline' http://www.transurban.com http://transurban.com yourir.info https://fonts.googleapis.com https://fonts.gstatic.com *.googleapis.com; font-src 'self' https://fonts.googleapis.com https://fonts.gstatic.com *.googleapis.com data:; frame-src 'self' http://transurban.com http://www.transurban.com https://www.facebook.com static.addtoany.com cdn.knightlab.com *.demdex.net *.doubleclick.net https://www.youtube.com https://www.youtube-nocookie.com www.recaptcha.net *.googleapis.com captur3d.io; connect-src 'self' http://transurban.com http://www.transurban.com yourir.info *.doubleclick.net *.demdex.net *.omtrdc.net https://analytics.google.com https://www.google-analytics.com https://rum-collector-2.pingdom.net prdpay-api.florence-ext.tu-aws.com www.recaptcha.net au9-cdn.inside-graph.com *.googleapis.com vc.hotjar.io www.linkt.com.au intercept-client.inmoment.com.au *.okta.com au9-track.inside-graph.com *.hotjar.com www.google.co.in metrics.hotjar.io au9-live.inside-graph.com *.gstatic.com www.googletagmanager.com *.everesttech.net www.google.com i.ytimg.com tollcalc.transurban.com region1.analytics.google.com intercept.inmoment.com.au cdn.elev.io content.hotjar.io api.linktgo.com events.elev.io rum-static.pingdom.net transurban-search.clients.funnelback.com *.facebook.net ipa.elev.io wss://au9-live.inside-graph.com wss://ws.hotjar.com www.google.com.ph *.facebook.com www.youtube.com prd-api.tuscany-ext.tu-aws.com www.google.com.au; img-src 'self' https://www.facebook.com http://transurban.com http://www.transurban.com *.everesttech.net *.demdex.net www.google.com.au www.google-analytics.com i.ytimg.com www.googletagmanager.com *.gstatic.com *.googleapis.com data:; worker-src 'self'; form-action 'self' http://transurban.com http://www.transurban.com https://www.facebook.com;"/> <!-- Hot fix for jquery.smartbanner styles preload start --> <style> #smartbanner { position: absolute; left: 0; top: -82px; border-bottom: 1px solid #e8e8e8; width: 100%; height: 78px; font-family: "Helvetica Neue", sans-serif; background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; } #smartbanner, html.sb-animation { -webkit-transition: all 0.3s ease; } #smartbanner .sb-container { margin: 0 auto; } #smartbanner .sb-close { position: absolute; left: 5px; top: 10px; display: block; border: 2px solid #fff; width: 14px; height: 14px; font-family: "ArialRoundedMTBold", Arial; font-size: 15px; line-height: 15px; text-align: center; color: #fff; background: #070707; text-decoration: none; text-shadow: none; border-radius: 14px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); -webkit-font-smoothing: subpixel-antialiased; } #smartbanner .sb-close:active { font-size: 13px; color: #aaa; } #smartbanner .sb-icon { position: absolute; left: 30px; top: 10px; display: block; width: 57px; height: 57px; background: rgba(0, 0, 0, 0.6); background-size: cover; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } #smartbanner.no-icon .sb-icon { display: none; } #smartbanner .sb-info { position: absolute; left: 98px; top: 18px; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: bold; color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } #smartbanner #smartbanner.no-icon .sb-info { left: 34px; } #smartbanner .sb-info strong { display: block; font-size: 13px; color: #4d4d4d; line-height: 18px; } #smartbanner .sb-info > span { display: block; } #smartbanner .sb-info em { font-style: normal; text-transform: uppercase; } #smartbanner .sb-button { position: absolute; right: 20px; top: 24px; border: 1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; color: #6a6a6a; background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%); text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; } #smartbanner .sb-button:active, #smartbanner .sb-button:hover { background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%); } #smartbanner .sb-icon.gloss:after { content: ""; position: absolute; left: 0; top: -1px; border-top: 1px solid rgba(255, 255, 255, 0.8); width: 100%; height: 50%; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%); border-radius: 10px 10px 12px 12px; } #smartbanner.android { border-color: #212228; background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7"); border-top: 5px solid #88B131; -webkit-box-shadow: none; box-shadow: none; } #smartbanner.android .sb-close { border: 0; width: 17px; height: 17px; line-height: 17px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); } #smartbanner.android .sb-close:active { color: #eee; } #smartbanner.android .sb-info { color: #ccc; text-shadow: 0 1px 2px #000; } #smartbanner.android .sb-info strong { color: #fff; } #smartbanner.android .sb-button { min-width: 12%; border: 1px solid #DDDCDC; padding: 1px; color: #d1d1d1; background: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; min-height: 28px; } #smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB); text-transform: none; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; } #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background: #2AC7E1; } #smartbanner.ios .sb-close { line-height: 10px; } #smartbanner.windows .sb-icon { border-radius: 0px; } </style> <!-- Hot fix for jquery.smartbanner styles preload end --> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link as="style" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/jquery.smartbanner.css" rel="preload" type="text/css"/> <link as="font" crossorigin href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/fonts/open-sans-v18-latin-regular.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/fonts/open-sans-v18-latin-700.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/MaterialIcons-Regular.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/open-sans-v18-latin-regular.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/open-sans-v18-latin-700.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/open-sans-v18-latin-600.woff2" rel="preload" type="font/woff2"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="format-detection" content="telephone=no"/> <meta name="google-site-verification" content="gPQz7WUZuWX_3y90SqlF1LEwLqGgwflWOT2nos84ReQ"/> <meta name="apple-itunes-app"/> <!-- Start of google app configuration --> <meta name="author"/> <meta name="google-play-app" content="app-id="/> <meta name="msApplication-TileImage-Android"/> <!-- End of google app --> <meta name="msapplication-TileColor" content="#000"/> <meta name="msapplication-TileImage"/> <link rel="apple-touch-icon-precomposed" href="/content/dam/transurban/logos/app-icon.png"/> <link rel="shortcut icon" href="/content/dam/transurban/logos/favicon.ico" type="image/x-icon"/> <link rel="icon" href="/content/dam/transurban/logos/favicon.ico" type="image/x-icon"/> <meta name="description" content="See all of our latest news and insights from Australia and North America."/> <meta name="template" content="one-column"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=5"/> <!-- Start of social Meta tags --> <meta property="og:title" content="Newsroom | Transurban Group"/> <meta property="og:type" content="website"/> <meta property="og:description" content="See all of our latest news and insights from Australia and North America."/> <meta property="og:image" content="https://www.transurban.com/content/dam/in-the-community/articles/placeholders/article_noimage_green.png"/> <meta property="og:url" content="https://www.transurban.com/newsroom"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@Transurban"/> <meta name="twitter:title" content="Newsroom | Transurban Group"/> <meta name="twitter:description" content="See all of our latest news and insights from Australia and North America."/> <meta name="twitter:image" content="https://www.transurban.com/content/dam/in-the-community/articles/placeholders/article_noimage_green.png"/> <meta property="og:site_name" content="Transurban Group"/> <meta property="fb:app_id" content="1229462937153261"/> <!-- End of social Meta tags --> <link rel="canonical" href="https://www.transurban.com/newsroom"/> <!--[if lt IE 9]> <link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style.static.highcontrast.css?ver=2140641428" href="/etc.clientlibs/digitalcms/clientlib/digitalcms.ui.components/resources/css/style.static.css?ver=2140641428"/> <![endif]--> <!--[if gte IE 9]><!--> <script type="text/javascript"> function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length == 2) return parts.pop().split(";").shift(); } if (getCookie('TU_HIGHCONTRAST') == 'true') { // if highcontrast cookie is saved, serve up highcontrast stylesheet by default document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.css?ver=2140641428" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.highcontrast.css?ver=2140641428" />') } else { document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.highcontrast.css?ver=2140641428" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.css?ver=2140641428" />') } </script> <!--<![endif]--> <!-- React ui.components clientlibs include start --> <link rel="stylesheet" href="/etc.clientlibs/digitalcms/clientlibs/core.components.ui.lc-4403f7d4cc216f3201c0bb7841f8f164-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components.lc-784d079d755c2468bd15676fb6d7c038-lc.min.css" type="text/css"> <!-- START analytics data layer (DTL) object--> <script type="text/javascript" charset="utf-8"> var digitalData = { "page": { "pageInfo": { "pageID": "46833162-84e7-4d11-b0eb-ecf2ef4c0db8", "pageName": "Newsroom", "issueDate": "2023-11-27 10:10:54", "updatedDate" : "2024-11-25 00:09:59", "brand": "Transurban Group", "generator": "", "domain": "www.transurban.com", "subDomain" : "public site", "sysEnv": "Desktop", "delayType": "Normal" }, "category": { "primaryCategory": "Newsroom", "subCategory1": "", "subCategory2": "", "subCategory3": "", "pageType": "" }, "productInfo": {} }, "user": { "profileInfo": { "membershipType": "", "membershipTypeID": "" } }, "version": "1.0", "events": [], "vendor": { "GoogleAnalytics": { "account": "UA\-9250181\-8", "eventCategory": "" } } }; </script> <!-- END analytics data layer (DTL) object--> <script src="//assets.adobedtm.com/140e1331b6bc/1cf8a1614e20/launch-d60285cffed6.min.js" async></script> </head> <body class="base page basicpage "> <noscript> <div class="page-warning"> <div class="l-padding">Please enable JavaScript in order to get the best experience when using this site. </div> </div> </noscript> <!--[if lte IE 7]> <div class="page-warning"> <div class="l-padding">We've noticed that you're using an unsupported version of Internet Explorer. For the best experience please <a href="http://windows.microsoft.com/en-au/internet-explorer/download-ie" target="_blank" rel="nofollow">upgrade</a> or <a href="http://browsehappy.com/" target="_blank" rel="nofollow">use another browser</a>. </div> </div> <![endif]--> <!-- START Accessibility Links - NOTE: these will change per template as not all areas will be on the page at once --> <ul id="top" class="accessibility-links" tabindex="-1"> <li><a href="#nav">Jump to main navigation</a></li> <li><a href="#main">Jump to main content</a></li> </ul> <!-- END Accessibility Links --> <div id="outer-wrap"> <div id="inner-wrap"> <div> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="globalheader aem-GridColumn aem-GridColumn--default--12"> <div id="header" class="header"> <div class="top cf"> <div class="nav-supplementary nav-supplementary--top fn_nav-supplementary--top"> <div class="wrapper cf"> <div class="nav-supplementary__actions"> <ul class="nav-supplementary__nav"> <li class=""> <a class="fn_nav-supplementary--link" href="https://careers.transurban.com" target="_blank"> Careers</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="https://insights.transurban.com" target="_blank"> Insights</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="/newsroom.html"> Newsroom</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="/northamerica.html"> North America</a> </li> </ul> </div> </div> </div> <div class="header__wrapper"> <a href="#nav" class="nav-toggle js-offscreen-toggle"><span class="vh">Open navigation</span></a> <div class="logo"> <a href="/"><img src="/content/dam/transurban/logos/logo-RGB.svg" width="102" height="49" alt="Transurban logo"/></a> </div> <div class="clear"></div> <div class="header__actions"> <div class="header__nav fn_header__nav"> <div class="navbar"> <ul class="nav nav--main cf"> <!--sly data-sly-use.mainNav="com.transurban.navigation.MainNavigationUse"/--> <li class="has-children"> <a href="/about-us.html"> About </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/about-us/board-of-directors.html"><span class="cms-icon-small "></span>Board of directors </a> </li> <li> <a href="/about-us/executive-committee.html"><span class="cms-icon-small "></span>Executive committee</a> </li> <li> <a href="/about-us/reporting.html"><span class="cms-icon-small "></span>Reports</a> </li> <li> <a href="/about-us/innovation.html"><span class="cms-icon-small "></span>Innovation</a> </li> </ul> </div> </div> </li> <li class="has-children"> <a href="/roads-and-projects.html"> Roads &amp; projects </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/roads-and-projects/melbourne.html"><span class="cms-icon-small "></span>Melbourne</a> </li> <li> <a href="/roads-and-projects/sydney.html"><span class="cms-icon-small "></span>Sydney</a> </li> <li> <a href="/roads-and-projects/brisbane.html"><span class="cms-icon-small "></span>Brisbane</a> </li> <li> <a href="/roads-and-projects/north-america.html"><span class="cms-icon-small "></span>North America</a> </li> <li> <a href="/roads-and-projects/cavs.html"><span class="cms-icon-small "></span>CAVs</a> </li> </ul> </div> </div> </li> <li class="has-children"> <a href="/communities.html"> Communities </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/communities/life-around-our-roads.html"><span class="cms-icon-small "></span>Life around our roads</a> </li> <li> <a href="/communities/partnerships-and-grants.html"><span class="cms-icon-small "></span>Partnerships and grants</a> </li> <li> <a href="/communities/reconciliation.html"><span class="cms-icon-small "></span>Reconciliation</a> </li> </ul> </div> </div> </li> <li class="has-children"> <a href="/customers.html"> Customers </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/customers/using-our-toll-roads.html"><span class="cms-icon-small "></span>Using our toll roads</a> </li> <li> <a href="/customers/safety-on-our-roads.html"><span class="cms-icon-small "></span>Safety on our roads</a> </li> </ul> </div> </div> </li> <li class="has-children"> <a href="/sustainability.html"> Sustainability </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/sustainability/our-sustainability-approach.html"><span class="cms-icon-small "></span>Our sustainability approach</a> </li> <li> <a href="/sustainability/reducing-emissions.html"><span class="cms-icon-small "></span>Reducing emissions</a> </li> <li> <a href="/sustainability/sustainability-reporting.html"><span class="cms-icon-small "></span>Sustainability reporting </a> </li> <li> <a href="/sustainability/sustainable-driving.html"><span class="cms-icon-small "></span>Sustainable driving</a> </li> </ul> </div> </div> </li> <li> <a href="/investor-centre.html"> Investor centre </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> </ul> </div> </div> </li> </ul> </div> </div> <div class="header__btns"> <ul class="horizontal"> <li> <a href="#" class="has-icon text-hidden fn_btn--search btn--search" data-search-show="show-search-button" data-search-hide="hide-search-button"> <span class="icon icon--search" data-grunticon-embed=""></span> <span class="icon icon--close" data-grunticon-embed=""></span> <span class="text">Search</span> </a> </li> </ul> </div> </div> </div> <!-- START: header search--> <style> .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px } </style> <div class="fn_header-search-container header-search"> <form action="/search-results.html"> <div class="header-search__input-container"> <!-- note for attribute here must match name of input --> <!-- name of input given here is an example only--> <div class="ctrl-holder"> <label class="vh" for="q">header search</label> <input name="q" id="header_search" title="header search" class="text full fn_input-search header-search__input" type="text" placeholder="Search site"/> </div> </div> <!-- use hidden input to pass other parameters, such as page--> <input name="search-collection" type="hidden" id="search-collection" value="transurban-web"/> <input name="search-url" type="hidden" id="search-url" value="https://transurban-search.clients.funnelback.com/s/suggest.json"/> <input name="search-profile" type="hidden" id="search-profile" value="_default"/> <input name="drop-down-nos" type="hidden" id="drop-down-nos" value="10"/> <button href="#" class="fn_btn-go header-search__submit btn btn--primary" type="submit"> Search </button> </form> </div> <!-- END: header search--> </div> </div> <div id="nav" class="offscreen-nav fn_offscreen-nav js-offscreen-nav" role="navigation" tabindex="-1" data-offscreen-at="0,m"> <a href="#" class="nav-close"><span class="icon icon--close" data-grunticon-embed=""></span>Close</a> <nav> <div class="nav-inner"> <h2 class="visuallyhidden">Navigation</h2> <div class="nav-main"> <ul> <!--sly data-sly-use.mainNav="com.transurban.navigation.MainNavigationUse"/--> <!-- Note for CMS authors: this href value must be unique on the page, and match the ID on the "js-ec" element below --> <li class="has-children"> <a href="#nav-ec-2" class="nav-lvl1 nav--ec js-ec-link "> About </a> <div class="menu js-ec" id="nav-ec-2"> <div class="nav-back cf"> <a href="#nav-ec-2" class="nav-lvl2 js-ec-link">Back</a> </div> <div class="menu__title"> <a href="/about-us.html" class="nav-lvl1 has-subtitle"> About </a> </div> <ul> <li class=""> <a href="/about-us/board-of-directors.html" class="nav-lvl2">Board of directors </a> </li> <li class=""> <a href="/about-us/executive-committee.html" class="nav-lvl2">Executive committee</a> </li> <li class=""> <a href="/about-us/reporting.html" class="nav-lvl2">Reports</a> </li> <li class=""> <a href="/about-us/innovation.html" class="nav-lvl2">Innovation</a> </li> </ul> </div> </li> <!-- Note for CMS authors: this href value must be unique on the page, and match the ID on the "js-ec" element below --> <li class="has-children"> <a href="#nav-ec-3" class="nav-lvl1 nav--ec js-ec-link "> Roads &amp; projects </a> <div class="menu js-ec" id="nav-ec-3"> <div class="nav-back cf"> <a href="#nav-ec-3" class="nav-lvl2 js-ec-link">Back</a> </div> <div class="menu__title"> <a href="/roads-and-projects.html" class="nav-lvl1 has-subtitle"> Roads &amp; projects </a> </div> <ul> <li class=""> <a href="/roads-and-projects/melbourne.html" class="nav-lvl2">Melbourne</a> </li> <li class=""> <a href="/roads-and-projects/sydney.html" class="nav-lvl2">Sydney</a> </li> <li class=""> <a href="/roads-and-projects/brisbane.html" class="nav-lvl2">Brisbane</a> </li> <li class=""> <a href="/roads-and-projects/north-america.html" class="nav-lvl2">North America</a> </li> <li class=""> <a href="/roads-and-projects/cavs.html" class="nav-lvl2">CAVs</a> </li> </ul> </div> </li> <!-- Note for CMS authors: this href value must be unique on the page, and match the ID on the "js-ec" element below --> <li class="has-children"> <a href="#nav-ec-4" class="nav-lvl1 nav--ec js-ec-link "> Communities </a> <div class="menu js-ec" id="nav-ec-4"> <div class="nav-back cf"> <a href="#nav-ec-4" class="nav-lvl2 js-ec-link">Back</a> </div> <div class="menu__title"> <a href="/communities.html" class="nav-lvl1 has-subtitle"> Communities </a> </div> <ul> <li class=""> <a href="/communities/life-around-our-roads.html" class="nav-lvl2">Life around our roads</a> </li> <li class=""> <a href="/communities/partnerships-and-grants.html" class="nav-lvl2">Partnerships and grants</a> </li> <li class=""> <a href="/communities/reconciliation.html" class="nav-lvl2">Reconciliation</a> </li> <li class=""> </li> <li class=""> </li> </ul> </div> </li> <!-- Note for CMS authors: this href value must be unique on the page, and match the ID on the "js-ec" element below --> <li class="has-children"> <a href="#nav-ec-5" class="nav-lvl1 nav--ec js-ec-link "> Customers </a> <div class="menu js-ec" id="nav-ec-5"> <div class="nav-back cf"> <a href="#nav-ec-5" class="nav-lvl2 js-ec-link">Back</a> </div> <div class="menu__title"> <a href="/customers.html" class="nav-lvl1 has-subtitle"> Customers </a> </div> <ul> <li class=""> <a href="/customers/using-our-toll-roads.html" class="nav-lvl2">Using our toll roads</a> </li> <li class=""> <a href="/customers/safety-on-our-roads.html" class="nav-lvl2">Safety on our roads</a> </li> </ul> </div> </li> <!-- Note for CMS authors: this href value must be unique on the page, and match the ID on the "js-ec" element below --> <li class="has-children"> <a href="#nav-ec-6" class="nav-lvl1 nav--ec js-ec-link "> Sustainability </a> <div class="menu js-ec" id="nav-ec-6"> <div class="nav-back cf"> <a href="#nav-ec-6" class="nav-lvl2 js-ec-link">Back</a> </div> <div class="menu__title"> <a href="/sustainability.html" class="nav-lvl1 has-subtitle"> Sustainability </a> </div> <ul> <li class=""> <a href="/sustainability/our-sustainability-approach.html" class="nav-lvl2">Our sustainability approach</a> </li> <li class=""> <a href="/sustainability/reducing-emissions.html" class="nav-lvl2">Reducing emissions</a> </li> <li class=""> <a href="/sustainability/sustainability-reporting.html" class="nav-lvl2">Sustainability reporting </a> </li> <li class=""> <a href="/sustainability/sustainable-driving.html" class="nav-lvl2">Sustainable driving</a> </li> </ul> </div> </li> <li class=""> <a href="/investor-centre.html" class="nav-lvl1 ">Investor centre </a> </li> </ul> </div> <div class="nav-supplementary nav-supplementary--offscreen fn_nav-supplementary--offscreen"> <div class="wrapper cf"> <div class="nav-supplementary__actions"> <ul class="nav-supplementary__nav"> <li class=""> <a class="fn_nav-supplementary--link" href="https://careers.transurban.com" target="_blank"> Careers</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="https://insights.transurban.com" target="_blank"> Insights</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="/newsroom.html"> Newsroom</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="/northamerica.html"> North America</a> </li> </ul> </div> </div> </div> </div> </nav> </div> </div> </div> </div> </div> </div> </div> <div> </div> <div> </div> <div> </div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-grid responsivegrid aem-GridColumn aem-GridColumn--default--12"><div class="layout l-one-column cf aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="content-header-wrapper aem-GridColumn aem-GridColumn--default--12"><div class="module module--content-header"> <div class="module__content l-full-width"> <div class="content-header"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> </div> </div> </div> </div></div> <div class="content-container-wrapper aem-GridColumn aem-GridColumn--default--12"> <div class="content-container cf"> <div class="content-column"> <div id="main" tabindex="-1" role="main" class="main"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-s module--padded-bottom-s " style="background-color:#; background-image: url(&quot;&quot;); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-3-3"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <h1 style="">Newsroom</h1> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--padded-bottom-s " style="background-color:#fff; background-image: url(&quot;&quot;); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-3-3"> <!-- start: column content--> <div class="featuredCTA section"> <p data-emptytext="React | Featured CTA Component" class="cq-placeholder"></p> <div data-analytics-track="featuredCTA" data-component="FeaturedCTA" data-json-author="{&#34;heading&#34;:&#34;New road safety research&#34;,&#34;headingType&#34;:&#34;h1&#34;,&#34;description&#34;:&#34;&lt;p class=\&#34;text-large\&#34; style=\&#34;text-shadow: #000 0.01em 0.01em 0.08em;\&#34;>Our latest Transurban Insights Road Safety Report (November 2024) details some big gaps in road-user knowledge – gaps that, if closed, could contribute to safer journeys for everyone on the road.&lt;/p>\r\n&#34;,&#34;displayType&#34;:false,&#34;displayTypeDelete&#34;:&#34;&#34;,&#34;verticalAlign&#34;:&#34;top&#34;,&#34;horizonatlAlign&#34;:&#34;left&#34;,&#34;backgroundcolor&#34;:&#34; &#34;,&#34;textColor&#34;:&#34;feature-tile--light-text&#34;,&#34;addborder&#34;:false,&#34;opacity&#34;:&#34;0.5&#34;,&#34;maskcolor&#34;:&#34;#000&#34;,&#34;primarybuttonortext&#34;:&#34;primary&#34;,&#34;primarybuttontext&#34;:&#34;Download report&#34;,&#34;primarybuttonurl&#34;:&#34;https://www.transurban.com//content/dam/transurban-pdfs/insights-hub/Transurban-Insights-Road-Safety-Report-November-2024.pdf&#34;,&#34;primaryopeninanewtab&#34;:true,&#34;primaryincludearrow&#34;:true,&#34;secondarybuttonortext&#34;:&#34;primary&#34;,&#34;secondarybuttontext&#34;:&#34;&#34;,&#34;secondarybuttonurl&#34;:null,&#34;secondaryopeninanewtab&#34;:false,&#34;secondaryincludearrow&#34;:false,&#34;fileReference&#34;:&#34;/content/dam/transurban/banners/newsroom-banner-road-safety-report-2024-w1500.jpg&#34;,&#34;ctaimagealt&#34;:&#34;&#34;}"></div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="filtercontent aem-GridColumn aem-GridColumn--default--12"><div class="module module--article-filter"> <div class="module__content l-padding"> <!-- START article-filter module content --> <!-- START article filter --> <!-- article filter is configured via the data-config attribute, which must be passed a valid JSON object (be careful with quotes here)--> <!-- config.dataUrl: --> <!-- config.rowWidthUnits is the number of width units per row (same as grid container component) --> <!-- config.columnWidthUnits is the number of width unis per column (same as grid component) --> <!-- config.numArticlesInitial is the number of articles that should be loaded initially--> <!-- config.numArticlesLoad is the number of articles to be loaded when user selects 'load more'--> <!-- config.excludeCurrent is a toggle to determine whether the current article should be excluded --> <div class="module module--rich-text module--flat-top module--flat-bottom"> <div class="module__content l-full-width"> </div> </div> <div class='article-filter fn_article-filter' data-config='{&#34;rowWidthUnits&#34;:3,&#34;columnWidthUnits&#34;:1,&#34;numArticlesInitial&#34;:9,&#34;numArticlesLoadMore&#34;:6,&#34;offset&#34;:0,&#34;excludeCurrent&#34;:&#34;false&#34;,&#34;dataUrl&#34;:&#34;sling/servlet/default.filtertag&#34;}'> <div class="article-filter__filters-container"> <ul class="article-filter__filters"> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag is-active" data-filter-keyword="all"> All news </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_brisbane"> Brisbane </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_community"> Community </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_insights"> Insights </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_melbourne"> Melbourne </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_north-america"> North America </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_projects"> Projects </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_road-safety"> Road safety </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_sustainability"> Sustainability </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_sydney"> Sydney </a></li> <li><a href="#" class="article-filter-trigger fn_article-filter-trigger tag" data-filter-keyword="transurban_tech"> Tech &amp; innovation </a></li> </ul> </div> <div class="article-filter__no-data-for-keyword"> <!-- This text is CMSable (Make it mandatory field)--> <h3>Sorry, nothing to see here</h3> </div> <div class="article-filter__articles-container fn_articles-container js-loading"> <!-- START grid module wrapper --> <div class="module module--grid module--flat-top module--padded-bottom-s"> <div class="module__content l-full-width"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"></div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="article-filter__load-more-container"> <a href="#" class="btn btn--tertiary fn_article-filter-load-more btn--small"> Load more</a> </div> <!--start: handlebars template for news article--> <script id="news-article-template" type="text/x-handlebars-template"> <!-- section div to replicate what is happening in AEM - don't include twice --> <div class="section"> <!-- start grid column --> <div class="grid__column fn_grid-column grid__column--width-{{columnWidthUnits}}-{{rowWidthUnits}}"> <!-- start: column content--> <!-- .section div to replicate AEM--> <!-- NOTE: do not add this div into the AEM component--> <div class="section"> <!-- START feature-tile-for-handlebars module wrapper --> <div class="module module--feature-tile-for-handlebars"> <div class="module__content l-full-width"> <!-- START feature-tile-for-handlebars module content --> <!--START feature tile--> <!-- if tile is meant to be clickable (such as for news items) use a anchor instead of a div--> <a href="{{href}}" role="button" class="feature-tile fn_feature-tile feature-tile--news feature-tile--with-image feature-tile--dark-text"> {{#if imgSrc}} <!--optional image field--> <div class="feature-tile__image-container"> <img src="{{imgSrc}}" alt="feature tile img alt text" class="feature-tile__image"/> </div> {{/if}} <div class="feature-tile__content"> {{#if dateString}} <!--optional date field--> <div class="feature-tile__date"> {{dateString}} </div> {{/if}} <div class="feature-tile__title"> <!-- this can be a heading element, eg <h2>, <h3> --> <!-- or can be a div styled to be like a heading, eg <div class="h2"> --> {{{title}}} </div> {{#if content}} <div class="feature-tile__text"> {{{content}}} </div> {{/if}} </div> <div class="feature-tile__tags-container fn_tags-container fade-effect"> {{#if false}} {{else }} <span class="icon--grey icon--xx-small icon--tag" data-grunticon-embed="icon"></span> {{#each tags}} <span class="tag">{{this}}</span> {{/each}} {{/if}} </div> </a> <!--END feature tile--> <!-- END feature-tile-for-handlebars module content --> </div> </div> <!-- END feature-tile-for-handlebars module wrapper --> </div> <!-- end: column content--> </div> <!-- end grid column --> </div> </script> <!--end: handlebars template for news article--> </div> <!-- END article filter --> <!-- END article-filter module content --> </div> </div></div> <div class="richtext aem-GridColumn aem-GridColumn--default--12"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> </div> </div> </div> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-s module--padded-bottom-s " style="background-color:#f3f3f3; background-image: url(&quot;&quot;); background-repeat: repeat-x; border-top: 1px solid #222; border-bottom: 1px solid #222;"> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-2-4"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text rich-text--align-center"> <h4 style=" text-align: center; "><a href="/contact-us/media-enquiries.html">Media contacts</a></h4> <p style=" text-align: center; ">For media enquiries, requests for comment,<br /> or image requests.<br />  </p> </div> </div> </div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-2-4"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text rich-text--align-center"> <h4 style=" text-align: center; "><a href="/social.html">Follow us on social</a></h4> <p style=" text-align: center; ">To keep up with everything we do,<br /> follow us on your preferred social channel.<br />  </p> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-m module--padded-bottom-s " style="background-color:#222; background-image: url(&quot;&quot;); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredCTA section"> <p data-emptytext="React | Featured CTA Component" class="cq-placeholder"></p> <div data-analytics-track="featuredCTA" data-component="FeaturedCTA" data-json-author="{&#34;heading&#34;:&#34;From our video library&#34;,&#34;headingType&#34;:&#34;h3&#34;,&#34;description&#34;:&#34;&lt;p class=\&#34;text-large\&#34; style=\&#34;font-size: 1.15rem;\&#34;>Less time in traffic, more time for goodbyes.&lt;/p>\n&lt;blockquote style=\&#34;font-size: 1rem; color: #ffffff; border-color: #fff;\&#34;>Don’t miss your flight! Avoid the stress of 🚦 by taking Legacy Way and Airport Link. The choice is yours.&lt;/blockquote>\n&#34;,&#34;displayType&#34;:false,&#34;displayTypeDelete&#34;:&#34;&#34;,&#34;verticalAlign&#34;:&#34;top&#34;,&#34;horizonatlAlign&#34;:&#34;left&#34;,&#34;backgroundcolor&#34;:&#34; &#34;,&#34;textColor&#34;:&#34;feature-tile--light-text&#34;,&#34;addborder&#34;:true,&#34;opacity&#34;:&#34;0.1&#34;,&#34;maskcolor&#34;:&#34;#eee&#34;,&#34;primarybuttonortext&#34;:&#34;secondary&#34;,&#34;primarybuttontext&#34;:&#34;More videos&#34;,&#34;primarybuttonurl&#34;:&#34;https://www.youtube.com/transurbangroup&#34;,&#34;primaryopeninanewtab&#34;:true,&#34;primaryincludearrow&#34;:true,&#34;secondarybuttonortext&#34;:&#34;primary&#34;,&#34;secondarybuttontext&#34;:&#34;&#34;,&#34;secondarybuttonurl&#34;:null,&#34;secondaryopeninanewtab&#34;:false,&#34;secondaryincludearrow&#34;:false,&#34;fileReference&#34;:&#34;&#34;,&#34;ctaimagealt&#34;:&#34;&#34;}"></div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-2-3"> <!-- start: column content--> <div class="video embed section"> <!-- START video-embed module wrapper --> <div class="module module--video-embed"> <div class="module__content l-padding"> <!-- START video-embed module content --> <!--START: video embed container--> <!-- .video-embed-container--align-left to left align the video on desktop--> <!-- .video-embed-container--align-center to center align the video on desktop--> <div class="video-embed-container video-embed-container--align-center"> <div class="video"> <iframe height="460" src="https://www.youtube-nocookie.com/embed/8x3hqvYu-WQ" frameborder="0"></iframe> </div> </div> <!--END: video embed container--> <!-- END video-embed module content --> </div> </div> <!-- END video-embed module wrapper --> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-m module--padded-bottom-m " style="background-color:#222; background-image: url(&quot;&quot;); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <a href="https://careers.transurban.com" role="button" class="feature-tile-anchor fn_feature-tile__image" target="_blank"> <div class="feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/footer-careers.png" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content feature-tile__content_equalise" style="background-color:#; text-align:center;"> <div></div> <div class="helper-text-large-bold feature-tile__title_image" style="color:#fff;"> Careers </div> <div> <p><p style="color: #b1b1b1;">Join an industry leader</p> </p> </div> </div> </a> </div> </div> </div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <a href="/investor-centre.html" role="button" class="feature-tile-anchor fn_feature-tile__image"> <div class="feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/footer-investorcentre.png" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content feature-tile__content_equalise" style="background-color:#; text-align:center;"> <div></div> <div class="helper-text-large-bold feature-tile__title_image" style="color:#fff;"> Investor Centre </div> <div> <p><p style="color: #b1b1b1;">Share price, releases, results and more</p> </p> </div> </div> </a> </div> </div> </div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <a href="/about-us/reporting.html" role="button" class="feature-tile-anchor fn_feature-tile__image"> <div class="feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/footer-reporting.png" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content feature-tile__content_equalise" style="background-color:#; text-align:center;"> <div></div> <div class="helper-text-large-bold feature-tile__title_image" style="color:#fff;"> Reporting </div> <div> <p><p style="color: #b1b1b1;">Our reports and research documents</p> </p> </div> </div> </a> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> </div> </div> <div class="section"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> </div> </div> <div class="clear"></div> </div></div> </div> </div> <div id="react-components-root"></div> <div> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="globalfooter aem-GridColumn aem-GridColumn--default--12"> <!-- Start: Desktop footer --> <div class="new-footer"> <div class="l-padding cf"> <div class="footer__content-container cf"> <!-- .section div to replicate AEM--> <!-- NOTE: do not add this div into the AEM component--> <div class="section"> <div class="module module--social-links"> <!-- START social-links module wrapper --> <div class="module__content l-full-width"> <!-- START social-links module content --> <!-- START: social linke--> <div class="social-links"> <ul class="social-links__list"> <li> <!-- href should be editable--> <a href="https://linkedin.com/company/transurban" target="_blank" class="social-links__link"> <div class="icon--social-media-linkedin icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">LinkedIn</span> </a> </li> <li> <!-- href should be editable--> <a href="https://facebook.com/transurbantcl" target="_blank" class="social-links__link"> <div class="icon--social-media-facebook icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">Facebook</span> </a> </li> <li> <!-- href should be editable--> <a href="https://youtube.com/user/transurbangroup" target="_blank" class="social-links__link"> <div class="icon--social-media-youtube icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">YouTube</span> </a> </li> <li> <!-- href should be editable--> <a href="https://medium.com/transurban" target="_blank" class="social-links__link"> <div class="icon--social-media-medium icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">Medium</span> </a> </li> <li> <!-- href should be editable--> <a href="https://www.instagram.com/transurban/" target="_blank" class="social-links__link"> <div class="icon--social-media-instagram icon--white icon--x-small" data-grunticon-embed="icon"></div> <span class="text">Instagram</span> </a> </li> </ul> </div> <!-- END: social linke--> <!-- END social-links module content --> </div> </div> <!-- END social-links module wrapper --> </div> </div> <p data-emptytext="React | Share Price Compact View Component" class="cq-placeholder"></p> <div data-component="SharePriceCompactView" data-json-author="{&#34;linkurl&#34;:&#34;/content/transurban/en_au/content/investor-centre/share-price.html&#34;,&#34;sharelabel&#34;:&#34;&#34;,&#34;datetext&#34;:&#34;&#34;,&#34;backgroundcolor&#34;:&#34;investor-tile--bg-primary&#34;,&#34;transparent&#34;:&#34;&#34;}"></div> <div class="footer__links fn_footer__links link-icons-disabled cf"> <ul> <li> <a class="fn_footer__link" href="/corporate-governance.html">Corporate governance</a> </li> <li> <a class="fn_footer__link" href="/suppliers.html">Suppliers and contractors</a> </li> <li> <a class="fn_footer__link" href="/contact-us.html">Contact us</a> </li> <li> <a class="fn_footer__link" href="/social.html">Connect with us on social</a> </li> </ul> </div> <div class="footer__copy"> <div class="footer__logo-container"> <!-- wrapper for footer logo--> <div class="footer__logo-wrapper"> <a href="/home.html"> <img height="17px" width="110px" src="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/New_transurban_logo.svg"/> </img> </a> </div> </div> <div class="copyright"> <p style="margin: 0px;"><p>© Copyright 2024 Transurban Limited. All rights reserved.<br /> </p> <p><a href="/privacy.html">Privacy</a> <a href="/terms-of-use.html">Terms of use</a></p> </p> </div> </div> </div> </div> <!-- End: Desktop footer --> <!-- Start: Mobile footer --> <div class="new-footer mobile"> <div class="l-padding cf"> <div class="footer__logo-container"> <!-- wrapper for footer logo--> <div class="footer__logo-wrapper"> <a href="/home.html"> <img height="17px" width="110px" src="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/New_transurban_logo.svg"/> </img> </a> </div> </div> <div class="footer__links fn_footer__links link-icons-disabled cf"> <ul> <li> <a class="fn_footer__link" href="/corporate-governance.html">Corporate governance</a> </li> <li> <a class="fn_footer__link" href="/suppliers.html">Suppliers and contractors</a> </li> <li> <a class="fn_footer__link" href="/contact-us.html">Contact us</a> </li> <li> <a class="fn_footer__link" href="/social.html">Connect with us on social</a> </li> </ul> </div> <div class="footer__content-container cf"> <!-- .section div to replicate AEM--> <!-- NOTE: do not add this div into the AEM component--> <div class="section"> <div class="module module--social-links"> <!-- START social-links module wrapper --> <div class="module__content l-full-width"> <!-- START social-links module content --> <!-- START: social linke--> <div class="social-links"> <ul class="social-links__list"> <li> <!-- href should be editable--> <a href="https://linkedin.com/company/transurban" target="_blank" class="social-links__link"> <div class="icon--social-media-linkedin icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">LinkedIn</span> </a> </li> <li> <!-- href should be editable--> <a href="https://facebook.com/transurbantcl" target="_blank" class="social-links__link"> <div class="icon--social-media-facebook icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">Facebook</span> </a> </li> <li> <!-- href should be editable--> <a href="https://youtube.com/user/transurbangroup" target="_blank" class="social-links__link"> <div class="icon--social-media-youtube icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">YouTube</span> </a> </li> <li> <!-- href should be editable--> <a href="https://medium.com/transurban" target="_blank" class="social-links__link"> <div class="icon--social-media-medium icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">Medium</span> </a> </li> <li> <!-- href should be editable--> <a href="https://www.instagram.com/transurban/" target="_blank" class="social-links__link"> <div class="icon--social-media-instagram icon--white icon--x-small" data-grunticon-embed="icon"></div> <span class="text">Instagram</span> </a> </li> </ul> </div> <!-- END: social linke--> <!-- END social-links module content --> </div> </div> <!-- END social-links module wrapper --> </div> </div> <div class="footer__copy"> <p><p>© Copyright 2024 Transurban Limited. All rights reserved.<br /> </p> <p><a href="/privacy.html">Privacy</a> <a href="/terms-of-use.html">Terms of use</a></p> </p> </div> <p data-emptytext="React | Share Price Compact View Component" class="cq-placeholder"></p> <div data-component="SharePriceCompactView" data-json-author="{&#34;linkurl&#34;:&#34;/content/transurban/en_au/content/investor-centre/share-price.html&#34;,&#34;sharelabel&#34;:&#34;&#34;,&#34;datetext&#34;:&#34;&#34;,&#34;backgroundcolor&#34;:&#34;investor-tile--bg-primary&#34;,&#34;transparent&#34;:&#34;&#34;}"></div> </div> </div> <!-- End: Mobile footer --> </div> </div> </div> </div> </div> </div> </div> </div> <div id="modal"> <div class="modal-bg"></div> </div> <!--<script src="/etc.clientlibs/digitalcms/clientlibs/assets/resources/js/libs/jquery.min.js"></script>--> <link href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/svgs/svgs.css" rel="stylesheet"/> <script src="/etc.clientlibs/digitalcms/clientlibs/legacy.ui.lc-846c3a32123e6ddcde53c5b66f14b5a9-lc.min.js"></script> <!-- if the CMS is in Page View/Edit mode:--> <script src="https://code.jquery.com/jquery-migrate-3.1.0.js"></script> <script> $(function() { $.smartbanner({ daysHidden: 120, daysReminder: 120, title: "" }); }); </script> <!-- End of App Smartbanner --> <script> grunticon.method = 'svg'; grunticon.href = '/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/svgs/svgs.css'; grunticon.ready(function() { grunticon.embedIcons(grunticon.getIcons(grunticon.getCSS(grunticon.href))); }); </script> <!-- React ui.components clientlibs include start --> <script src="/etc.clientlibs/digitalcms/clientlibs/core.components.ui.lc-78dc3fb08084a4a0d95bb2447302dd50-lc.min.js"></script> <script src="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components.lc-2b81d566d1cc874c32749847b20cafea-lc.min.js"></script> <!-- React ui.components clientlibs include end --> <script type="text/javascript"> if (typeof _satellite != 'undefined') { _satellite.pageBottom(); } else { console.warn('tracking object _satellite is undefined') } </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KPDK9J');</script> <!-- End Google Tag Manager --> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1112142645791466'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1112142645791466&ev=PageView&noscript=1"/></noscript> <!-- End Facebook Pixel Code --> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=2&cb=2046442627" async></script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10