Page

<header class="page-header" tabindex="-1" id="top">
    <div class="inner-row">
        <a href="#page-body" class="skip-link">Til hovedinnhold</a>
        <div class="header-top">
            <a href="" class="logo"><img src="/images/hivolda-logo.svg" alt="Forside høgskulen i Volda"></a>
            <a class="nav-toggle search" data-btn="search" href="#search" title="Åpne søk"></a>
            <a class="nav-toggle nav xlarge-down" data-btn="nav" href="#nav" title="Åpne meny"></a>
        </div>
        <nav class="page-navigation" role="navigation">
            <div class="nav-group" tabindex="-1" id="nav">
                <ul class="nav-primary">

                    <li class="nav-item"><a href="" class="nav-link">Studietilbod</a></li>

                    <li class="nav-item"><a href="" class="nav-link">Studentliv</a></li>

                    <li class="nav-item"><a href="" class="nav-link">Forsking</a></li>

                    <li class="nav-item"><a href="" class="nav-link">Oppdrag og samarbeid</a></li>

                </ul>
                <ul class="nav-secondary">

                    <li class="nav-item"><a href="" class="nav-link">Studentsørvis</a></li>

                    <li class="nav-item"><a href="" class="nav-link">Om Høgskulen i Volda</a></li>

                    <li class="nav-item"><a href="" class="nav-link">Bibliotek</a></li>

                    <li class="nav-item"><a href="" class="nav-link">English</a></li>

                </ul>
                <a href="#top" class="nav-toggle nav-close xlarge-down" title="Lukk meny" data-btn="nav-close"></a>
            </div>
        </nav>
    </div>
</header>
<div class="search-group" tabindex="-1" id="search">
    <div class="inner-row">
        <form method="post" action="">
            <label for="page-seach" class="visuallyhidden">Søk her</label>
            <div class="input-button-group input-underline">
                <input type="search" value="" placeholder="Søk på hivolda.no" id="">

                <input value title="Søk" type="submit" href="http://testlenke.no" class="btn-search input-btn-search"></input>

            </div>

        </form>
        <a href="#top" class="nav-toggle search-close" data-btn="search-close" title="Lukk søk"></a>
    </div>
</div>

<nav class="breadcrumb" role="navigation">
    <h2 class="visuallyhidden">Her er du:</h2>
    <ol>

        <li><a href="http://testlenke.no">Forsida</a></li>

        <li><a href="http://testlenke.no">Siste nytt</a></li>

        <li><a href="http://testlenke.no">Kategori</a></li>

        <li>Verdifull boksamling i Volda</li>
    </ol>
</nav>

<main class="page-body" id="page-body" tabindex="0">

</main>
<footer class="page-footer">
    <div class="inner-row">
        <div class="grid-three">
            <nav class="grid-item">
                <h2 class="nav-title collapsable">For deg som skal søke</h2>
                <ul class="list-icons" role="navigation">

                    <li><a href="http://studietilbod.hivolda.no" class="">Studietilbod</a>
                    </li>

                    <li><a href="http://testlenke.no" class="">Slik søker du</a>
                    </li>

                    <li><a href="http://testlenke.no" class="">Studentsørvis</a>
                    </li>

                    <li><a href="http://testlenke.no" class="">Studentlivet</a>
                    </li>

                </ul>
            </nav>
            <nav class="grid-item">
                <h2 class="nav-title collapsable">Verktøy og tjenester</h2>
                <ul class="list-icons">

                    <li><a href="http://testlenke.no" class="">Fronter</a>
                    </li>

                    <li><a href="http://testlenke.no" class="">Studentweb</a>
                    </li>

                    <li><a href="http://testlenke.no" class="">IT-tjenester</a>
                    </li>

                    <li><a href="http://testlenke.no" class="">Bibliotek</a>
                    </li>

                </ul>
            </nav>
            <nav class="grid-item">
                <h2 class="nav-title">Høgskulen i Volda</h2>
                <ul class="list-icons">

                    <li><a href="http://testlenke.no" class="icon-mail-box-light">PB 500, 6100 Volda</a>
                    </li>

                    <li><a href="tlf:70075000" class="icon-phone-light">70 07 50 00</a>
                    </li>

                    <li><a href="mailto:postmottak@hivolda.no" class="icon-envelope-light">postmottak@hivolda.no</a>
                    </li>

                    <li><a href="http://testlenke.no" class="">Vis HiVolda på kartet</a>
                    </li>

                    <li><a href="http://testlenke.no" class="">Ledige stillinger</a>
                    </li>

                    <li><a href="http://testlenke.no" class="">Personvern og villkår</a>
                    </li>

                </ul>
            </nav>
        </div>
        <ul class="social-links">

            <li><a href="http://testlenke.no" class="social-link facebook" title="Del på facebook"><span>facebook</span></a>
            </li>

            <li><a href="http://testlenke.no" class="social-link twitter" title="Del på facebook"><span>twitter</span></a>
            </li>

            <li><a href="http://testlenke.no" class="social-link instagram" title="Del på facebook"><span>instagram</span></a>
            </li>

            <li><a href="http://testlenke.no" class="social-link nernett" title="Del på facebook"><span>nærnett</span></a>
            </li>

            <li><a href="http://testlenke.no" class="social-link blog" title="Del på facebook"><span>blogg</span></a>
            </li>

        </ul>
        <div class="center">
            <a href="#" class="back-to-top btn">Tilbake til toppen</a>

        </div>
        <div class="logos">
            <ul class="list-block-inline">
                <li>
                    <a href="https://www.miljofyrtarn.no"><span class="icon-eco-lighthouse"></span></a>
                </li>
            </ul>
        </div>
    </div>
</footer>