Header transparent

Opaque Tranparent
                        <header class="header header--transparent">
                            <div class="header__supnav">
                                <div class="wrap wrap--padded">
                                    <div class=" grid grid--nrg">
                                        <div class="grid__col grid__col--7 header__supcta"><span>Winter enrolements now open</span><a href="#LINK">Apply now</a></div>
                                        <nav class="grid__col grid__col--5">
                                            <ul class="header__supnav__list">
                                                <li><a href="#LINK">Current Students</a></li>
                                                <li><a href="#LINK">Staff</a></li>
                                                <li><a href="#LINK">Alumni</a></li>
                                                <li><a href="#LINK">Library</a></li>
                                                <li><a href="#LINK">Maps</a></li>
                                                <li><a href="#LINK">Contact</a></li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                            <div class="header__main">
                                <div class="wrap wrap--padded">
                                    <div class="grid grid--nrg">
                                        <div class="grid__col grid__col--6 grid__col-lg--6">
                                            <a href="#LINK" class="header__logo icon icon--logo-white" aria-label="Macquarie University Logo - Click here to go home">
                                                <span class="visually-hidden">Macquarie University</span>
                                            </a>
                                        </div>
                                        <nav class="nav grid__col grid__col--5" >
                                            <ul class="nav__sub nav__sub--lev-1">
                                                <li>
                                                    <a href="#LINK">
                                                        <span>study</span>
                                                        <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                    </a>
                                                    <div class="nav__sub nav__sub--lev-2">
                                                        <ul class="wrap wrap--padded grid">
                                                            <li class="grid__col grid__col--2 nav__quick--dk">
                                                                <ul>
                                                                    <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                                    <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                                </ul>
                                                            </li>
                                                            <li class="grid__col grid__col--2 nav__back">
                                                                <a href="#">
                                                                    <span>study</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                </a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/why-study-here">
                                                                    <span>Why study here?</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Why study here?</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/employability"><span>Employability</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/our-reputation"><span>Our reputation</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/our-campus"><span>Our campus</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/scholarships"><span>Scholarships</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/overseas-opportunities"><span>Exchange and overseas opportunities</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/studying-in-sydney-australia"><span>Living in Sydney</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/school-portal"><span>Information for High Schools</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/information-for-parents"><span>Information for parents</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/find-a-course"><span>Find a course</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Find a course</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/undergraduate"><span>Undergraduate study</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/postgraduate-coursework"><span>Postgraduate coursework</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/double-degrees"><span>Double degrees</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/pathway-programs"><span>Diploma, Foundation and Intensive programs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/phd-and-research-degrees"><span>PhD and research degrees</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/study-abroad-and-exchange-programs"><span>Study abroad and exchange programs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/english-language-centre"><span>English Language Centre</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/other-study-options"><span>Other study options</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/admissions">
                                                                    <span>Admissions and enrolment</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Admissions and enrolment</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/accept-and-enrol"><span>Accept and enrol</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/how-to-apply"><span>How to apply</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/entry-requirements"><span>Entry requirements</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/recognition-of-prior-learning"><span>Recognition of prior learning</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/fees-and-costs"><span>Fees and costs</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/starting-at-macquarie">
                                                                    <span>Starting at Macquarie</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Starting at Macquarie</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/getting-started"><span>Getting started</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/orientation"><span>Orientation</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/travel-planning-and-arrival"><span>Arriving international students</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/your-first-six-weeks"><span>Your first six weeks</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/student-support"><span>Student support</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/events"><span>Events</span></a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/contact-us"><span>Contact us</span></a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/macquarie-entry-navigator"><span>Macquarie entry navigator</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="#LINK">
                                                        <span>research</span>
                                                        <button class="nav__ico">
                                                            <i class="ico ico--f-caret-r"></i>
                                                        </button>
                                                    </a>
                                                    <div class="nav__sub nav__sub--lev-2">
                                                        <ul class="wrap wrap--padded grid">
                                                            <li class="grid__col grid__col--2 nav__quick--dk">
                                                                <ul>
                                                                    <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                                    <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                                </ul>
                                                            </li>
                                                            <li class="grid__col grid__col--2 nav__back">
                                                                <a href="#">
                                                                    <span>research</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                </a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/research-expertise">
                                                                    <span>Research Expertise</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Research Expertise</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/research-strategy-and-framework"><span>Research strategy and framework</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/Research-innovation"><span>Research innovation</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/areas-of-research"><span>Areas of research</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/era-2018"><span>ERA and EI</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/major-research-initiatives"><span>Major research initiatives</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/research-rankings"><span>Research rankings</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/research-impact2"><span>Research impact</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/find-an-expert"><span>Find an expert</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/become-a-researcher-at-macquarie"><span>Become a researcher at Macquarie</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/meet-the-team"><span>Meet the team</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/phd-and-research-degrees">
                                                                    <span>PhD and research degrees</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>PhD and research degrees</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/explore-research-degrees"><span>Explore research degrees</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/areas-of-research"><span>Areas of research</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/hdr-academic-advice"><span>HDR academic advice</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/fees-and-costs"><span>Fees and costs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/scholarships"><span>Scholarships</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/how-to-apply"><span>How to apply</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/important-dates"><span>Important dates</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/hdro-forms"><span>HDR Forms</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/faqs"><span>FAQs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/contact-us"><span>Contact us</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/research-centres-groups-and-facilities"><span>Research centres, groups and facilities</span></a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities">
                                                                    <span>Research funding and grant opportunities</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Research funding and grant opportunities</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/fellowship-and-grant-opportunities"><span>Fellowship and grant opportunities</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/grant-applications"><span>Grant applications</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/training-and-support"><span>Training and support</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/success-stories-and-newsletter"><span>Success stories and newsletter</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/pre-award-and-faculty-contacts"><span>Pre Award and faculty contacts</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/commercialisation-and-innovation">
                                                                    <span>Commercialisation and Innovation</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Commercialisation and Innovation</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/commercialisation-and-innovation/industry"><span>Industry</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/commercialisation-and-innovation/innovators"><span>Innovators</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/commercialisation-and-innovation/impact"><span>Impact</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/commercialisation-and-innovation/start-up-and-company-information"><span>Start-up and company information</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/research-collaboration-and-partnerships">
                                                                    <span>Research Collaboration and Partnerships</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Research Collaboration and Partnerships</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-collaboration-and-partnerships/partner-with-us"><span>Partner with us</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-collaboration-and-partnerships/success-stories"><span>Success stories</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/ethics-integrity-and-policies">
                                                                    <span>Ethics, integrity and policies</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Ethics, integrity and policies</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/ethics-integrity-and-policies/research-integrity"><span>Research integrity</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/ethics-integrity-and-policies/ethics"><span>Research ethics</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/ethics-integrity-and-policies/research-policy"><span>Research policy</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/ethics-integrity-and-policies/Research-safety-and-security"><span>Research safety and security</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="#LINK">
                                                        <span>connect</span>
                                                        <button class="nav__ico">
                                                            <i class="ico ico--f-caret-r"></i>
                                                        </button>
                                                    </a>
                                                    <div class="nav__sub nav__sub--lev-2">
                                                        <ul class="wrap wrap--padded grid">
                                                            <li class="grid__col grid__col--2 nav__quick--dk">
                                                                <ul>
                                                                    <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                                    <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                                </ul>
                                                            </li>
                                                            <li class="grid__col grid__col--2 nav__back">
                                                                <a href="#">
                                                                    <span>connect</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                </a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/connect/partnerships">
                                                                    <span>Partnerships</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Partnerships</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/connect/partnerships/why-connect-with-macquarie"><span>Why connect with Macquarie</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/partnerships/what-we-offer"><span>What we offer</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/partnerships/contact-us"><span>Contact us</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/partnerships/Industry-and-business-collaboration"><span>Industry and business collaboration</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/connect/employers">
                                                                    <span>Employers</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Employers</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/advertise-a-job"><span>Advertise a job</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/hire-an-intern"><span>Hire an intern</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/engage-with-students"><span>Engage with students</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/support-high-achievers"><span>Support high achievers</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/contact-us"><span>Contact us</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/connect/supporting-the-university">
                                                                    <span>Supporting the University</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Supporting the University</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/why-give"><span>Why give</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/ways-to-give"><span>Ways to give</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/friends-of-mq-health"><span>Friends of MQ Health</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/impact-stories"><span>Impact stories</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/recognising-our-donors"><span>Recognising our donors</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/contact-us"><span>Contact us</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/news"><span>News</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/connect/alumni">
                                                                    <span>Alumni</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Alumni</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/alumni-in-the-spotlight"><span>Spotlight on Macquarie alumni</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/news"><span>News</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/events"><span>Events</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/benefits"><span>Alumni benefits</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/global-alumni-network"><span>Global alumni network</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/my-profile"><span>Alumni Web Community</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/faqs"><span>FAQs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/contact-us"><span>Contact us</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="#LINK">
                                                        <span>about</span>
                                                        <button class="nav__ico">
                                                            <i class="ico ico--f-caret-r"></i>
                                                        </button>
                                                    </a>
                                                    <div class="nav__sub nav__sub--lev-2">
                                                        <ul class="wrap wrap--padded grid">
                                                            <li class="grid__col grid__col--2 nav__quick--dk">
                                                                <ul>
                                                                    <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                                    <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                                </ul>
                                                            </li>
                                                            <li class="grid__col grid__col--2 nav__back">
                                                                <a href="#">
                                                                    <span>about</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                </a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/about/about-the-university">
                                                                    <span>About the University</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>About the University</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/the-macquarie-story"><span>The Macquarie story</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/our-commitment-to-aboriginal-and-torres-strait-islander-peoples"><span>Our commitment to Aboriginal and Torres Strait Islander Peoples</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/strategy-and-initiatives"><span>Strategy and initiatives</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/governance"><span>Governance</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/faculties-and-departments"><span>Faculties and departments</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/offices-and-units"><span>Offices and units</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/job-opportunities"><span>Job opportunities</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/our-campus"><span>Our campus</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/about/campus-services-and-facilities">
                                                                    <span>Campus services and facilities</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Campus services and facilities</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/hospital-and-clinics"><span>Hospital and clinics</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/sport-and-recreation"><span>Macquarie University Sport</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/student-groups"><span>Social life</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/museums-and-collections"><span>Museums and collections</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/childcare-centres"><span>Children's services</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/macquarie-university-accommodation"><span>Accommodation</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/security"><span>Security</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/food-and-drink"><span>Food and drink</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/catering-and-venue-hire"><span>Catering and venue hire</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/macquarie-shop"><span>Macquarie online shop</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/about/news-and-events">
                                                                    <span>News and events</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>News and events</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/about/news-and-events/news"><span>News</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/news-and-events/events"><span>Events</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/about/contacts-and-maps">
                                                                    <span>Contacts and maps</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Contacts and maps</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/contacts-and-maps/getting-to-macquarie"><span>Getting to Macquarie</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/contact-us"><span>Contact us</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="nav__quick--mb">
                                                    <ul>
                                                        <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                        <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                        <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                        <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                        <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </nav>
                                        <div class="grid__col--6 grid__col-lg--1 flex header__activators">
                                            <button type="button" class="header__search js-modal-activator" data-target="#modal--search" aria-label="Toggle site search - Press the 'Space' or 'Enter' key to toggle">
                                                <i class="ico ico--md ico--f-search"></i>
                                            </button>
                                            <button type="button" class="header__burger" aria-label="Toggle main menu - Press the 'Space' or 'Enter' key to toggle">
                                                <i class="icon icon--burger"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </header>
                    

Header Component

Header Default

                        <header class="header">
                            <div class="header__supnav">
                                <div class="wrap wrap--padded">
                                    <div class=" grid grid--nrg">
                                        <div class="grid__col grid__col--7 header__supcta"><span>Winter enrolements now open</span><a href="#LINK">Apply now</a></div>
                                        <nav class="grid__col grid__col--5">
                                            <ul class="header__supnav__list">
                                                <li><a href="#LINK">Current Students</a></li>
                                                <li><a href="#LINK">Staff</a></li>
                                                <li><a href="#LINK">Alumni</a></li>
                                                <li><a href="#LINK">Library</a></li>
                                                <li><a href="#LINK">Maps</a></li>
                                                <li><a href="#LINK">Contact</a></li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                            <div class="header__main">
                                <div class="wrap wrap--padded">
                                    <div class="grid grid--nrg">
                                        <div class="grid__col grid__col--6 grid__col-lg--6">
                                            <a href="#LINK" class="header__logo icon icon--logo-black" aria-label="Macquarie University Logo - Click here to go home">
                                                <span class="visually-hidden">Macquarie University</span>
                                            </a>
                                        </div>
                                        <nav class="nav grid__col grid__col--5" >
                                            <ul class="nav__sub nav__sub--lev-1">
                                                <li>
                                                    <a href="#LINK">
                                                        <span>study</span>
                                                        <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                    </a>
                                                    <div class="nav__sub nav__sub--lev-2">
                                                        <ul class="wrap wrap--padded grid">
                                                            <li class="grid__col grid__col--2 nav__quick--dk">
                                                                <ul>
                                                                    <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                                    <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                                </ul>
                                                            </li>
                                                            <li class="grid__col grid__col--2 nav__back">
                                                                <a href="#">
                                                                    <span>study</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                </a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/why-study-here">
                                                                    <span>Why study here?</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Why study here?</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/employability"><span>Employability</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/our-reputation"><span>Our reputation</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/our-campus"><span>Our campus</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/scholarships"><span>Scholarships</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/overseas-opportunities"><span>Exchange and overseas opportunities</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/studying-in-sydney-australia"><span>Living in Sydney</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/school-portal"><span>Information for High Schools</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/why-study-here/information-for-parents"><span>Information for parents</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/find-a-course"><span>Find a course</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Find a course</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/undergraduate"><span>Undergraduate study</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/postgraduate-coursework"><span>Postgraduate coursework</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/double-degrees"><span>Double degrees</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/pathway-programs"><span>Diploma, Foundation and Intensive programs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/phd-and-research-degrees"><span>PhD and research degrees</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/study-abroad-and-exchange-programs"><span>Study abroad and exchange programs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/find-a-course/english-language-centre"><span>English Language Centre</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/other-study-options"><span>Other study options</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/admissions">
                                                                    <span>Admissions and enrolment</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Admissions and enrolment</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/accept-and-enrol"><span>Accept and enrol</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/how-to-apply"><span>How to apply</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/entry-requirements"><span>Entry requirements</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/recognition-of-prior-learning"><span>Recognition of prior learning</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/admissions/fees-and-costs"><span>Fees and costs</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/starting-at-macquarie">
                                                                    <span>Starting at Macquarie</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-r"></i></button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Starting at Macquarie</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/getting-started"><span>Getting started</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/orientation"><span>Orientation</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/travel-planning-and-arrival"><span>Arriving international students</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/your-first-six-weeks"><span>Your first six weeks</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/study/starting-at-macquarie/student-support"><span>Student support</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/events"><span>Events</span></a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/contact-us"><span>Contact us</span></a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/study/macquarie-entry-navigator"><span>Macquarie entry navigator</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="#LINK">
                                                        <span>research</span>
                                                        <button class="nav__ico">
                                                            <i class="ico ico--f-caret-r"></i>
                                                        </button>
                                                    </a>
                                                    <div class="nav__sub nav__sub--lev-2">
                                                        <ul class="wrap wrap--padded grid">
                                                            <li class="grid__col grid__col--2 nav__quick--dk">
                                                                <ul>
                                                                    <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                                    <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                                </ul>
                                                            </li>
                                                            <li class="grid__col grid__col--2 nav__back">
                                                                <a href="#">
                                                                    <span>research</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                </a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/research-expertise">
                                                                    <span>Research Expertise</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Research Expertise</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/research-strategy-and-framework"><span>Research strategy and framework</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/Research-innovation"><span>Research innovation</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/areas-of-research"><span>Areas of research</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/era-2018"><span>ERA and EI</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/major-research-initiatives"><span>Major research initiatives</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/research-rankings"><span>Research rankings</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/research-impact2"><span>Research impact</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/find-an-expert"><span>Find an expert</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/become-a-researcher-at-macquarie"><span>Become a researcher at Macquarie</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-expertise/meet-the-team"><span>Meet the team</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/phd-and-research-degrees">
                                                                    <span>PhD and research degrees</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>PhD and research degrees</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/explore-research-degrees"><span>Explore research degrees</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/areas-of-research"><span>Areas of research</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/hdr-academic-advice"><span>HDR academic advice</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/fees-and-costs"><span>Fees and costs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/scholarships"><span>Scholarships</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/how-to-apply"><span>How to apply</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/important-dates"><span>Important dates</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/hdro-forms"><span>HDR Forms</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/faqs"><span>FAQs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/phd-and-research-degrees/contact-us"><span>Contact us</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/research-centres-groups-and-facilities"><span>Research centres, groups and facilities</span></a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities">
                                                                    <span>Research funding and grant opportunities</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Research funding and grant opportunities</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/fellowship-and-grant-opportunities"><span>Fellowship and grant opportunities</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/grant-applications"><span>Grant applications</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/training-and-support"><span>Training and support</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/success-stories-and-newsletter"><span>Success stories and newsletter</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-funding-and-grant-opportunities/pre-award-and-faculty-contacts"><span>Pre Award and faculty contacts</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/commercialisation-and-innovation">
                                                                    <span>Commercialisation and Innovation</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Commercialisation and Innovation</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/commercialisation-and-innovation/industry"><span>Industry</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/commercialisation-and-innovation/innovators"><span>Innovators</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/commercialisation-and-innovation/impact"><span>Impact</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/commercialisation-and-innovation/start-up-and-company-information"><span>Start-up and company information</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/research-collaboration-and-partnerships">
                                                                    <span>Research Collaboration and Partnerships</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Research Collaboration and Partnerships</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-collaboration-and-partnerships/partner-with-us"><span>Partner with us</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/research-collaboration-and-partnerships/success-stories"><span>Success stories</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/research/ethics-integrity-and-policies">
                                                                    <span>Ethics, integrity and policies</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Ethics, integrity and policies</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/research/ethics-integrity-and-policies/research-integrity"><span>Research integrity</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/ethics-integrity-and-policies/ethics"><span>Research ethics</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/ethics-integrity-and-policies/research-policy"><span>Research policy</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/research/ethics-integrity-and-policies/Research-safety-and-security"><span>Research safety and security</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="#LINK">
                                                        <span>connect</span>
                                                        <button class="nav__ico">
                                                            <i class="ico ico--f-caret-r"></i>
                                                        </button>
                                                    </a>
                                                    <div class="nav__sub nav__sub--lev-2">
                                                        <ul class="wrap wrap--padded grid">
                                                            <li class="grid__col grid__col--2 nav__quick--dk">
                                                                <ul>
                                                                    <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                                    <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                                </ul>
                                                            </li>
                                                            <li class="grid__col grid__col--2 nav__back">
                                                                <a href="#">
                                                                    <span>connect</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                </a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/connect/partnerships">
                                                                    <span>Partnerships</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Partnerships</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/connect/partnerships/why-connect-with-macquarie"><span>Why connect with Macquarie</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/partnerships/what-we-offer"><span>What we offer</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/partnerships/contact-us"><span>Contact us</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/partnerships/Industry-and-business-collaboration"><span>Industry and business collaboration</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/connect/employers">
                                                                    <span>Employers</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Employers</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/advertise-a-job"><span>Advertise a job</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/hire-an-intern"><span>Hire an intern</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/engage-with-students"><span>Engage with students</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/support-high-achievers"><span>Support high achievers</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/employers/contact-us"><span>Contact us</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/connect/supporting-the-university">
                                                                    <span>Supporting the University</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Supporting the University</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/why-give"><span>Why give</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/ways-to-give"><span>Ways to give</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/friends-of-mq-health"><span>Friends of MQ Health</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/impact-stories"><span>Impact stories</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/recognising-our-donors"><span>Recognising our donors</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/contact-us"><span>Contact us</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/supporting-the-university/news"><span>News</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/connect/alumni">
                                                                    <span>Alumni</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Alumni</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/alumni-in-the-spotlight"><span>Spotlight on Macquarie alumni</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/news"><span>News</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/events"><span>Events</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/benefits"><span>Alumni benefits</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/global-alumni-network"><span>Global alumni network</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/my-profile"><span>Alumni Web Community</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/faqs"><span>FAQs</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/connect/alumni/contact-us"><span>Contact us</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li>
                                                    <a href="#LINK">
                                                        <span>about</span>
                                                        <button class="nav__ico">
                                                            <i class="ico ico--f-caret-r"></i>
                                                        </button>
                                                    </a>
                                                    <div class="nav__sub nav__sub--lev-2">
                                                        <ul class="wrap wrap--padded grid">
                                                            <li class="grid__col grid__col--2 nav__quick--dk">
                                                                <ul>
                                                                    <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                                    <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                    <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                                </ul>
                                                            </li>
                                                            <li class="grid__col grid__col--2 nav__back">
                                                                <a href="#">
                                                                    <span>about</span>
                                                                    <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                </a>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/about/about-the-university">
                                                                    <span>About the University</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>About the University</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/the-macquarie-story"><span>The Macquarie story</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/our-commitment-to-aboriginal-and-torres-strait-islander-peoples"><span>Our commitment to Aboriginal and Torres Strait Islander Peoples</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/strategy-and-initiatives"><span>Strategy and initiatives</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/governance"><span>Governance</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/faculties-and-departments"><span>Faculties and departments</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/offices-and-units"><span>Offices and units</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/job-opportunities"><span>Job opportunities</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/about-the-university/our-campus"><span>Our campus</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/about/campus-services-and-facilities">
                                                                    <span>Campus services and facilities</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Campus services and facilities</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/hospital-and-clinics"><span>Hospital and clinics</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/sport-and-recreation"><span>Macquarie University Sport</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/student-groups"><span>Social life</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/museums-and-collections"><span>Museums and collections</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/childcare-centres"><span>Children's services</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/macquarie-university-accommodation"><span>Accommodation</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/security"><span>Security</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/food-and-drink"><span>Food and drink</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/catering-and-venue-hire"><span>Catering and venue hire</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/macquarie-shop"><span>Macquarie online shop</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/about/news-and-events">
                                                                    <span>News and events</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>News and events</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/about/news-and-events/news"><span>News</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/news-and-events/events"><span>Events</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="grid__col grid__col--2">
                                                                <a href="https://www.mq.edu.au/about/contacts-and-maps">
                                                                    <span>Contacts and maps</span>
                                                                    <button class="nav__ico">
                                                                        <i class="ico ico--f-caret-r"></i>
                                                                    </button>
                                                                </a>
                                                                <div class="nav__sub nav__sub--lev-3">
                                                                    <ul>
                                                                        <li class="nav__back">
                                                                            <a href="#">
                                                                                <span>Contacts and maps</span>
                                                                                <button class="nav__ico"><i class="ico ico--f-caret-l"></i></button>
                                                                            </a>
                                                                        </li>
                                                                        <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/about/contacts-and-maps/getting-to-macquarie"><span>Getting to Macquarie</span></a></li>
                                                                        <li><a href="https://www.mq.edu.au/contact-us"><span>Contact us</span></a></li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="nav__quick--mb">
                                                    <ul>
                                                        <li><a href="https://students.mq.edu.au/home"><span>Current students</span></a></li>
                                                        <li><a href="https://staff.mq.edu.au/home"><span>Staff</span></a></li>
                                                        <li><a href="https://www.mq.edu.au/connect/alumni"><span>Alumni</span></a></li>
                                                        <li><a href="https://www.mq.edu.au/about/campus-services-and-facilities/library"><span>Library</span></a></li>
                                                        <li><a href="https://www.mq.edu.au/about/contacts-and-maps/maps"><span>Maps</span></a></li>
                                                        <li><a href="https://www.mq.edu.au/contact-us"><span>Contact</span></a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </nav>
                                        <div class="grid__col--6 grid__col-lg--1 flex header__activators">
                                            <button type="button" class="header__search js-modal-activator" data-target="#modal--search" aria-label="Toggle site search - Press the 'Space' or 'Enter' key to toggle">
                                                <i class="ico ico--md ico--f-search"></i>
                                            </button>
                                            <button type="button" class="header__burger" aria-label="Toggle main menu - Press the 'Space' or 'Enter' key to toggle">
                                                <i class="icon icon--burger"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </header>
                    

Header Documentation

Use

Link Active states - to make an item active on page load to indicate the current page add the class is-active to the a tag element. This will also active the relevent slide on mobile

Transparent states - to make the header transparent add the class header--transparent to the header element, change logo class to icon--logo-black.

Search

Search will only work when the search modal is loaded on page.