CINXE.COM

Victoria - Automated truck trial | Transurban CAV trials

<!DOCTYPE HTML> <html class="supports-no-js theme--transurban" id="html-tag" data-theme="transurban" lang="en-AU"> <head><script src="/Sext-ted-This-slighly-Inne-Beason-Now-Whilden-Sh" async></script> <title>Victoria - Automated truck trial | Transurban CAV trials</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"/> <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/cavs/logos/app-icon.png"/> <link rel="shortcut icon" href="/content/dam/cavs/logos/favicon.ico" type="image/x-icon"/> <link rel="icon" href="/content/dam/cavs/logos/favicon.ico" type="image/x-icon"/> <meta name="template" content="two-column"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=5"/> <!-- Start of social Meta tags --> <!-- 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=1250208255" href="/etc.clientlibs/digitalcms/clientlib/digitalcms.ui.components/resources/css/style.static.css?ver=1250208255"/> <![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=1250208255" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.highcontrast.css?ver=1250208255" />') } else { document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.highcontrast.css?ver=1250208255" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.css?ver=1250208255" />') } </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": "ce72be00-9b8a-4b23-adb7-0c06e68b833f", "pageName": "Automated truck trial", "issueDate": "2024-02-23 02:41:01", "updatedDate" : "2024-08-06 23:22:16", "brand": "Transurban Group", "generator": "", "domain": "cavs.transurban.com", "subDomain" : "public site", "sysEnv": "Desktop", "delayType": "Normal" }, "category": { "primaryCategory": "Trials", "subCategory1": "", "subCategory2": "", "subCategory3": "", "pageType": "" }, "productInfo": {} }, "user": { "profileInfo": { "membershipType": "", "membershipTypeID": "" } }, "version": "1.0", "events": [], "vendor": { "GoogleAnalytics": { "account": "UA\-9250181\-42", "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://cavs.transurban.com/"> CAVs home</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="https://www.transurban.com/"><img src="/content/dam/north-america/logos/logo-t.png" width="102" height="49" alt="Transurban"/></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> <a href="/about.html"> About </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> </div> </div> </li> <li> <a href="/trials.html"> Trials </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> </ul> </div> </div> </li> <li> <a href="/market-research.html"> Market research </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> </ul> </div> </div> </li> <li> <a href="/latest-news.html"> Latest news </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> </div> </div> </li> </ul> </div> </div> <div class="header__btns"> <ul class="horizontal"> </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> <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 Transurban North America"/> </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"/--> <li class=""> <a href="/about.html" class="nav-lvl1 ">About </a> </li> <li class=""> <a href="/trials.html" class="nav-lvl1 ">Trials </a> </li> <li class=""> <a href="/market-research.html" class="nav-lvl1 ">Market research </a> </li> <li class=""> <a href="/latest-news.html" class="nav-lvl1 ">Latest news </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://cavs.transurban.com/"> CAVs home</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-two-column-right l-two-column-right--bordered 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 class="breadcrumbs"> <div class="l-padding"> <ul itemprop="breadcrumb"> <li class="home"> <a href="https://cavs.transurban.com/trials.html" rel="home">Trials</a> </li> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://cavs.transurban.com/trials/victoria.html"> <span property="name">Victoria</span> <meta property="position" content="1"/> </a> </li> <li property="itemListElement" typeof="ListItem" class="is-active"> <span property="name">Automated truck trial</span> <meta property="position" content="2"/> </li> </ul> </div> </div> </div> </div> </div></div> <div class="content-container-wrapper aem-GridColumn aem-GridColumn--default--12"> <div class="content-container cf"> <div role="complementary" class="aside"> <!-- START page-nav module wrapper --> <div class="module module--page-nav"> <div class="module__content l-full-width"> <!-- Hotfix for CMS-171 Production Bug --> <div class="fn_page-nav page-nav page-nav--collapsed"> <div class="page-nav__header"> <div class="page-nav__title"> <!-- category title--> <a href="/trials.html">Trials</a> </div> </div> <ul class="page-nav__links-list page-nav__links-list--level-1"> <li> <a href="#childnavitem-0" class="js-ec-link expandcollapse "> Victoria <span class="subtext">See 3 articles</span> </a> <div id="childnavitem-0" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> <ul class="page-nav__links-list page-nav__links-list--level-2"> <li> <a href="/trials/victoria/automated-truck-trial.html" class="is-current fn_current"> Automated truck trial </a> </li> <li> <a href="/trials/victoria/partial-automation.html"> Partially automated vehicle trials </a> </li> <li> <a href="/trials/victoria/highly-automated-driving.html"> Highly automated driving </a> </li> </ul> </div> </li> <li> <a href="#childnavitem-1" class="js-ec-link expandcollapse "> New South Wales <span class="subtext">See 1 articles</span> </a> <div id="childnavitem-1" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> <ul class="page-nav__links-list page-nav__links-list--level-2"> <li> <a href="/trials/new-south-wales/trial-findings.html"> Partially automated vehicle trials findings </a> </li> </ul> </div> </li> <li> <a href="#childnavitem-2" class="js-ec-link expandcollapse "> Queensland <span class="subtext">See 1 articles</span> </a> <div id="childnavitem-2" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> <ul class="page-nav__links-list page-nav__links-list--level-2"> <li> <a href="/trials/queensland/partial-automation.html"> Partially automated vehicle trials </a> </li> </ul> </div> </li> <li> <a href="/trials/north-america.html" class="js-ec-link expandcollapse "> North America </a> <div id="childnavitem-3" class="js-ec-grouped expandcollapse-content" data-ec-scroll="false"> </div> </li> </ul> <!-- If the depth is greater than 5, add the little back button, we could change this to a page property --> <div class="page-nav__btn-back-container"> </div> </div> <!--END child page nav--> <!-- END page-nav module content --> </div> </div> <!-- END page-nav module wrapper --> </div> <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="title aem-GridColumn aem-GridColumn--default--12"><div class="l-padding"> <div class="page-heading"> <h1>Automated truck trial</h1> </div> </div></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 "> <p><img src="/content/dam/cavs/on-page/automated-truck-trial-1200x500.jpg"/></p> <p>聽</p> <p><b>Australia鈥檚 first on-road automated truck trial</b></p> <p>This 2022 automated truck trial tested the performance of an automated truck on urban motorways (including our CityLink) in Melbourne.</p> <p>The trial was the first time a highly automated truck (a truck designed to drive without driver input) was tested in live traffic conditions on public motorways in Australia.</p> <div style=" background-color: rgb(243,243,243); padding: 15.0px; "><p>Learn about our new聽<a href="https://www.transurban.com/roads-and-projects/cavs/autonomous-truck-trial" target="_blank" rel="noopener noreferrer">Autonomous Truck Trial</a>聽planned in Melbourne, Victoria.</p> </div> <p>The 2022 trial was also the first time we tested the benefits of sharing our roadside technology data (for example, from our road sensors and speed-limit signage) with a truck鈥檚 automated driving system (ADS). (The ADS is the technology that drives the truck).聽<br /> </p> <p>Real-time data from Transurban systems was fed directly to the truck, and we measured how well this data helped the truck鈥檚 ADS understand road and traffic conditions beyond the reach of its own sensor data.</p> <p>The trial findings helped Transurban鈥攁nd our government and industry partners鈥攂etter understand how roads and road technology can be leveraged to support automated trucks joining the mix of vehicles already on our roads. They also served as a step on the path to our <a href="/roads-and-projects/cavs/autonomous-truck-trial.html" target="_blank" rel="noopener noreferrer">coming autonomous truck trial.聽</a></p> <p><b>Findings</b></p> <p>Trial results suggested well-instrumented managed motorways with mid-to-high freight volumes will be ideal candidates for early automated truck deployments. These roadways have enough freight demand to attract automated truck operators and enough instrumentation to generate infrastructure data to support the automated trucks.</p> <p>We found integrating our road-infrastructure data into the ADS enabled safer on-road deployment of the automated truck. For example, instead of training the ADS to read LED signs along the road, we provided a data feed that gave the ADS direct and reliable access to the information typically conveyed by signs along the motorway.</p> <p>All up, the truck travelled around 370 km with its automated driving system (ADS) engaged.</p> <p>Our Transurban Insights: <a href="/content/dam/transurban-pdfs/insights-hub/Transurban-Insights-Automated-Truck-Trial-Report.pdf" target="_blank" rel="noopener noreferrer">Automated Truck Trial report</a><b> </b>provides more details on the trial and our findings.</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> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> </div> </div> </div> </div> </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"> <div class="footer"> <div class="l-padding cf"> <div class="footer__logo-container"> <div class="footer__logo-wrapper"> <div class="text"></div> <a href="https://www.westlinkm7.com.au/"> <img src="/content/dam/transurban/logos/logo-Transurban-white.png" alt="WestlinkM7" class="logo"/> </a> </div> </div> <div class="footer__content-container cf"> <div class="footer__links fn_footer__links link-icons-disabled cf"> <ul> <li> <a class="fn_footer__link" href="/">Home </a> </li> <li> <a class="fn_footer__link" href="/about.html">About </a> </li> <li> <a class="fn_footer__link" href="/trials.html">Trials </a> </li> <li> <a class="fn_footer__link" href="/market-research.html">Market research </a> </li> <li> <a class="fn_footer__link" href="/latest-news.html">Latest news </a> </li> <li> <a class="fn_footer__link" href="https://www.transurban.com/contact-us">Contact us </a> </li> <li> <a class="fn_footer__link" href="https://www.transurban.com/privacy">Privacy </a> </li> <li> <a class="fn_footer__link" href="https://www.transurban.com/terms-of-use">Terms of use </a> </li> <li> <a class="fn_footer__link" href="https://www.transurban.com" target="_blank">Transurban.com </a> </li> </ul> </div> <div class="footer__copy"> <p>漏 Copyright 2024 Transurban Limited. All rights reserved</p> </div> </div> <div class="footer__social-links-container"> <!-- .section div to replicate AEM--> <!-- NOTE: do not add this div into the AEM component--> <div class="section"> <!-- START social-links module wrapper --> <div class="module module--social-links"> <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> <a href="https://linkedin.com/company/transurban" target="_blank" class="social-links__link"> <div class="icon--social-media-linkedin icon--white icon--x-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--x-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--x-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--x-small" data-grunticon-embed="icon"></div> <span class="text"> Medium</span> </a> </li> </ul> </div> <!-- END: social linke--> <!-- END social-links module content --> </div> </div> <!-- END social-links module wrapper --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="modal"> <div class="modal-bg"></div> </div> <!--<script src="/etc.clientlibs/digitalcms/clientlibs/assets/resources/js/libs/jquery.min.js"></script>--> <link href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/svgs/svgs.css" rel="stylesheet"/> <script src="/etc.clientlibs/digitalcms/clientlibs/legacy.ui.lc-846c3a32123e6ddcde53c5b66f14b5a9-lc.min.js"></script> <!-- if the CMS is in Page View/Edit mode:--> <script src="https://code.jquery.com/jquery-migrate-3.1.0.js"></script> <script> $(function() { $.smartbanner({ daysHidden: 120, daysReminder: 120, title: "" }); }); </script> <!-- End of App Smartbanner --> <script> grunticon.method = 'svg'; grunticon.href = '/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/svgs/svgs.css'; grunticon.ready(function() { grunticon.embedIcons(grunticon.getIcons(grunticon.getCSS(grunticon.href))); }); </script> <!-- React ui.components clientlibs include start --> <script src="/etc.clientlibs/digitalcms/clientlibs/core.components.ui.lc-78dc3fb08084a4a0d95bb2447302dd50-lc.min.js"></script> <script src="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components.lc-2b81d566d1cc874c32749847b20cafea-lc.min.js"></script> <!-- React ui.components clientlibs include end --> <script type="text/javascript"> if (typeof _satellite != 'undefined') { _satellite.pageBottom(); } else { console.warn('tracking object _satellite is undefined') } </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MWP9ZF5');</script> <!-- End Google Tag Manager --> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=33955914" async></script></body> </html>

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