CINXE.COM

Transurban: Keeping you moving

<!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>Transurban: Keeping you moving</title> <!-- 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="As one of the world’s largest toll-road operators, everything we do works to get people where they want to go, as quickly and safely as possible – from designing and building new roads to researching new vehicle and road safety technology."/> <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="Transurban: Keeping you moving"/> <meta property="og:type" content="website"/> <meta property="og:description" content="As one of the world’s largest toll-road operators, everything we do works to get people where they want to go, as quickly and safely as possible – from designing and building new roads to researching new vehicle and road safety technology."/> <meta property="og:image" content="https://www.transurban.com/content/dam/transurban/banners/qldpeople-marly-h1000.jpg"/> <meta property="og:url" content="https://www.transurban.com"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@Transurban"/> <meta name="twitter:title" content="Transurban: Keeping you moving"/> <meta name="twitter:description" content="As one of the world’s largest toll-road operators, everything we do works to get people where they want to go, as quickly and safely as possible – from designing and building new roads to researching new vehicle and road safety technology."/> <meta name="twitter:image" content="https://www.transurban.com/content/dam/transurban/banners/qldpeople-marly-h1000.jpg"/> <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"/> <!--[if lt IE 9]> <link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style.static.highcontrast.css?ver=702597328" href="/etc.clientlibs/digitalcms/clientlib/digitalcms.ui.components/resources/css/style.static.css?ver=702597328"/> <![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=702597328" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.highcontrast.css?ver=702597328" />') } else { document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.highcontrast.css?ver=702597328" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.css?ver=702597328" />') } </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": "43c131b1-d858-40e8-b6ee-0fd8b8fa281f", "pageName": "North America", "issueDate": "2023-11-27 10:10:54", "updatedDate" : "2024-10-07 00:04:53", "brand": "Transurban Group", "generator": "", "domain": "www.transurban.com", "subDomain" : "public site", "sysEnv": "Desktop", "delayType": "Normal" }, "category": { "primaryCategory": "Transurban: Keeping you moving", "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 class="alert-v2 aem-GridColumn aem-GridColumn--default--12"> <!-- Check the Disable Alert Checkbox to Hide the Alert --> <div class="module module--alert"> <div class="module__content l-full-width"> <div class="alert"> <div class="alert-container fn_alert-container js-hidden" data-alert-id="apply"> <div class="alert__wrapper"> <div class="alert__contents"> <div class="alert__icon"> <span class="icon icon--bell-circled icon--medium icon--theme-secondary" data-grunticon-embed></span> </div> <div class="alert__details"> <p>Received a message from us that doesn’t look right? <a href="https://www.transurban.com/news/avoid-scams-and-stay-safe-online" target="_blank" class="alert__details-link fn_alert__details-link"> Report a scam and stay safe online.</a> </p> </div> <a href="#" class="alert__close fn_alert"> <span class="icon"></span> <span class="vh"></span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="banner aem-GridColumn aem-GridColumn--default--12"> <div class="content-banner content-banner--bg-theme content-banner--dark content-banner--h-align-center content-banner--featured"> <div class="content-banner__wrapper"> <div class="content-banner__image-container " style="background-image: url('/content/dam/transurban/banners/heros/EV-charging-1920x1000.jpg')"></div> <div class="content-banner__content-container fn_content-banner"> <div class="content-banner__content-wrapper"> <div class="content-banner__title"> <h1>New research: Electric vehicles</h1> </div> <div class="content-banner__subtitle"> </div> <a href="/news/new-transurban-research-electric-vehicles.html" class="btn btn--primary content-banner__cta fn_content-banner-cta " target="_blank"> Read more </a> </div> </div> </div> </div> </div> </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"> <p data-emptytext="Rich Content Container" class="cq-placeholder"></p> <div class="module module--padded-top-s module--padded-bottom-s " style="background-color:#313e48; 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-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 rich-text--full-width"> <p class="text-large" style=" color: rgb(255,255,255); text-align: center; ">Cities are growing fast — and we’re all about keeping cities moving.<br /> Our toll roads get people where they want to go, quicker, safer and easier. <a style=" color: rgb(255,255,255); text-decoration: underline; " href="/about-us.html" target="_self" rel="noopener noreferrer">Read more about us.</a></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"> <p data-emptytext="Rich Content Container" class="cq-placeholder"></p> <div class="module module--flat-top module--flat-bottom " style="background-color:#f3f3f3; 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="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text rich-text--align-center"> <p class="text-large" style=" text-align: center; ">Looking to pay your tolls? You’ll find what you need here:</p> </div> </div> </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="https://www.linkt.com.au" role="button" class="feature-tile-anchor fn_feature-tile__image" target="_blank"> <div class="feature-tile__image-container"> <img src="/content/dam/transurban/logos/logo-linkt.png" alt="Linkt" 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:#;"> </div> <div> <p><p>Australia</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="https://www.expresslanes.com" role="button" class="feature-tile-anchor fn_feature-tile__image" target="_blank"> <div class="feature-tile__image-container"> <img src="/content/dam/transurban/logos/logo-expresslanes.png" alt="Express Lanes" 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:#;"> </div> <div> <p><p>United States</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="https://www.a25.com/en" role="button" class="feature-tile-anchor fn_feature-tile__image" target="_blank"> <div class="feature-tile__image-container"> <img src="/content/dam/transurban/logos/logo-a25.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:#;"> </div> <div> <p><p>Canada</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 class="banner aem-GridColumn aem-GridColumn--default--12"> <div class="content-banner content-banner--dark content-banner--h-align-left content-banner--featured"> <div class="content-banner__wrapper"> <div class="content-banner__image-container parallax" style="background-image: url('/content/dam/transurban/banners/heros/banner-transurbanDC01-w1920x600.jpg')"></div> <div class="content-banner__content-container fn_content-banner"> <div class="content-banner__content-wrapper"> <div class="content-banner__title"> <h1>Roads and projects</h1> </div> <div class="content-banner__subtitle"> We are a global transportation company. We take lessons from around the world and apply them in Greater Washington and Montreal.</div> <a href="/roads-and-projects.html" class="btn btn--primary content-banner__cta fn_content-banner-cta "> See our roads and projects<span class="icon icon--arrow-right" data-grunticon-embed=""></span> </a> </div> </div> </div> </div> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <p data-emptytext="Rich Content Container" class="cq-placeholder"></p> <div class="module module--flat-top module--flat-bottom " style="background-color:#; background-image: url(&quot;&quot;); background-repeat: repeat-x; "> <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 class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text rich-text--align-center"> <h2 style=" text-align: center; ">More than roads</h2> <p style=" text-align: center; ">We also support local communities and work to create social and sustainability benefits and reduce our environmental impacts.</p> </div> </div> </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"> <p data-emptytext="Rich Content Container" class="cq-placeholder"></p> <div class="module module--flat-top module--flat-bottom " 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 fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-4"> <!-- 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="/communities.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/handshake.svg" alt="handshake" 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:#313e48;"> Communities </div> <div> <p><p><a href="/communities/life-around-our-roads.html" target="_self">Life around our roads</a><br> <a href="/communities/partnerships-and-grants.html" target="_self">Partnerships and grants</a><br> <a href="/communities/reconciliation.html" target="_self">Reconciliation</a></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-4"> <!-- 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="/customers.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/information.svg" alt="i for information" 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:#313e48;"> Customers </div> <div> <p><p><a href="/customers/using-our-toll-roads.html" target="_self">Using our toll roads</a><br> <a href="/customers/safety-on-our-roads.html" target="_self">Safety on our roads</a></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-4"> <!-- 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="/sustainability.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/a-bird-on-a-tree.svg" alt="a bird on a twig" 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:#313e48;"> Sustainability </div> <div> <p><p><a href="/sustainability/our-sustainability-approach.html" target="_self">Sustainability approach</a><br> <a href="/sustainability/reducing-emissions.html" target="_self">Reducing emissions</a><br> <a href="/sustainability/electric-vehicles.html" target="_self">Electric vehicles</a><br> <a href="/sustainability/sustainability-reporting.html" target="_self">Sustainability reporting</a></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-4"> <!-- 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/graph-icon-110x110.svg" alt="Graph icon" 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:#313e48;"> Investor centre </div> <div> <p><p><a href="/investor-centre/reporting-suite.html" target="_self">Reporting suite</a><br> <a href="/investor-centre/share-price.html" target="_self">Share price</a><br> <a href="/investor-centre.html" target="_self">Other</a></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 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; "> <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 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 rich-text--align-center"> <h2 style=" text-align: center; "><a href="/newsroom.html" style=" color: rgb(0,0,0); ">Read our latest news</a></h2> </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-m " style="background-color:#f3f3f3; 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="featurednews section"> <!-- START feature-tile module wrapper --> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <!-- START feature-tile module content --> <!--START feature tile--> <!-- .feature-tile--news for news items--> <!-- .feature-tile--cta for featured CTAs --> <!-- .feature-tile--bg-grey for solid grey background --> <!-- .feature-tile--bordered to add a border --> <!-- .feature-tile--with-image if there is an image present--> <!-- mask options--> <!-- .feature-tile--dark for dark mask - makes image dark and text white --> <!-- .feature-tile--light for light mask - makes image light and text black --> <!-- if tile is meant to be clickable (such as for news items) use a anchor instead of a div--> <a href="/news/neura-spine-research.html" role="button" class="feature-tile fn_feature-tile feature-tile--news feature-tile--with-image feature-tile--bordered feature-tile--light-text"> <!--optional image field--> <div class="feature-tile__image-container"> <img src="/content/dam/transurban/news/news-neura-crashtestdummy-1200x500.jpg" alt="Crash test dummy at the Transurban Road Safety Centre" class="feature-tile__image"/> <span class="feature-tile__mask" style="opacity:0;background-color:#f3f3f3">&nbsp;</span> </div> <div class="feature-tile__content"> <!--optional date field--> <div class="feature-tile__date">20 May 2024</div> <div class="feature-tile__title">Female spine prototype a game-changer for research</div> <div class="feature-tile__text"> A new crash test dummy spine is giving researchers a clearer picture of how vehicle collisions impact older children and smaller females. </div> </div> </a> <!--END feature tile--> <!-- END feature-tile module content --> </div> </div> <!-- END feature-tile module wrapper --> <!-- end featured content items --> </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="featurednews section"> <!-- START feature-tile module wrapper --> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <!-- START feature-tile module content --> <!--START feature tile--> <!-- .feature-tile--news for news items--> <!-- .feature-tile--cta for featured CTAs --> <!-- .feature-tile--bg-grey for solid grey background --> <!-- .feature-tile--bordered to add a border --> <!-- .feature-tile--with-image if there is an image present--> <!-- mask options--> <!-- .feature-tile--dark for dark mask - makes image dark and text white --> <!-- .feature-tile--light for light mask - makes image light and text black --> <!-- if tile is meant to be clickable (such as for news items) use a anchor instead of a div--> <a href="/news/lock-your-loads-down-before-you-go.html" role="button" class="feature-tile fn_feature-tile feature-tile--news feature-tile--with-image feature-tile--bordered feature-tile--light-text"> <!--optional image field--> <div class="feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/truck-road-falling-debris-1200x500.jpg" alt="Debris falling on the road" class="feature-tile__image"/> <span class="feature-tile__mask" style="opacity:0;background-color:#f3f3f3">&nbsp;</span> </div> <div class="feature-tile__content"> <!--optional date field--> <div class="feature-tile__date">16 May 2024</div> <div class="feature-tile__title">Lock your loads down before you go</div> <div class="feature-tile__text"> When a vehicle loses its load on a motorway, the impacts can be pretty dramatic – leading to major delays for everyone on the road and, potentially, crashes betwe </div> </div> </a> <!--END feature tile--> <!-- END feature-tile module content --> </div> </div> <!-- END feature-tile module wrapper --> <!-- end featured content items --> </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="featurednews section"> <!-- START feature-tile module wrapper --> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <!-- START feature-tile module content --> <!--START feature tile--> <!-- .feature-tile--news for news items--> <!-- .feature-tile--cta for featured CTAs --> <!-- .feature-tile--bg-grey for solid grey background --> <!-- .feature-tile--bordered to add a border --> <!-- .feature-tile--with-image if there is an image present--> <!-- mask options--> <!-- .feature-tile--dark for dark mask - makes image dark and text white --> <!-- .feature-tile--light for light mask - makes image light and text black --> <!-- if tile is meant to be clickable (such as for news items) use a anchor instead of a div--> <a href="/news/motorcyclists-on-our-roads-how-to-share-the-road-safely.html" role="button" class="feature-tile fn_feature-tile feature-tile--news feature-tile--with-image feature-tile--bordered feature-tile--light-text"> <!--optional image field--> <div class="feature-tile__image-container"> <img src="/content/dam/transurban/news/motorcycle-on-the-road-1200x500.jpg" alt="Motorcycle on the road" class="feature-tile__image"/> <span class="feature-tile__mask" style="opacity:0;background-color:#f3f3f3">&nbsp;</span> </div> <div class="feature-tile__content"> <!--optional date field--> <div class="feature-tile__date">24 April 2024</div> <div class="feature-tile__title">Motorcyclists on our roads: how to share the road safely</div> <div class="feature-tile__text"> Motorcycle ownership rose during the pandemic, and traffic on our roads continues to climb. This means more motorcyclists, potentially with less experience are now riding on busier roads.  </div> </div> </a> <!--END feature tile--> <!-- END feature-tile module content --> </div> </div> <!-- END feature-tile module wrapper --> <!-- end featured content items --> </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--flat-bottom " style="background-color:#f3f3f3; background-image: url(&quot;&quot;); background-repeat: repeat-x; "> <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 "> <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-full-width"> <div class="rich-text rich-text--full-width"> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(228,3,3); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(255,140,0); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(255,237,0); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(0,128,38); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(0,77,255); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(117,7,135); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> </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-d5b66a707983e96148169b666186531e-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-d82ac345e50a619a47a18509e124325a-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=38412628" async></script></body> </html>

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