Sub-section nav

HTML Snippet for sub-section nav

<div class="sub-section-nav">
    <div class="sub-section">
        <h2 class="heading-medium sub-section-heading">Manage your council tax online</h2>
        <ul class="list list-nav">
            <li>
                <a href="#">What you can do online</a>
            </li>
            <li>
                <a href="#">Register <span class="sr-only">to manage your council tax online</span></a>
            </li>
            <li>
                <a href="#">Sign in <span class="sr-only">to manage your council tax online</span></a>
            </li>
        </ul>
    </div>
    <div class="sub-section">
        <h2 class="heading-medium sub-section-heading">Landlords, lettings agents and tenants</h2>
        <ul class="list list-nav">
            <li>
                <a href="#">Report a change of tenancy</a>
            </li>
            <li>
                <a href="#">Who is responsible for the bill?</a>
            </li>
            <li>
                <a href="#">Houses in multiple occupation</a>
            </li>
        </ul>
    </div>
    <div class="sub-section">
        <h2 class="heading-medium sub-section-heading">What happens if you don't pay</h2>
        <ul class="list list-nav">
            <li>
                <a href="#">Overiew <span class="sr-only">of what happens if you don't pay your council tax</span></a>
            </li>
            <li>
                <a href="#">Court summons</a>
            </li>
            <li>
                <a href="#">Liability orders</a>
            </li>
        </ul>
    </div>
</div>