CINXE.COM
Careers at Transurban
<!DOCTYPE HTML> <html class="supports-no-js theme--transurban" id="html-tag" data-theme="transurban" lang="en-AU"> <head><script src="/esticke-this-Lad-Mac-Which-sleefe-Yet-them-Malco" async></script> <title>Careers at Transurban</title> <!-- Hot fix for jquery.smartbanner styles preload start --> <style> #smartbanner { position: absolute; left: 0; top: -82px; border-bottom: 1px solid #e8e8e8; width: 100%; height: 78px; font-family: "Helvetica Neue", sans-serif; background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; } #smartbanner, html.sb-animation { -webkit-transition: all 0.3s ease; } #smartbanner .sb-container { margin: 0 auto; } #smartbanner .sb-close { position: absolute; left: 5px; top: 10px; display: block; border: 2px solid #fff; width: 14px; height: 14px; font-family: "ArialRoundedMTBold", Arial; font-size: 15px; line-height: 15px; text-align: center; color: #fff; background: #070707; text-decoration: none; text-shadow: none; border-radius: 14px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); -webkit-font-smoothing: subpixel-antialiased; } #smartbanner .sb-close:active { font-size: 13px; color: #aaa; } #smartbanner .sb-icon { position: absolute; left: 30px; top: 10px; display: block; width: 57px; height: 57px; background: rgba(0, 0, 0, 0.6); background-size: cover; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } #smartbanner.no-icon .sb-icon { display: none; } #smartbanner .sb-info { position: absolute; left: 98px; top: 18px; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: bold; color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } #smartbanner #smartbanner.no-icon .sb-info { left: 34px; } #smartbanner .sb-info strong { display: block; font-size: 13px; color: #4d4d4d; line-height: 18px; } #smartbanner .sb-info > span { display: block; } #smartbanner .sb-info em { font-style: normal; text-transform: uppercase; } #smartbanner .sb-button { position: absolute; right: 20px; top: 24px; border: 1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; color: #6a6a6a; background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%); text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; } #smartbanner .sb-button:active, #smartbanner .sb-button:hover { background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%); } #smartbanner .sb-icon.gloss:after { content: ""; position: absolute; left: 0; top: -1px; border-top: 1px solid rgba(255, 255, 255, 0.8); width: 100%; height: 50%; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%); border-radius: 10px 10px 12px 12px; } #smartbanner.android { border-color: #212228; background: #3d3d3d url("data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7"); border-top: 5px solid #88B131; -webkit-box-shadow: none; box-shadow: none; } #smartbanner.android .sb-close { border: 0; width: 17px; height: 17px; line-height: 17px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); } #smartbanner.android .sb-close:active { color: #eee; } #smartbanner.android .sb-info { color: #ccc; text-shadow: 0 1px 2px #000; } #smartbanner.android .sb-info strong { color: #fff; } #smartbanner.android .sb-button { min-width: 12%; border: 1px solid #DDDCDC; padding: 1px; color: #d1d1d1; background: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; min-height: 28px; } #smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB); text-transform: none; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; } #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background: #2AC7E1; } #smartbanner.ios .sb-close { line-height: 10px; } #smartbanner.windows .sb-icon { border-radius: 0px; } </style> <!-- Hot fix for jquery.smartbanner styles preload end --> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link as="style" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/jquery.smartbanner.css" rel="preload" type="text/css"/> <link as="font" crossorigin href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/fonts/open-sans-v18-latin-regular.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/fonts/open-sans-v18-latin-700.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/MaterialIcons-Regular.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/open-sans-v18-latin-regular.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/open-sans-v18-latin-700.woff2" rel="preload" type="font/woff2"/> <link as="font" crossorigin href="/etc.clientlibs/digitalselfservice/clientlibs/clientlib-common-components/resources/open-sans-v18-latin-600.woff2" rel="preload" type="font/woff2"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="format-detection" content="telephone=no"/> <meta name="google-site-verification" content="gPQz7WUZuWX_3y90SqlF1LEwLqGgwflWOT2nos84ReQ"/> <meta name="apple-itunes-app"/> <!-- Start of google app configuration --> <meta name="author"/> <meta name="google-play-app" content="app-id="/> <meta name="msApplication-TileImage-Android"/> <!-- End of google app --> <meta name="msapplication-TileColor" content="#000"/> <meta name="msapplication-TileImage"/> <link rel="apple-touch-icon-precomposed" href="/content/dam/careers/logos/app-icon.png"/> <link rel="shortcut icon" href="/content/dam/careers/logos/favicon.ico" type="image/x-icon"/> <link rel="icon" href="/content/dam/careers/logos/favicon.ico" type="image/x-icon"/> <meta name="description" content="We’re one of the world’s largest toll-road operators, with roads in Melbourne, Sydney, Brisbane, Greater Washington Area and Montreal. Our purpose is to strengthen communities through transport, and we do this by delivering and operating transport infrastructure that makes cities more liveable. We use technology, innovation and insights to create better, safer and more sustainable travel solutions for our communities—and exceptional career opportunities for our people."/> <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="Careers at Transurban"/> <meta property="og:type" content="website"/> <meta property="og:description" content="We’re one of the world’s largest toll-road operators, with roads in Melbourne, Sydney, Brisbane, Greater Washington Area and Montreal. Our purpose is to strengthen communities through transport, and we do this by delivering and operating transport infrastructure that makes cities more liveable. We use technology, innovation and insights to create better, safer and more sustainable travel solutions for our communities—and exceptional career opportunities for our people."/> <meta property="og:image" content="https://careers.transurban.com/content/dam/careers/banners/hero_careers_two_ladies_in_the_office_1920x1000.jpg"/> <meta property="og:url" content="https://careers.transurban.com"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@TransurbanGroup"/> <meta name="twitter:title" content="Careers at Transurban"/> <meta name="twitter:description" content="We’re one of the world’s largest toll-road operators, with roads in Melbourne, Sydney, Brisbane, Greater Washington Area and Montreal. Our purpose is to strengthen communities through transport, and we do this by delivering and operating transport infrastructure that makes cities more liveable. We use technology, innovation and insights to create better, safer and more sustainable travel solutions for our communities—and exceptional career opportunities for our people."/> <meta name="twitter:image" content="https://careers.transurban.com/content/dam/careers/banners/hero_careers_two_ladies_in_the_office_1920x1000.jpg"/> <meta property="og:site_name" content="Transurban Careers"/> <meta property="fb:app_id" content="1229462937153261"/> <!-- End of social Meta tags --> <link rel="canonical" href="https://careers.transurban.com"/> <!--[if lt IE 9]> <link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style.static.highcontrast.css?ver=1250208255" href="/etc.clientlibs/digitalcms/clientlib/digitalcms.ui.components/resources/css/style.static.css?ver=1250208255"/> <![endif]--> <!--[if gte IE 9]><!--> <script type="text/javascript"> function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length == 2) return parts.pop().split(";").shift(); } if (getCookie('TU_HIGHCONTRAST') == 'true') { // if highcontrast cookie is saved, serve up highcontrast stylesheet by default document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.css?ver=1250208255" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.highcontrast.css?ver=1250208255" />') } else { document.write('<link rel="stylesheet" data-highcontrast-href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.highcontrast.css?ver=1250208255" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components/resources/css/style-transurban.css?ver=1250208255" />') } </script> <!--<![endif]--> <!-- React ui.components clientlibs include start --> <link rel="stylesheet" href="/etc.clientlibs/digitalcms/clientlibs/core.components.ui.lc-4403f7d4cc216f3201c0bb7841f8f164-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/digitalcms/clientlibs/digitalcms.ui.components.lc-784d079d755c2468bd15676fb6d7c038-lc.min.css" type="text/css"> <!-- START analytics data layer (DTL) object--> <script type="text/javascript" charset="utf-8"> var digitalData = { "page": { "pageInfo": { "pageID": "bda6e0aa-63e0-41c1-a4cd-6dc53b0f050f", "pageName": "Home", "issueDate": "2023-11-27 09:59:54", "updatedDate" : "2024-10-03 01:44:02", "brand": "Transurban Group", "generator": "", "domain": "careers.transurban.com", "subDomain" : "public site", "sysEnv": "Desktop", "delayType": "Normal" }, "category": { "primaryCategory": "Careers at Transurban", "subCategory1": "", "subCategory2": "", "subCategory3": "", "pageType": "" }, "productInfo": {} }, "user": { "profileInfo": { "membershipType": "", "membershipTypeID": "" } }, "version": "1.0", "events": [], "vendor": { "GoogleAnalytics": { "account": "UA\-9250181\-41", "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 class="header new-header"> <div class="top cf"> <div class="header__wrapper"> <a href="#nav" class="nav-toggle js-offscreen-toggle"><span class="vh">Open navigation</span></a> <div class="logo"> <a href="https://www.transurban.com/"><img src="/content/dam/careers/logos/logo-t.png" width="102" height="49" alt="Transurban "/></a> </div> <div class="clear"></div> <div class=""> <div class="header__btns"> <ul class="horizontal"> <li> <a href="#" class="has-icon btn--location fn_btn--location"> <!-- note: the icon is determined by the icon--* class; to change the icon this class must be changed --> <span class="icon icon--location" style="background-image: none;" data-grunticon-embed=""></span> <span class="location-text"> Australia </span> </a> </li> </ul> </div> </div> <div class="header__actions"> <!-- START Header nav --> <div class="header__nav fn_header__nav "> <div class="navbar"> <ul class="nav nav--main cf"> <!--sly data-sly-use.mainNav="com.transurban.navigation.MainNavigationUse"/--> <li> <a href="/"> Home </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> </div> </div> </li> <li> <a href="/opportunities.html"> Opportunities </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> </div> </div> </li> <li> <a href="/benefits.html"> Benefits </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> </div> </div> </li> <li> <a href="/diversity-inclusion.html"> Diversity and inclusion </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> <ul class="no-children"> </ul> </div> </div> </li> <li> <a href="/our-values.html"> Our values </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> </div> </div> </li> <li> <a href="/graduates-and-students.html"> Graduates and students </a> <div class="fn_dropdown dropdown"> <div class="dropdown__content cf"> </div> </div> </li> </ul> </div> </div> <!-- END Header nav --> <div class="header__btns"> <ul class="horizontal"> </ul> </div> </div> </div> <!-- START: header search--> <!-- START: header search--> <style> .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px } </style> <div class="fn_header-search-container header-search"> <form> <div class="header-search__input-container"> <!-- note for attribute here must match name of input --> <!-- name of input given here is an example only--> <div class="ctrl-holder"> <label class="vh" for="q">header search</label> <input name="q" id="header_search" title="header search" class="text full fn_input-search header-search__input" type="text"/> </div> </div> <!-- use hidden input to pass other parameters, such as page--> <input name="search-collection" type="hidden" id="search-collection" value="transurban-web"/> <input name="search-url" type="hidden" id="search-url" value="https://transurban-search.clients.funnelback.com/s/suggest.json"/> <input name="search-profile" type="hidden" id="search-profile" value="_default"/> <input name="drop-down-nos" type="hidden" id="drop-down-nos" value="10"/> <button href="#" class="fn_btn-go header-search__submit btn btn--primary" type="submit"> </button> </form> </div> <!-- END: header search--> <!-- END: header search--> <!-- START: header search--> <!--<sly data-sly-use.locationSwitcher="com.transurban.navigation.LocationSwitcher" />--> <style> .fn_location-container div { text-align: center; padding-top: 15px; padding-bottom: 15px; } .padding { padding-left: -20px; padding-right: -20px; margin-left: 20px; margin-right: 20px; } </style> <div class="fn_location-container location" style="display: none; height: 0px;"> <div class="fn_location-wrong padding"> Not in Australia? </div> <div class="fn_details padding"> Information on Careers differs between Australia and U.S. </div> <div class="fn_location-title padding"> Choose location </div> <div class="fn_location-item"> <div class="fn_location-item-box padding"> <a href="/north-america.html"> United States , U.S. </a> </div> </div> <div class="fn_location-close"> <a class="fn_location-close-button" href="#">Close</a> </div> </div> <!-- END: header search--> </div> </div> <div id="nav" class="offscreen-nav fn_offscreen-nav js-offscreen-nav" role="navigation" tabindex="-1" data-offscreen-at="0,m"> <a href="#" class="nav-close"><span class="icon icon--close" data-grunticon-embed=""></span>Close</a> <nav> <div class="nav-inner"> <h2 class="visuallyhidden">Navigation</h2> <div class="nav-main"> <ul> <!--sly data-sly-use.mainNav="com.transurban.navigation.MainNavigationUse"/--> <li class=""> <a href="/" class="nav-lvl1 ">Home </a> </li> <li class=""> <a href="/opportunities.html" class="nav-lvl1 ">Opportunities </a> </li> <li class=""> <a href="/benefits.html" class="nav-lvl1 ">Benefits </a> </li> <li class=""> <a href="/diversity-inclusion.html" class="nav-lvl1 ">Diversity and inclusion </a> </li> <li class=""> <a href="/our-values.html" class="nav-lvl1 ">Our values </a> </li> <li class=""> <a href="/graduates-and-students.html" class="nav-lvl1 ">Graduates and students </a> </li> </ul> </div> <div class="nav-supplementary nav-supplementary--offscreen fn_nav-supplementary--offscreen"> <div class="wrapper cf"> <div class="nav-supplementary__actions"> </div> </div> </div> </div> </nav> </div> </div> </div> </div> </div> </div> </div> <div> </div> <div> </div> <div> </div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="layout-grid responsivegrid aem-GridColumn aem-GridColumn--default--12"><div class="layout l-one-column cf aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="content-header-wrapper aem-GridColumn aem-GridColumn--default--12"><div class="module module--content-header"> <div class="module__content l-full-width"> <div class="content-header"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-s module--flat-bottom " style="background-color:#f3f3f3; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-full-width"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-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"> <div style=" padding-left: 25.0px; "><img src="/content/dam/transurban/on-page-asssets/icons/attention-icon-121x121.png" width="40"/></div> <p style=" padding-left: 75.0px; padding-bottom: 20.0px; margin-top: -40.0px; ">Keep your job search on track – <a href="https://www.transurban.com/news/signs-that-job-offer-is-a-scam" target="_blank" rel="noopener noreferrer">learn to recognise scam techniques. </a></p> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--padded-bottom-l " style="background-color:#; background-image: url("/content/dam/careers/banners/hero_careers_two_ladies_in_the_office_1920x1000.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-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 "> <div class="d-mobile-none"><p> </p> <p> </p> <p> </p> </div> <h1 style=" text-shadow: rgb(0,0,0) 0.01em 0.01em 0.08em; color: rgb(255,255,255); margin: 25.0px 0 -25.0px 0; ">City-sized solutions, driven by curiosity, powered by us</h1> <p> </p> <p> </p> <p> </p> <p> </p> <div class="feature-tile__cta-container"><a style="" href="https://transurban.wd3.myworkdayjobs.com/TU_AU/" target="_blank" class="btn btn--primary feature-tile__cta fn_feature-tile__cta btn--small" rel="noopener noreferrer">See our jobs</a></div> <div class="d-desktop-none"><p> </p> </div> <p> </p> <p> </p> <div class="d-mobile-none"><p> </p> <p> </p> <p> </p> </div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richtext aem-GridColumn aem-GridColumn--default--12"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <a name="Life_at_TU" id="Life_at_TU"></a> </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-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 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>Why Transurban<br /> </h3> <p>Working at Transurban is different: it’s a place where you can see the benefits of your work play out in real life, every day. </p> <p>We create city-sized solutions – building and operating safer, smarter and more sustainable roads – to solve pressing transport challenges that are slowing cities down. Learn more <a href="https://www.transurban.com/about-us" target="_blank" rel="noopener noreferrer">about Transurban</a>.</p> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--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-3-3"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text rich-text--align-center"> <div style=" text-align: left; ">Hear from our people on <a href="https://www.linkedin.com/company/transurban/" target="_blank" rel="noopener noreferrer">LinkedIn</a>.<br /> </div> <div style=" text-align: center; "> </div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--padded-bottom-s " style="background-color:#; 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="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <a href="https://www.linkedin.com/posts/transurban_womenintechnology-womenincybersecurity-activity-6948070360693022720-5OcM?utm_source=linkedin_share&utm_medium=member_desktop_web" role="button" class="feature-tile-anchor fn_feature-tile__image" target="_blank"> <div class="feature-tile__image-container"> <img src="/content/dam/careers/blog-images/careers_blog_Raman_500x276.jpg" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:left;"> <div class="feature-tile__title feature-tile__title_image" style="color:#;"> </div> <div> <p><p style="font-size: 0.7rem;">"I did not set out to work in cybersecurity. Keeping things that are important to me safe was just in my DNA. At Transurban, I am working on a program in uplifting our cybersecurity to keep employees and customers safe. ”<br> <a href="https://www.linkedin.com/posts/transurban_womenintechnology-womenincybersecurity-activity-6948070360693022720-5OcM?utm_source=linkedin_share&utm_medium=member_desktop_web" target="_blank">Raman Kaur</a>, Business Analyst</p> </p> </div> </div> </a> </div> </div> </div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <a href="https://www.linkedin.com/posts/transurban_coffeechats-activity-7203908408482095104-ruIm?utm_source=share&utm_medium=member_desktop" role="button" class="feature-tile-anchor fn_feature-tile__image" target="_blank"> <div class="feature-tile__image-container"> <img src="/content/dam/careers/blog-images/careers-blog-Yeasmin-500x276.jpg" alt="Yeasmin" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:left;"> <div class="feature-tile__title feature-tile__title_image" style="color:#;"> </div> <div> <p><p style="font-size: 0.7rem;">"A day in the life in our team would involve developing out-of-the-box and fit-for-purpose solutions, using cutting edge tools and technologies, while collaborating with great colleagues. Our team culture is respectful, inclusive, and fun. And we celebrate success together!”<br> <a href="https://www.linkedin.com/posts/transurban_coffeechats-activity-7203908408482095104-ruIm?utm_source=share&utm_medium=member_desktop" target="_blank">Yeasmin Khandakar</a>, Senior Data Scientist</p> </p> </div> </div> </a> </div> </div> </div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <a href="https://www.linkedin.com/posts/transurban_i-was-lucky-enough-to-be-part-of-transurbans-activity-7182889890957733890-VNdb?utm_source=share&utm_medium=member_desktop" role="button" class="feature-tile-anchor fn_feature-tile__image" target="_blank"> <div class="feature-tile__image-container"> <img src="/content/dam/careers/blog-images/careers-blog-Vanessa-500x276.jpg" alt="Vanessa" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:left;"> <div class="feature-tile__title feature-tile__title_image" style="color:#;"> </div> <div> <p><p style="font-size: 0.7rem;">"I was lucky enough to be part of Transurban's Graduate Program when I finished University. Enjoying a mix of on-site and office work, along with surprising and challenging projects, I am now a Maintenance Engineer and People Leader. The career progression has been truly incredible.”<br> <a href="https://www.linkedin.com/posts/transurban_i-was-lucky-enough-to-be-part-of-transurbans-activity-7182889890957733890-VNdb?utm_source=share&utm_medium=member_desktop" target="_blank">Vanessa Hope</a>, Maintenance Engineer</p> </p> </div> </div> </a> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-s module--flat-bottom " style="background-color:#f3f3f3; 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-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>Life at Transurban</h3> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-s module--flat-bottom " style="background-color:#f3f3f3; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/careers/icons/scale-icon.svg" alt="Scale icon" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:center;"> <div class="feature-tile__title feature-tile__title_image" style="color:#;"> </div> <div> <p><h4 style="text-align: center; color: rgb(0, 0, 0); margin-top: -15px;">Flexibility</h4> <p style="text-align: center; color: rgb(0, 0, 0);">We’ve offered flexible working options for years. We support our people in delivering their best work both in and out of the office.</p> </p> </div> </div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/careers/icons/team-icon.svg" alt="Team icon" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:center;"> <div class="feature-tile__title feature-tile__title_image" style="color:#;"> </div> <div> <p><h4 style="text-align: center; color: rgb(0, 0, 0); margin-top: -15px;">Diversity and inclusion</h4> <p style="text-align: center; color: rgb(0, 0, 0);">We’re building a team that reflects the communities we operate in. Everyone is welcome to apply and everyone who joins us is welcomed.</p> <p style="text-align: center;"><a class="btn btn--link" style="font-size: 1rem; padding-top: 0px; text-align: center;" href="https://careers.transurban.com/diversity-inclusion">Learn more<span class="icon icon--arrow-right" data-grunticon-embed="icon"></span></a></p> </p> </div> </div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/careers/icons/graph-icon.svg" alt="Graph icon" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:center;"> <div class="feature-tile__title feature-tile__title_image" style="color:#;"> </div> <div> <p><h4 style="text-align: center; color: rgb(0, 0, 0); margin-top: -15px;">Learning and development</h4> <p style="text-align: center; color: rgb(0, 0, 0);">Our people make the most of the many opportunities available to build their skills, advance their training and create personalised career paths.</p> </p> </div> </div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--flat-bottom " style="background-color:#f3f3f3; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-padding"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row fn_equalHeights" data-heights-type="grid"> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/careers/icons/recognition-icon.svg" alt="Recognition icon" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:center;"> <div class="feature-tile__title feature-tile__title_image" style="color:#;"> </div> <div> <p><h4 style="color: rgb(0, 0, 0); text-align: center; margin-top: -15px;">Benefits and recognition</h4> <p style="text-align: center;">As well as rewarding our people with fair salaries and formal recognition programs and awards, we offer a host of other benefits to eligible employees.</p> <p style="text-align: center;"><a class="btn btn--link" style="font-size: 1rem; padding-top: 0px; text-align: center;" href="https://careers.transurban.com/benefits">Learn more<span class="icon icon--arrow-right" data-grunticon-embed="icon"></span></a></p> </p> </div> </div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/careers/icons/hand-heart-icon.svg" alt="hHand and heart icon" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:center;"> <div class="feature-tile__title feature-tile__title_image" style="color:#;"> </div> <div> <p><h4 style="text-align: center; color: #000000; margin-top: -15px;">Values</h4> <p style="text-align: center;">Our values guide how we do our jobs, including: our decisions; our actions; and our interactions. </p> <p style="text-align: center;"><a class="btn btn--link" style="font-size: 1rem; padding-top: 0px; text-align: center;" href="https://careers.transurban.com/our-values">Learn more<span class="icon icon--arrow-right" data-grunticon-embed="icon"></span></a></p> </p> </div> </div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> <div class="gridItem section"> <div class="grid__column fn_grid-column grid__column--width-1-3"> <!-- start: column content--> <div class="featuredImageCTA section"> <div class="module module--feature-tile"> <div class="module__content l-full-width"> <div class="feature-tile fn_feature-tile feature-tile--with-image feature-tile--image-featured feature-tile--auto-height"> <div class="feature-tile__image-container fn_feature-tile__image-container"> <img src="/content/dam/careers/icons/graduate-icon.svg" alt="Graduate icon" class="feature-tile__image"/> </div> <div class="feature-tile__content feature-tile__image-content " style="background-color:#; text-align:center;"> <div class="feature-tile__title feature-tile__title_image" style="color:#;"> </div> <div> <p><h4 style="text-align: center; color: #000000; margin-top: -15px;">Graduates and students</h4> <p style="text-align: center;">Every year we invite a small number of academically bright and genuinely curious individuals to join our unique and personalised graduate development program. It’s where many great careers have started.</p> <p style="text-align: center;"><a class="btn btn--link" style="font-size: 1rem; padding-top: 0px; text-align: center;" href="https://careers.transurban.com/graduates-and-students">Learn more<span class="icon icon--arrow-right" data-grunticon-embed="icon"></span></a></p> </p> </div> </div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--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="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>Recruitment process</h3> <p>Our recruitment process is as much about you as it is about us. We want to be sure we’re a good fit for each other, so you’ll want to build a career here, or even simply enjoy the job you’re in. Our recruitment process is designed to ensure the right person finds the right job. Depending on the role it might include the following steps:</p> <p> </p> <p style=" text-align: center; "><img src="/content/dam/careers/icons/Recruitment_process_diagram.png" width="1200"/></p> <p> </p> <p style=" text-align: left; "><a class="btn btn--link" style=" padding-top: 0.0px; text-align: center; " href="/opportunities.html" target="_self" rel="noopener noreferrer">Read more about our recruitment process<span class="icon icon--arrow-right" data-grunticon-embed="icon"></span></a><br /> <a class="btn btn--link" style=" padding-top: 0.0px; text-align: center; " href="/diversity-inclusion/first-nations-employment.html" target="_self" rel="noopener noreferrer">Learn about our First Nations employment approach and recruitment process<span class="icon icon--arrow-right" data-grunticon-embed="icon"></span></a></p> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--padded-top-s module--padded-bottom-s " style="background-color:#f3f3f3; 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-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>Accessibility</h3> <p>We work to provide equitable opportunities for all, and recognise some applicants require adjustments to participate in recruitment processes. If you live with disability and require support with navigating our website, searching for roles, applying, making interview arrangements, or any other recruitment-related issues – we're here to help. Email <a href="mailto:careers@transurban.com">careers@transurban.com</a> and tell us the best way to contact you and we’ll be in touch.</p> <p> </p> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--flat-bottom " style="background-color:#; background-image: url(""); 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-2-3"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <h3>First Nations applicants</h3> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--padded-bottom-s " style="background-color:#; background-image: url(""); 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-2-4"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <p>As an operator of roads that cross and connect land, waterways and communities, we are committed to a culture of inclusion, respect and proud celebration of Aboriginal and Torres Strait Islander cultures. We encourage applications from First Nations candidates for available roles. <span style=" text-align: left; "><a class="btn btn--link" style=" padding-top: 0.0px; text-align: center; " href="/diversity-inclusion/first-nations-employment.html" target="_self" rel="noopener noreferrer">See our First Nations employment page for more information<span class="icon icon--arrow-right" data-grunticon-embed="icon"></span></a></span></p> </div> </div> </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="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text "> <p style=" text-align: center; "><img src="/content/dam/careers/icons/australian-aboriginal-flag.png" alt="Australian Aboriginal flag"/> <img src="/content/dam/careers/icons/torres-strait-islander-flag-latest.jpg" alt="Torres Strait Islander flag"/></p> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> <div class="richContentContainer aem-GridColumn aem-GridColumn--default--12"> <div class="module module--flat-top module--flat-bottom " style="background-color:#f3f3f3; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-full-width"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <div class="experiencefragment section"> <div class="xf-content-height"> <div class="root responsivegrid"> <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-s module--flat-bottom " style="background-color:#0E893C; 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-2-4"> <!-- start: column content--> <div class="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text rich-text--full-width"> <h3 style=" color: rgb(255,255,255); ">Current opportunities<br /> </h3> <p style=" color: rgb(255,255,255); "><a href="https://transurban.wd3.myworkdayjobs.com/TU_AU" style=" color: rgb(255,255,255); text-decoration: underline; " target="_blank" rel="noopener noreferrer">Australia</a><br /> <a href="https://transurban.wd3.myworkdayjobs.com/TU_US" style=" color: rgb(255,255,255); text-decoration: underline; " target="_blank" rel="noopener noreferrer">United States</a></p> <p style=" color: rgb(255,255,255); "> </p> </div> </div> </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="richtext section"><div class="module module--rich-text "> <div class="module__content l-padding"> <div class="rich-text rich-text--full-width"> <h3 style=" color: rgb(255,255,255); ">Graduates and interns</h3> <p style=" color: rgb(255,255,255); ">Our 2025 graduate program has now closed. <a href="https://careers.transurban.com/graduate-program/graduate-program-enquiry" style=" color: rgb(255,255,255); text-decoration: underline; ">Register your interest for our 2026 program</a></p> <p style=" color: rgb(255,255,255); "><a href="/graduates-and-students.html" style=" color: rgb(255,255,255); text-decoration: underline; ">Read about our programs</a></p> <p style=" color: rgb(255,255,255); "> </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> </div> </div> </div> <div class="richContentContainer section"> <div class="module module--flat-top module--flat-bottom " style="background-color:#0E893C; background-image: url(""); background-repeat: repeat-x; "> <div class="module__content l-full-width"> <!-- START grid module content --> <!-- START grid container --> <div class="grid fn_grid"> <!-- grid__column--width-M-N determines column width, where--> <!-- N: width units of the row --> <!-- M: width units of the column --> <div class="grid__row fn_grid-row "> <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-full-width"> <div class="rich-text rich-text--full-width"> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(228,3,3); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(255,140,0); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(255,237,0); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(0,128,38); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(0,77,255); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> <div style=" height: 2.0px; border-bottom: 2.0px solid rgb(117,7,135); "><img src="/content/dam/mylo/images/edm/spacer.gif"/></div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> </div> </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:#2e3234; 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 "> <div class="module__content l-padding"> <div class="rich-text rich-text--full-width"> <div style=" color: rgb(255,255,255); ">Transurban acknowledges the Traditional Owners of the lands throughout Australia, and we pay respect to Elders past and present. 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.</div> </div> </div> </div> </div> <!-- end: column content--> </div> </div> </div> </div> <!-- END grid container --> <!-- END grid module content --> </div> </div> <!-- END grid module wrapper --> </div> </div> </div> <div class="section"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> </div> </div> </div> </div> <div class="clear"></div> </div></div> </div> </div> <div id="react-components-root"></div> <div> <div class="xfpage page basicpage"> <div class="xf-content-height"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="globalfooter aem-GridColumn aem-GridColumn--default--12"> <!-- Start: Desktop footer --> <div class="new-footer"> <div class="l-padding cf"> <div class="footer__content-container cf"> <!-- .section div to replicate AEM--> <!-- NOTE: do not add this div into the AEM component--> <div class="section"> <div class="module module--social-links"> <!-- START social-links module wrapper --> <div class="module__content l-full-width"> <!-- START social-links module content --> <!-- START: social linke--> <div class="social-links"> <ul class="social-links__list"> <li> <!-- href should be editable--> <a href="https://linkedin.com/company/transurban" target="_blank" class="social-links__link"> <div class="icon--social-media-linkedin icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">LinkedIn</span> </a> </li> <li> <!-- href should be editable--> <a href="https://facebook.com/transurbantcl" target="_blank" class="social-links__link"> <div class="icon--social-media-facebook icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">Facebook</span> </a> </li> <li> <!-- href should be editable--> <a href="https://youtube.com/user/transurbangroup" target="_blank" class="social-links__link"> <div class="icon--social-media-youtube icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">YouTube</span> </a> </li> <li> <!-- href should be editable--> <a href="https://medium.com/transurban" target="_blank" class="social-links__link"> <div class="icon--social-media-medium icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text"> Medium</span> </a> </li> <li> <!-- href should be editable--> <a href="https://www.instagram.com/transurban/" target="_blank" class="social-links__link"> <div class="icon--social-media-instagram icon--white icon--x-small" data-grunticon-embed="icon"></div> <span class="text">Instagram</span> </a> </li> </ul> </div> <!-- END: social linke--> <!-- END social-links module content --> </div> </div> <!-- END social-links module wrapper --> </div> </div> <div class="footer__links fn_footer__links link-icons-disabled cf"> <ul> <li> <a class="fn_footer__link" href="/">Australia Careers</a> </li> <li> <a class="fn_footer__link" href="/north-america.html">United States Careers</a> </li> <li> <a class="fn_footer__link" href="/opportunities.html">Current vacancies</a> </li> <li> <a class="fn_footer__link" href="https://www.transurban.com/" target="_blank">Transurban.com</a> </li> </ul> </div> <div class="footer__copy"> <div class="footer__logo-container"> <!-- wrapper for footer logo--> <div class="footer__logo-wrapper"> <a href="https://www.transurban.com/"> <img height="17px" width="110px" src="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/New_transurban_logo.svg"/> </img> </a> </div> </div> <div class="copyright"> <p style="margin: 0px;"><p>© Copyright 2024 Transurban Limited. All rights reserved.</p> <p><a href="https://www.transurban.com/privacy">Privacy</a> <a href="https://www.transurban.com/terms-of-use">Terms of use</a></p> </p> </div> </div> </div> </div> <!-- End: Desktop footer --> <!-- Start: Mobile footer --> <div class="new-footer mobile"> <div class="l-padding cf"> <div class="footer__logo-container"> <!-- wrapper for footer logo--> <div class="footer__logo-wrapper"> <a href="https://www.transurban.com/"> <img height="17px" width="110px" src="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/New_transurban_logo.svg"/> </img> </a> </div> </div> <div class="footer__links fn_footer__links link-icons-disabled cf"> <ul> <li> <a class="fn_footer__link" href="/">Australia Careers</a> </li> <li> <a class="fn_footer__link" href="/north-america.html">United States Careers</a> </li> <li> <a class="fn_footer__link" href="/opportunities.html">Current vacancies</a> </li> <li> <a class="fn_footer__link" href="https://www.transurban.com/" target="_blank">Transurban.com</a> </li> </ul> </div> <div class="footer__content-container cf"> <!-- .section div to replicate AEM--> <!-- NOTE: do not add this div into the AEM component--> <div class="section"> <div class="module module--social-links"> <!-- START social-links module wrapper --> <div class="module__content l-full-width"> <!-- START social-links module content --> <!-- START: social linke--> <div class="social-links"> <ul class="social-links__list"> <li> <!-- href should be editable--> <a href="https://linkedin.com/company/transurban" target="_blank" class="social-links__link"> <div class="icon--social-media-linkedin icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">LinkedIn</span> </a> </li> <li> <!-- href should be editable--> <a href="https://facebook.com/transurbantcl" target="_blank" class="social-links__link"> <div class="icon--social-media-facebook icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">Facebook</span> </a> </li> <li> <!-- href should be editable--> <a href="https://youtube.com/user/transurbangroup" target="_blank" class="social-links__link"> <div class="icon--social-media-youtube icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text">YouTube</span> </a> </li> <li> <!-- href should be editable--> <a href="https://medium.com/transurban" target="_blank" class="social-links__link"> <div class="icon--social-media-medium icon--white icon--small" data-grunticon-embed="icon"></div> <span class="text"> Medium</span> </a> </li> <li> <!-- href should be editable--> <a href="https://www.instagram.com/transurban/" target="_blank" class="social-links__link"> <div class="icon--social-media-instagram icon--white icon--x-small" data-grunticon-embed="icon"></div> <span class="text">Instagram</span> </a> </li> </ul> </div> <!-- END: social linke--> <!-- END social-links module content --> </div> </div> <!-- END social-links module wrapper --> </div> </div> <div class="footer__copy"> <p><p>© Copyright 2024 Transurban Limited. All rights reserved.</p> <p><a href="https://www.transurban.com/privacy">Privacy</a> <a href="https://www.transurban.com/terms-of-use">Terms of use</a></p> </p> </div> </div> </div> <!-- End: Mobile footer --> </div> </div> </div> </div> </div> </div> </div> </div> <div id="modal"> <div class="modal-bg"></div> </div> <!--<script src="/etc.clientlibs/digitalcms/clientlibs/assets/resources/js/libs/jquery.min.js"></script>--> <link href="/etc.clientlibs/digitalcms/clientlibs/legacy.ui/resources/img/svgs/svgs.css" rel="stylesheet"/> <script src="/etc.clientlibs/digitalcms/clientlibs/legacy.ui.lc-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> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-9250181-41', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=557045695" async></script></body> </html>