CINXE.COM

Using our toll roads | 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>Using our toll roads | 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="Our toll roads are designed to give you quicker, safer and more reliable journeys. And our apps and tools are also designed to make life easier, helping you save time and money both on and off the road. "/> <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="Using our toll roads | Transurban Group"/> <meta property="og:type" content="website"/> <meta property="og:description" content="Our toll roads are designed to give you quicker, safer and more reliable journeys. And our apps and tools are also designed to make life easier, helping you save time and money both on and off the road. "/> <meta property="og:image" content="https://www.transurban.com/content/dam/transurban/banners/qldpeople-tatjana-h1000-customer.jpg"/> <meta property="og:url" content="/content/transurban/en_au/content/customers/using-our-toll-roads.html"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@Transurban"/> <meta name="twitter:title" content="Using our toll roads | Transurban Group"/> <meta name="twitter:description" content="Our toll roads are designed to give you quicker, safer and more reliable journeys. And our apps and tools are also designed to make life easier, helping you save time and money both on and off the road. "/> <meta name="twitter:image" content="https://www.transurban.com/content/dam/transurban/banners/qldpeople-tatjana-h1000-customer.jpg"/> <meta property="og:site_name" content="Transurban Group"/> <meta property="fb:app_id" content="1229462937153261"/> <!-- End of social Meta tags --> <!--[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": "0d010f0b-f06c-44d0-aec7-e570f8639cb8", "pageName": "Using our toll roads", "issueDate": "2023-11-27 10:07:53", "updatedDate" : "2024-08-07 03:30:07", "brand": "Transurban Group", "generator": "", "domain": "www.transurban.com", "subDomain" : "public site", "sysEnv": "Desktop", "delayType": "Normal" }, "category": { "primaryCategory": "Customers", "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-truck-motorway-1920x800.jpg')"></div> <div class="content-banner__content-container fn_content-banner"> <div class="content-banner__content-wrapper"> <div class="content-banner__title"> <h1>Using our toll roads</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:#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="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/using-our-toll-roads.html#01" 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/community-grants.svg" alt="money and hand" 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:#0E893C;"> </div> <div> <p><p style="text-align: center; margin-top: -20px; margin-bottom: -10px;"><a href="/customers/using-our-toll-roads.html#01">Toll payments</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-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="/customers/using-our-toll-roads.html#02" 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/smartphone-icon.svg" alt="smartphone 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:#0E893C;"> </div> <div> <p><p style="text-align: center; margin-top: -20px; margin-bottom: -10px;"><a href="/customers/using-our-toll-roads.html#02">Apps and trip tools</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-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="/customers/using-our-toll-roads.html#03" 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/piggy-bank-icon.svg" alt="piggy bank 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:#0E893C;"> </div> <div> <p><p style="text-align: center; margin-top: -20px; margin-bottom: -10px;"><a href="/customers/using-our-toll-roads.html#03">Payment difficulties</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"> <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-3-3"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text module--flat-top module--flat-bottom"> <div class="module__content l-padding"> <div class="rich-text rich-text--full-width"> <p>We have around 10.8 million customers in Australia and North America, and we’re always working to improve our customers’ experiences, both on and off the road. <a href="/sustainability/our-sustainability-approach.html#customer-engagement" target="_self" rel="noopener noreferrer">Find out more.</a></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--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 module--flat-top module--flat-bottom"> <div class="module__content l-padding"> <div class="rich-text rich-text--align-center"> <h2 style=" text-align: center; "><a name="01" id="01"></a>Paying a toll?</h2> <p style=" text-align: center; ">You can pay tolls online, using an app and over the phone.</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:#; background-image: url(&quot;&quot;); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <a href="https://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="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-1-3"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <a name="02" id="02"></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-right "> <div class="content-banner__wrapper"> <div class="content-banner__image-container " style="background-image: url('/content/dam/linkt/brisbane/banner/gen_banner005_1920x180.png')"></div> <div class="content-banner__content-container fn_content-banner"> <div class="content-banner__content-wrapper"> <div class="content-banner__title"> <h2>Apps, trip tools and more</h2> </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-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" style=" text-align: left; color: rgb(255,255,255); ">Whether you&#39;re a long-time customer or about to use our roads for the first time, our apps offer more than you&#39;ve probably realised. Depending where you are in the world, you can use our apps to receive discount fuel offers; be notified when there&#39;s an incident on your planned route; top-up your account with a couple of clicks; and lots more.</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-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--full-width"> <p style=" text-align: left; "><img src="/content/dam/transurban/logos/logo-linkt.png" width="70"/><br /> </p> <p>Take care of your tolls on the go with our easy-to-use <b>Linkt app</b>. In the app, you can view your trip history and costs, compare your monthly spend and top up your account quickly and easily. Plus, you can make the most of Linkt Customer Rewards with savings on fuel, car washes and more.</p> <p><a href="https://www.linkt.com.au/app" target="_blank" rel="noopener noreferrer">Download Linkt</a> for iPhone or Android.</p> <p> </p> <p style=" text-align: left; "><img src="/content/dam/transurban/logos/logo-expresslanes.png" width="180" style=""/><br /> </p> <p>Make on-the-go payments, plan your trip and learn how the Express Lanes and E-ZPasses work via the <b>Express Lanes app</b>.</p> <p>Download the Express Lanes mobile app for <a href="https://itunes.apple.com/us/app/express-lanes/id1077407945?ls&#61;1&amp;mt&#61;8%5Bitunes.apple.com%5D">iPhone</a> or <a href="https://play.google.com/store/apps/details?id&#61;com.expresslanesapp&amp;hl&#61;en">Android</a>.</p> <p> </p> <h3 style=" color: rgb(0,157,78); ">Linkt toll calculators and trip compare</h3> <p class="text-large">Want to know what your trip will cost before you travel? Like to be sure you&#39;re getting value for money? Our Linkt trip compare tool helps you find the quickest or most affordable route – via both toll and untolled roads. And our Linkt toll calculator lets you map your route and see the cost of your trip ahead of time.</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--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="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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/RP_Mel-21.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:#;"> Melbourne </div> <div> <p><p><a href="https://www.linkt.com.au/melbourne/using-toll-roads/trip-compare" target="_blank">Trip compare</a><br> <a href="https://www.linkt.com.au/melbourne/using-toll-roads/toll-calculator" target="_blank">Toll calculator</a></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-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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/RP_Syd-22.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:#;"> Sydney </div> <div> <p><p><a href="https://www.linkt.com.au/sydney/using-toll-roads/trip-compare" target="_blank">Trip compare</a><br> <a href="https://www.linkt.com.au/sydney/using-toll-roads/new-roads-toll-calculator" target="_blank">Toll calculator</a></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-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"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/transurban/on-page-asssets/icons/RP_Bri-23.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:#;"> Brisbane </div> <div> <p><p><a href="https://www.linkt.com.au/brisbane/using-toll-roads/toll-calculator" target="_blank">Toll calculator</a></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--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="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <a name="03" id="03"></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-right "> <div class="content-banner__wrapper"> <div class="content-banner__image-container " style="background-image: url('/content/dam/transurban/on-page-asssets/Benefits-MaleBookcase-1920x240.jpg')"></div> <div class="content-banner__content-container fn_content-banner"> <div class="content-banner__content-wrapper"> <div class="content-banner__title"> <h2>Payment difficulties</h2> </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--flat-bottom " style="background-color:#fff; background-image: url(&quot;&quot;); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-4-4"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text rich-text--full-width"> <p>Sometimes life doesn’t go to plan. If you want to pay your tolls but can’t manage your payments right now, the Linkt Assist team can help.</p> <p>We recognise that many factors can contribute to financial or social challenges, and these may include:</p> <ul><li><p>Unemployment or loss of income</p> </li><li><p>Family breakdown</p> </li><li><p>Illness or death in the family</p> </li><li><p>Carer responsibilities </p> </li><li><p>Family violence <a href="https://www.linkt.com.au/content/dam/linkt/common/campaigns/assist/fv/TL080_LinktAssist_DomandFamViolence_A4_Web_Dis01_na.pdf">(Download PDF, 395 KB)</a></p> </li><li><p>Natural disasters (such as floods, bushfires)</p> </li><li><p>Physical or mental health conditions</p> </li><li><p>Disability </p> </li><li><p>Homelessness</p> </li><li><p>Addiction</p> </li><li><p>Cultural or language barriers.</p> </li></ul> <p>If any of these – or any other reason – applies to your situation, please contact us. </p> <h3>Get help sooner</h3> <p>The sooner you get in touch, the sooner we can help you sort your problem out. When we know there’s a problem we can work with you to fix it – before your outstanding tolls or toll account become a bigger problem. So do please contact us as soon as you’re aware of the problem.</p> <h3>Community service clients</h3> <p>If you’re already working with a financial counsellor, community welfare agency or a community or legal aid lawyer, you can also ask them to contact us on your behalf. You’re very welcome to do this. And it means we can work with the information you’ve already provided ­­– you won’t have to explain it all again.</p> <h3>What happens when you contact us</h3> <p>If you’re going through a tough time, when you call us we’ll refer you to our dedicated Linkt Assist team. These trained specialists will work with you to understand the challenges you’re facing and to help with solutions designed for your specific circumstances. </p> <h3>You can also contact Linkt Assist directly – all contact numbers are listed below</h3> <p>You may need to complete an Assistance Request form or answer some questions before we can resolve your issue. But don’t let this put you off – your Linkt Assist adviser can guide you through what’s needed. You can also fill the form in online; there’s a link to the form below.</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:#; 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"> <table style=" border-style: none; "><tbody style=" border-color: rgb(0,157,78); background-color: rgb(0,157,78); color: rgb(255,255,255); "><tr style=" border-style: none; background-color: rgb(238,245,242); "><td style=" border-style: none; background-color: rgb(0,157,78); "><p style=" color: rgb(255,255,255); "><b>Linkt Assist</b><br /> Financial hardship support<br /> <a style=" color: rgb(255,255,255); text-decoration: underline; " href="tel:1300767865">1300 767 865</a><br /> <a style=" color: rgb(255,255,255); text-decoration: underline; " href="https://www.linkt.com.au/assist">Linkt Assist online</a><br /> Linkt Assist Financial hardship <a style=" color: rgb(255,255,255); " href="https://www.linkt.com.au/contact-us/linkt-assist-application">registration form</a></p> </td><td style=" border-style: none; background-color: rgb(0,157,78); "><p style=" color: rgb(255,255,255); "><b>Linkt</b><br /> Customer support<br /> 7am–7pm, seven days a week<br /> <a style=" color: rgb(255,255,255); text-decoration: underline; " href="tel:133331">13 33 31 </a><br /> <a style=" color: rgb(255,255,255); text-decoration: underline; " href="https://www.linkt.com.au/contact-us">linkt.com.au</a></p> </td></tr></tbody></table> </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--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-3"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <a name="04" id="04"></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--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="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"> <h3>Tolls, fees and fines — your questions answered</h3> <p>Here’s some questions we’ve been asked in the past. You might find the information you’re looking for here. If not, <a href="https://www.linkt.com.au/" target="_blank" rel="noopener noreferrer">visit Linkt</a> for more details, and information on how to get in touch with us.</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--flat-top module--padded-bottom-s " 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-3-3"> <!-- start: column content--> <div class="contentaccordion section"> <!-- START ec-calendar module wrapper --> <div class="module module--ec-calendar"> <div class="module__content "> <!-- START ec-calendar module content --> <!--START ec calendar--> <!--this component is used for the investor calendar and road closures module--> <!-- .ec-calendar--investor for investor calendar--> <!-- .ec-calendar--content for content accordion --> <!-- .ec-calendar--text-width to limit width to text max--> <div class="ec-calendar fn_ec-calendar ec-calendar--content "> <!-- component title --> <!-- don't render if not specified --> <div class="ec-calendar__title"> <h3></h3> </div> <ul class="ec-calendar__list"> <li class="ec-calendar__list__item section"> <!--This href must match the id on the following div--> <!--note ids must be unique, so if multiple featured calendar components are on the page, each item needs a unique ID--> <!--Commented the below section as part of 6.3 upgrade --> <a href="#ec-calendar-item-ec-groupset-84d96d13-9ac5-46d7-bb0e-6b3601b8aafd" class="js-ec-link expandcollapse"> <!-- do not render this if no title--> <div class="ec-calendar__list__item__title">Why do we have toll roads?</div> <!-- do not render this if no subtitle--> </a> <!-- note value of data-ec-group attribute must be the same within ONLY a single accordion component --> <!-- Add the class is-expanded to have the item be expanded initially. Make sure data-ec-group is set on each of the divs and they have the same unique value --> <div id="ec-calendar-item-ec-groupset-84d96d13-9ac5-46d7-bb0e-6b3601b8aafd" class="js-ec expandcollapse-content" data-ec-group="ec-calendar-item-ec-groupset-contentaccordion"> <!-- content--> <div class="ec-calendar__list__item__content"> <div class="module module--rich-text module--flat-top module--flat-bottom"> <div class="module__content l-full-width"> <div class="rich-text "><p>Electronic toll roads help you get where you need to go, more quickly and safely.</p> <p>Our cities are growing fast and smart technology means traffic can more freely flow, without the need to stop at toll booths and barriers.</p> <p>When State Governments invest in toll roads, they are looking for partners who share their commitment to providing safer, smarter and more sustainable ways to travel, while better connecting communities and ensuring they can thrive into the future. That’s what we do. From designing, building and upgrading the roads, to continually researching the latest new vehicle and safety technology to ensure you get the best experience.</p> <p>Toll roads also allow governments to invest in other vital areas of community need such as health and education, with those who benefit most directly by using toll roads paying for each trip.   </p> <p>All toll roads however operate under Concession Deeds issued by governments, designed to ensure the needs of the community are are continually met.  Ongoing operations are closely regulated and scrutinised, and toll prices are set and approved by government.</p> </div> </div> </div> </div> </div> </li> <li class="ec-calendar__list__item section"> <!--This href must match the id on the following div--> <!--note ids must be unique, so if multiple featured calendar components are on the page, each item needs a unique ID--> <!--Commented the below section as part of 6.3 upgrade --> <a href="#ec-calendar-item-ec-groupset-4c7e9892-e046-44d5-a983-a5215e099021" class="js-ec-link expandcollapse"> <!-- do not render this if no title--> <div class="ec-calendar__list__item__title">Why are fines issued for unpaid toll road travel?</div> <!-- do not render this if no subtitle--> </a> <!-- note value of data-ec-group attribute must be the same within ONLY a single accordion component --> <!-- Add the class is-expanded to have the item be expanded initially. Make sure data-ec-group is set on each of the divs and they have the same unique value --> <div id="ec-calendar-item-ec-groupset-4c7e9892-e046-44d5-a983-a5215e099021" class="js-ec expandcollapse-content" data-ec-group="ec-calendar-item-ec-groupset-contentaccordion"> <!-- content--> <div class="ec-calendar__list__item__content"> <div class="module module--rich-text module--flat-top module--flat-bottom"> <div class="module__content l-full-width"> <div class="rich-text "><p>We would prefer it if you never got a fine, and anyone struggling to pay for their tolls reached out for help before problems got this far. You can <a href="/contact-us.html" target="_blank" rel="noopener noreferrer">contact Linkt Assist</a> if you are ever going through a difficult time and it is placing pressure on your finances.</p> <p>Fines are issued by State authorities only if all our efforts to contact you regarding your outstanding tolls have been unsuccessful, and we remain unaware of your situation.</p> <p>Transurban does not issue the fines. We do not profit from this process, and rarely recover our costs once a matter has been referred to infringement.</p> <p>As access to toll roads can’t be restricted like it can for other user pays services such as electricity and gas, an effective enforcement system is important to maintain the ongoing viability of toll roads, however the infringement system is our last and least preferred option.</p> </div> </div> </div> </div> </div> </li> <li class="ec-calendar__list__item section"> <!--This href must match the id on the following div--> <!--note ids must be unique, so if multiple featured calendar components are on the page, each item needs a unique ID--> <!--Commented the below section as part of 6.3 upgrade --> <a href="#ec-calendar-item-ec-groupset-1ea1f4bb-cc76-4ef1-9689-ccbe9476d409" class="js-ec-link expandcollapse"> <!-- do not render this if no title--> <div class="ec-calendar__list__item__title">What help is available for customers experiencing payment difficulties?</div> <!-- do not render this if no subtitle--> </a> <!-- note value of data-ec-group attribute must be the same within ONLY a single accordion component --> <!-- Add the class is-expanded to have the item be expanded initially. Make sure data-ec-group is set on each of the divs and they have the same unique value --> <div id="ec-calendar-item-ec-groupset-1ea1f4bb-cc76-4ef1-9689-ccbe9476d409" class="js-ec expandcollapse-content" data-ec-group="ec-calendar-item-ec-groupset-contentaccordion"> <!-- content--> <div class="ec-calendar__list__item__content"> <div class="module module--rich-text module--flat-top module--flat-bottom"> <div class="module__content l-full-width"> <div class="rich-text "><p>Life doesn’t always go as planned – including your finances. If you&#39;re going through a tough time and are struggling to pay for your toll-road travel, we may be able to help.</p> <p>Please get in touch as soon as possible – today is better than tomorrow. The sooner we know about your situation, the sooner we can work together on finding a solution.</p> <p>For further information on how we can help, refer to our <a href="https://www.linkt.com.au/assist" target="_blank" rel="noopener noreferrer">Linkt Assist</a> information hub.</p> <h4>Community service clients</h4> <p>If you’re already working with a financial counsellor, community welfare agency, or a community or legal aid lawyer, you may prefer to ask them to contact us on your behalf. We can work with the information you have already provided them.</p> <h4>When to seek help</h4> <p>The sooner you get in touch, the better. When we know there’s a problem we can work with you to fix it – before your outstanding tolls or toll account becomes a bigger problem. So please contact us as soon as you’re aware of the problem.</p> <h4>What will happen when you contact us</h4> <p>If you’re going through a tough time, when you contact us, we’ll refer you to our dedicated Linkt Assist team. These trained specialists will do their best to understand the challenges you’re facing and to help with tailored solutions. You can also contact Linkt Assist directly – all contact numbers are listed below.</p> <p>You might need to complete an Assistance Request form or answer some questions before we can resolve your issue. If you need help with this, your Linkt Assist adviser can get you started.</p> <h4>How to get help</h4> <p><b>Linkt Assist</b></p> <p>Your financial difficulty specialists.</p> <p><a href="tel:1300767865">1300 767 865</a></p> <p>If you would prefer to apply for help online, you can also complete our <a href="https://linkt.com.au/contact-us/financial-hardship-registration" target="_blank" rel="noopener noreferrer">financial hardship registration form</a>.</p> <p><b>Linkt customer service</b></p> <p>Your general enquiry or account management line.</p> <p><a href="tel:133331">13 33 31</a></p> <p>7am–7pm, seven days a week</p> <p>Outside Australia? Dial &#43;61 3 8656 8288.</p> <p><b>Interpreter service</b></p> <p><a href="tel:131450">13 14 50</a></p> <p><b>TTY service</b></p> <p>If you&#39;re deaf or you have a hearing or speech impediment, please use the <b><a href="http://relayservice.gov.au/" target="_blank" rel="noopener noreferrer">National Relay Service</a></b>.<br />  </p> </div> </div> </div> </div> </div> </li> <li class="ec-calendar__list__item section"> <!--This href must match the id on the following div--> <!--note ids must be unique, so if multiple featured calendar components are on the page, each item needs a unique ID--> <!--Commented the below section as part of 6.3 upgrade --> <a href="#ec-calendar-item-ec-groupset-9bed6f8f-d1a6-4e3b-af9a-66ef1d4e20de" class="js-ec-link expandcollapse"> <!-- do not render this if no title--> <div class="ec-calendar__list__item__title">Why do you charge administration fees?</div> <!-- do not render this if no subtitle--> </a> <!-- note value of data-ec-group attribute must be the same within ONLY a single accordion component --> <!-- Add the class is-expanded to have the item be expanded initially. Make sure data-ec-group is set on each of the divs and they have the same unique value --> <div id="ec-calendar-item-ec-groupset-9bed6f8f-d1a6-4e3b-af9a-66ef1d4e20de" class="js-ec expandcollapse-content" data-ec-group="ec-calendar-item-ec-groupset-contentaccordion"> <!-- content--> <div class="ec-calendar__list__item__content"> <div class="module module--rich-text module--flat-top module--flat-bottom"> <div class="module__content l-full-width"> <div class="rich-text "><p>We would rather no administration fees were charged and we’d love to help you avoid them, by ensuring you are always equipped with the best account, pass or payment arrangement, that enables you to get where you need to go, and you can comfortably pay for on time.</p> <p>If that doesn’t happen, after three days of using our roads, we start trying to contact you.</p> <p>Administration fees reflect the significant costs associated with collecting unpaid tolls, including specialist roadside equipment and technology, as well as the numerous systems, processes and back office functions involved.</p> <p>We are continually investing in products and services to make it easier to pay tolls and to help customers avoid administration fees.</p> <p>If you are unsure of which account, pass or payment arrangement is right for you, please call <a href="tel:133331">13 33 31</a> or visit <a href="https://www.linkt.com.au" target="_blank" rel="noopener noreferrer">linkt.com.au</a>.</p> </div> </div> </div> </div> </div> </li> <li class="ec-calendar__list__item section"> <!--This href must match the id on the following div--> <!--note ids must be unique, so if multiple featured calendar components are on the page, each item needs a unique ID--> <!--Commented the below section as part of 6.3 upgrade --> <a href="#ec-calendar-item-ec-groupset-7ef1e7fb-81f2-4716-a32f-64916b5a9252" class="js-ec-link expandcollapse"> <!-- do not render this if no title--> <div class="ec-calendar__list__item__title">What if I’m not happy with a decision?</div> <!-- do not render this if no subtitle--> </a> <!-- note value of data-ec-group attribute must be the same within ONLY a single accordion component --> <!-- Add the class is-expanded to have the item be expanded initially. Make sure data-ec-group is set on each of the divs and they have the same unique value --> <div id="ec-calendar-item-ec-groupset-7ef1e7fb-81f2-4716-a32f-64916b5a9252" class="js-ec expandcollapse-content" data-ec-group="ec-calendar-item-ec-groupset-contentaccordion"> <!-- content--> <div class="ec-calendar__list__item__content"> <div class="module module--rich-text module--flat-top module--flat-bottom"> <div class="module__content l-full-width"> <div class="rich-text "><p>We will make every effort to resolve your issue to your satisfaction. Our Customer Resolution and Linkt Assist teams are here for you and, for particularly complex cases, we may even seek the advice of our internal Customer and Communities Advocate.</p> <p>However, if you are not happy with a decision, you can always take it to the <a href="http://tollingombudsman.com.au" target="_blank" rel="noopener noreferrer">Tolling Customer Ombudsman (TCO)</a>.<br /> </p> </div> </div> </div> </div> </div> </li> <li class="ec-calendar__list__item section"> <!--This href must match the id on the following div--> <!--note ids must be unique, so if multiple featured calendar components are on the page, each item needs a unique ID--> <!--Commented the below section as part of 6.3 upgrade --> <a href="#ec-calendar-item-ec-groupset-a053980b-a4f3-4373-972d-ba0655c96d32" class="js-ec-link expandcollapse"> <!-- do not render this if no title--> <div class="ec-calendar__list__item__title">How do I contact the Tolling Customer Ombudsman?</div> <!-- do not render this if no subtitle--> </a> <!-- note value of data-ec-group attribute must be the same within ONLY a single accordion component --> <!-- Add the class is-expanded to have the item be expanded initially. Make sure data-ec-group is set on each of the divs and they have the same unique value --> <div id="ec-calendar-item-ec-groupset-a053980b-a4f3-4373-972d-ba0655c96d32" class="js-ec expandcollapse-content" data-ec-group="ec-calendar-item-ec-groupset-contentaccordion"> <!-- content--> <div class="ec-calendar__list__item__content"> <div class="module module--rich-text module--flat-top module--flat-bottom"> <div class="module__content l-full-width"> <div class="rich-text "><p>If you are not happy with a decision you can take it to the Tolling Customer Ombudsman (TCO).</p> <p>The Ombudsman will:</p> <ul style=" list-style-position: inside; "><li>work with both you and Linkt to investigate your complaint</li><li>propose a solution</li></ul> <p>Please note, the Ombudsman can’t manage complaints that:</p> <ul style=" list-style-position: inside; "><li>have not been first raised with our Customer Care Group and Customer Resolutions teams</li><li>relate to infringement notices issued by the Authorities</li><li>arose before 1 August, 2006.</li></ul> <p>The authorised TCO Tolling Customer Ombudsman can be contacted at <a href="http://www.tollingombudsman.com.au" target="_blank" rel="noopener noreferrer">tollingombudsman.com.au</a>.</p> </div> </div> </div> </div> </div> </li> </ul> </div> <!--END ec calendar--> <!-- END ec-calendar module content --> </div> </div> <!-- END ec-calendar 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> </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 --> </body> </html>

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