Lunds universitet - Style Guide

Course List 

<div class="course-list">
    <div class="text-end border-lg-bottom pb-lg-3">
        200 utbildningar
    </div>
    <div>
        <h2 class="h1 border-bottom mb-0 mt-5 pb-2">A</h2>
        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Arbetsterapeutprogrammet</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Arbetsterapeutexamen</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Arkeologi - teori och praktik - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Arbetsterapeutexamen</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Arkitektur - Masterutbildning</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Arkitektutbildning</p>
            <p class="font-weight-light">300 HP &nbsp;•&nbsp; 5 år &nbsp;•&nbsp; Arkitektexamen</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Arkivvetenskap, biblioteks- och informationsvetenskap respektive museologi (ABM) - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Asienstudier - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Astrofysik - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Atmosfärvetenskap och biokemiska kretslopp - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Audionomprogrammet</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 3 år &nbsp;•&nbsp; Audionomexamen</p>
        </a>

    </div>
    <div>
        <h2 class="h1 border-bottom mb-0 mt-5 pb-2">B</h2>
        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Barnmorskeprogrammet</p>
            <p class="font-weight-light">90 HP &nbsp;•&nbsp; 1,5 år &nbsp;•&nbsp; Barnmorskeexamen</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Beteendevetenskap - Kandidatprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 3 år &nbsp;•&nbsp; Kandidatexamen</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Bioinformatik - Masterprogram</p>
            <p class="font-weight-light">120 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Biologi, Akvatisk ekologi - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Biologi, Allmän inriktning - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Biologi, Naturvård och bevarandebiologi - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Biologi, Växtbiologi - Masterprogram</p>
            <p class="font-weight-light">120 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Biologi, Zooekologi - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Biomedicin - Masterprogram</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Biomedicinprogrammet</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Biomedicinprogrammet, Antagning till senare del</p>
            <p class="font-weight-light">120 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Bioteknik - Masterutbildning</p>
            <p class="font-weight-light">180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund</p>
        </a>

        <a href="#" class="nav-block px-3 py-4 border-bottom nav-block-hover-plaster-25">
            <p class="h3 mt-0 nav-block-link">Brandingenjörsutbildning</p>
            <p class="font-weight-light">210 HP &nbsp;•&nbsp; 3,5 år &nbsp;•&nbsp; Brandingenjörsexamen</p>
        </a>

    </div>
    <div class="mt-6">
        <nav aria-label="Pagination" class="my-3">
            <ul class="pagination pagination-sm">
                <li class="page-item disabled">
                    <a class="page-link" href="#"><span class="page-icon"><i class="fal fa-chevron-left fa-sm"></i></span><span class="page-label"> Föregående</span></a>
                </li>
                <li class="page-item active" aria-current="page">
                    <a class="page-link" href="#">1</a>
                </li>
                <li class="page-item">
                    <a class="page-link" href="#">2</a>
                </li>
                <li class="page-item d-none d-md-block">
                    <a class="page-link" href="#">3</a>
                </li>
                <li class="page-item">
                    <span class="page-text"><i class="fal fa-ellipsis-h"></i></span>
                </li>
                <li class="page-item">
                    <a class="page-link" href="#">8</a>
                </li>
                <li class="page-item">
                    <a class="page-link" href="#"><span class="page-label">Nästa </span><span class="page-icon"><i class="fal fa-chevron-right fa-sm"></i></span></a>
                </li>
            </ul>
        </nav>

    </div>
</div>
 
<div class="course-list">
  <div class="text-end border-lg-bottom pb-lg-3">
    200 utbildningar
  </div>
{{#each items}}
  <div>
    <h2 class="h1 border-bottom mb-0 mt-5 pb-2">{{label}}</h2>
    {{#each items}}
      {{render "@course-list-item" this}}
    {{/each}}
  </div>
{{/each}}
  <div class="mt-6">
  {{render "@pagination"}}
  </div>
</div>
 
{
  "items": [
    {
      "label": "A",
      "items": [
        {
          "title": "Arbetsterapeutprogrammet",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Arbetsterapeutexamen",
          "link": "#"
        },
        {
          "title": "Arkeologi - teori och praktik - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Arbetsterapeutexamen",
          "link": "#"
        },
        {
          "title": "Arkitektur - Masterutbildning",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Arkitektutbildning",
          "description": "300 HP &nbsp;•&nbsp; 5 år &nbsp;•&nbsp; Arkitektexamen",
          "link": "#"
        },
        {
          "title": "Arkivvetenskap, biblioteks- och informationsvetenskap respektive museologi (ABM) - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Asienstudier - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Astrofysik - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Atmosfärvetenskap och biokemiska kretslopp - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Audionomprogrammet",
          "description": "180 HP &nbsp;•&nbsp; 3 år &nbsp;•&nbsp; Audionomexamen",
          "link": "#"
        }
      ]
    },
    {
      "label": "B",
      "items": [
        {
          "title": "Barnmorskeprogrammet",
          "description": "90 HP &nbsp;•&nbsp; 1,5 år &nbsp;•&nbsp; Barnmorskeexamen",
          "link": "#"
        },
        {
          "title": "Beteendevetenskap - Kandidatprogram",
          "description": "180 HP &nbsp;•&nbsp; 3 år &nbsp;•&nbsp; Kandidatexamen",
          "link": "#"
        },
        {
          "title": "Bioinformatik - Masterprogram",
          "description": "120 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Biologi, Akvatisk ekologi - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Biologi, Allmän inriktning - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Biologi, Naturvård och bevarandebiologi - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Biologi, Växtbiologi - Masterprogram",
          "description": "120 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Biologi, Zooekologi - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Biomedicin - Masterprogram",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Biomedicinprogrammet",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Biomedicinprogrammet, Antagning till senare del",
          "description": "120 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Bioteknik - Masterutbildning",
          "description": "180 HP &nbsp;•&nbsp; 2 år &nbsp;•&nbsp; Masterexamen &nbsp;•&nbsp; Studieort: Lund",
          "link": "#"
        },
        {
          "title": "Brandingenjörsutbildning",
          "description": "210 HP &nbsp;•&nbsp; 3,5 år &nbsp;•&nbsp; Brandingenjörsexamen",
          "link": "#"
        }
      ]
    }
  ]
}

No notes defined.