Page Student Service

WIP

HTML
View
Context
Info
Notes


        
        <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>Studentsørvis</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">Studentsørvis</h1>

            </div>
        </div>
        <section class="row grid-four widget-btn-link row-space-medium">
            <div class="inner-row">

                <div class="wg-header">
                    <h2 class="wg-title">Studentverktøy</h2>

                    <div class="wg-intro">
                        <p>Studentsørvis yter praktisk hjelp i studiekvardagen. Viktige tenester er sortertetter tema.</p>

                    </div>

                </div>

                <div class="wg-body">

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

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Timeplan-søk</a>

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Utskrift og påfylling</a>

                    </div>

                </div>

            </div>
        </section>

        <section class="row grid-four widget-btn-link row-space-medium">
            <div class="inner-row">

                <div class="wg-header">
                    <h2 class="wg-title">Studentverktøy</h2>

                    <div class="wg-intro">
                        <p>Studentsørvis yter praktisk hjelp i studiekvardagen. Viktige tenester er sortertetter tema.</p>

                    </div>

                </div>

                <div class="wg-body">

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

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Vitnemål / Grader</a>

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

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

                </div>

                <div class="wg-body">

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

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Praktisk informasjon 16/17</a>

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

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

                    </div>

                    <div class="grid-item">
                        <a href="http://testlenke.no" class="">Regelverk</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">
                        <h3>Fann du ikkje den informasjonen du treng?</h3>
                        <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>
                        <p>Eller kom innom Opningstida:</p>
                        <ul>
                            <li>måndag kl. 9.30 - 15.00</li>
                            <li>tysdag - fredag kl. 9.00 - 15.00</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-links--button-links", student_tools, true %}
  {% render "@widget-links--button-links", services, true %}
  {% render "@widget-links", study_information, true %}
  {% render "@widget-text", contact, true %}
</article>
{% endblock %}


        
            
            {
  "body_class": "template-page",
  "page_title": {
    "text": "Studentsørvis"
  },
  "breadcrumb": {
    "text": "Studentsørvis",
    "items": [
      {
        "text": "Framsida"
      }
    ]
  },
  "student_tools": {
    "wg_class": "grid-four widget-btn-link row-space-medium"
  },
  "services": {
    "wg_class": "grid-four widget-btn-link row-space-medium",
    "items": [
      {
        "text": "Opptak",
        "class": null
      },
      {
        "text": "Registrering",
        "class": null
      },
      {
        "text": "Utdanningsplan"
      },
      {
        "text": "Tilrettelegging"
      },
      {
        "text": "Studierettleiing"
      },
      {
        "text": "Overflytting"
      },
      {
        "text": "Utveksling"
      },
      {
        "text": "Eksamen"
      },
      {
        "text": "Vitnemål / Grader"
      },
      {
        "text": "Regelver"
      },
      {
        "text": "Skjema"
      },
      {
        "text": "Viktige Frister"
      }
    ]
  },
  "study_information": {
    "wg_class": "grid-two row-narrow-two widget-link row-space-medium",
    "wg_title": "Studieinformasjon",
    "items": [
      {
        "text": "Studeplanar 16/17"
      },
      {
        "text": "Studeplanar 17/18"
      },
      {
        "text": "Emneplanar 16/17"
      },
      {
        "text": "Pensumlister 16/17"
      },
      {
        "text": "Praktisk informasjon 16/17"
      },
      {
        "text": "Eksamensplanar"
      },
      {
        "text": "Eldre studieplanar"
      },
      {
        "text": "Eldre emneplanar"
      },
      {
        "text": "Eldre pensumlister"
      },
      {
        "text": "Regelverk"
      }
    ]
  },
  "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": "<h3>Fann du ikkje den informasjonen du treng?</h3>\n<p>Kontakt oss på:</p>\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<p>Eller kom innom Opningstida:</p>\n<ul>\n  <li>måndag kl. 9.30 - 15.00</li>\n  <li>tysdag - fredag kl. 9.00 - 15.00</li>\n</ul>\n"
  }
}

Handle: @template-page-student-service
Preview:
- With layout
- Component only
Filesystem Path: source/patterns/05-templates/page-student-service.twig
References (5): @page, @element-text--page-title, @widget-links--button-links, @widget-links, @widget-text

No notes defined.