Index

<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">

    <div class="campaign-page">
        <aside class="campaign-page__aside">
            <section class="campaign-page__content-wrapper">
                <button id="mobile-content-close" class="campaign-page__close-button"></button>

                <div class="campaign-page__wysiwyg">
                    <h2>Kvart år vert omlag 1000 studentar uteksaminert frå Høgskulen i Volda.</h2>
                    <p>– Utforsk kartet (klikk på merkene) å sjå hva nokre av dei gjer i dag. <a href="#">Lorem ipsum</a></p>
                </div>

                <nav class="campaign-page__navigation">
                    <a href="#" class="campaign-page__navigation-button btn">Vestlandet</a>
                    <a href="#" class="campaign-page__navigation-button btn">Østlandet</a>
                    <a href="#" class="campaign-page__navigation-button btn">Midt-Norge</a>
                    <a href="#" class="campaign-page__navigation-button btn">Nord-Norge</a>
                </nav>
            </section>
        </aside>

        <div id="map" class="campaign-page__map"></div>
    </div>

    <div id="map-markers" class="map-markers">
        <div class="campaign-page__popup" data-lat="59.911491" data-lng="10.757933">
            <button id="map-popup-close" class="campaign-page__close-button campaign-page__close-button--popup"></button>

            <div class="campaign-page__popup-video">
                <iframe title="Kampanje video" src="https://player.vimeo.com/video/277048518?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>

            <div class="campaign-page__popup-content">
                <h2 class="campaign-page__popup-title">Marte Stubbrud Frikstad</h2>
                <div class="campaign-page__popup-wysiwyg">
                    <p class="campaign-page__popup-subtitle">Friluftsliv / Sauda</p>

                    <p>I 2012 vart Marte Frikstad ferdig med sin bachelor i idrett og friluftsliv ved Høgskulen i Volda. I dag arbeider ho som lærar på Villmarkslinja ved Sauda vidaregåande skule.</p>

                    <a href="#" class="btn">Meir info om studie</a>
                </div>
            </div>
        </div><!-- marker -->

        <div class="campaign-page__popup" data-lat="58.969975" data-lng="5.733107">
            <button id="map-popup-close" class="campaign-page__close-button campaign-page__close-button--popup"></button>

            <div class="campaign-page__popup-video">
                <iframe title="Kampanje video" src="https://player.vimeo.com/video/277048518?title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>

            <div class="campaign-page__popup-content">
                <h2 class="campaign-page__popup-title">Marte Stubbrud Frikstad</h2>
                <div class="campaign-page__popup-wysiwyg">
                    <p class="campaign-page__popup-subtitle">Friluftsliv / Sauda</p>

                    <p>I 2012 vart Marte Frikstad ferdig med sin bachelor i idrett og friluftsliv ved Høgskulen i Volda. I dag arbeider ho som lærar på Villmarkslinja ved Sauda vidaregåande skule.</p>

                    <a href="#" class="btn">Meir info om studie</a>
                </div>
            </div>
        </div><!-- marker -->
    </div>

    <script src='https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.js'></script>
    <link href='https://api.mapbox.com/mapbox.js/v3.1.1/mapbox.css' rel='stylesheet' />

</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>