Kalenderhendelser Oversikt over tidsbestemte hendelser i et grensesnitt.

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>