Lunds universitet - Style Guide

Listing 

<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 active" aria-current="page">Personal</li>
        </ol>
    </nav>
</div>

<main id="lunds-universitet" class="main">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h1 class="mt-0 border-bottom pb-3">Personal</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-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="#">Administrativ personal</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Forskande personal/lärare</a>
                    </li>
                </ul>

            </div>
        </div>
        <div class="row">
            <div class="col">
                <section>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_1@1x.jpg" srcset="../../images/_content/face_1@1x.jpg 1x, ../../images/_content/face_1@2x.jpg 2x" alt="Nicolette Buddingh" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Nicolette Buddingh</a></h2>
                            <p>Doktorand</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:nicolette.buddingh@soclaw.lu.se">nicolette.buddingh@soclaw.lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 68 94">+46 46 222 68 94</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_2@1x.jpg" srcset="../../images/_content/face_2@1x.jpg 1x, ../../images/_content/face_2@2x.jpg 2x" alt="Shinshuu Sawada" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Shinshuu Sawada</a></h2>
                            <p>Studierektor för FU, Professor</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:shinshuu.sawada@soclaw.lu.se">shinshuu.sawada@soclaw.lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 87 53">+46 46 222 87 53</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_3@1x.jpg" srcset="../../images/_content/face_3@1x.jpg 1x, ../../images/_content/face_3@2x.jpg 2x" alt="Lundy Fournier" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Lundy Fournier</a></h2>
                            <p>Docent, prefekt, universitetslektor</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:lundy.fournier@lu.se">lundy.fournier@lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 87 14">+46 46 222 87 14</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_4@1x.jpg" srcset="../../images/_content/face_4@1x.jpg 1x, ../../images/_content/face_4@2x.jpg 2x" alt="Văn Thành Thiết" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Văn Thành Thiết</a></h2>
                            <p>Doktorand</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:van.thanh.thiet@lu.se">van.thanh.thiet@lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 87 34">+46 46 222 87 34</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_5@1x.jpg" srcset="../../images/_content/face_5@1x.jpg 1x, ../../images/_content/face_5@2x.jpg 2x" alt="Summer Chadwick" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Summer Chadwick</a></h2>
                            <p>Seniorprofessor</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:summer.chadwick@lu.se">summer.chadwick@lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 87 26">+46 46 222 87 26</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_6@1x.jpg" srcset="../../images/_content/face_6@1x.jpg 1x, ../../images/_content/face_6@2x.jpg 2x" alt="Josef Bartoš" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Josef Bartoš</a></h2>
                            <p>Doktorand</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:josef.bartos@lu.se">josef.bartos@lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 87 87">+46 46 222 87 87</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_7@1x.jpg" srcset="../../images/_content/face_7@1x.jpg 1x, ../../images/_content/face_7@2x.jpg 2x" alt="Silvija Klobučar" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Silvija Klobučar</a></h2>
                            <p>Postdoktor</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:silvija.klobucar@lu.se">silvija.klobucar@lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 87 56">+46 46 222 87 56</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_8@1x.jpg" srcset="../../images/_content/face_8@1x.jpg 1x, ../../images/_content/face_8@2x.jpg 2x" alt="Khairi Abdul-Rahim Issa" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Khairi Abdul-Rahim Issa</a></h2>
                            <p>Doktorand</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:khairi.abdul-rahim.issa@lu.se">khairi.abdul-rahim.issa@lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 87 37">+46 46 222 87 37</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_9@1x.jpg" srcset="../../images/_content/face_9@1x.jpg 1x, ../../images/_content/face_9@2x.jpg 2x" alt="Anjani Poels" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Anjani Poels</a></h2>
                            <p>Webbredaktör</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:anjani.poels@lu.se">anjani.poels@lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 87 92">+46 46 222 87 92</a></li>
                            </ul>
                        </div>
                    </article>
                    <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
                        <div class="mb-3 mb-lg-0 me-lg-5">
                            <img src="../../images/_content/face_10@1x.jpg" srcset="../../images/_content/face_10@1x.jpg 1x, ../../images/_content/face_10@2x.jpg 2x" alt="Maximilian Campos" class=" img-staff-list">

                        </div>
                        <div>
                            <h2 class="mt-0"><a href="#" class="nav-undecorated">Maximilian Campos</a></h2>
                            <p>Doktorand</p>
                            <ul class="nav flex-column">
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:maximilian.campos@lu.se">maximilian.campos@lu.se</a></li>
                                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:+46 46 222 87 21">+46 46 222 87 21</a></li>
                            </ul>
                        </div>
                    </article>
                    <div class="mt-4 mt-lg-6">
                        <div class="text-center">
                            <div class="spinner-border text-primary" role="status"></div>
                            <p class="font-weight-bold">Laddar...</p>
                        </div>

                    </div>
                </section>
            </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">
        <h1 class="mt-0 border-bottom pb-3">{{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-bottom">
        {{render "@nav-pills" filter-pills}}
      </div>
    </div>
    <div class="row">
      <div class="col">
        <section>
          {{#each items}}
          <article class="mt-4 mt-lg-6 d-flex flex-column flex-lg-row border-bottom border-lg-bottom-0 pb-3 pb-lg-0">
            <div class="mb-3 mb-lg-0 me-lg-5">
              {{render "@image--staff-list" image merge=true}}
            </div>
            <div>
              <h2 class="mt-0"><a href="#" class="nav-undecorated">{{name}}</a></h2>
              {{#if title}}<p>{{title}}</p>{{/if}}
              <ul class="nav flex-column">
                {{#if email}}
                <li class="nav-item"><a class="nav-link px-0 py-1" href="mailto:{{email}}">{{email}}</a></li>
                {{/if}}
                {{#if phone}}
                <li class="nav-item"><a class="nav-link px-0 py-1" href="tel:{{phone}}">{{phone}}</a></li>
                {{/if}}
              </ul>
            </div>
          </article>
          {{/each}}
          <div class="mt-4 mt-lg-6">
            {{render "@spinner"}}
          </div>
        </section>
      </div>
    </div>
  </div>
</main>
{{render "@navigation-block"}}
 
{
  "breadcrumbs": {
    "items": [
      {
        "link": "#",
        "text": "Hem"
      },
      {
        "link": "#",
        "text": "Personal"
      }
    ]
  },
  "title": "Personal",
  "filter-pills": {
    "items": [
      {
        "label": "Alla",
        "link": "#",
        "modifiers": [
          "active"
        ]
      },
      {
        "label": "Administrativ personal",
        "link": "#"
      },
      {
        "label": "Forskande personal/lärare",
        "link": "#"
      }
    ]
  },
  "items": [
    {
      "image": {
        "src": "/images/_content/face_1@1x.jpg",
        "src-2x": "/images/_content/face_1@2x.jpg",
        "alt": "Nicolette Buddingh"
      },
      "link": "#",
      "name": "Nicolette Buddingh",
      "title": "Doktorand",
      "email": "nicolette.buddingh@soclaw.lu.se",
      "phone": "+46 46 222 68 94"
    },
    {
      "image": {
        "src": "/images/_content/face_2@1x.jpg",
        "src-2x": "/images/_content/face_2@2x.jpg",
        "alt": "Shinshuu Sawada"
      },
      "link": "#",
      "name": "Shinshuu Sawada",
      "title": "Studierektor för FU, Professor",
      "email": "shinshuu.sawada@soclaw.lu.se",
      "phone": "+46 46 222 87 53"
    },
    {
      "image": {
        "src": "/images/_content/face_3@1x.jpg",
        "src-2x": "/images/_content/face_3@2x.jpg",
        "alt": "Lundy Fournier"
      },
      "link": "#",
      "name": "Lundy Fournier",
      "title": "Docent, prefekt, universitetslektor",
      "email": "lundy.fournier@lu.se",
      "phone": "+46 46 222 87 14"
    },
    {
      "image": {
        "src": "/images/_content/face_4@1x.jpg",
        "src-2x": "/images/_content/face_4@2x.jpg",
        "alt": "Văn Thành Thiết"
      },
      "link": "#",
      "name": "Văn Thành Thiết",
      "title": "Doktorand",
      "email": "van.thanh.thiet@lu.se",
      "phone": "+46 46 222 87 34"
    },
    {
      "image": {
        "src": "/images/_content/face_5@1x.jpg",
        "src-2x": "/images/_content/face_5@2x.jpg",
        "alt": "Summer Chadwick"
      },
      "link": "#",
      "name": "Summer Chadwick",
      "title": "Seniorprofessor",
      "email": "summer.chadwick@lu.se",
      "phone": "+46 46 222 87 26"
    },
    {
      "image": {
        "src": "/images/_content/face_6@1x.jpg",
        "src-2x": "/images/_content/face_6@2x.jpg",
        "alt": "Josef Bartoš"
      },
      "link": "#",
      "name": "Josef Bartoš",
      "title": "Doktorand",
      "email": "josef.bartos@lu.se",
      "phone": "+46 46 222 87 87"
    },
    {
      "image": {
        "src": "/images/_content/face_7@1x.jpg",
        "src-2x": "/images/_content/face_7@2x.jpg",
        "alt": "Silvija Klobučar"
      },
      "link": "#",
      "name": "Silvija Klobučar",
      "title": "Postdoktor",
      "email": "silvija.klobucar@lu.se",
      "phone": "+46 46 222 87 56"
    },
    {
      "image": {
        "src": "/images/_content/face_8@1x.jpg",
        "src-2x": "/images/_content/face_8@2x.jpg",
        "alt": "Khairi Abdul-Rahim Issa"
      },
      "link": "#",
      "name": "Khairi Abdul-Rahim Issa",
      "title": "Doktorand",
      "email": "khairi.abdul-rahim.issa@lu.se",
      "phone": "+46 46 222 87 37"
    },
    {
      "image": {
        "src": "/images/_content/face_9@1x.jpg",
        "src-2x": "/images/_content/face_9@2x.jpg",
        "alt": "Anjani Poels"
      },
      "link": "#",
      "name": "Anjani Poels",
      "title": "Webbredaktör",
      "email": "anjani.poels@lu.se",
      "phone": "+46 46 222 87 92"
    },
    {
      "image": {
        "src": "/images/_content/face_10@1x.jpg",
        "src-2x": "/images/_content/face_10@2x.jpg",
        "alt": "Maximilian Campos"
      },
      "link": "#",
      "name": "Maximilian Campos",
      "title": "Doktorand",
      "email": "maximilian.campos@lu.se",
      "phone": "+46 46 222 87 21"
    }
  ]
}

No notes defined.