<div class="container pt-2 pt-lg-3 ">
    <nav aria-label="Brödsmulor">
        <ol class="breadcrumb m-0 p-0 mb-0 font-size-sm  bg-transparent">
            <li class="breadcrumb-item mb-0"><a href="../../#.html">Hem</a></li>
            <li class="breadcrumb-item mb-0"><a href="../../#.html">Studera</a></li>
            <li class="breadcrumb-item mb-0"><a href="../../#.html">Välja studier</a></li>
            <li class="breadcrumb-item mb-0 active" aria-current="page">Program &amp; kurser</li>
        </ol>
    </nav>
</div>

<main id="lunds-universitet" class="main">
    <div class="container">
        <div class="row">
            <div class="col-12 border-bottom">
                <h1 class="mt-0">Program</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-xl-8 pt-3">
                <div class="mb-3">
                    <label for="text" class=" w-100">Skriv för att filtrera</label>
                    <div class="input-group mb-2 rounded-0">
                        <input type="text" id="text" class="form-control" name="text" value="">
                        <button class="btn btn-outline-primary rounded-0" type="submit">Filtrera</button>
                    </div>
                </div>

            </div>
        </div>
        <div class="row">
            <div class="col-12 border-lg-bottom">
                <ul class="nav nav-pills">
                    <li class="nav-item">
                        <a class="nav-link active" href="#">Alla</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Program</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Kurser</a>
                    </li>
                </ul>

            </div>
        </div>
        <div class="row">
            <div class="col-12 col-lg-4 mt-3 mt-xl-6 border-bottom border-lg-0">
                <div class="modal fade" id="search-filter" tabindex="-1" role="dialog" aria-labelledby="search-filter-label" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content border-0 rounded">
                            <nav class="nav border-bottom p-3 flex-row justify-content-between align-items-center sticky-top bg-white rounded-top">
                                <div id="search-filter-label" class="d-flex justify-content-between">
                                    <h3 class=" m-0">Filtrera</h3>

                                </div>
                                <a href="#" class="d-block">Nollställ filter</a>
                                <button type="button" class="border-0 bg-transparent cursor-pointer lh-0 p-2 nm-2" data-bs-dismiss="modal" aria-controls="mobileMenu" aria-expanded="false" aria-label="Dölj meny">
                                    <span aria-hidden="true"><i class="fal fa-times fa-lg"></i></span>
                                </button>
                            </nav>
                            <div class="p-3">
                                <form action="" class="form">
                                    <fieldset class="mb-3">
                                        <legend>Visa endast</legend>
                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter1-1-modal" name="checkbox" value="value">
                                                <label class="form-check-label" for="filter1-1-modal">Öppen för anmälan</label>
                                            </div>
                                        </div>

                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter1-2-modal" name="checkbox" value="value">
                                                <label class="form-check-label" for="filter1-2-modal">Distansutbildningar</label>
                                            </div>
                                        </div>

                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter1-3-modal" name="checkbox" value="value">
                                                <label class="form-check-label" for="filter1-3-modal">Sommarkurser</label>
                                            </div>
                                        </div>

                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter1-4-modal" name="checkbox" value="value">
                                                <label class="form-check-label" for="filter1-4-modal">Kvällskurser</label>
                                            </div>
                                        </div>

                                    </fieldset>
                                    <fieldset class="mb-3">
                                        <legend>Utbildningsnivå</legend>
                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter2-1-modal" name="checkbox" value="value" checked>
                                                <label class="form-check-label" for="filter2-1-modal">Förutbildning</label>
                                            </div>
                                        </div>

                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter2-2-modal" name="checkbox" value="value" checked>
                                                <label class="form-check-label" for="filter2-2-modal">Grundnivå</label>
                                            </div>
                                        </div>

                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter2-3-modal" name="checkbox" value="value" checked>
                                                <label class="form-check-label" for="filter2-3-modal">Avancerad nivå</label>
                                            </div>
                                        </div>

                                    </fieldset>
                                    <fieldset class="mb-3">
                                        <legend>Intresseområden</legend>
                                        <div class="form-check">
                                            <input type="radio" id="filter3-1-modal" name="intresseomraden" class="form-check-input" value="value" checked>
                                            <label class="form-check-label" for="filter3-1-modal">Alla</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter3-2-modal" name="intresseomraden" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter3-2-modal">Ekonomi &amp; juridik</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter3-3-modal" name="intresseomraden" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter3-3-modal">IT</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter3-4-modal" name="intresseomraden" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter3-4-modal">Konst, Design, Musik, Film och Teater</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter3-5-modal" name="intresseomraden" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter3-5-modal">Medicin, Vård och Hälsa</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter3-6-modal" name="intresseomraden" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter3-6-modal">Naturvetenskap</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter3-7-modal" name="intresseomraden" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter3-7-modal">Samhälls- och Beteendevetenskap</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter3-8-modal" name="intresseomraden" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter3-8-modal">Språk</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter3-9-modal" name="intresseomraden" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter3-9-modal">Teknik</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter3-10-modal" name="intresseomraden" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter3-10-modal">Utbildning, Pedagogik och Lärande</label>
                                        </div>

                                    </fieldset>
                                    <fieldset class="mb-3">
                                        <legend>Studietakt</legend>
                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter4-1-modal" name="checkbox" value="value" checked>
                                                <label class="form-check-label" for="filter4-1-modal">Heltid</label>
                                            </div>
                                        </div>

                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter4-2-modal" name="checkbox" value="value" checked>
                                                <label class="form-check-label" for="filter4-2-modal">Upp till och med 75%</label>
                                            </div>
                                        </div>

                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter4-3-modal" name="checkbox" value="value" checked>
                                                <label class="form-check-label" for="filter4-3-modal">Upp till och med 50%</label>
                                            </div>
                                        </div>

                                        <div class=" mb-2">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="filter4-4-modal" name="checkbox" value="value">
                                                <label class="form-check-label" for="filter4-4-modal">Upp till och med 25%</label>
                                            </div>
                                        </div>

                                    </fieldset>
                                    <fieldset class="mb-3">
                                        <legend>Starttermin</legend>
                                        <div class="form-check">
                                            <input type="radio" id="filter5-1-modal" name="starttermin" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter5-1-modal">Alla</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter5-2-modal" name="starttermin" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter5-2-modal">Hösten 2018</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter5-3-modal" name="starttermin" class="form-check-input" value="value" checked>
                                            <label class="form-check-label" for="filter5-3-modal">Våren 2019</label>
                                        </div>

                                    </fieldset>
                                    <fieldset class="mb-3">
                                        <legend>Utbildningsort</legend>
                                        <div class="form-check">
                                            <input type="radio" id="filter6-1-modal" name="utbildningsort" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter6-1-modal">Alla</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter6-2-modal" name="utbildningsort" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter6-2-modal">Lund</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter6-3-modal" name="utbildningsort" class="form-check-input" value="value" checked>
                                            <label class="form-check-label" for="filter6-3-modal">Malmö</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter6-4-modal" name="utbildningsort" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter6-4-modal">Helsingborg</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter6-5-modal" name="utbildningsort" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter6-5-modal">Klippan</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter6-6-modal" name="utbildningsort" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter6-6-modal">Båstad</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter6-7-modal" name="utbildningsort" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter6-7-modal">Karlskrona</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter6-8-modal" name="utbildningsort" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter6-8-modal">Växjö</label>
                                        </div>

                                    </fieldset>
                                    <fieldset class="mb-3">
                                        <legend>Undervisningsspråk</legend>
                                        <div class="form-check">
                                            <input type="radio" id="filter7-1-modal" name="undervisningssprak" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter7-1-modal">Alla</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter7-2-modal" name="undervisningssprak" class="form-check-input" value="value" checked>
                                            <label class="form-check-label" for="filter7-2-modal">Svenska</label>
                                        </div>

                                        <div class="form-check">
                                            <input type="radio" id="filter7-3-modal" name="undervisningssprak" class="form-check-input" value="value">
                                            <label class="form-check-label" for="filter7-3-modal">Engelska</label>
                                        </div>

                                    </fieldset>
                                    <div class="mt-3 text-center">
                                        <input type="submit" class="btn btn-primary" value="Tillämpa">

                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-lg-none text-center mb-5">
                    <button class="btn btn-primary" data-bs-target="#search-filter" data-bs-toggle="modal" aria-controls="search-filter" aria-expanded="false" aria-label="Visa filter"> Fler filter</button>
                </div>

                <div class="bg-plaster-25 p-3 p-xl-5 d-none d-lg-block">
                    <div class="row mb-3">
                        <div class="col">
                            <h4 class="mt-0">Filtrera</h4>
                        </div>
                        <div class="col text-end">
                            <a href="#">Nollställ filter</a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 mb-5">
                            <fieldset>
                                <legend>Visa endast</legend>
                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter1-1" name="checkbox" value="value">
                                        <label class="form-check-label" for="filter1-1">Öppen för anmälan</label>
                                    </div>
                                </div>

                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter1-2" name="checkbox" value="value">
                                        <label class="form-check-label" for="filter1-2">Distansutbildningar</label>
                                    </div>
                                </div>

                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter1-3" name="checkbox" value="value">
                                        <label class="form-check-label" for="filter1-3">Sommarkurser</label>
                                    </div>
                                </div>

                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter1-4" name="checkbox" value="value">
                                        <label class="form-check-label" for="filter1-4">Kvällskurser</label>
                                    </div>
                                </div>

                            </fieldset>
                        </div>
                        <div class="col-12 mb-5">
                            <fieldset>
                                <legend>Utbildningsnivå</legend>
                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter2-1" name="checkbox" value="value" checked>
                                        <label class="form-check-label" for="filter2-1">Förutbildning</label>
                                    </div>
                                </div>

                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter2-2" name="checkbox" value="value" checked>
                                        <label class="form-check-label" for="filter2-2">Grundnivå</label>
                                    </div>
                                </div>

                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter2-3" name="checkbox" value="value" checked>
                                        <label class="form-check-label" for="filter2-3">Avancerad nivå</label>
                                    </div>
                                </div>

                            </fieldset>
                        </div>
                        <div class="col-12 mb-5">
                            <fieldset>
                                <legend>Intresseområden</legend>
                                <div class="form-check">
                                    <input type="radio" id="filter3-1" name="intresseomraden" class="form-check-input" value="value" checked>
                                    <label class="form-check-label" for="filter3-1">Alla</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter3-2" name="intresseomraden" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter3-2">Ekonomi &amp; juridik</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter3-3" name="intresseomraden" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter3-3">IT</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter3-4" name="intresseomraden" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter3-4">Konst, Design, Musik, Film och Teater</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter3-5" name="intresseomraden" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter3-5">Medicin, Vård och Hälsa</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter3-6" name="intresseomraden" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter3-6">Naturvetenskap</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter3-7" name="intresseomraden" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter3-7">Samhälls- och Beteendevetenskap</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter3-8" name="intresseomraden" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter3-8">Språk</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter3-9" name="intresseomraden" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter3-9">Teknik</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter3-10" name="intresseomraden" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter3-10">Utbildning, Pedagogik och Lärande</label>
                                </div>

                            </fieldset>
                        </div>
                        <div class="col-12 mb-5">
                            <fieldset>
                                <legend>Studietakt</legend>
                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter4-1" name="checkbox" value="value" checked>
                                        <label class="form-check-label" for="filter4-1">Heltid</label>
                                    </div>
                                </div>

                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter4-2" name="checkbox" value="value" checked>
                                        <label class="form-check-label" for="filter4-2">Upp till och med 75%</label>
                                    </div>
                                </div>

                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter4-3" name="checkbox" value="value" checked>
                                        <label class="form-check-label" for="filter4-3">Upp till och med 50%</label>
                                    </div>
                                </div>

                                <div class=" mb-2">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" id="filter4-4" name="checkbox" value="value">
                                        <label class="form-check-label" for="filter4-4">Upp till och med 25%</label>
                                    </div>
                                </div>

                            </fieldset>
                        </div>
                        <div class="col-12 mb-5">
                            <fieldset>
                                <legend>Starttermin</legend>
                                <div class="form-check">
                                    <input type="radio" id="filter5-1" name="starttermin" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter5-1">Alla</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter5-2" name="starttermin" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter5-2">Hösten 2018</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter5-3" name="starttermin" class="form-check-input" value="value" checked>
                                    <label class="form-check-label" for="filter5-3">Våren 2019</label>
                                </div>

                            </fieldset>
                        </div>
                        <div class="col-12 mb-5">
                            <fieldset>
                                <legend>Utbildningsort</legend>
                                <div class="form-check">
                                    <input type="radio" id="filter6-1" name="utbildningsort" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter6-1">Alla</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter6-2" name="utbildningsort" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter6-2">Lund</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter6-3" name="utbildningsort" class="form-check-input" value="value" checked>
                                    <label class="form-check-label" for="filter6-3">Malmö</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter6-4" name="utbildningsort" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter6-4">Helsingborg</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter6-5" name="utbildningsort" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter6-5">Klippan</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter6-6" name="utbildningsort" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter6-6">Båstad</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter6-7" name="utbildningsort" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter6-7">Karlskrona</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter6-8" name="utbildningsort" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter6-8">Växjö</label>
                                </div>

                            </fieldset>
                        </div>
                        <div class="col-12">
                            <fieldset>
                                <legend>Undervisningsspråk</legend>
                                <div class="form-check">
                                    <input type="radio" id="filter7-1" name="undervisningssprak" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter7-1">Alla</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter7-2" name="undervisningssprak" class="form-check-input" value="value" checked>
                                    <label class="form-check-label" for="filter7-2">Svenska</label>
                                </div>

                                <div class="form-check">
                                    <input type="radio" id="filter7-3" name="undervisningssprak" class="form-check-input" value="value">
                                    <label class="form-check-label" for="filter7-3">Engelska</label>
                                </div>

                            </fieldset>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-12 col-lg-8 mt-3 mt-xl-6">
                <div>
                    <div class="text-end border-lg-bottom pb-lg-2 mb-3 mb-lg-5">
                        200 utbildningar
                    </div>
                    <section>
                        <h2 class="m-0 pb-2 border-bottom">A</h2>
                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Arbetsterapeutprogrammet</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Arbetsterapeutexamen</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Arkeologi - teori och praktik - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Arbetsterapeutexamen</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Arkitektur - Masterutbildning</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Arkitektutbildning</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">300 HP &nbsp;&nbsp; 5 år &nbsp;&nbsp; Arkitektexamen</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Arkivvetenskap, biblioteks- och informationsvetenskap respektive museologi (ABM) - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Asienstudier - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Astrofysik - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Atmosfärvetenskap och biokemiska kretslopp - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Audionomprogrammet</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 3 år &nbsp;&nbsp; Audionomexamen</p>
                            </div>
                        </article>

                    </section>
                    <section>
                        <h2 class="m-0 pb-2 border-bottom">B</h2>
                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Barnmorskeprogrammet</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">90 HP &nbsp;&nbsp; 1,5 år &nbsp;&nbsp; Barnmorskeexamen</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Beteendevetenskap - Kandidatprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 3 år &nbsp;&nbsp; Kandidatexamen</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Bioinformatik - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">120 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Biologi, Akvatisk ekologi - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Biologi, Allmän inriktning - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Biologi, Naturvård och bevarandebiologi - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Biologi, Växtbiologi - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">120 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Biologi, Zooekologi - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Biomedicin - Masterprogram</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Biomedicinprogrammet</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Biomedicinprogrammet, Antagning till senare del</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">120 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Bioteknik - Masterutbildning</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">180 HP &nbsp;&nbsp; 2 år &nbsp;&nbsp; Masterexamen &nbsp;&nbsp; Studieort: Lund</p>
                            </div>
                        </article>

                        <article class="py-4 border-bottom">
                            <h3 class="mt-0"><a href="#">Brandingenjörsutbildning</a></h3>
                            <div class="fw-light">
                                <p class="fw-normal">210 HP &nbsp;&nbsp; 3,5 år &nbsp;&nbsp; Brandingenjörsexamen</p>
                            </div>
                        </article>

                    </section>
                    <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>
        </div>
    </div>
</main>
<div class="bg-dark text-dark-25 pt-6 overflow-x-hidden">
    <div class="container my-0 mx-auto px-2">
        <div class="row justify-content-center border-bottom border-white mx-1 mx-lg-0 pb-4 nav-collapse font-size-sm mx-0 mx-lg-auto">
            <div class="col-lg">
                <div class="mb-3 mb-lg-4">
                    <h1 class="font-base">
                        <a href="#dark-institutioner" class="text-uppercase font-weight-normal no-events-lg nav-undecorated nav-link collapsed d-flex justify-content-between p-0 navigation-block-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="dark-institutioner">
                            <span>Institutioner</span>
                            <div class="text-dark-25 d-lg-none">
                                <span class="collapse-show"><i class="fal fa-chevron-down"></i></span>
                                <span class="collapse-hide"><i class="fal fa-chevron-up"></i></span>
                            </div>
                        </a>
                    </h1>
                    <div class="collapse collapse-lg" id="dark-institutioner">
                        <ul class="nav flex-column">
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Ekonomisk-historiska institutionen</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Företagsekonomiska institutionen</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Institutionen för handelsrätt</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Institutionen för informatik</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Nationalekonomiska institutionen</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Statistiska institutionen</a></li>
                        </ul>
                    </div>
                </div>
                <div class="mb-3 mb-lg-4">
                    <h1 class="font-base">
                        <a href="#dark-forskningsinstitut-och-centrum" class="text-uppercase font-weight-normal no-events-lg nav-undecorated nav-link collapsed d-flex justify-content-between p-0 navigation-block-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="dark-forskningsinstitut-och-centrum">
                            <span>Forskningsinstitut och centrum</span>
                            <div class="text-dark-25 d-lg-none">
                                <span class="collapse-show"><i class="fal fa-chevron-down"></i></span>
                                <span class="collapse-hide"><i class="fal fa-chevron-up"></i></span>
                            </div>
                        </a>
                    </h1>
                    <div class="collapse collapse-lg" id="dark-forskningsinstitut-och-centrum">
                        <ul class="nav flex-column">
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Centrum för ekonomisk demografi</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Centrum för handelsforskning</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Agrifood Economics Centre</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Knut Wicksells centrum för finansvetenskap</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Sten K Johnson Centre for Entrepreneurship</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg">
                <div class="mb-3 mb-lg-4">
                    <h1 class="font-base">
                        <a href="#dark-nyborjarprogram-och-kurser" class="text-uppercase font-weight-normal no-events-lg nav-undecorated nav-link collapsed d-flex justify-content-between p-0 navigation-block-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="dark-nyborjarprogram-och-kurser">
                            <span>Nybörjarprogram och kurser</span>
                            <div class="text-dark-25 d-lg-none">
                                <span class="collapse-show"><i class="fal fa-chevron-down"></i></span>
                                <span class="collapse-hide"><i class="fal fa-chevron-up"></i></span>
                            </div>
                        </a>
                    </h1>
                    <div class="collapse collapse-lg" id="dark-nyborjarprogram-och-kurser">
                        <ul class="nav flex-column">
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">BSc International Business</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Ekonomie kandidatprogrammet</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Systemvetenskapliga kandidatprogrammet</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Politices kandidatprogrammet</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Kandidatprogrammet i praktisk filosofi, politik &amp; ekonomi</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Fristående kurser</a></li>
                        </ul>
                    </div>
                </div>
                <div class="mb-3 mb-lg-4">
                    <h1 class="font-base">
                        <a href="#dark-forskarutbildning" class="text-uppercase font-weight-normal no-events-lg nav-undecorated nav-link collapsed d-flex justify-content-between p-0 navigation-block-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="dark-forskarutbildning">
                            <span>Forskarutbildning</span>
                            <div class="text-dark-25 d-lg-none">
                                <span class="collapse-show"><i class="fal fa-chevron-down"></i></span>
                                <span class="collapse-hide"><i class="fal fa-chevron-up"></i></span>
                            </div>
                        </a>
                    </h1>
                    <div class="collapse collapse-lg" id="dark-forskarutbildning">
                        <ul class="nav flex-column">
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Ekonomisk historia</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Företagsekonomi</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Handelsrätt</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Informatik</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Nationalekonomi</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Statistik</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg">
                <div class="mb-3 mb-lg-4">
                    <h1 class="font-base">
                        <a href="#dark-magister-och-masterprogram" class="text-uppercase font-weight-normal no-events-lg nav-undecorated nav-link collapsed d-flex justify-content-between p-0 navigation-block-dark" data-bs-toggle="collapse" aria-expanded="false" aria-controls="dark-magister-och-masterprogram">
                            <span>Magister- och masterprogram</span>
                            <div class="text-dark-25 d-lg-none">
                                <span class="collapse-show"><i class="fal fa-chevron-down"></i></span>
                                <span class="collapse-hide"><i class="fal fa-chevron-up"></i></span>
                            </div>
                        </a>
                    </h1>
                    <div class="collapse collapse-lg" id="dark-magister-och-masterprogram">
                        <ul class="nav flex-column">
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Accounting &amp; Finance</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Economic Development &amp; Growth</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Economic Growth, Population &amp; Development</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Economics</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Entrepreneurship &amp; Innovation</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">European &amp; International Tax Law</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Finance</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Information Systems</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Innovation &amp; Spatial Dynamics</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">International Economics with a focus on China</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">International Marketing &amp; Brand Management</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">International Strategic Management</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Managing People, Knowledge &amp; Change</a></li>
                            <li class="nav-item"><a href="" class="nav-link py-2 py-lg-1 px-0">Master&#x27;s in Management</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{render "@breadcrumbs" breadcrumbs}}
<main id="lunds-universitet" class="main">
  <div class="container">
    <div class="row">
      <div class="col-12 border-bottom">
        <h1 class="mt-0">{{title}}</h1>
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-xl-8 pt-3">
        {{render "@form-search--filter"}}
      </div>
    </div>
    <div class="row">
      <div class="col-12 border-lg-bottom">
        {{render "@nav-pills" filter-pills}}
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-lg-4 mt-3 mt-xl-6 border-bottom border-lg-0">
        {{render "@search-filter--courses"}}
      </div>
      <div class="col-12 col-lg-8 mt-3 mt-xl-6">
        {{render "@search-result-list--courses"}}
      </div>
    </div>
  </div>
</main>
{{render "@navigation-block"}}
{
  "breadcrumbs": {
    "items": [
      {
        "link": "#",
        "text": "Hem"
      },
      {
        "link": "#",
        "text": "Studera"
      },
      {
        "link": "#",
        "text": "Välja studier"
      },
      {
        "link": "#",
        "text": "Program & kurser"
      }
    ]
  },
  "title": "Program",
  "filter-pills": {
    "items": [
      {
        "label": "Alla",
        "link": "#",
        "modifiers": [
          "active"
        ]
      },
      {
        "label": "Program",
        "link": "#"
      },
      {
        "label": "Kurser",
        "link": "#"
      }
    ]
  }
}

No notes defined.