HiVolda Styleguide

Page Footer 

<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>
 
<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">
          {% for item in nav_application %}
          <li>{% render "@element-links", item.link, true %}</li>
          {% endfor %}
        </ul>
      </nav>
      <nav class="grid-item">
        <h2 class="nav-title collapsable">Verktøy og tjenester</h2>
        <ul class="list-icons">
          {% for item in nav_tools %}
          <li>{% render "@element-links", item.link, true %}</li>
          {% endfor %}
        </ul>
      </nav>
      <nav class="grid-item">
        <h2 class="nav-title">Høgskulen i Volda</h2>
        <ul class="list-icons">
          {% for item in nav_contact %}
          <li>{% render "@element-links", item.link, true %}</li>
          {% endfor %}
        </ul>
      </nav>
    </div>
    <ul class="social-links">
      {% for item in social_links %}
      <li>{% render "@element-social-link--with-text", item.link, true %}</li>
      {% endfor %}
    </ul>
    <div class="center">
      {% render "@element-button", btn_top, true %}
    </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>
 
{
  "nav_application": [
    {
      "link": {
        "text": "Studietilbod",
        "href": "http://studietilbod.hivolda.no"
      }
    },
    {
      "link": {
        "text": "Slik søker du"
      }
    },
    {
      "link": {
        "text": "Studentsørvis"
      }
    },
    {
      "link": {
        "text": "Studentlivet"
      }
    }
  ],
  "nav_tools": [
    {
      "link": {
        "text": "Fronter"
      }
    },
    {
      "link": {
        "text": "Studentweb"
      }
    },
    {
      "link": {
        "text": "IT-tjenester"
      }
    },
    {
      "link": {
        "text": "Bibliotek"
      }
    }
  ],
  "nav_contact": [
    {
      "link": {
        "text": "PB 500, 6100 Volda",
        "class": "icon-mail-box-light"
      }
    },
    {
      "link": {
        "text": "70 07 50 00",
        "href": "tlf:70075000",
        "class": "icon-phone-light"
      }
    },
    {
      "link": {
        "text": "postmottak@hivolda.no",
        "href": "mailto:postmottak@hivolda.no",
        "class": "icon-envelope-light"
      }
    },
    {
      "link": {
        "text": "Vis HiVolda på kartet"
      }
    },
    {
      "link": {
        "text": "Ledige stillinger"
      }
    },
    {
      "link": {
        "text": "Personvern og villkår"
      }
    }
  ],
  "btn_top": {
    "text": "Tilbake til toppen",
    "class": "back-to-top btn",
    "href": "#"
  },
  "social_links": [
    {
      "link": {
        "text": "facebook"
      }
    },
    {
      "link": {
        "text": "twitter",
        "class": "twitter"
      }
    },
    {
      "link": {
        "text": "instagram",
        "class": "instagram"
      }
    },
    {
      "link": {
        "text": "nærnett",
        "class": "nernett"
      }
    },
    {
      "link": {
        "text": "blogg",
        "class": "blog"
      }
    }
  ]
}

No notes defined.