CINXE.COM
NorthConnex
<!DOCTYPE HTML> <html class="supports-no-js theme--northconnex" id="html-tag" data-theme="northconnex" lang="en-AU"> <head> <title>NorthConnex</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="pSmY7CDZSzrOwBs6MdSQJjX5RlSnGWHvHuHGRXN-9Oo"/> <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"/> <link rel="shortcut icon" href="/content/dam/northconnex/logos/favicon.ico" type="image/x-icon"/> <link rel="icon" href="/content/dam/northconnex/logos/favicon.ico" type="image/x-icon"/> <meta name="description" content="NorthConnex is a nine kilometre twin tunnel that links the M1 Pacific Motorway at Wahroonga to the Hills M2 Motorway at West Pennant Hills. NorthConnex connects Sydney’s north to the Orbital network and forms part of the National Highway route. Pay for your travel on NorthConnex through our preferred toll retailer, Linkt."/> <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="NorthConnex"/> <meta property="og:type" content="website"/> <meta property="og:description" content="NorthConnex is a nine kilometre twin tunnel that links the M1 Pacific Motorway at Wahroonga to the Hills M2 Motorway at West Pennant Hills. NorthConnex connects Sydney’s north to the Orbital network and forms part of the National Highway route. Pay for your travel on NorthConnex through our preferred toll retailer, Linkt."/> <meta property="og:image" content="https://www.northconnex.com.au/content/dam/northconnex/banner/NCX-hero-tint-w1920xh1000.jpg"/> <meta property="og:url" content="https://www.northconnex.com.au"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="NorthConnex"/> <meta name="twitter:description" content="NorthConnex is a nine kilometre twin tunnel that links the M1 Pacific Motorway at Wahroonga to the Hills M2 Motorway at West Pennant Hills. NorthConnex connects Sydney’s north to the Orbital network and forms part of the National Highway route. Pay for your travel on NorthConnex through our preferred toll retailer, Linkt."/> <meta name="twitter:image" content="https://www.northconnex.com.au/content/dam/northconnex/banner/NCX-hero-tint-w1920xh1000.jpg"/> <meta property="og:site_name" content="NorthConnex"/> <!-- End of social Meta tags --> <link rel="canonical" href="https://www.northconnex.com.au"/> <!--[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-northconnex.css?ver=702597328" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.highcontrast.css?ver=702597328" />') } else { document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.highcontrast.css?ver=702597328" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.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": "0ad2d971-ed0f-429e-a0c8-059af56ab670", "pageName": "NorthConnex", "issueDate": "2023-11-28 14:53:14", "updatedDate" : "2024-10-06 23:49:10", "brand": "Northconnex", "generator": "", "domain": "www.northconnex.com.au", "subDomain" : "public site", "sysEnv": "Desktop", "delayType": "Normal" }, "category": { "primaryCategory": "NorthConnex", "subCategory1": "", "subCategory2": "", "subCategory3": "", "pageType": "" }, "productInfo": {} }, "user": { "profileInfo": { "membershipType": "", "membershipTypeID": "" } }, "version": "1.0", "events": [], "vendor": { "GoogleAnalytics": { "account": "UA-9250181-44", "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="/news.html"> News</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="/about-northconnex/scheduled-maintenance.html"> Maintenance</a> </li> </ul> <div class="btn-contrast-container"> <a href="#" class="btn-contrast fn_contrast"><span class="icon icon--contrast" data-grunticon-embed="icon"></span>Contrast</a> </div> </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/northconnex/logos/NorthConnex-logo.svg" width="102" height="49" alt="NorthConnex 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="/using-northconnex.html"> Using NorthConnex </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/using-northconnex/northern-interchange.html"><span class="cms-icon-small "></span>Northern Interchange</a> </li> <li> <a href="/using-northconnex/southern-interchange.html"><span class="cms-icon-small "></span>Southern Interchange</a> </li> <li> <a href="/using-northconnex/along-the-tunnel.html"><span class="cms-icon-small "></span>Along the tunnel</a> </li> <li> <a href="/using-northconnex/tunnel-lighting.html"><span class="cms-icon-small "></span>Tunnel lighting</a> </li> <li> <a href="/using-northconnex/shared-path.html"><span class="cms-icon-small "></span>Shared path</a> </li> <li> <a href="/using-northconnex/faqs.html"><span class="cms-icon-small "></span>FAQs</a> </li> </ul> </div> </div> </li> <li class="has-children"> <a href="/about-northconnex.html"> About NorthConnex </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/about-northconnex/operations.html"><span class="cms-icon-small "></span>Operations</a> </li> <li> <a href="/about-northconnex/environmental-approvals.html"><span class="cms-icon-small "></span>Environmental approvals</a> </li> <li> <a href="/about-northconnex/sustainability.html"><span class="cms-icon-small "></span>Sustainability</a> </li> <li> <a href="/about-northconnex/information-for-contractors.html"><span class="cms-icon-small "></span>Information for contractors</a> </li> <li> <a href="/about-northconnex/scheduled-maintenance.html"><span class="cms-icon-small "></span>Scheduled Maintenance</a> </li> </ul> </div> </div> </li> <li class="has-children"> <a href="/plan-your-trip.html"> Plan your trip </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> <li> <a href="/plan-your-trip/toll-pricing.html"><span class="cms-icon-small "></span>Toll pricing</a> </li> </ul> </div> </div> </li> </ul> </div> </div> <div class="header__btns"> <ul class="horizontal"> <li> <div class="my-account-log-in header__nav header__nav--login"> <div class="navbar"> <ul class="nav nav--main cf"> <li class="has-children"> <a href="https://www.linkt.com.au/login" class="has-icon btn--login primary"> Open a Linkt account <span class="icon icon--login" data-grunticon-embed=""></span> </a> </li> </ul> </div> </div> </li> <li> <a href="#" class="has-icon text-hidden fn_btn--search btn--search" data-search-show="Show search button" data-search-hide="Close 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="/site-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 NorthConnex"/> </div> </div> <!-- use hidden input to pass other parameters, such as page--> <input name="search-collection" type="hidden" id="search-collection" value="northconnex"/> <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> <div class="nav-account"> <div class="my-account-log-in nav-account "> <a href="https://www.linkt.com.au/login" class="btn btn--login"> <span class="icon icon--login icon--white" data-grunticon-embed=""></span> <span class="text">Open a Linkt account</span> </a> </div> </div> <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 "> Using NorthConnex </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="/using-northconnex.html" class="nav-lvl1 has-subtitle"> Using NorthConnex </a> </div> <ul> <li class=""> <a href="/using-northconnex/northern-interchange.html" class="nav-lvl2">Northern Interchange</a> </li> <li class=""> <a href="/using-northconnex/southern-interchange.html" class="nav-lvl2">Southern Interchange</a> </li> <li class=""> <a href="/using-northconnex/along-the-tunnel.html" class="nav-lvl2">Along the tunnel</a> </li> <li class=""> <a href="/using-northconnex/tunnel-lighting.html" class="nav-lvl2">Tunnel lighting</a> </li> <li class=""> <a href="/using-northconnex/shared-path.html" class="nav-lvl2">Shared path</a> </li> <li class=""> <a href="/using-northconnex/faqs.html" class="nav-lvl2">FAQs</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 "> About NorthConnex </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="/about-northconnex.html" class="nav-lvl1 has-subtitle"> About NorthConnex </a> </div> <ul> <li class=""> <a href="/about-northconnex/operations.html" class="nav-lvl2">Operations</a> </li> <li class=""> <a href="/about-northconnex/environmental-approvals.html" class="nav-lvl2">Environmental approvals</a> </li> <li class=""> <a href="/about-northconnex/sustainability.html" class="nav-lvl2">Sustainability</a> </li> <li class=""> <a href="/about-northconnex/information-for-contractors.html" class="nav-lvl2">Information for contractors</a> </li> <li class=""> <a href="/about-northconnex/scheduled-maintenance.html" class="nav-lvl2">Scheduled Maintenance</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-5" class="nav-lvl1 nav--ec js-ec-link "> Plan your trip </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="/plan-your-trip.html" class="nav-lvl1 has-subtitle"> Plan your trip </a> </div> <ul> <li class=""> <a href="/plan-your-trip/toll-pricing.html" class="nav-lvl2">Toll pricing</a> </li> </ul> </div> </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="/news.html"> News</a> </li> <li class=""> <a class="fn_nav-supplementary--link" href="/about-northconnex/scheduled-maintenance.html"> Maintenance</a> </li> </ul> </div> </div> </div> <div class="btn-container btn-contrast-container"> <a href="#" class="btn-contrast fn_contrast"><span class="icon icon--contrast" data-grunticon-embed="icon"></span>Contrast</a> </div> </div> </nav> </div> </div> </div> </div> </div> </div> </div> <div> </div> <div> </div> <div> </div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-grid responsivegrid aem-GridColumn aem-GridColumn--default--12"><div class="layout l-one-column cf aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="content-header-wrapper aem-GridColumn aem-GridColumn--default--12"><div class="module module--content-header"> <div class="module__content l-full-width"> <div class="content-header"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="heroBanner aem-GridColumn aem-GridColumn--default--12"> <div class="content-banner content-banner--home fn_banner-home content-banner--bg-theme--secondary fn_equalHeights " data-heights-type="banner-homepage" style="background-color: "> <div class="content-banner__wrapper"> <div class="content-banner__rhs-module-container" style="background-color: "> <div class="quickLinks section"><div class="homepage-links fn_homepage-links"> <ul> <li> <a href="https://tollnotice.linkt.com.au/search.asp" target="_blank"> <span class="link-icon icon--roads" data-grunticon-embed=""></span><span class="title fn_title">Pay a toll notice</span> <span class="subtext">Search and pay online</span> </a> <hr role="separator" style="background-color: "/> </li> <li> <a href="https://www.linkt.com.au/accounts-and-passes/open-an-account/sydney" target="_blank"> <span class="link-icon icon--devices" data-grunticon-embed=""></span><span class="title fn_title">Open an account</span> <span class="subtext">The easiest way to pay for your travel</span> </a> <hr role="separator" style="background-color: "/> </li> <li> <a href="https://www.linkt.com.au/accounts-and-passes/buy-a-pass/sydney" target="_blank"> <span class="link-icon icon--epass" data-grunticon-embed=""></span><span class="title fn_title">Buy a pass</span> <span class="subtext">For one-off trips</span> </a> <hr role="separator" style="background-color: "/> </li> <li> <a href="https://www.linkt.com.au/login" target="_blank"> <span class="link-icon icon--account" data-grunticon-embed=""></span><span class="title fn_title">Manage your account</span> <span class="subtext">For Linkt account and pass holders</span> </a> </li> </ul> </div></div> </div> <div class="content-banner__content-container"> <div class="heroBannerItem section"> <!-- for homepage banner place image in this container--> <!--image--> <div class="content-banner__image-container"> <img src="/content/dam/northconnex/banner/NCX-hero-marketing-w1920xh1000.jpg" class="content-banner__image"/> </div> <div class="content-banner__content-wrapper "> <!--page heading (in banner)--> <div class="content-banner__title"> <h1>Travelling through NorthConnex</h1> </div> <div class="content-banner__subtitle"> </div> <a href="/take-a-tour.html" class="btn btn--primary content-banner__cta fn_content-banner-cta"> Tour the tunnel </a> </div> <!--</div>--> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="content-container-wrapper aem-GridColumn aem-GridColumn--default--12"> <div class="content-container cf"> <div class="content-column"> <div id="main" tabindex="-1" role="main" class="main"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="contentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--grid module--padded-top-s module--flat-bottom"> <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"> <h3>NorthConnex is a nine kilometre twin tunnel linking the M1 Pacific Motorway at Wahroonga to the Hills M2 Motorway at West Pennant Hills in Sydney’s north.</h3> <p>It is the missing link in the National Transport Network improving freight access, connectivity and reliability across Greater Sydney. NorthConnex has been designed to the highest safety standards and as a solution to bypass one of NSW’s most congested routes, Pennant Hills Road.</p> <p>NorthConnex is an electronically tolled Motorway with no cash tollbooths. <span style="">Linkt tags and passes can be used to pay for all your Australian toll road travel, including NorthConnex tolls. To pay for your travel, </span><a title="Open an account" href="https://www.linkt.com.au/accounts-and-passes/open-an-account/sydney" target="_blank" style="" rel="noopener noreferrer">open an account</a><span style=""> or </span><a title="Buy a pass" href="https://www.linkt.com.au/accounts-and-passes/buy-a-pass/sydney" target="_blank" style="" rel="noopener noreferrer">buy a pass</a><span style="">.</span></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--flat-bottom " style="background-color:#; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-2-4"> <!-- start: column content--> <div class="featuredCTA section"> <p data-emptytext="React | Featured CTA Component" class="cq-placeholder"></p> <div data-analytics-track="featuredCTA" data-component="FeaturedCTA" data-json-author="{"heading":"Guided tour of NorthConnex","headingType":"h3","description":"","displayType":true,"displayTypeDelete":"","verticalAlign":"feature-tile--v-align-center","horizonatlAlign":"feature-tile--align-center","backgroundcolor":"feature-tile--bg-grey","textColor":"feature-tile--light-text","addborder":true,"opacity":"0.3","maskcolor":"#000","primarybuttonortext":"primary","primarybuttontext":"Take the tour","primarybuttonurl":"/take-a-tour.html","primaryopeninanewtab":false,"primaryincludearrow":false,"secondarybuttonortext":"primary","secondarybuttontext":"","secondarybuttonurl":null,"secondaryopeninanewtab":false,"secondaryincludearrow":false,"fileReference":"/content/dam/northconnex/cta/NCX-CTA-tunnel-tour.jpg","ctaimagealt":""}"></div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-2-4"> <!-- start: column content--> <div class="featuredCTA section"> <p data-emptytext="React | Featured CTA Component" class="cq-placeholder"></p> <div data-analytics-track="featuredCTA" data-component="FeaturedCTA" data-json-author="{"heading":"Maps","headingType":"h3","description":"","displayType":true,"displayTypeDelete":"","verticalAlign":"feature-tile--v-align-center","horizonatlAlign":"feature-tile--align-center","backgroundcolor":" ","textColor":"feature-tile--light-text","addborder":true,"opacity":"0.1","maskcolor":"#000","primarybuttonortext":"primary","primarybuttontext":"Maps and interchanges","primarybuttonurl":"/maps-and-interchanges.html","primaryopeninanewtab":false,"primaryincludearrow":false,"secondarybuttonortext":"primary","secondarybuttontext":"","secondarybuttonurl":null,"secondaryopeninanewtab":false,"secondaryincludearrow":false,"fileReference":"/content/dam/northconnex/cta/NCX-CTA-driver-ed2.jpg","ctaimagealt":""}"></div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--padded-bottom-s " style="background-color:#; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-2-4"> <!-- start: column content--> <div class="featuredCTA section"> <p data-emptytext="React | Featured CTA Component" class="cq-placeholder"></p> <div data-analytics-track="featuredCTA" data-component="FeaturedCTA" data-json-author="{"heading":"Check out our driver education videos","headingType":"h3","description":"","displayType":true,"displayTypeDelete":"","verticalAlign":"feature-tile--v-align-center","horizonatlAlign":"feature-tile--align-center","backgroundcolor":" ","textColor":"feature-tile--light-text","addborder":true,"opacity":"0.4","maskcolor":"#000","primarybuttonortext":"primary","primarybuttontext":"Take a drive","primarybuttonurl":"/driver-education.html","primaryopeninanewtab":false,"primaryincludearrow":false,"secondarybuttonortext":"primary","secondarybuttontext":"","secondarybuttonurl":null,"secondaryopeninanewtab":false,"secondaryincludearrow":false,"fileReference":"/content/dam/northconnex/cta/NCX-CTA-driver-ed.jpg","ctaimagealt":""}"></div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-2-4"> <!-- start: column content--> <div class="featuredCTA section"> <p data-emptytext="React | Featured CTA Component" class="cq-placeholder"></p> <div data-analytics-track="featuredCTA" data-component="FeaturedCTA" data-json-author="{"heading":"View 360 degrees of NorthConnex","headingType":"h3","description":"","displayType":true,"displayTypeDelete":"","verticalAlign":"feature-tile--v-align-center","horizonatlAlign":"feature-tile--align-center","backgroundcolor":"feature-tile--bg-grey","textColor":"feature-tile--light-text","addborder":true,"opacity":"0.4","maskcolor":"#000","primarybuttonortext":"primary","primarybuttontext":"Take a look inside","primarybuttonurl":"/360-vision.html","primaryopeninanewtab":false,"primaryincludearrow":false,"secondarybuttonortext":"primary","secondarybuttontext":"","secondarybuttonurl":null,"secondaryopeninanewtab":false,"secondaryincludearrow":false,"fileReference":"/content/dam/northconnex/cta/NCX-CTA-first-drivethrough.jpg","ctaimagealt":""}"></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:#333; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-3-3"> <!-- start: column content--> <div class="featuredCTA section"> <p data-emptytext="React | Featured CTA Component" class="cq-placeholder"></p> <div data-analytics-track="featuredCTA" data-component="FeaturedCTA" data-json-author="{"heading":"","headingType":"h1","description":"<p style=\"font-size: 150%; color: #ffffff;\">NorthConnex is an electronically tolled road with no cash toll booths. Linkt accounts and passes can be used to pay for all your Australian toll road travel, including NorthConnex tolls.</p>\n","displayType":false,"displayTypeDelete":"","verticalAlign":"top","horizonatlAlign":"feature-tile--align-center","backgroundcolor":" ","textColor":"feature-tile--light-text","addborder":false,"opacity":"0.3","maskcolor":"#000","primarybuttonortext":"primary","primarybuttontext":"Open an account","primarybuttonurl":"https://www.linkt.com.au/accounts-and-passes/open-an-account/sydney","primaryopeninanewtab":true,"primaryincludearrow":false,"secondarybuttonortext":"primary","secondarybuttontext":"","secondarybuttonurl":null,"secondaryopeninanewtab":false,"secondaryincludearrow":false,"fileReference":"","ctaimagealt":""}"></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--padded-top-s module--flat-bottom " style="background-color:#; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-3-3"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text module--flat-top module--flat-bottom"> <div class="module__content l-padding"> <div class="rich-text "> <h2 style=" margin-bottom: 0.0px; ">NorthConnex news</h2> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--flat-bottom " style="background-color:#; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featurednews section"> <!-- START feature-tile module wrapper --> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <!-- START feature-tile module content --> <!--START feature tile--> <!-- .feature-tile--news for news items--> <!-- .feature-tile--cta for featured CTAs --> <!-- .feature-tile--bg-grey for solid grey background --> <!-- .feature-tile--bordered to add a border --> <!-- .feature-tile--with-image if there is an image present--> <!-- mask options--> <!-- .feature-tile--dark for dark mask - makes image dark and text white --> <!-- .feature-tile--light for light mask - makes image light and text black --> <!-- if tile is meant to be clickable (such as for news items) use a anchor instead of a div--> <a href="/news/quarterly-toll-adjustment-from-1-oct-2024.html" role="button" class="feature-tile fn_feature-tile feature-tile--news feature-tile--with-image feature-tile--light-text"> <!--optional image field--> <div class="feature-tile__image-container"> <img src="/content/dam/northconnex/banner/northconnex-oct2024-banner.jpg" class="feature-tile__image"/> <span class="feature-tile__mask" style="opacity:;background-color:"> </span> </div> <div class="feature-tile__content"> <!--optional date field--> <div class="feature-tile__date">16 September 2024</div> <div class="feature-tile__title">Quarterly toll adjustment from 1 October 2024</div> <div class="feature-tile__text"> A quarterly toll adjustment on the NorthConnex (M11) Motorway will take effect from 1 October 2024. </div> </div> </a> <!--END feature tile--> <!-- END feature-tile module content --> </div> </div> <!-- END feature-tile module wrapper --> <!-- end featured content items --> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featurednews section"> <!-- START feature-tile module wrapper --> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <!-- START feature-tile module content --> <!--START feature tile--> <!-- .feature-tile--news for news items--> <!-- .feature-tile--cta for featured CTAs --> <!-- .feature-tile--bg-grey for solid grey background --> <!-- .feature-tile--bordered to add a border --> <!-- .feature-tile--with-image if there is an image present--> <!-- mask options--> <!-- .feature-tile--dark for dark mask - makes image dark and text white --> <!-- .feature-tile--light for light mask - makes image light and text black --> <!-- if tile is meant to be clickable (such as for news items) use a anchor instead of a div--> <a href="/news/ensuring-northconnex-remains-safe-efficient-within-syndeys-road-network.html" role="button" class="feature-tile fn_feature-tile feature-tile--news feature-tile--with-image feature-tile--light-text"> <!--optional image field--> <div class="feature-tile__image-container"> <img src="/content/dam/northconnex/banner/ensuring-northconnex-remains-safe-banner.jpg" alt="Man looking at multiple computer screens with flow charts and diagrams. " class="feature-tile__image"/> <span class="feature-tile__mask" style="opacity:;background-color:"> </span> </div> <div class="feature-tile__content"> <!--optional date field--> <div class="feature-tile__date">8 February 2024</div> <div class="feature-tile__title">Ensuring NorthConnex remains safe and efficient within Sydney's Road network</div> <div class="feature-tile__text"> NorthConnex works closely with stakeholders to ensure the technology, safety, and incident response capabilities of the NorthConnex Motorway, and the people who operate it. </div> </div> </a> <!--END feature tile--> <!-- END feature-tile module content --> </div> </div> <!-- END feature-tile module wrapper --> <!-- end featured content items --> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featurednews section"> <!-- START feature-tile module wrapper --> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <!-- START feature-tile module content --> <!--START feature tile--> <!-- .feature-tile--news for news items--> <!-- .feature-tile--cta for featured CTAs --> <!-- .feature-tile--bg-grey for solid grey background --> <!-- .feature-tile--bordered to add a border --> <!-- .feature-tile--with-image if there is an image present--> <!-- mask options--> <!-- .feature-tile--dark for dark mask - makes image dark and text white --> <!-- .feature-tile--light for light mask - makes image light and text black --> <!-- if tile is meant to be clickable (such as for news items) use a anchor instead of a div--> <a href="/news/northconnex-wins-global-award.html" role="button" class="feature-tile fn_feature-tile feature-tile--news feature-tile--with-image feature-tile--light-text"> <!--optional image field--> <div class="feature-tile__image-container"> <img src="/content/dam/northconnex/media/news/NCX-news-lighting.png" class="feature-tile__image"/> <span class="feature-tile__mask" style="opacity:;background-color:"> </span> </div> <div class="feature-tile__content"> <!--optional date field--> <div class="feature-tile__date">9 July 2021</div> <div class="feature-tile__title">NorthConnex wins global award</div> <div class="feature-tile__text"> The stunning trees, stars and speed lines that shine in Sydney’s NorthConnex motorway tunnel are now lighting up the world. The tunnel has received a major honour at the International Association of Lighting Designers Awards, streamed online on 25 June 2021, from Chicago. </div> </div> </a> <!--END feature tile--> <!-- END feature-tile module content --> </div> </div> <!-- END feature-tile module wrapper --> <!-- end featured content items --> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <p data-emptytext="Rich Content Container" class="cq-placeholder"></p> <div class="module " style="background-color:#; background-image: url(""); "> <div class="module__content l-full-width"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> </div> </div> </div> </div> <div class="faqList section"><!-- START faq module wrapper --> <div data-component="HelpArticleList" data-json-author="{"faqTitle":"Common questions about NorthConnex","linkText":null,"linkURL":"null.html","readFullArticle":"Read more","displaySummary":"true","faqArticles":[{"summaryLink":null,"summaryText":null,"summaryField":"","faqArticleTitle":"What is NorthConnex?","answerField":"<p>NorthConnex is a nine kilometre electronically tolled twin tunnel that links the M1 Pacific Motorway at Wahroonga to the Hills M2 Motorway at West Pennant Hills, saving up to 15 minutes in travel time per trip.</p>","articleLink":"/help/what-is-northconnex.html"},{"summaryLink":null,"summaryText":null,"summaryField":"","faqArticleTitle":"How much is the toll?","answerField":"<p>NorthConnex tolls are reviewed quarterly in line with the NorthConnex Project Deed.&nbsp;<span style=\"font-size: 1rem;\">View the </span><a href=\"/plan-your-trip/toll-pricing.html\" style=\"font-size: 1rem;\">current toll pricing</a><span style=\"font-size: 1rem;\">.</span></p> \n <p><a href=\"/plan-your-trip.html\">Plan your trip and get toll ready.</a></p>","articleLink":"/help/how-much-is-the-toll.html"},{"summaryLink":null,"summaryText":null,"summaryField":"","faqArticleTitle":"I travelled on NorthConnex, how do I pay?","answerField":"<p>If you've already travelled on NorthConnex you can pay for your travel by buying a pass or opening an account through our preferred retailer, Linkt. <a href=\"/plan-your-trip/toll-pricing.html\">Find out about toll pricing</a>.<br> </p> \n <p>If you've used&nbsp;NorthConnex you can buy a <a href=\"https://www.linkt.com.au/accounts-and-passes/buy-a-pass/sydney\" title=\"Buy a Sydney pass\" target=\"_blank\">Sydney pass</a>&nbsp;or open a&nbsp;<a title=\"Open an account\" href=\"https://www.linkt.com.au/accounts-and-passes/open-an-account/sydney\" target=\"_blank\">Linkt Tag or Tagless account</a>&nbsp;after you've travelled, but there are time limits for doing so.<br> </p> \n <p>For the Sydney pass, you have 5 days after your first trip to <a title=\"Buy a pass\" href=\"https://www.linkt.com.au/accounts-and-passes/buy-a-pass/sydney\" target=\"_blank\">buy a pass</a>.</p> \n <p>For a Tag or Tagless account, you have 9 days after your first trip to <a title=\"Open anaccount\" href=\"https://www.linkt.com.au/accounts-and-passes/open-an-account/sydney\" target=\"_blank\">open an account</a>.</p> \n <p>If you don't cover your travel in these time frames, a toll notice with payment instructions will be posted to the vehicle's registered owner.</p> \n <p><a href=\"https://www.linkt.com.au/home/sydney\" target=\"_blank\"><img src=\"/content/dam/westlinkm7/logos/linkt_logo.png\"></a></p>","articleLink":"/help/i-travelled-on-northconnex-how-do-i-pay.html"},{"summaryLink":null,"summaryText":null,"summaryField":"","faqArticleTitle":"What are the benefits for motorists?","answerField":"<p>Motorists can travel from Newcastle to Melbourne without a single set of traffic lights, reducing travel times and delivering state and national freight efficiencies. Bypass 21 sets of traffic lights along Pennant Hills Road, and as alternative route to the city bypass up to 40 sets on the Pacific Highway.</p>","articleLink":"/help/what-are-the-benefits-for-the-motorists.html"},{"summaryLink":null,"summaryText":null,"summaryField":"","faqArticleTitle":"What happens if I break down in the tunnel?","answerField":"<p>NorthConnex is monitored 24 hours a day, with incident response teams ready to help if anything goes wrong. If you break down or have an accident in the tunnel, please stay in your vehicle and wait for help to arrive.&nbsp; Turn on your hazard lights and find the safest possible place to pull over, in an emergency stopping lane or break down bay if possible.</p> \n <p>To report an incident on the motorway, please call 13 33 31.</p>","articleLink":"/help/what-happens-if-i-break-down-in-the-tunnel.html"}]}"></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--padded-top-s module--padded-bottom-s " style="background-color:#; background-image: url(""); 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="iconLinksListContainer section"> <div class="module module--category-cards "> <div class="module__content l-padding"> <div class="category-cards"> <div class='category-cards__layout'> <h3 class="categories__title"></h3> <ul class='category-cards__list fn_equalHeights' data-heights-type="category-cards"> <li class="iconLink section"> <!-- START .category-card --> <a href="/plan-your-trip/toll-pricing.html" class='category-card fn_category-card'> <!-- START .category-card__content --> <div class='category-card__content'> <div class="icon icon--gantry" data-grunticon-embed=""></div> <div class="fn_label category-card__label">Toll pricing</div> </div> <!-- END .category-card__content --> </a> <!-- END .category-card --> </li> <li class="iconLink section"> <!-- START .category-card --> <a href="/plan-your-trip.html" class='category-card fn_category-card'> <!-- START .category-card__content --> <div class='category-card__content'> <div class="icon icon--roads" data-grunticon-embed=""></div> <div class="fn_label category-card__label">Plan your trip</div> </div> <!-- END .category-card__content --> </a> <!-- END .category-card --> </li> <li class="iconLink section"> <!-- START .category-card --> <a href="/maps-and-interchanges.html" class='category-card fn_category-card'> <!-- START .category-card__content --> <div class='category-card__content'> <div class="icon icon--location" data-grunticon-embed=""></div> <div class="fn_label category-card__label">Maps and interchanges</div> </div> <!-- END .category-card__content --> </a> <!-- END .category-card --> </li> <li class="iconLink section"> <!-- START .category-card --> <a href="/contact-us.html" class='category-card fn_category-card'> <!-- START .category-card__content --> <div class='category-card__content'> <div class="icon icon--contact-us" data-grunticon-embed=""></div> <div class="fn_label category-card__label">Contact us</div> </div> <!-- END .category-card__content --> </a> <!-- END .category-card --> </li> </ul> </div> </div> </div> </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"> <div class="footer"> <div class="l-padding cf"> <div class="footer__logo-container"> <div class="footer__logo-wrapper"> <div class="text"></div> <img src="/content/dam/northconnex/logos/NorthConnex-logo.svg" class="logo"/> </div> <div class="footer__logo-wrapper"> <div class="text">Preferred retailer</div> <a href="http://www.linkt.com.au/home/sydney?_ga=2.75201298.163318855.1700048751-225680140.1699090406"><img src="/content/dam/westlinkm7/logos/logo-footer-linkt.png" 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="/contact-us.html">Contact us </a> </li> <li> <a class="fn_footer__link" href="/legal/privacy.html">Privacy </a> </li> <li> <a class="fn_footer__link" href="/legal.html">Legal </a> </li> <li> <a class="fn_footer__link" href="/legal/terms-of-use.html">Terms of use </a> </li> </ul> </div> <div class="footer__copy"> <p>"NorthConnex" is a registered trade mark of Transport for NSW. Copyright in the Material on this website is owned or licensed by NorthConnex Company Pty Ltd ACN 602 719 513</p> <p>"Linkt" and "Linkt Sydney" are registered trade marks of Transurban Limited ACN 098 143 410 used under licence by Tollaust Pty Limited ABN 37 050 538 693</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"> </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-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 --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NFGWBX9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <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= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NFGWBX9');</script> <!-- End Google Tag Manager --> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=704512791" async></script></body> </html>