Oversikt over tidsbestemte hendelser i et grensesnitt.
Kalenderhendelser
Ferier og fridager
April 2019
- 15.04 - 22.04
- Påskeferie 2019
Mai 2019
- 01.05
- Arbeidernes dag
- 17.05
- Nasjonaldagen
- 30.05
- Kristi himmelfartsdag
- 31.05
- Inneklemt dag
Arrangementer
Juni 2019
- 11.06
- Arrangement
- 12.30 - 13.30
- Lokasjon
August 2019
- 10.08
- Arrangement
- 10.00 - 11.30
- Lokasjon
- 22.08
- Arrangement
- 9.00 - 11.30
- Lokasjon
<section>
<h2 class="section-title section-header">Ferier og fridager</h2>
<h3 class="subtitle">April 2019</h3>
<dl class="calendar-events">
<dt class="red">15.04 - 22.04</dt>
<dd>Påskeferie 2019</dd>
</dl>
<h3 class="subtitle">Mai 2019</h3>
<dl class="calendar-events">
<dt class="red">01.05</dt>
<dd>Arbeidernes dag</dd>
<dt class="red">17.05</dt>
<dd>Nasjonaldagen</dd>
<dt class="red">30.05</dt>
<dd>Kristi himmelfartsdag</dd>
<dt class="red">31.05</dt>
<dd>Inneklemt dag</dd>
</dl>
<h2 class="section-title section-header">Arrangementer</h2>
<h3 class="subtitle">Juni 2019</h3>
<dl class="calendar-events">
<dt>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="13.117" height="14.991" viewBox="0 0 13.117 14.991">
<path id="calendar-alt" d="M4.333,8.433H3.162a.352.352,0,0,1-.351-.351V6.91a.352.352,0,0,1,.351-.351H4.333a.352.352,0,0,1,.351.351V8.081A.352.352,0,0,1,4.333,8.433ZM7.5,8.081V6.91a.352.352,0,0,0-.351-.351H5.973a.352.352,0,0,0-.351.351V8.081a.352.352,0,0,0,.351.351H7.144A.352.352,0,0,0,7.5,8.081Zm2.811,0V6.91a.352.352,0,0,0-.351-.351H8.784a.352.352,0,0,0-.351.351V8.081a.352.352,0,0,0,.351.351H9.955A.352.352,0,0,0,10.307,8.081ZM7.5,10.892V9.721a.352.352,0,0,0-.351-.351H5.973a.352.352,0,0,0-.351.351v1.171a.352.352,0,0,0,.351.351H7.144A.352.352,0,0,0,7.5,10.892Zm-2.811,0V9.721a.352.352,0,0,0-.351-.351H3.162a.352.352,0,0,0-.351.351v1.171a.352.352,0,0,0,.351.351H4.333A.352.352,0,0,0,4.685,10.892Zm5.622,0V9.721a.352.352,0,0,0-.351-.351H8.784a.352.352,0,0,0-.351.351v1.171a.352.352,0,0,0,.351.351H9.955A.352.352,0,0,0,10.307,10.892Zm2.811-7.613V13.586a1.406,1.406,0,0,1-1.405,1.405H1.405A1.406,1.406,0,0,1,0,13.586V3.279A1.406,1.406,0,0,1,1.405,1.874H2.811V.351A.352.352,0,0,1,3.162,0H4.333a.352.352,0,0,1,.351.351V1.874H8.433V.351A.352.352,0,0,1,8.784,0H9.955a.352.352,0,0,1,.351.351V1.874h1.405A1.406,1.406,0,0,1,13.117,3.279ZM11.712,13.41V4.685H1.405V13.41a.176.176,0,0,0,.176.176h9.955A.176.176,0,0,0,11.712,13.41Z"
fill="currentColor" />
</svg>
</span>
<span>
11.06
</span>
</dt>
<dd>
<a href="#">Arrangement</a>
</dd>
<dt>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="15.804" height="15.805" viewBox="0 0 15.804 15.805">
<g id="Group_36" data-name="Group 36" transform="translate(-387 -13009)">
<path data-name="Path 80" d="M394.9,13009a7.9,7.9,0,1,0,7.9,7.9A7.911,7.911,0,0,0,394.9,13009Zm0,15.145a7.243,7.243,0,1,1,7.244-7.242A7.251,7.251,0,0,1,394.9,13024.145Z"
fill="currentColor" />
<path data-name="Path 81" d="M409.659,13024.807v-3.478a.329.329,0,0,0-.659,0v3.622a.332.332,0,0,0,.107.243l3.951,3.622a.33.33,0,0,0,.445-.486Z"
transform="translate(-14.756 -8.049)" fill="currentColor" />
</g>
</svg>
</span>
<span>
12.30 - 13.30
</span>
</dt>
<dd>Lokasjon</dd>
</dl>
<h3 class="subtitle">August 2019</h3>
<dl class="calendar-events">
<dt>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="13.117" height="14.991" viewBox="0 0 13.117 14.991">
<path id="calendar-alt" d="M4.333,8.433H3.162a.352.352,0,0,1-.351-.351V6.91a.352.352,0,0,1,.351-.351H4.333a.352.352,0,0,1,.351.351V8.081A.352.352,0,0,1,4.333,8.433ZM7.5,8.081V6.91a.352.352,0,0,0-.351-.351H5.973a.352.352,0,0,0-.351.351V8.081a.352.352,0,0,0,.351.351H7.144A.352.352,0,0,0,7.5,8.081Zm2.811,0V6.91a.352.352,0,0,0-.351-.351H8.784a.352.352,0,0,0-.351.351V8.081a.352.352,0,0,0,.351.351H9.955A.352.352,0,0,0,10.307,8.081ZM7.5,10.892V9.721a.352.352,0,0,0-.351-.351H5.973a.352.352,0,0,0-.351.351v1.171a.352.352,0,0,0,.351.351H7.144A.352.352,0,0,0,7.5,10.892Zm-2.811,0V9.721a.352.352,0,0,0-.351-.351H3.162a.352.352,0,0,0-.351.351v1.171a.352.352,0,0,0,.351.351H4.333A.352.352,0,0,0,4.685,10.892Zm5.622,0V9.721a.352.352,0,0,0-.351-.351H8.784a.352.352,0,0,0-.351.351v1.171a.352.352,0,0,0,.351.351H9.955A.352.352,0,0,0,10.307,10.892Zm2.811-7.613V13.586a1.406,1.406,0,0,1-1.405,1.405H1.405A1.406,1.406,0,0,1,0,13.586V3.279A1.406,1.406,0,0,1,1.405,1.874H2.811V.351A.352.352,0,0,1,3.162,0H4.333a.352.352,0,0,1,.351.351V1.874H8.433V.351A.352.352,0,0,1,8.784,0H9.955a.352.352,0,0,1,.351.351V1.874h1.405A1.406,1.406,0,0,1,13.117,3.279ZM11.712,13.41V4.685H1.405V13.41a.176.176,0,0,0,.176.176h9.955A.176.176,0,0,0,11.712,13.41Z"
fill="currentColor" />
</svg>
</span>
<span>
10.08
</span>
</dt>
<dd>
<a href="#">Arrangement</a>
</dd>
<dt>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="15.804" height="15.805" viewBox="0 0 15.804 15.805">
<g id="Group_36" data-name="Group 36" transform="translate(-387 -13009)">
<path data-name="Path 80" d="M394.9,13009a7.9,7.9,0,1,0,7.9,7.9A7.911,7.911,0,0,0,394.9,13009Zm0,15.145a7.243,7.243,0,1,1,7.244-7.242A7.251,7.251,0,0,1,394.9,13024.145Z"
fill="currentColor" />
<path data-name="Path 81" d="M409.659,13024.807v-3.478a.329.329,0,0,0-.659,0v3.622a.332.332,0,0,0,.107.243l3.951,3.622a.33.33,0,0,0,.445-.486Z"
transform="translate(-14.756 -8.049)" fill="currentColor" />
</g>
</svg>
</span>
<span>
10.00 - 11.30
</span>
</dt>
<dd>Lokasjon</dd>
</dl>
<dl class="calendar-events">
<dt>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="13.117" height="14.991" viewBox="0 0 13.117 14.991">
<path id="calendar-alt" d="M4.333,8.433H3.162a.352.352,0,0,1-.351-.351V6.91a.352.352,0,0,1,.351-.351H4.333a.352.352,0,0,1,.351.351V8.081A.352.352,0,0,1,4.333,8.433ZM7.5,8.081V6.91a.352.352,0,0,0-.351-.351H5.973a.352.352,0,0,0-.351.351V8.081a.352.352,0,0,0,.351.351H7.144A.352.352,0,0,0,7.5,8.081Zm2.811,0V6.91a.352.352,0,0,0-.351-.351H8.784a.352.352,0,0,0-.351.351V8.081a.352.352,0,0,0,.351.351H9.955A.352.352,0,0,0,10.307,8.081ZM7.5,10.892V9.721a.352.352,0,0,0-.351-.351H5.973a.352.352,0,0,0-.351.351v1.171a.352.352,0,0,0,.351.351H7.144A.352.352,0,0,0,7.5,10.892Zm-2.811,0V9.721a.352.352,0,0,0-.351-.351H3.162a.352.352,0,0,0-.351.351v1.171a.352.352,0,0,0,.351.351H4.333A.352.352,0,0,0,4.685,10.892Zm5.622,0V9.721a.352.352,0,0,0-.351-.351H8.784a.352.352,0,0,0-.351.351v1.171a.352.352,0,0,0,.351.351H9.955A.352.352,0,0,0,10.307,10.892Zm2.811-7.613V13.586a1.406,1.406,0,0,1-1.405,1.405H1.405A1.406,1.406,0,0,1,0,13.586V3.279A1.406,1.406,0,0,1,1.405,1.874H2.811V.351A.352.352,0,0,1,3.162,0H4.333a.352.352,0,0,1,.351.351V1.874H8.433V.351A.352.352,0,0,1,8.784,0H9.955a.352.352,0,0,1,.351.351V1.874h1.405A1.406,1.406,0,0,1,13.117,3.279ZM11.712,13.41V4.685H1.405V13.41a.176.176,0,0,0,.176.176h9.955A.176.176,0,0,0,11.712,13.41Z"
fill="currentColor" />
</svg>
</span>
<span>
22.08
</span>
</dt>
<dd>
<a href="#">Arrangement</a>
</dd>
<dt>
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="15.804" height="15.805" viewBox="0 0 15.804 15.805">
<g id="Group_36" data-name="Group 36" transform="translate(-387 -13009)">
<path data-name="Path 80" d="M394.9,13009a7.9,7.9,0,1,0,7.9,7.9A7.911,7.911,0,0,0,394.9,13009Zm0,15.145a7.243,7.243,0,1,1,7.244-7.242A7.251,7.251,0,0,1,394.9,13024.145Z"
fill="currentColor" />
<path data-name="Path 81" d="M409.659,13024.807v-3.478a.329.329,0,0,0-.659,0v3.622a.332.332,0,0,0,.107.243l3.951,3.622a.33.33,0,0,0,.445-.486Z"
transform="translate(-14.756 -8.049)" fill="currentColor" />
</g>
</svg>
</span>
<span>
9.00 - 11.30
</span>
</dt>
<dd>Lokasjon</dd>
</dl>
</section>