header

<div class='documentation-only--application'>
    <div class='ontario-header__container'>
        <header class='ontario--header ontario-header' id='ontario-header'>
            <div class='ontario-row'>
                <div class='ontario-columns ontario-small-6 ontario--header__logo'>
                    <a href=''>
                        <img src='../../logos/ontario-logo--desktop.svg' alt='' role='img' />
                    </a>
                </div>
                <div class='ontario-columns ontario-small-6 ontario--header__lang-toggle'>
                    <a href='#' hreflang='' lang='' class='ontario-header__language-toggler ontario-header-button ontario-header-button--without-outline'>

                    </a>
                </div>
            </div>
        </header>
        <div class='ontario--subheader-menu__container'>
            <section class='ontario--subheader'>
                <div class='ontario-row'>
                    <div class='ontario-columns ontario-small-12 ontario--subheader__container'>

                        <div class='ontario--subheader__menu-container'>
                            <ul class='ontario--subheader__menu ontario-show-for-large'>
                                <li><a href='#'> 1</a></li>
                                <li><a href='#'> 2</a></li>
                                <li><a href='#'> 3</a></li>
                                <li><a href='#'> 4</a></li>
                                <li><a href='#'> 5</a></li>
                            </ul>
                            <ul class='ontario--subheader__menu ontario-hide-for-small ontario-show-for-medium ontario-hide-for-large'>
                                <li><a href='#'> 1</a></li>
                                <li><a href='#'> 2</a></li>
                            </ul>

                            <button class='ontario-header__menu-toggler ontario-header-button ontario-header-button--with-outline' id='ontario-header-menu-toggler' aria-controls='ontario-navigation' aria-label='' type='button'>
                                <svg class='ontario-icon' focusable='false' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid meet'>
                                    <use xlink:href='#ontario-icon-menu' id="ontario-header-menu-icon"></use>
                                </svg>
                                <span></span>
                            </button>
                        </div>
                    </div>
                </div>
            </section>
            <nav class="ontario-navigation" id="ontario-navigation">
                <button class="ontario-header__menu-toggler ontario-header-button ontario-header-button--with-outline" id="ontario-header-nav-toggler" aria-controls="ontario-navigation" aria-label="">
                    <svg class="ontario-icon" focusable="false" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet">
                        <use xlink:href="#ontario-icon-close"></use>
                    </svg>
                    <span></span>
                </button>
                <div class="ontario-navigation__container">
                    <ul>
                        <li class="ontario-show-for-small-only"><a href="#">
                                1</a></li>
                        <li class="ontario-show-for-small-only"><a href="#">
                                2</a></li>
                        <li class="ontario-hide-for-large"><a href="#">
                                3</a></li>
                        <li class="ontario-hide-for-large"><a href="#">
                                4</a></li>
                        <li class="ontario-hide-for-large"><a href="#">
                                5</a></li>
                        <li><a href="#"> 6</a></li>
                        <li><a href="#"> 7</a></li>
                        <li><a href="#"> 8</a></li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    <div class='ontario-overlay'></div>
</div>
<script src='../../scripts/ontario-a11y.js'></script>
<script src='../../scripts/ontario-header.js'></script>