Lunds universitet - Style Guide

Side Navigation 

<ul class="nav-accordion nav-collapse nav-undecorated">
    <li>
        <a href="#" class="nav-link collapse collapsed">
            <div class="float-end ms-2"><i class="fal fa-chevron-right"></i></div>
            Program och kurser
        </a>
    </li>

    <li>
        <a href="#" class="nav-link collapse collapsed">
            <div class="float-end ms-2"><i class="fal fa-chevron-right"></i></div>
            Sök till Ekonomihögskolan
        </a>
    </li>

    <li>
        <a href="#" class="nav-link collapse collapsed">
            <div class="float-end ms-2"><i class="fal fa-chevron-right"></i></div>
            Livet som student
        </a>
    </li>

    <li>
        <a href="#" class="nav-link collapse collapsed">
            <div class="float-end ms-2"><i class="fal fa-chevron-right"></i></div>
            Studera utomlands
        </a>
    </li>

    <li>
        <a href="#" class="nav-link collapse collapsed">
            <div class="float-end ms-2"><i class="fal fa-chevron-right"></i></div>
            Praktik och internships
        </a>
    </li>

    <li>
        <a href="#" class="nav-link collapse collapsed">
            <div class="float-end ms-2"><i class="fal fa-chevron-right"></i></div>
            Examen och karriär
        </a>
    </li>

    <li>
        <a href="#" class="nav-link collapse collapsed">
            <div class="float-end ms-2"><i class="fal fa-chevron-right"></i></div>
            Forskarutbildning
        </a>
    </li>

</ul>
 
<ul class="nav-accordion{{#if bg}}{{bg}}{{/if}} nav-collapse nav-undecorated">
  {{#each items}}
    {{render "@side-navigation-item" this}}
  {{/each}}
</ul>
 
/* No context defined. */

No notes defined.