Page Header

<header class="page-header">
    <a href="#main-content" class="skip-link">Til hovedinnhold</a>
    <div class="container">
        <div class="logo-wrapper">
            <a href="" class="logo">
                <svg>
                    <use xlink:href="/svg/spritemap.svg#logo-tagline"></use>
                </svg>
                <span class="visually-hidden">
                    Karriereveiledning.no - Offentlig og gratis
                </span>
            </a>
            <button type="button" class="btn btn-icon-only md-down icon-bars toggle-main-menu" data-toggle-class="is-open" data-toggle-selector=".page-header">
                <span class="visually-hidden">Meny</span>
            </button>
        </div>

        <div class="nav-search-wrapper">
            <div class="region-menu">
                <nav role="navigation" aria-labelledby="block-karriereveiledning-main-menu-menu" id="block-karriereveiledning-main-menu" class="main-menu">
                    <h2 class="visually-hidden" id="block-karriereveiledning-main-menu-menu">
                        Hovedmeny
                    </h2>

                    <ul block="karriereveiledning_main_menu" class="menu">
                        <li><a href="">Kontakt veileder</a></li>
                        <li class="expanded">
                            <a href="">Utforsk selv</a>
                            <ul>
                                <li class="expanded">
                                    <a href="">Jobb</a>
                                    <ul>
                                        <li><a href="">Slik finner du ledige stillinger</a></li>
                                        <li><a href="">CV og søknad</a></li>
                                        <li><a href="">Tips til intervju</a></li>
                                    </ul>
                                </li>
                                <li><a href="">Utdanning</a></li>
                                <li><a href="">Etter- og videreutdanning</a></li>
                            </ul>
                        </li>

                        <li class="expanded active-trail">
                            <a href="">Vanlige spørsmål</a>
                            <ul>
                                <li><a href="">Før samtalen</a></li>
                                <li class="active-trail"><a href="">Vanlige spørsmål</a></li>
                                <li><a href="">Åpne nettprat</a></li>
                            </ul>
                        </li>

                    </ul>
                </nav>
                <div class="md-down" id="block-knk-site-search-mobile">
                    <form class="views-exposed-form search-form" data-drupal-selector="views-exposed-form-knk-site-search-knk-search-page" action="/sok" method="get" id="views-exposed-form-knk-site-search-knk-search-page" accept-charset="UTF-8">
                        <div class="js-form-item form-item js-form-type-textfield form-item-search js-form-item-search">
                            <label for="edit-search">Søk</label>
                            <input data-drupal-selector="edit-search" type="text" id="edit-search" name="search" value="" size="30" maxlength="128" class="form-text" />
                        </div>

                        <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions">
                            <input data-drupal-selector="edit-submit-knk-site-search" type="submit" id="edit-submit-knk-site-search" value="Søk" class="button js-form-submit form-submit" />
                        </div>
                    </form>
                </div>

            </div>

            <div class="page-search md-up">
                <div class="" id="block-search-form-mini">
                    <form class="views-exposed-form search-form" data-drupal-selector="views-exposed-form-knk-site-search-knk-search-page" action="/sok" method="get" id="views-exposed-form-knk-site-search-knk-search-page" accept-charset="UTF-8">
                        <div class="js-form-item form-item js-form-type-textfield form-item-search js-form-item-search">
                            <label for="edit-search">Søk</label>
                            <input data-drupal-selector="edit-search" type="text" id="edit-search" name="search" value="" size="30" maxlength="128" class="form-text" />
                        </div>

                        <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions">
                            <input data-drupal-selector="edit-submit-knk-site-search" type="submit" id="edit-submit-knk-site-search" value="Søk" class="button js-form-submit form-submit" />
                        </div>
                    </form>
                </div>

                <button type="button" class="btn btn-icon-only icon-search toggle-search" data-toggle-class="search-is-open" data-toggle-selector=".page-header">
                    <span class="visually-hidden">Åpne søk</span>
                </button>
            </div>
        </div>
    </div>
</header>