<!doctype html>
<html class="h-100" lang="en">
<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta name="description">
  <meta name="keywords">

  <title>null - Skolevalg</title>
  <link rel="icon" href="/favicon.ico" type="image/ico"/>
  <link rel="icon" href="/images/favicon.png" type="image/png"/>

  <!-- CSS -->
  <link media="screen" rel="stylesheet" href="/css/bootstrap.css" type="text/css"/>
  <link media="screen" rel="stylesheet" href="/css/main.css" type="text/css"/>

  <!-- PLUGINS -->
  <script src="/js/jquery.js"></script>
  <script src="/js/fontawesome.js"></script>
  <script src="/js/bootstrap.js"></script>
  <script src="/js/popper.js"></script>
  <script src="/js/masonry.js"></script>
  <script src="/js/vue.js"></script>
  <!--<script th:src="@{~/js/htmx.js}"></script>-->

  <!-- HIGHCHARTS -->
  <script src="/js/highcharts/highcharts.js"></script>
  <script src="/js/highcharts/exporting.js"></script>
  <script src="/js/highcharts/offline-exporting.js"></script>
  <script src="/js/highcharts/accessibility.js"></script>
  <script>highcharts = Highcharts</script>
  <script src="/js/highcharts/highcharts-vue.min.js"></script>

  <!-- MATOMO -->
  <script>
    var _paq = window._paq = window._paq || [];
    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
      var u="https://matomo.sikt.no/";
      _paq.push(['setTrackerUrl', u+'matomo.php']);
      _paq.push(['setSiteId', '57']);
      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
      g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
    })();
  </script>
</head>

<body class="d-flex flex-column h-100">

<main class="flex-shrink-0">
  <div class="container-fluid container-lg py-5">
    <div class="row align-items-center">
      <!-- /col -->
      <div class="col text-center text-md-start mt-3">
        
        <h1 class="fw-bold h4">SERVERFEIL!</h1>
        
        
        <!--<p th:if="${#strings.isEmpty(environment) || environment == 'staging'}">-->
        <!--  <code th:if="${message != null}" class="fw-light" th:text="${message}"></code>-->
        <!--</p>-->

        <p class="fw-light">
          Serveren opplevde en intern feil og kunne ikke fullføre forespørselen din.
        </p>
        
        
        <!--<p><code class="fw-light" th:if="${message != null}" th:text="${message}"></code></p>-->
        <a class="btn btn-lg btn-primary mt-3" href="/" role="button">Tilbake til hovedsiden</a>
        <hr/>
      </div>
    </div>
  </div>
</main>

<footer class="footer mt-auto border-top">
  <div class="container">
    <div class="d-flex flex-wrap justify-content-between align-items-center py-2 my-3">
      <div class="d-flex align-items-center mb-3 mb-md-0">
        <a class="text-decoration-none hover:text-sikt-dark d-flex align-items-center" aria-label="Sikt" href="https://sikt.no/">
  <div class="logo d-flex align-items-center">
    <div class="logo-icon logo-dark logo-lg">
      <div class="square"></div>
      <div class="circle"></div>
    </div>

    <div class="text-body mx-3">
      <div>Sikt</div>
      <div>
        Kunnskapssektorens
        <br>
        tjenesteleverandør
      </div>
    </div>
  </div>


</a>
      </div>
      <div class="d-flex flex-column gap-2">
        <a href="https://sikt.no/om-sikt/kontakt-oss" class="text-body text-decoration-none" target="_blank">Kontakt oss</a>
        <a href="https://sikt.no/personvernerklaering" class="text-body text-decoration-none" target="_blank">Personvern og informasjonskapsler</a>
        <a href="https://uustatus.no/nb/erklaringer/publisert/e48ac3d3-b545-44ac-8aff-192f2a44fc25" class="text-body text-decoration-none" target="_blank">Tilgjengelighetserklæring</a>
      </div>
    </div>
  </div>

  <!-- PLUGINS -->
  <script src="/js/jquery.js"></script>
  <script src="/js/fontawesome.js"></script>
  <script src="/js/bootstrap.js"></script>
  <script src="/js/popper.js"></script>
  <script src="/js/masonry.js"></script>
  <script src="/js/vue.js"></script>
  <script src="/js/bootstrap.bundle.min.js"></script>
  <script src="/js/bootstrap-vue.js"></script>
  <script src="/js/main.js"></script>
</footer>
</body>
</html>
