<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="./landing-page.html">Hem</a></li>
            <li class="breadcrumb-item mb-0 active" aria-current="page">Kalendarium</li>
        </ol>
    </nav>
</div>

<main id="lunds-universitet" class="main">
    <div class="container">
        <div class="row mb-3">
            <div class="col">
                <h1 class="">Kalendarium</h1>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-12 col-lg-8 order-lg-1">
                <h2 class="">Kommande evenemang</h2>

                <form action="#" class="form my-5">
                    <div class="row">
                        <div class="col-12 col-md">
                            <div class="mb-3">
                                <label for="start-date" class="form-label ">Datum från</label>
                                <div class="input-group">
                                    <span class="input-group-text bg-transparent text-bronze"><i class="fal fa-calendar-alt  fa-lg"></i>
                                    </span>
                                    <input type="date" class="form-control" id="start-date" value="2018-09-10" placeholder="YYYY-MM-DD" pattern="'\d{4}-\d{2}-\d{2}">
                                </div>
                            </div>

                        </div>
                        <div class="col-12 col-md">
                            <div class="mb-3">
                                <label for="end-date" class="form-label ">Datum till</label>
                                <div class="input-group">
                                    <span class="input-group-text bg-transparent text-bronze"><i class="fal fa-calendar-alt  fa-lg"></i>
                                    </span>
                                    <input type="date" class="form-control" id="end-date" value="2018-12-10" placeholder="YYYY-MM-DD" pattern="'\d{4}-\d{2}-\d{2}">
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md">
                            <div class=" mb-3">
                                <select class="form-select">
                                    <option>Intresseområde</option>
                                    <option>Lorem ipsum</option>
                                    <option>Aliquam</option>
                                    <option>Vestibulum</option>
                                    <option>Nunc dignissim</option>
                                    <option>Cras ornare</option>
                                    <option>Vivamus</option>
                                    <option>Praesent</option>
                                    <option>Fusce nibh</option>
                                    <option>Integer vitae</option>
                                    <option>Vestibulum</option>
                                    <option>Ut aliquam</option>
                                    <option>Cras iaculis</option>
                                    <option>Donec quis</option>
                                </select>
                            </div>

                        </div>
                        <div class="col-12 col-md">
                            <div class=" mb-3">
                                <select class="form-select">
                                    <option>Händelsetyp</option>
                                    <option>Lorem ipsum</option>
                                    <option>Aliquam</option>
                                    <option>Vestibulum</option>
                                    <option>Nunc dignissim</option>
                                    <option>Cras ornare</option>
                                    <option>Vivamus</option>
                                    <option>Praesent</option>
                                    <option>Fusce nibh</option>
                                    <option>Integer vitae</option>
                                    <option>Vestibulum</option>
                                    <option>Ut aliquam</option>
                                    <option>Cras iaculis</option>
                                    <option>Donec quis</option>
                                </select>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md">
                            <div class="mb-3">
                                <div class="input-group mb-2 rounded-0">
                                    <input type="text" id="text" class="form-control" name="text" value="" placeholder="Skriv för att filtrera">
                                    <button class="btn btn-outline-primary rounded-0" type="submit">Sök</button>
                                </div>
                            </div>

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

                <div class="row">
                    <div class="col-12">
                        <div class="border-bottom border-sm-0">
                            <div class="card card-item nav-block bg-transparent flex-column flex-md-row mb-6 h-auto card-item nav-block" title="Modelling Probability of Default in the Nordics - In this Master’s thesis, data from a pediatric intensive care unit for children and yo…" aria-label="Heading">
                                <div class="card-img d-none d-sm-flex">
                                    <div class="card-img-container">
                                        <img src="../../images/default/seal-300x200@1x.jpg" srcset="../../images/default/seal-300x200@1x.jpg 1x, ../../images/default/seal-300x200@2x.jpg 2x" alt="desc" class=" w-100">

                                    </div>
                                </div>
                                <div class="card-body p-0 pt-3 pb-6 py-md-0">
                                    <div class="meta ">
                                        <span class="meta-date">2018-06-19 15:15 till 16:45</span>
                                        <span class="meta-category">Seminarium</span>
                                        <div class="meta-location">Plats: MH:227</div>
                                    </div>

                                    <a href="../preview/event-detail-page.html" class="text-primary nav-undecorated stretched-link">
                                        <h3 class="nav-block-link mt-0 mb-2 h4">Modelling Probability of Default in the Nordics</h3>
                                    </a>
                                    <p>In this Master’s thesis, data from a pediatric intensive care unit for children and yo…</p>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-12">
                        <div class="border-bottom border-sm-0">
                            <div class="card card-item nav-block bg-transparent flex-column flex-md-row mb-6 h-auto card-item nav-block" title="The Weather War – Bigert &amp; Bergström - Air pollution in Africa: lack of data, complex relations. How do we move forward?" aria-label="Heading">
                                <div class="card-img d-none d-sm-flex">
                                    <div class="card-img-container">
                                        <img src="../../images/_content/placeholder_1@1x.jpg" srcset="../../images/_content/placeholder_1@1x.jpg 1x, ../../images/_content/placeholder_1@2x.jpg 2x" alt="desc" class=" w-100">

                                    </div>
                                </div>
                                <div class="card-body p-0 pt-3 pb-6 py-md-0">
                                    <div class="meta ">
                                        <span class="meta-date">2018-06-20 11:30 till 18:45</span>
                                        <span class="meta-category">Seminarium</span>
                                        <div class="meta-location">Plats: Pufendorf IAS, Biskopsgatan 3</div>
                                    </div>

                                    <a href="../preview/event-detail-page.html" class="text-primary nav-undecorated stretched-link">
                                        <h3 class="nav-block-link mt-0 mb-2 h4">The Weather War – Bigert &amp; Bergström</h3>
                                    </a>
                                    <p>Air pollution in Africa: lack of data, complex relations. How do we move forward?</p>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-12">
                        <div class="border-bottom border-sm-0">
                            <div class="card card-item nav-block bg-transparent flex-column flex-md-row mb-6 h-auto card-item nav-block" title="&quot;Multitaper analysis of HRV power and its stress-related correlation to respiration frequency&quot;" aria-label="Heading">
                                <div class="card-img d-none d-sm-flex">
                                    <div class="card-img-container">
                                        <img src="../../images/_content/placeholder_2@1x.jpg" srcset="../../images/_content/placeholder_2@1x.jpg 1x, ../../images/_content/placeholder_2@2x.jpg 2x" alt="desc" class=" w-100">

                                    </div>
                                </div>
                                <div class="card-body p-0 pt-3 pb-6 py-md-0">
                                    <div class="meta ">
                                        <span class="meta-date">2018-06-12 10:15 till 11:15</span>
                                        <span class="meta-category">Seminarium</span>
                                        <div class="meta-location">Plats: MH:227</div>
                                    </div>

                                    <a href="../preview/event-detail-page.html" class="text-primary nav-undecorated stretched-link">
                                        <h3 class="nav-block-link mt-0 mb-2 h4">&quot;Multitaper analysis of HRV power and its stress-related correlation to respiration frequency&quot;</h3>
                                    </a>

                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-12">
                        <div class="border-bottom border-sm-0">
                            <div class="card card-item nav-block bg-transparent flex-column flex-md-row mb-6 h-auto card-item nav-block" title="Plato and Poetry: Use and Reception - Mobile and wireless data are in increasing demand worldwide. New trends such…" aria-label="Heading">
                                <div class="card-img d-none d-sm-flex">
                                    <div class="card-img-container">
                                        <img src="../../images/default/seal-300x200@1x.jpg" srcset="../../images/default/seal-300x200@1x.jpg 1x, ../../images/default/seal-300x200@2x.jpg 2x" alt="desc" class=" w-100">

                                    </div>
                                </div>
                                <div class="card-body p-0 pt-3 pb-6 py-md-0">
                                    <div class="meta ">
                                        <span class="meta-date">2018-06-11 10:00 till 12:00</span>
                                        <span class="meta-category">Konferens</span>
                                        <div class="meta-location">Plats: SOL H140</div>
                                    </div>

                                    <a href="../preview/event-detail-page.html" class="text-primary nav-undecorated stretched-link">
                                        <h3 class="nav-block-link mt-0 mb-2 h4">Plato and Poetry: Use and Reception</h3>
                                    </a>
                                    <p>Mobile and wireless data are in increasing demand worldwide. New trends such…</p>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-12">
                        <div class="border-bottom border-sm-0">
                            <div class="card card-item nav-block bg-transparent flex-column flex-md-row mb-6 h-auto card-item nav-block" title="Atomresan i Vattenhallen - Air pollution in Africa: lack of data, complex relations. How do we move forward…" aria-label="Heading">
                                <div class="card-img d-none d-sm-flex">
                                    <div class="card-img-container">
                                        <img src="../../images/_content/placeholder_3@1x.jpg" srcset="../../images/_content/placeholder_3@1x.jpg 1x, ../../images/_content/placeholder_3@2x.jpg 2x" alt="desc" class=" w-100">

                                    </div>
                                </div>
                                <div class="card-body p-0 pt-3 pb-6 py-md-0">
                                    <div class="meta ">
                                        <span class="meta-date">2018-09-01 12:00 till 2018-09-02 17:00</span>
                                        <span class="meta-category">Övrigt</span>
                                        <div class="meta-location">Plats: Vattenhallen Science Center, John Ericssons väg 1, Lund</div>
                                    </div>

                                    <a href="../preview/event-detail-page.html" class="text-primary nav-undecorated stretched-link">
                                        <h3 class="nav-block-link mt-0 mb-2 h4">Atomresan i Vattenhallen</h3>
                                    </a>
                                    <p>Air pollution in Africa: lack of data, complex relations. How do we move forward…</p>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-12">
                        <div class="border-bottom border-sm-0">
                            <div class="card card-item nav-block bg-transparent flex-column flex-md-row mb-6 h-auto card-item nav-block" title="Student- och personalfesten! - Air pollution in Africa: lack of data, complex relations. How do we move forward…" aria-label="Heading">
                                <div class="card-img d-none d-sm-flex">
                                    <div class="card-img-container">
                                        <img src="../../images/default/seal-300x200@1x.jpg" srcset="../../images/default/seal-300x200@1x.jpg 1x, ../../images/default/seal-300x200@2x.jpg 2x" alt="desc" class=" w-100">

                                    </div>
                                </div>
                                <div class="card-body p-0 pt-3 pb-6 py-md-0">
                                    <div class="meta ">
                                        <span class="meta-date">2018-09-10 17:00</span>
                                        <span class="meta-category">Övrigt</span>
                                        <div class="meta-location">Plats: Lundagård</div>
                                    </div>

                                    <a href="../preview/event-detail-page.html" class="text-primary nav-undecorated stretched-link">
                                        <h3 class="nav-block-link mt-0 mb-2 h4">Student- och personalfesten!</h3>
                                    </a>
                                    <p>Air pollution in Africa: lack of data, complex relations. How do we move forward…</p>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-12">
                        <div class="border-bottom border-sm-0">
                            <div class="card card-item nav-block bg-transparent flex-column flex-md-row mb-6 h-auto card-item nav-block" title="LUCSUS seminar: Confronting the relational Anthropocene  - Air pollution in Africa: lack of data, complex relations. How do we move forward…" aria-label="Heading">
                                <div class="card-img d-none d-sm-flex">
                                    <div class="card-img-container">
                                        <img src="../../images/_content/placeholder_4@1x.jpg" srcset="../../images/_content/placeholder_4@1x.jpg 1x, ../../images/_content/placeholder_4@2x.jpg 2x" alt="desc" class=" w-100">

                                    </div>
                                </div>
                                <div class="card-body p-0 pt-3 pb-6 py-md-0">
                                    <div class="meta ">
                                        <span class="meta-date">2018-09-13 10:15</span>
                                        <span class="meta-category">Seminarium</span>
                                        <div class="meta-location">Plats: Wrangel Building, Room 117. Biskopsgatan 5, Lund</div>
                                    </div>

                                    <a href="../preview/event-detail-page.html" class="text-primary nav-undecorated stretched-link">
                                        <h3 class="nav-block-link mt-0 mb-2 h4">LUCSUS seminar: Confronting the relational Anthropocene </h3>
                                    </a>
                                    <p>Air pollution in Africa: lack of data, complex relations. How do we move forward…</p>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-12">
                        <div>
                            <div class="card card-item nav-block bg-transparent flex-column flex-md-row mb-6 h-auto card-item nav-block" title="I sinnenas och minnenas trädgård - demens, ljudmiljö &amp; åldrande - tvärvetenskapligt symposium - Air pollution in Africa: lack of data, complex relations. How do we move forward…" aria-label="Heading">
                                <div class="card-img d-none d-sm-flex">
                                    <div class="card-img-container">
                                        <img src="../../images/_content/placeholder_5@1x.jpg" srcset="../../images/_content/placeholder_5@1x.jpg 1x, ../../images/_content/placeholder_5@2x.jpg 2x" alt="desc" class=" w-100">

                                    </div>
                                </div>
                                <div class="card-body p-0 pt-3 pb-6 py-md-0">
                                    <div class="meta ">
                                        <span class="meta-date">2018-09-14 09:15 till 15:00</span>
                                        <span class="meta-category">Symposium</span>
                                        <div class="meta-location">Plats: Belfragesalen, BMC, 2018-09-14</div>
                                    </div>

                                    <a href="../preview/event-detail-page.html" class="text-primary nav-undecorated stretched-link">
                                        <h3 class="nav-block-link mt-0 mb-2 h4">I sinnenas och minnenas trädgård - demens, ljudmiljö &amp; åldrande - tvärvetenskapligt symposium</h3>
                                    </a>
                                    <p>Air pollution in Africa: lack of data, complex relations. How do we move forward…</p>
                                </div>
                            </div>

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

                <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>
</main>
{{render "@breadcrumbs" breadcrumbs}}
<main id="lunds-universitet" class="main">
  <div class="container">
    <div class="row mb-3">
      <div class="col">{{render "@heading" heading merge=true}}</div>
    </div>
  </div>
  <div class="container">
    <div class="row justify-content-between">
      <div class="col-12 col-lg-8 order-lg-1">
        {{render "@heading--level-2" list-heading merge=true}}
        {{render "@event-filter"}}
        {{render "@event-list"}}
        {{render "@pagination"}}
      </div>
    </div>
  </div>
</main>
{
  "breadcrumbs": {
    "items": [
      {
        "link": "/components/detail/landing-page",
        "text": "Hem"
      },
      {
        "link": "/components/preview/events-landing-page",
        "text": "Kalendarium"
      }
    ]
  },
  "heading": {
    "content": "Kalendarium"
  },
  "list-heading": {
    "content": "Kommande evenemang"
  },
  "sidebar-read-more-link": {
    "link": "/components/preview/events-ongoing-page",
    "text": "Till alla pågående evenemang",
    "container-modifiers": [
      "text-end"
    ]
  }
}

No notes defined.