Opening hours
Opening hours
Tabell for visning av åpningstider.
Åpningstider
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Stengt alle helligdager
Timeavtale | Telefontid | Drop-in | Hente pass | |
---|---|---|---|---|
MandagMa | 08:00–16:00 | 11:30–14:00 | Stengt | Stengt |
TirsdagTi | 08:00–16:00 | Stengt | Stengt | 08:00–14:00 |
OnsdagOn | 08:00–16:00 | 11:30–14:00 | 08:00–* | Stengt |
TorsdagTo | 08:00–16:00 | Stengt | 15:00–21:00 | 08:00–21:00 |
FredagFr | 08:00–16:00 | 11:30–14:00 | Stengt | Stengt |
LørdagLø | Stengt | Døgnåpent | Stengt | Stengt |
SøndagSø | Stengt | Døgnåpent | Stengt | Stengt |
* Dette er en spesifisering av åpningstid uten angitt stengetid.
<section class="opening-hours">
<h2 class="h4 opening-hours__headline">Åpningstider</h2>
<div class="opening-hours__notification">
<div class="opening-hours__deviation-msg " aria-hidden="false"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
<div class="opening-hours__deviation-msg opening-hours__deviation-msg--hidden" aria-hidden="true"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
<p class="opening-hours__public-holiday-msg " aria-hidden="false">Stengt alle helligdager</p>
<p class="opening-hours__public-holiday-msg opening-hours__public-holiday-msg--hidden" aria-hidden="true">Stengt alle helligdager</p>
</div>
<ul class="opening-hours__tabs list--reset-style" role="tablist">
<li class="opening-hours__tab" role="presentation">
<button class="opening-hours__tab-btn opening-hours__tab-btn--active" id="1ec7d-tab0" aria-controls="1ec7d-panel0" aria-selected="true" tabindex="0" role="tab">
<span class="opening-hours__tab-btn-label">Vintertid</span>
<span class="opening-hours__tab-btn-date">
16.09–14.05
</span>
</button>
</li>
<li class="opening-hours__tab" role="presentation">
<button class="opening-hours__tab-btn " id="1ec7d-tab1" aria-controls="1ec7d-panel1" aria-selected="false" tabindex="-1" role="tab">
<span class="opening-hours__tab-btn-label">Sommertid</span>
<span class="opening-hours__tab-btn-date">
15.05–15.09
</span>
</button>
</li>
</ul>
<div role="tablist">
<div class="opening-hours__panel " id="1ec7d-panel0" role="tabpanel" aria-labelledby="1ec7d-tab0" aria-hidden="false">
<table class="opening-hours__table">
<thead class="opening-hours__table-thead">
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="row">
<svg class="opening-hours__calendar-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<path fill="#000" fill-rule="evenodd" d="M18 17a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10zm0-15V1a1 1 0 0 0-2 0v1h-5V1a1 1 0 0 0-2 0v1H4V1a1 1 0 0 0-2 0v1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"></path>
</svg>
</th>
<th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Timeavtale</span></th>
<th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Telefontid</span></th>
<th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Drop-in</span></th>
<th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Hente pass</span></th>
</tr>
</thead>
<tbody class="opening-hours__table-tbody">
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Mandag"><span class="show-for-sr">Mandag</span><span class="opening-hours__day-label" role="presentation">Ma</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Tirsdag"><span class="show-for-sr">Tirsdag</span><span class="opening-hours__day-label" role="presentation">Ti</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–14:00</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Onsdag"><span class="show-for-sr">Onsdag</span><span class="opening-hours__day-label" role="presentation">On</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–*</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Torsdag"><span class="show-for-sr">Torsdag</span><span class="opening-hours__day-label" role="presentation">To</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">15:00–21:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–21:00</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Fredag"><span class="show-for-sr">Fredag</span><span class="opening-hours__day-label" role="presentation">Fr</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">08:00–16:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Lørdag"><span class="show-for-sr">Lørdag</span><span class="opening-hours__day-label" role="presentation">Lø</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Døgnåpent</span></span></td>
<td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Søndag"><span class="show-for-sr">Søndag</span><span class="opening-hours__day-label" role="presentation">Sø</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Døgnåpent</span></span></td>
<td class="opening-hours__table-td" data-category-label="Drop-in"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
</tbody>
</table>
<p class="opening-hours__no-closing-hour-msg">* Dette er en spesifisering av åpningstid uten angitt stengetid.</p>
</div>
</div>
<div role="tablist">
<div class="opening-hours__panel opening-hours__panel--hidden" id="1ec7d-panel1" role="tabpanel" aria-labelledby="1ec7d-tab1" aria-hidden="true">
<table class="opening-hours__table">
<thead class="opening-hours__table-thead">
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="row">
<svg class="opening-hours__calendar-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<path fill="#000" fill-rule="evenodd" d="M18 17a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v10zm0-15V1a1 1 0 0 0-2 0v1h-5V1a1 1 0 0 0-2 0v1H4V1a1 1 0 0 0-2 0v1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"></path>
</svg>
</th>
<th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Timeavtale</span></th>
<th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Telefontid</span></th>
<th class="opening-hours__table-th" scope="row"><span class="opening-hours__table-th-text">Hente pass</span></th>
</tr>
</thead>
<tbody class="opening-hours__table-tbody">
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Mandag"><span class="show-for-sr">Mandag</span><span class="opening-hours__day-label" role="presentation">Ma</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Tirsdag"><span class="show-for-sr">Tirsdag</span><span class="opening-hours__day-label" role="presentation">Ti</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Onsdag"><span class="show-for-sr">Onsdag</span><span class="opening-hours__day-label" role="presentation">On</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Torsdag"><span class="show-for-sr">Torsdag</span><span class="opening-hours__day-label" role="presentation">To</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Fredag"><span class="show-for-sr">Fredag</span><span class="opening-hours__day-label" role="presentation">Fr</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">09:00–15:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">11:30–14:00</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Lørdag"><span class="show-for-sr">Lørdag</span><span class="opening-hours__day-label" role="presentation">Lø</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Døgnåpent</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
<tr class="opening-hours__table-tr">
<th class="opening-hours__table-th" scope="col" data-day-label="Søndag"><span class="show-for-sr">Søndag</span><span class="opening-hours__day-label" role="presentation">Sø</span></th>
<td class="opening-hours__table-td" data-category-label="Timeavtale"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
<td class="opening-hours__table-td" data-category-label="Telefontid"><span class="opening-hours__time"><span class="opening-hours__time-span">Døgnåpent</span></span></td>
<td class="opening-hours__table-td" data-category-label="Hente pass"><span class="opening-hours__time"><span class="opening-hours__time-span">Stengt</span></span></td>
</tr>
</tbody>
</table>
<p class="opening-hours__no-closing-hour-msg">* Dette er en spesifisering av åpningstid uten angitt stengetid.</p>
</div>
</div>
</section>
<OpeningHours Translations={this.props.Translations} Data={office.openingHoursSummerWinter} hasSummerHours={hasSummerHours} isSummerTime={isSummerTime} />