CINXE.COM

About | 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>About | Transurban Group</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="We’re an Australian-owned company and we build and operate toll roads in Melbourne, Sydney and Brisbane, as well as in Greater Washington, United States and Montreal, Canada."/> <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="About | Transurban Group"/> <meta property="og:type" content="website"/> <meta property="og:description" content="We’re an Australian-owned company and we build and operate toll roads in Melbourne, Sydney and Brisbane, as well as in Greater Washington, United States and Montreal, Canada."/> <meta property="og:image" content="https://www.transurban.com/content/dam/transurban/banners/banner-about-us-1920x1000.jpg"/> <meta property="og:url" content="https://www.transurban.com/about-us"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@Transurban"/> <meta name="twitter:title" content="About | Transurban Group"/> <meta name="twitter:description" content="We’re an Australian-owned company and we build and operate toll roads in Melbourne, Sydney and Brisbane, as well as in Greater Washington, United States and Montreal, Canada."/> <meta name="twitter:image" content="https://www.transurban.com/content/dam/transurban/banners/banner-about-us-1920x1000.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/about-us"/> <!--[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": "e70c2583-9e9e-4d10-9b8d-bcfe2f1f1d1f", "pageName": "About", "issueDate": "2023-11-27 10:07:15", "updatedDate" : "2023-12-21 14:54:58", "brand": "Transurban Group", "generator": "", "domain": "www.transurban.com", "subDomain" : "public site", "sysEnv": "Desktop", "delayType": "Normal" }, "category": { "primaryCategory": "About", "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="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/banner-about-us-1920x1000.jpg')"></div> <div class="content-banner__content-container fn_content-banner"> <div class="content-banner__content-wrapper"> <div class="content-banner__title"> <h1>About</h1> </div> <div class="content-banner__subtitle"> </div> </div> </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:#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-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/board-of-directors.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/icon-people.svg" alt="People icon" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:center;"> <div></div> <div class="helper-text-large-bold feature-tile__title_image" style="color:#ffffff;"> </div> <div> <p><p style="color: rgb(255, 255, 255); text-align: center;"><a href="/content/transurban/en_au/content/about-us/board-of-directors" class="btn btn--primary feature-tile__cta fn_feature-tile__cta btn--small">Board of directors</a><br> </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/executive-committee.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/icon-AGM.svg" alt="People icon" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:center;"> <div></div> <div class="helper-text-large-bold feature-tile__title_image" style="color:#ffffff;"> </div> <div> <p><p style="color: rgb(255, 255, 255); text-align: center;"><a href="/content/transurban/en_au/content/about-us/executive-committee" class="btn btn--primary feature-tile__cta fn_feature-tile__cta btn--small">Executive committee</a><br> </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/icon-reporting-suite.svg" alt="Reports icon" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:center;"> <div></div> <div class="helper-text-large-bold feature-tile__title_image" style="color:#ffffff;"> </div> <div> <p><p style="color: rgb(255, 255, 255); text-align: center;"><a href="/content/transurban/en_au/content/about-us/reporting" class="btn btn--primary feature-tile__cta fn_feature-tile__cta btn--small">Reports</a><br> </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-m " 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-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"> <p class="text-large">As one of the world’s leading 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.</p> <p>We’re an Australian-owned company and we build and operate toll roads in Melbourne, Sydney and Brisbane, as well as in Greater Washington, United States and Montreal, Canada.</p> <p>We design our roads for the long term, ensuring they’ll deliver real and lasting benefits to cities and their communities. While you’re thinking about getting home on time today, we’re also thinking about how you’ll get home 10 or 20 years from now.</p> <p>We’re also a technology company – we research and develop innovative tolling and transport technology that makes travel easier for everyone.</p> <p>As an industry leader, we set high standards for our performance on social and environmental issues, and we invest in both to create social inclusion and manage our environmental impacts. We’re also a member of our local communities. We build parks and bike paths, create new community facilities, and plant trees for wildlife habitats – helping people connect with each other and their neighbourhoods.</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-s module--padded-bottom-s " style="background-color:#f0f0f0; 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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/icon-roads-under-operation.svg" alt="number 22" 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 class="feature-tile__title feature-tile__title_image" style="color:#333;"> roads under operation </div> <div> <p></p> </div> </div> </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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/icon-daily-trips.svg" alt="2.4M" 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 class="feature-tile__title feature-tile__title_image" style="color:#333;"> daily trips across our roads </div> <div> <p></p> </div> </div> </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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/icon-amount-of-customers.svg" alt="10.3M" 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 class="feature-tile__title feature-tile__title_image" style="color:#333;"> customers </div> <div> <p></p> </div> </div> </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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/icon-years-of-experience.svg" alt="25+" 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 class="feature-tile__title feature-tile__title_image" style="color:#333;"> years of experience </div> <div> <p></p> </div> </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 class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--padded-bottom-s " style="background-color:#f0f0f0; 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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/icon-listed-company.svg" alt="Top 15" 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 class="feature-tile__title feature-tile__title_image" style="color:#333;"> listed company in the Australian Securities Exchange </div> <div> <p></p> </div> </div> </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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/icon-total-workforce.svg" alt="9K+" 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 class="feature-tile__title feature-tile__title_image" style="color:#333;"> total workforce </div> <div> <p></p> </div> </div> </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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/icon-direct-workforce.svg" alt="3.9K+" 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 class="feature-tile__title feature-tile__title_image" style="color:#333;"> direct workforce </div> <div> <p></p> </div> </div> </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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/icon-A-list.svg" alt="A-list" 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 class="feature-tile__title feature-tile__title_image" style="color:#333;"> CDP A-list achieved in 2022 </div> <div> <p></p> </div> </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 class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--padded-bottom-l parallax" style="background-color:#; background-image: url(&quot;/content/dam/transurban/banners/heros/banner-aboutsecondary-w1920x1000.jpg&quot;); background-repeat: no-repeat; background-position: center; background-size: cover; "> <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-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 "> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </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-s module--padded-bottom-m " 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"> <h2 style=" color: rgb(255,255,255); ">Our roads and projects</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--padded-top-s module--flat-bottom " style="background-color:#f0f0f0; 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 "> <div class="text-large">We operate 18 motorways in Australia and four in North America</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 class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-s module--padded-bottom-l " style="background-color:#f0f0f0; 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="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <p style=""><a href="/roads-and-projects/melbourne.html">Melbourne</a></p> <p><a href="/roads-and-projects/melbourne.html"><img src="/content/dam/transurban/our_roads/ourroads-melbourne-600x330.jpg"/></a></p> </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="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <p style=""><a href="/roads-and-projects/sydney.html" target="_self" rel="noopener noreferrer">Sydney</a></p> <p><a href="/roads-and-projects/sydney.html"><img src="/content/dam/transurban/our_roads/our-roads-ncx-hero-600x330.jpg"/></a></p> </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="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <p style=""><a href="/roads-and-projects/brisbane.html">Brisbane</a></p> <p><a href="/roads-and-projects/brisbane.html"><img src="/content/dam/transurban/our_roads/our-roads-gateway-600x330.jpg"/></a></p> </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="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <p style=""><a href="/roads-and-projects/north-america.html">North America</a></p> <p><a href="/roads-and-projects/north-america.html"><img src="/content/dam/transurban/our_roads/ourroads-gtrwashington-600x330.jpg"/></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"> <div class="module module--padded-top-m 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 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=" font-weight: 700; text-align: center; ">Where we&#39;ve come from</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-s " 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="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-3-3"> <!-- start: column content--> <div class="video section"> <!-- START video-embed module wrapper --> <div class="module module--video-embed"> <div class="module__content l-full-width"> <!-- 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 src='https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=16jBJjbh4jEOLxCH29ctip5-BrKKQnKwBAobmXEOKobE&font=OpenSans-GentiumBook&lang=en&initial_zoom=2&height=500' width='100%' height='500' webkitallowfullscreen mozallowfullscreen allowfullscreen 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--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-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"> <p> </p> <p> </p> <div class="d-desktop-none"><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </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 class="banner aem-GridColumn aem-GridColumn--default--12"> <div class="content-banner content-banner--white 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/in-the-community/banner/banner-soundtube-w1920.jpg')"></div> <div class="content-banner__content-container fn_content-banner"> <div class="content-banner__content-wrapper"> <div class="content-banner__title"> <h2>Community and sustainability</h2> </div> <div class="content-banner__subtitle"> </div> <a href="/community-and-sustainability.html" class="btn btn--primary content-banner__cta fn_content-banner-cta "> Learn more<span class="icon icon--arrow-right" data-grunticon-embed=""></span> </a> </div> </div> </div> </div> </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=44600765" async></script></body> </html>

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