<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"></h2>
    <ol>

        <li><a href="">Framsida</a></li>

        <li>Studietilbod</li>
    </ol>
</nav>

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

    <article class="content-wrapper">
        <div class="row overflow-hidden">
            <div class="fluid-row invert">
                <div class="l-item-first search-form search-form--study-list sidebar-offset-bg">
                    <form method="post" action="">
                        <label for="page-seach-2" class="visuallyhidden">Søk etter navn eller avdeling</label>
                        <div class="input-button-group input-underline">
                            <input type="search" value="" placeholder="Søk etter navn eller avdeling" id="study_search">

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

                        </div>

                    </form>
                    <form action="" class="filter-study grid-three">
                        <div class="grid-item">
                            <h2>Utdanningsområde</h2>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-001">
                                <label for="check-001">Administrasjon, planlegging og leiing</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-002">
                                <label for="check-002">Digital kompetanse</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-003">
                                <label for="check-003">Estetiske fag, kunst og musikkfag</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-004">
                                <label for="check-004">Helse- og sosialfag</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-005">
                                <label for="check-005">Historie og religion</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-006">
                                <label for="check-006">Idrett og friluftsliv</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-007">
                                <label for="check-007">Kompetanse for kvalitet</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-008">
                                <label for="check-008">Lærarutdanning</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-009">
                                <label for="check-009">Matematikk og Naturfag</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-010">
                                <label for="check-010">Medie- og journalistfag</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-011">
                                <label for="check-011">Språk og litteratur</label>
                            </div>

                        </div>
                        <div class="grid-item">
                            <h2>Studietype</h2>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-101">
                                <label for="check-101">Doktorgrad</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-102">
                                <label for="check-102">Mastergrad</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-103">
                                <label for="check-103">Yrkesutdanning</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-104">
                                <label for="check-104">Bachelorgrad</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-105">
                                <label for="check-105">Årsstudium</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-106">
                                <label for="check-106">Fordjupingsstudium</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-107">
                                <label for="check-107">Vidareutdanning (masternivå)</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-108">
                                <label for="check-108">Vidareutdanning (bachelornivå)</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="check-109">
                                <label for="check-109">Innføringsemne</label>
                            </div>

                        </div>
                        <div class="grid-item">
                            <h2>Organisering</h2>

                            <div class="checkbox-group">
                                <input type="checkbox" id="201">
                                <label for="201">Heiltid</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="202">
                                <label for="202">Deltid</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="203">
                                <label for="203">Nettstudium</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="204">
                                <label for="204">Samlingar</label>
                            </div>

                            <h2>Startsemester</h2>

                            <div class="checkbox-group">
                                <input type="checkbox" id="301">
                                <label for="301">Haust</label>
                            </div>

                            <div class="checkbox-group">
                                <input type="checkbox" id="302">
                                <label for="302">Vår</label>
                            </div>

                            <h2>Organisering</h2>

                            <div class="checkbox-group">
                                <input type="checkbox" id="401">
                                <label for="401">Vis kun ledige plasser</label>
                            </div>

                        </div>
                    </form>

                </div>
                <div class="l-item-second search-results  search-results--study-list">
                    <div class="row search-header">
                        <h1 class="page-title">Studietilbod</h1>

                        <h2 class="subtitle">Vi opnar for søking 1. november</h2>
                    </div>
                    <h2 class="h4 search-heading">Viser <b>48</b> resultat</h2>
                    <ul class="list-grid list-grid--two-columns">

                        <li>
                            <article class="search-result search-result--study ">
                                <div class="search-result__wrapper">
                                    <div class="search-result__img">
                                        <img src="https://via.placeholder.com/80" alt="Alt text">
                                    </div>

                                    <div class="search-result__content-wrapper">
                                        <h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
                                        <h5 class="search-result__subheading">Subheading Example</h5>

                                        <div class="search-result__content">
                                            <p class="search-result__content-paragraph">
                                                Example semester | Example study mode
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </li>

                        <li>
                            <article class="search-result search-result--study has-video">
                                <div class="search-result__wrapper">
                                    <div class="search-result__img">
                                        <img src="https://via.placeholder.com/80" alt="Alt text">
                                    </div>

                                    <div class="search-result__content-wrapper">
                                        <h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
                                        <h5 class="search-result__subheading">Subheading Example</h5>

                                        <div class="search-result__content">
                                            <p class="search-result__content-paragraph">
                                                Example semester | Example study mode
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </li>

                        <li>
                            <article class="search-result search-result--study ">
                                <div class="search-result__wrapper">
                                    <div class="search-result__img">
                                        <img src="https://via.placeholder.com/80" alt="Alt text">
                                    </div>

                                    <div class="search-result__content-wrapper">
                                        <h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
                                        <h5 class="search-result__subheading">Subheading Example</h5>

                                        <div class="search-result__content">
                                            <p class="search-result__content-paragraph">
                                                Example semester | Example study mode
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </article>

</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>
{% extends "@page" %}
{% block main %}
  <article class="content-wrapper">
    <div class="row overflow-hidden">
      <div class="fluid-row invert">
        <div class="l-item-first search-form search-form--study-list sidebar-offset-bg">
          <form method="post" action="">
            <label for="page-seach-2" class="visuallyhidden">Søk etter navn eller avdeling</label>
            {% render "@component-input-button-group", search_form, true %}
          </form>
          {% render "@module-filter-study" %}
        </div>
        <div class="l-item-second search-results  search-results--study-list">
          <div class="row search-header">
            {% render "@element-text--page-title", page_title, true %}
            <h2 class="subtitle">Vi opnar for søking 1. november</h2>
          </div>
          <h2 class="h4 search-heading">Viser <b>48</b> resultat</h2>
          <ul class="list-grid list-grid--two-columns">
            {% for item in study_list %}
              <li>{% render "@module-content-teaser--study-2", item, true %}</li>
            {% endfor %}
          </ul>
        </div>
      </div>
    </div>
  </article>
{% endblock %}
{
  "body_class": "template-search",
  "page_title": {
    "text": "Studietilbod"
  },
  "breadcrumb": {
    "text": "Studietilbod",
    "items": [
      {
        "text": "Framsida"
      }
    ]
  },
  "search_form": {
    "input": {
      "type": "search",
      "placeholder": "Søk etter navn eller avdeling",
      "id": "study_search"
    },
    "class": "input-underline"
  },
  "study_list": [
    {
      "title": "Planlegging og administrasjon"
    },
    {
      "title": "Samfunnsplanlegging og leiing",
      "study_degree": "Mastergrad",
      "desc": "4 semester (2 år) Deltid",
      "extra_class": "has-video"
    },
    {
      "title": "Samfunnsvitskap",
      "study_degree": "Årsstudium",
      "desc": "2 semester (1 år) Heltid"
    }
  ]
}

No notes defined.