Lunds universitet - Style Guide

Footer: D: Medarbetarwebb 

<footer class="footer bg-stone-25 text-dark">
    <div class="container py-2">
        <div class="row pt-1">
            <div class="col-6 col-md-3 offset-md-3-maw offset-lg-0 col-lg-4 mb-5">
                <h1 class="p font-weight-bold text-uppercase mb-1">System</h1>
                <a class="nav-link text-dark py-1 px-0" href="#">Administrativa system</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Bild- och mediebank</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Canvas på LU</a>
                <a class="nav-link text-dark py-1 px-0" href="#">DFS</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Egencia - Boka resa</a>
                <a class="nav-link text-dark py-1 px-0" href="#">EPIC - Hantera epostlistor</a>
                <a class="nav-link text-dark py-1 px-0" href="#">E-plikta</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Klara- hantera kemikalier</a>
                <a class="nav-link text-dark py-1 px-0" href="uppföljning">Kuben</a>
            </div>
            <div class="col-6 col-md-3 offset-md-3-maw offset-lg-0 col-lg-4 mb-5">
                <h1 class="p font-weight-bold text-uppercase mb-1">Stöd</h1>
                <a class="nav-link text-dark py-1 px-0" href="#">LU-kortet</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Konferans och arrangemang</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Kompetensportalen</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Logotyp</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Företagshälsovården</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Friskvård</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Förmåner</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Försökringar för anställda</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Förvaltningen internt</a>
            </div>
            <div class="col-6 col-md-3 offset-md-3-maw offset-lg-0 col-lg-4 mb-5">
                <h1 class="p font-weight-bold text-uppercase mb-1">Genvägar</h1>
                <a class="nav-link text-dark py-1 px-0" href="#">Terminalglasögon</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Inköp</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Hälsa</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Hämtställe</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Arbetsmiljö</a>
                <a class="nav-link text-dark py-1 px-0" href="#">Organisation</a>
                <a class="nav-link text-dark py-1 px-0" href="#">VPN</a>
            </div>
        </div>
        <hr>
    </div>
    <div class="container py-2">
        <div class="row pt-1">
            <div class="col-6 col-lg-4 mb-5 text-center text-lg-left">
                <img src="../../images/logo/LundUniversity_C2line_BLACK.png" srcset="../../images/logo/LundUniversity_C2line_BLACK.png 1x, ../../images/logo/LundUniversity_C2line_BLACK.png 2x" alt="Lunds universitet" class=" footer-logo">

            </div>
            <div class="col-6 col-md-3 offset-md-3-maw offset-lg-0 col-lg-4 mb-5">
                <h1 class="p font-weight-bold text-uppercase mb-1">Kontakta oss</h1>
                <p>Lunds universitet<br>Box 117<br>220 00 LUND<br>046-222 00 00<br><a href="mailto:lu@lu.se" class="text-dark">lu@lu.se</a></p>
            </div>
        </div>
</footer>
 
<footer class="footer{{ modifiers footer-modifiers }}">
  {{#if links}}
  <div class="container py-2">
    <div class="row pt-1">
      <div class="col-6 col-md-3 offset-md-3-maw offset-lg-0 col-lg-4 mb-5">
        <h1 class="p font-weight-bold text-uppercase mb-1">System</h1>
          {{#each links.SYSTEM }}
            <a class="nav-link text-dark py-1 px-0" href="{{url}}">{{{title}}}</a>
          {{/each}}
      </div>
      <div class="col-6 col-md-3 offset-md-3-maw offset-lg-0 col-lg-4 mb-5">
        <h1 class="p font-weight-bold text-uppercase mb-1">Stöd</h1>
          {{#each links.STOD }}
            <a class="nav-link text-dark py-1 px-0" href="{{url}}">{{{title}}}</a>
          {{/each}}
      </div>
      <div class="col-6 col-md-3 offset-md-3-maw offset-lg-0 col-lg-4 mb-5">
        <h1 class="p font-weight-bold text-uppercase mb-1">Genvägar</h1>
          {{#each links.GENVAGAR }}
            <a class="nav-link text-dark py-1 px-0" href="{{url}}">{{{title}}}</a>
          {{/each}}
      </div>
    </div>
  <hr>
  </div>
  {{/if}}
  <div class="container py-2">
    <div class="row pt-1">
      <div class="col-6 col-lg-4 mb-5 text-center text-lg-left">
        {{render "@image" logo}}
      </div>
      <div class="col-6 col-md-3 offset-md-3-maw offset-lg-0 col-lg-4 mb-5">
        <h1 class="p font-weight-bold text-uppercase mb-1">Kontakta oss</h1>
        {{{contact}}}
      </div>
      {{#if shortcuts}}
      <div class="col-6 col-md-3 col-lg-4 mb-5">
        <h1 class="p font-weight-bold text-uppercase mb-1">Genvägar</h1>
        <div class="nav nav-list flex-column">
          {{#each shortcuts }}
            <a class="nav-link text-white py-1 px-0" href="{{url}}">{{{text}}}</a>
          {{/each}}
        </div>
      </div>
      {{/if}}
    </div>
    {{#if social}}
    <div class="row mb-5">
      <div class="col-12 col-lg-4 offset-lg-4">
        <h1 class="p font-weight-bold text-uppercase mb-1 text-center text-lg-left">Följ oss i sociala medier</h1>
        <ul class="nav nav-social mt-3 nmx-2 justify-content-center justify-content-lg-start">
          {{#each social }}
            <li class="nav-item mx-2">
              <a class="nav-link text-white p-0" href="{{url}}"><span class="sr-only">{{this.title}} </span>{{render
                (concat "@icon--" icon)}}</a>
            </li>
          {{/each}}
        </ul>
      </div>
    </div>
  </div>
  {{/if}}
  {{#if partners}}
    <div class="bg-darker py-5">
      <div class="container">
        <div class="row">
          <div class="col-12 d-flex justify-content-center">
            <div class="d-inline-block">
              <h1 class="p font-weight-bold text-uppercase mb-5 text-center text-lg-left">Samarbeten och nätverk</h1>
              <div class="nav nav-partners align-items-center justify-content-center flex-row nmx-5">
                {{#each partners }}
                  <a href="{{url}}" class="nav-link p-0 mb-3 mx-5">
                    {{render "@image" image}}
                  </a>
                {{/each}}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  {{/if}}
</footer>
 
{
  "_full-screen": true,
  "logo": {
    "src": "/images/logo/LundUniversity_C2line_BLACK.png",
    "src-2x": "/images/logo/LundUniversity_C2line_BLACK.png",
    "alt": "Lunds universitet",
    "modifiers": [
      "footer-logo"
    ]
  },
  "contact": "<p>Lunds universitet<br>Box 117<br>220 00 LUND<br>046-222 00 00<br><a href=\"mailto:lu@lu.se\" class=\"text-dark\">lu@lu.se</a></p>",
  "contact2": "<p>Fakturaadress:<br>Box 188<br>221 00 LUND</p><p>Organisationsnummer:<br>202100-3211</p>",
  "footer-modifiers": [
    "bg-stone-25",
    "text-dark"
  ],
  "links": {
    "SYSTEM": [
      {
        "title": "Administrativa system",
        "url": "#"
      },
      {
        "title": "Bild- och mediebank",
        "url": "#"
      },
      {
        "title": "Canvas på LU",
        "url": "#"
      },
      {
        "title": "DFS",
        "url": "#"
      },
      {
        "title": "Egencia - Boka resa",
        "url": "#"
      },
      {
        "title": "EPIC - Hantera epostlistor",
        "url": "#"
      },
      {
        "title": "E-plikta",
        "url": "#"
      },
      {
        "title": "Klara- hantera kemikalier",
        "url": "#"
      },
      {
        "title": "Kuben",
        "url": "uppföljning"
      }
    ],
    "STOD": [
      {
        "title": "LU-kortet",
        "url": "#"
      },
      {
        "title": "Konferans och arrangemang",
        "url": "#"
      },
      {
        "title": "Kompetensportalen",
        "url": "#"
      },
      {
        "title": "Logotyp",
        "url": "#"
      },
      {
        "title": "Företagshälsovården",
        "url": "#"
      },
      {
        "title": "Friskvård",
        "url": "#"
      },
      {
        "title": "Förmåner",
        "url": "#"
      },
      {
        "title": "Försökringar för anställda",
        "url": "#"
      },
      {
        "title": "Förvaltningen internt",
        "url": "#"
      }
    ],
    "GENVAGAR": [
      {
        "title": "Terminalglasögon",
        "url": "#"
      },
      {
        "title": "Inköp",
        "url": "#"
      },
      {
        "title": "Hälsa",
        "url": "#"
      },
      {
        "title": "Hämtställe",
        "url": "#"
      },
      {
        "title": "Arbetsmiljö",
        "url": "#"
      },
      {
        "title": "Organisation",
        "url": "#"
      },
      {
        "title": "VPN",
        "url": "#"
      }
    ]
  }
}

No notes defined.