---
title: Weather page
layout: tui-ssg-template-layout.hbs
bodyClass: location
---

<main class="main-content">

  <section class="tui-modal-heading">
    <div class="tui-container">
      {{>bread_crumb country-map}}
      <h1>{{country-map.data.fields.content.name}}</h1>
    </div>
  </section>

  <section>
    <div class="tui-container">
      <div id="wf-weather-week"></div>
    </div>
  </section>

  <section>
    <div class="tui-container">
      <header class="list-header">
        <h2>{{getResource data.fields.resource.fields.items 'averageTemperature'}}</h2>
      </header>
      {{>weather_year country-weather.data}}
    </div>
  </section>
</main>
<script defer src="https://www.tui.se/widgets/assets/javascripts/weather-forecast.js"></script>