<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>Søk</li>
</ol>
</nav>
<main class="page-body" id="page-body" tabindex="0">
<article class="content-wrapper">
<div class="row row-space-large bg-black search-header">
<div class="inner-row">
<!-- <h1 class="page-title">Søk</h1>
-->
<form method="post" action="">
<label for="page-seach-2" class="visuallyhidden">Søk her</label>
<div class="input-button-group input-underline">
<input type="search" value="" placeholder="Søk på hivolda.no" id="page-seach-2">
<input value title="Søk" type="submit" href="http://testlenke.no" class="btn-search input-btn-search"></input>
</div>
</form>
</div>
</div>
<div class="row overflow-hidden">
<div class="inner-row">
<div class="l-one-one-and-half-one-invert">
<div class="l-item-first sidebar-offset-bg follow-page-scroll">
<form action="" class="filter-search grid-three">
<div class="filter-tools">
<a class="arrow-link" href="#" data-replace-text="Skjul filter">Vis filter</a>
<button class="reset-selection">Nullstill filter</button>
</div>
<div class="accordion">
<div class="accordion-item open">
<h3 class="title"><a class="arrow-link block" href="#">Type</a></h3>
<div class="copy">
<div class="filter-item">
<div class="checkbox-group">
<input type="checkbox" id="checl-401" checked>
<label for="checl-401">Hendelse</label>
</div>
</div>
</div>
</div>
<div class="accordion-item open">
<h3 class="title"><a class="arrow-link block" href="#">Kategori</a></h3>
<div class="copy">
<div class="filter-item">
<div class="checkbox-group">
<input type="checkbox" id="check-1">
<label for="check-1">Forskning og utvikling</label>
</div>
</div>
<div class="filter-item">
<div class="checkbox-group">
<input type="checkbox" id="check-1">
<label for="check-1">For tilsette</label>
</div>
</div>
<div class="filter-item">
<div class="checkbox-group">
<input type="checkbox" id="check-1">
<label for="check-1">Lærerutdanninga</label>
</div>
</div>
<div class="filter-item">
<div class="checkbox-group">
<input type="checkbox" id="check-1">
<label for="check-1">Studentliv</label>
</div>
</div>
</div>
</div>
</div>
<div class="filter-tools">
<a class="arrow-link" href="#" data-replace-text="Skjul filter">Vis filter</a>
<button class="reset-selection">Nullstill filter</button>
</div>
</form>
</div>
<div class="l-item-second">
<h2>20 treff på hendelser:</h2>
<ul class="list-border">
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
<li>
<article class="search-result search-result--event">
<div class="search-result__wrapper">
<div class="search-result__img-date">
<div class="search-result__img-date__label search-result__img-date__label--date">23-4</div>
<div class="search-result__img-date__label search-result__img-date__label--month">sep/okt</div>
</div>
<div class="search-result__content-wrapper">
<h2 class="search-result__heading"><a href="#">Heading Example</a></h2>
<div class="search-result__content">
<div class="search-result__event">
<span class="icon-map-marker"></span> 11:00-12:00
</div>
<div class="search-result__event">
<span class="icon-watch"></span> Example location
</div>
</div>
</div>
</div>
</article>
</li>
</ul>
<nav class="pager" role="navigation" aria-labelledby="pagination-heading">
<h4 id="pagination-heading" class="visually-hidden">Pagination</h4>
<ul class="pager__items js-pager__items">
<li class="pager__item pager__item--first">
<a href="?keys=tor&page=0" title="Gå til første side">
<span class="visually-hidden">First page</span>
<span aria-hidden="true">‹ first</span>
</a>
</li>
<li class="pager__item pager__item--previous">
<a href="?keys=tor&page=346" title="Gå til forrige side" rel="prev">
<span class="visually-hidden">Previous page</span>
<span aria-hidden="true">‹ previous</span>
</a>
</li>
<li class="pager__item pager__item--ellipsis" role="presentation">…</li>
<li class="pager__item">
<a href="?keys=tor&page=341" title="Go to page 342">
<span class="visually-hidden">
Page
</span>342</a>
</li>
<li class="pager__item">
<a href="?keys=tor&page=342" title="Go to page 343">
<span class="visually-hidden">
Page
</span>343</a>
</li>
<li class="pager__item">
<a href="?keys=tor&page=343" title="Go to page 344">
<span class="visually-hidden">
Page
</span>344</a>
</li>
<li class="pager__item">
<a href="?keys=tor&page=344" title="Go to page 345">
<span class="visually-hidden">
Page
</span>345</a>
</li>
<li class="pager__item">
<a href="?keys=tor&page=345" title="Go to page 346">
<span class="visually-hidden">
Page
</span>346</a>
</li>
<li class="pager__item">
<a href="?keys=tor&page=346" title="Go to page 347">
<span class="visually-hidden">
Page
</span>347</a>
</li>
<li class="pager__item is-active">
<a href="?keys=tor&page=347" title="Current page">
<span class="visually-hidden">
Current page
</span>348</a>
</li>
<li class="pager__item">
<a href="?keys=tor&page=348" title="Go to page 349">
<span class="visually-hidden">
Page
</span>349</a>
</li>
<li class="pager__item">
<a href="?keys=tor&page=349" title="Go to page 350">
<span class="visually-hidden">
Page
</span>350</a>
</li>
<li class="pager__item pager__item--next">
<a href="?keys=tor&page=348" title="Gå til neste side" rel="next">
<span class="visually-hidden">Next page</span>
<span aria-hidden="true">next ›</span>
</a>
</li>
<li class="pager__item pager__item--last">
<a href="?keys=tor&page=349" title="Gå til siste side">
<span class="visually-hidden">Last page</span>
<span aria-hidden="true">last ›</span>
</a>
</li>
</ul>
</nav>
</div>
</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 row-space-large bg-black search-header">
<div class="inner-row">
<!-- {% render "@element-text--page-title", page_title, true %} -->
<form method="post" action="">
<label for="page-seach-2" class="visuallyhidden">Søk her</label>
{% render "@component-input-button-group", search_form, true %}
</form>
</div>
</div>
<div class="row overflow-hidden">
<div class="inner-row">
<div class="l-one-one-and-half-one-invert">
<div class="l-item-first sidebar-offset-bg follow-page-scroll">
{% render "@module-filter-search", filter, false %}
</div>
<div class="l-item-second">
<h2>20 treff på hendelser:</h2>
<ul class="list-border">
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
<li>{% render "@module-content-teaser--event-2"%}</li>
</ul>
{% render "@component-pager" %}
</div>
</div>
</div>
</div>
</article>
{% endblock %}
{
"body_class": "template-search",
"page_title": {
"text": "Søk"
},
"breadcrumb": {
"text": "Søk",
"items": [
{
"text": "Framsida"
}
]
},
"search_form": {
"input": {
"type": "search",
"placeholder": "Søk på hivolda.no",
"id": "page-seach-2"
},
"class": "input-underline"
},
"filter": {
"filters_active": [
{
"text": "Hendelse",
"id": "check-301",
"attr": "checked"
},
{
"text": "Kommande",
"id": "check-302",
"attr": "checked"
}
],
"filters_type": [
{
"text": "Hendelse",
"id": "checl-401",
"amount": 20,
"attr": "checked"
}
],
"filters_category": [
{
"text": "Forskning og utvikling",
"amount": 6
},
{
"text": "For tilsette",
"amount": 4
},
{
"text": "Lærerutdanninga",
"amount": 2
},
{
"text": "Studentliv",
"amount": 8
}
]
}
}
No notes defined.