Child nav

This is required for Level 2 Landing Pages as mega menu is only path to child pages.

This would become redundant on landing page if nav was optimized.

This would also be uselful on microsites.

No of links (and child pages) should be limited to 8.

Child nav

ready 
<div class="ds-block ds-block--wide">

    <nav class="ds-child-nav ds-child-nav--centered">
        <ul class="ds-child-nav__list">
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Life at La Trobe</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Courses and study options</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Entry requirements</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Fees and scholarships</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Accepting your offer</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Preparing for your arrival</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Contact us</a></li>
            <li class="ds-child-nav__list-item ds-child-nav__CTA"><a class="ds-child-nav__link" href="#">Apply now</a></li>
        </ul>
    </nav>

</div>

Child nav with CTA

ready

You can us a ds-btn-primary ds-btn--small button on the last link for a primary call to action if required.

<div class="ds-block ds-block--wide">

    <nav class="ds-child-nav ds-child-nav--centered">
        <ul class="ds-child-nav__list">
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Life at La Trobe</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Courses and study options</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Entry requirements</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Fees and scholarships</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Accepting your offer</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Preparing for your arrival</a></li>
            <li class="ds-child-nav__list-item"><a class="ds-child-nav__link" href="#">Contact us</a></li>
            <li class="ds-child-nav__list-item ds-child-nav__CTA"><a class="ds-btn-primary ds-btn--small" href="#">Apply now</a></li>
        </ul>
    </nav>

</div>