CINXE.COM

Plan your trip with Linkt - NorthConnex

<!DOCTYPE HTML> <html class="supports-no-js theme--northconnex" id="html-tag" data-theme="northconnex" lang="en-AU"> <head> <title>Plan your trip with Linkt - 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="What you need to know, to be toll road ready and plan your trip through the new NorthConnex tunnel."/> <meta name="template" content="one-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-northconnex.css?ver=1250208255" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.highcontrast.css?ver=1250208255" />') } else { document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.highcontrast.css?ver=1250208255" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-northconnex.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": "42a0cdd2-e406-4a28-9d73-2eea7b2fb91e", "pageName": "Plan your trip with Linkt", "issueDate": "2023-11-28 14:53:15", "updatedDate" : "2023-12-04 07:17:29", "brand": "Northconnex", "generator": "", "domain": "www.northconnex.com.au", "subDomain" : "public site", "sysEnv": "Desktop", "delayType": "Normal" }, "category": { "primaryCategory": "Plan your trip with Linkt", "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="banner aem-GridColumn aem-GridColumn--default--12"> <div class="content-banner content-banner--dark content-banner--h-align-center "> <div class="content-banner__wrapper"> <div class="content-banner__image-container " style="background-image: url('/content/dam/northconnex/banner/NCX-banner-white-trees.jpg')"></div> <div class="content-banner__content-container fn_content-banner"> <div class="content-banner__content-wrapper"> <div class="content-banner__title"> <h1>Plan your trip with Linkt</h1> </div> <div class="content-banner__subtitle"> </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="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-m module--padded-bottom-s " style="background-color:#; background-image: url(&quot;&quot;); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <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"> <div class="text-large">A trip on NorthConnex will save you up to 15 minutes per journey as you bypass 21 sets of traffic lights on Pennant Hills Road. To pay for travel on NorthConnex, you need to <a href="https://www.linkt.com.au/home/sydney" target="_blank" rel="noopener noreferrer">buy a pass or open an account</a>.</div> <p>You can do this before or after you鈥檝e travelled so long as you do so within the <a href="https://www.linkt.com.au/help/payments-tolls-and-fees/i-travelled-on-a-toll-road-how-do-i-pay/sydney" target="_blank" rel="noopener noreferrer">required time frames</a>. If you do not open a pass or account within the required time frame you will receive a toll notice in the mail.</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:#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 "> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featured-image-content react-hp-featuretiles section"> <a id="url1-1994581232" class="hidden" aria-hidden="true" href="https://www.linkt.com.au/using-toll-roads/toll-calculator/sydney"> </a> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="aem-react-equal-heights-content" data-analytics-track="featuredImageContent" data-alternate-image-text="Representation of a toll calculator using a route on a map" data-component="FeaturedImageContent" data-cta-link="https://www.linkt.com.au/using-toll-roads/toll-calculator/sydney" data-equalise="true" data-featured-content-unique-id="1994581231" data-file-reference="/content/dam/northconnex/illustration/tollcalc-icon-180.svg" data-summary-text="&lt;p>Work out the cost of all your Sydney toll road travel, including NorthConnex.&lt;/p> " data-text-align="center" data-title="Toll calculator" data-title-style="helper-text-large-bold-flex" data-component-id="1994581232"> </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="featured-image-content react-hp-featuretiles section"> <a id="url1-513815030" class="hidden" aria-hidden="true" href="https://www.linkt.com.au/accounts-and-passes/open-an-account/sydney"> </a> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="aem-react-equal-heights-content" data-analytics-track="featuredImageContent" data-alternate-image-text="Cars on the road" data-component="FeaturedImageContent" data-cta-link="https://www.linkt.com.au/accounts-and-passes/open-an-account/sydney" data-equalise="true" data-featured-content-unique-id="513815029" data-file-reference="/content/dam/northconnex/illustration/sydney.svg" data-summary-text="&lt;p>The easy way to pay all your Sydney tolls, including NorthConnex trips.&lt;/p> " data-text-align="center" data-title="Open a Linkt account" data-title-style="helper-text-large-bold-flex" data-component-id="513815030"> </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="featured-image-content react-hp-featuretiles section"> <a id="url1--107619488" class="hidden" aria-hidden="true" href="https://nswroads.work/phr"> </a> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="aem-react-equal-heights-content" data-analytics-track="featuredImageContent" data-alternate-image-text="Picture of a truck" data-component="FeaturedImageContent" data-cta-link="https://nswroads.work/phr" data-equalise="true" data-featured-content-unique-id="107619489" data-file-reference="/content/dam/northconnex/illustration/truck.svg" data-open-in-new-tab="true" data-summary-text="&lt;p>Some types of vehicles are required by regulation to use NothConnex. Find out more from Transport for NSW.&lt;/p> " data-text-align="center" data-title="Trucks and buses" data-title-style="helper-text-large-bold-flex" data-component-id="-107619488"> </div> </div> </div></div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-s module--padded-bottom-l " style="background-color:#; 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 "> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-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="{&#34;heading&#34;:&#34;NorthConnex toll prices&#34;,&#34;headingType&#34;:&#34;h3&#34;,&#34;description&#34;:&#34;&lt;p>Find out how much it will cost to travel on NorthConnex. Toll prices are based on your vehicle class.&lt;/p>\r\n&lt;p>&lt;a title=\&#34;Find out more\&#34; href=\&#34;/content/northconnex/en_au/content/plan-your-trip/toll-pricing.html\&#34; target=\&#34;_blank\&#34; class=\&#34;btn btn--tertiary btn--small\&#34;>Find out more&lt;/a>&lt;/p>\r\n&#34;,&#34;displayType&#34;:false,&#34;displayTypeDelete&#34;:&#34;&#34;,&#34;verticalAlign&#34;:&#34;top&#34;,&#34;horizonatlAlign&#34;:&#34;left&#34;,&#34;backgroundcolor&#34;:&#34;feature-tile--bg-grey&#34;,&#34;textColor&#34;:&#34;feature-tile--light-text&#34;,&#34;addborder&#34;:false,&#34;opacity&#34;:&#34;1&#34;,&#34;maskcolor&#34;:&#34;#30a93f&#34;,&#34;primarybuttonortext&#34;:&#34;secondary&#34;,&#34;primarybuttontext&#34;:&#34;&#34;,&#34;primarybuttonurl&#34;:null,&#34;primaryopeninanewtab&#34;:false,&#34;primaryincludearrow&#34;:false,&#34;secondarybuttonortext&#34;:&#34;primary&#34;,&#34;secondarybuttontext&#34;:&#34;&#34;,&#34;secondarybuttonurl&#34;:null,&#34;secondaryopeninanewtab&#34;:false,&#34;secondaryincludearrow&#34;:false,&#34;fileReference&#34;:&#34;/content/dam/northconnex/cta/CTA-white.png&#34;,&#34;ctaimagealt&#34;:&#34;&#34;}"></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="featuredCTA section"> <p data-emptytext="React | Featured CTA Component" class="cq-placeholder"></p> <div data-analytics-track="featuredCTA" data-component="FeaturedCTA" data-json-author="{&#34;heading&#34;:&#34;Linkt Assist&#34;,&#34;headingType&#34;:&#34;h3&#34;,&#34;description&#34;:&#34;&lt;p>Sometimes life doesn鈥檛 go to plan. If you want to pay your tolls but can鈥檛 manage your payments right now, the Linkt Assist team can help. Our confidential support is adapted to your changing needs so if you think we can help, get in touch with us as soon as you can.&lt;/p>\n&lt;p>&lt;a title=\&#34;Find out more\&#34; href=\&#34;https://www.linkt.com.au/linkt-assist/\&#34; target=\&#34;_blank\&#34; class=\&#34;btn btn--tertiary btn--small\&#34;>Find out more&lt;/a>&lt;/p>\n&#34;,&#34;displayType&#34;:false,&#34;displayTypeDelete&#34;:&#34;&#34;,&#34;verticalAlign&#34;:&#34;top&#34;,&#34;horizonatlAlign&#34;:&#34;left&#34;,&#34;backgroundcolor&#34;:&#34;feature-tile--bg-grey&#34;,&#34;textColor&#34;:&#34;feature-tile--light-text&#34;,&#34;addborder&#34;:false,&#34;opacity&#34;:&#34;1&#34;,&#34;maskcolor&#34;:&#34;#4c4d4f&#34;,&#34;primarybuttonortext&#34;:&#34;primary&#34;,&#34;primarybuttontext&#34;:&#34;&#34;,&#34;primarybuttonurl&#34;:null,&#34;primaryopeninanewtab&#34;:false,&#34;primaryincludearrow&#34;:false,&#34;secondarybuttonortext&#34;:&#34;primary&#34;,&#34;secondarybuttontext&#34;:&#34;&#34;,&#34;secondarybuttonurl&#34;:null,&#34;secondaryopeninanewtab&#34;:false,&#34;secondaryincludearrow&#34;:false,&#34;fileReference&#34;:&#34;/content/dam/northconnex/cta/CTA-white.png&#34;,&#34;ctaimagealt&#34;:&#34;&#34;}"></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="featuredCTA section"> <p data-emptytext="React | Featured CTA Component" class="cq-placeholder"></p> <div data-analytics-track="featuredCTA" data-component="FeaturedCTA" data-json-author="{&#34;heading&#34;:&#34;Get toll ready with&#34;,&#34;headingType&#34;:&#34;h3&#34;,&#34;description&#34;:&#34;&lt;p>&lt;a title=\&#34;Find out more\&#34; href=\&#34;https://www.linkt.com.au/sydney/\&#34; target=\&#34;_blank\&#34;>&lt;img src=\&#34;/content/dam/westlinkm7/logos/Linkt_300x117.svg\&#34; width=\&#34;130\&#34; alt=\&#34;Linkt logo\&#34;>&lt;/a>&lt;/p>\n&lt;p>&lt;br>\nLinkt is our preferred retailer. All Linkt accounts and passes can be used to pay for NorthConnex tolls.&lt;br>\n&lt;br>\n&lt;a title=\&#34;Find out more\&#34; href=\&#34;https://www.linkt.com.au/home/sydney\&#34; target=\&#34;_blank\&#34; class=\&#34;btn btn--tertiary btn--small\&#34;>Find out more&lt;/a>&lt;/p>\n&#34;,&#34;displayType&#34;:false,&#34;displayTypeDelete&#34;:&#34;&#34;,&#34;verticalAlign&#34;:&#34;top&#34;,&#34;horizonatlAlign&#34;:&#34;left&#34;,&#34;backgroundcolor&#34;:&#34; &#34;,&#34;textColor&#34;:&#34;feature-tile--dark-text&#34;,&#34;addborder&#34;:true,&#34;opacity&#34;:&#34;0.3&#34;,&#34;maskcolor&#34;:&#34;#000&#34;,&#34;primarybuttonortext&#34;:&#34;text&#34;,&#34;primarybuttontext&#34;:&#34;&#34;,&#34;primarybuttonurl&#34;:null,&#34;primaryopeninanewtab&#34;:false,&#34;primaryincludearrow&#34;:false,&#34;secondarybuttonortext&#34;:&#34;primary&#34;,&#34;secondarybuttontext&#34;:&#34;&#34;,&#34;secondarybuttonurl&#34;:null,&#34;secondaryopeninanewtab&#34;:false,&#34;secondaryincludearrow&#34;:false,&#34;fileReference&#34;:&#34;&#34;,&#34;ctaimagealt&#34;:&#34;&#34;}"></div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> </div> </div> <div class="section"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> </div> </div> <div class="clear"></div> </div></div> </div> </div> <div id="react-components-root"></div> <div> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="globalfooter aem-GridColumn aem-GridColumn--default--12"> <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>&#34;NorthConnex&#34; 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>&#34;Linkt&#34; and &#34;Linkt Sydney&#34; are registered trade marks of Transurban Limited ACN 098 143 410 used under licence by Tollaust Pty Limited ABN 37 050 538 693</p> <p>Transurban Acknowledges the Traditional Owners of the lands throughout Australia, and we pay respect to Elders past and present.</p> <p>We acknowledge our roads and infrastructure are built on Country. With deep respect, we incorporate the voices of First Nations people in our approach, supporting equitable access to mobility across communities.</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-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 --> <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=2&cb=642100743" async></script></body> </html>

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