HiVolda Styleguide

Page Info 

<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><a href="">Studentsørvis</a></li>

        <li>Slik søker du om studieplass</li>
    </ol>
</nav>

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

    <article class="content-wrapper">
        <!-- <div class="row">
    <div class="inner-row">
      <h1  class="page-title">Slik søker du om studieplass</h1>

    </div>
  </div> -->
        <div class="row widget-banner row-space-medium light-on-dark center">
            <div class="inner-row">

                <div class="wg-body">

                    <div class="banner " style="background-image: url(/images/info-page.jpg)">
                        <div class="inner-banner">
                            <h1>Slik søker du barnehageplass</h1>

                        </div>
                    </div>

                </div>

            </div>
        </div>

        <section class="row row-narrow-two">
            <div class="inner-row">

                <div class="wg-body">

                    <div class="copy">
                        <p class="intro">Høgskulen i Volda har ulike opptak for dei ulike studieprogramma våre. Nedanfor har vi lista opp namn på desse opptaka og kva studiumsomligg i dei ulike opptaka. Ein opplæringsvideo om Søknadsweb finn du nederst.</p>

                    </div>
                </div>

            </div>
        </section>

        <section class="row widget-text grid-two row-space-medium">
            <div class="inner-row">

                <div class="wg-body">

                    <div class="grid-item copy">
                        <h2>Samordna opptak</h2>
                        <p>I Samordna Opptak søker du på bachelorgrader og årsstudium. Ordinær søknadsfrist er 15. april. Alle søkjarar med norsk fødselsnummer må bruke elektronisk identitet frå MinID for å registrere søknad. Husk at du må skaffe deg PIN-kode frå MinID i god tid før søknadsfristen. Opptaket opnar for søking 1. februar.</p>
                        <p><a href="http://testlenke.no">Gå til samordna opptak</a></p>
                    </div>

                    <div class="grid-item copy">
                        <h2>Masteropptak</h2>
                        <p>I masteropptaket søker du på mastergrader og vidareutanningar på mastergradsnivå. Ordinær søknadsfrist er 1. mars/15. april eller løpande opptak for studium med god kapasitet. Opptaket opnar for søking 1. februar. For studium med oppstart i januar, opnar opptaket for søking ca 1. november.</p>
                        <p><a href="http://testlenke.no">Gå til Høgskulen i Volda sin lokale Søknadsweb</a></p>
                    </div>

                    <div class="grid-item copy">
                        <h2>Lokalt opptak</h2>
                        <p>I lokalt opptak søker du på nettstudium, vidareutdanningar og deltidsstudium. Dei este studium i lokalt opptak har løpande opptak medan nokre har søknadsfrist 15. april. Opptaket opnar for søking 1. februar. For studium med oppstart i januar, opnar opptaket for søking ca 1. november. Merk at Søknadsweb er alltid open innafor fristane for opptak. Vår Søknadsweb-video nederst på sida her viser korleis du søker. Vi har løpande opptak på studium med ledig kapasitet. Dvs at vi handsamar søknadar fortløpande og gir tilbod til søkarar som er kvali serte til studiet er fullt. Merk. oppstart på studiet er i august/januar om ikkje anna er oppgitt.</p>
                        <p><a href="http://testlenke.no">Gå til Høgskulen i Volda sin lokale Søknadsweb</a></p>
                    </div>

                    <div class="grid-item copy">
                        <h2>PPU-opptak</h2>
                        <p>I PPU-opptaket søkar du på praktiskpedagogiske utdanningar. Ordinær søknadsfrist er 15. april. Opptaket opnar for søking 1. februar.</p>
                        <p><a href="http://testlenke.no">Gå til Høgskulen i Volda sin lokale Søknadsweb</a></p>
                    </div>

                </div>

            </div>
        </section>

        <section class="row widget-media bg-grey bg-large-up row-space-medium row-narrow-two">
            <div class="inner-row">

                <div class="wg-header">
                    <h1 class="wg-title">Søknadsweb - Ei kort innføring</h1>

                </div>

                <div class="wg-body">

                    <iframe width="640" height="360" src="https://www.youtube.com/embed/_xBsBSb8Bms?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen title="youtube video kort innføring søknadsweb"></iframe>

                </div>

            </div>
        </section>

        <section class="row grid-two row-narrow-two widget-link row-space-medium">
            <div class="inner-row">

                <div class="wg-header">
                    <h2 class="wg-title">Fleire nyttige lenker</h2>

                </div>

                <div class="wg-body">

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Opptakskrav</a>

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Opptaksdokumentasjon</a>

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Viktige datoar i opptaket</a>

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">FAQ- spørsmål og svar</a>

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Løpande opptak</a>

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Ordnett</a>

                    </div>

                </div>

            </div>
        </section>

        <section class="row row-narrow-one widget-text row-space-medium bg-grey">
            <div class="inner-row">

                <div class="wg-header">
                    <h1 class="wg-title visuallyhidden">Kontakt studentsørvis</h1>

                </div>

                <div class="wg-body">

                    <div class="copy">
                        <h2>Trenger du hjelp?</h2>
                        <p>Kontakt oss på:</p>
                        <ul class="list-icons">
                            <li><a class="icon-envelope" href="mailto:studentsorvis@hivolda.no">studentsorvis@hivolda.no</a></li>
                            <li><a class="icon-phone" href="tel:70075018">70 07 50 18</a></li>
                        </ul>

                    </div>
                </div>

            </div>
        </section>

    </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">
    <div class="inner-row">
      {% render "@element-text--page-title", page_title, true %}
    </div>
  </div> -->
  {% render "@widget-banner", banner, true %}
  {% render "@widget-text", intro, true %}
  {% render "@widget-text-multiple", main_copy, true %}
  {% render "@widget-media", video, true %}
  {% render "@widget-links", shortcut_links, true %}
  {% render "@widget-text", contact, true %}
</article>
{% endblock %}
 
{
  "body_class": "template-page",
  "page_title": {
    "text": "Slik søker du om studieplass"
  },
  "breadcrumb": {
    "text": "Slik søker du om studieplass",
    "items": [
      {
        "text": "Framsida"
      },
      {
        "text": "Studentsørvis"
      }
    ]
  },
  "banner": {
    "wg_class": "widget-banner row-space-medium light-on-dark center"
  },
  "intro": {
    "wg_class": "row-narrow-two",
    "text": "Høgskulen i Volda har ulike opptak for dei ulike studieprogramma våre. Nedanfor har vi lista opp namn på desse opptaka og kva studiumsomligg i dei ulike opptaka. Ein opplæringsvideo om Søknadsweb finn du nederst.{.intro}\n"
  },
  "main_copy": {
    "wg_class": "widget-text grid-two row-space-medium"
  },
  "video": {
    "wg_class": "widget-media bg-grey bg-large-up row-space-medium row-narrow-two"
  },
  "shortcut_links": {
    "wg_class": "grid-two row-narrow-two widget-link row-space-medium",
    "wg_title": "Fleire nyttige lenker",
    "items": [
      {
        "text": "Opptakskrav"
      },
      {
        "text": "Opptaksdokumentasjon"
      },
      {
        "text": "Viktige datoar i opptaket"
      },
      {
        "text": "FAQ- spørsmål og svar"
      },
      {
        "text": "Løpande opptak"
      }
    ]
  },
  "contact": {
    "wg_class": "row-narrow-one widget-text row-space-medium bg-grey",
    "wg_title": "Kontakt studentsørvis",
    "wg_title_element": "h1",
    "wg_title_visuallyhidden": true,
    "text": "## Trenger du hjelp?\nKontakt oss på:\n\n<ul class=\"list-icons\">\n  <li><a class=\"icon-envelope\" href=\"mailto:studentsorvis@hivolda.no\">studentsorvis@hivolda.no</a></li>\n  <li><a class=\"icon-phone\" href=\"tel:70075018\">70 07 50 18</a></li>\n</ul>\n"
  }
}

No notes defined.