altinn-designsystem/dist/patterns/03-maler-altinnett-96-nyhetersider-00-nyheter-oversikt/03-maler-altinnett-96-nyhetersider-00-nyheter-oversikt.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 03-maler-altinnett-96-nyhetersider-00-nyheter-oversikt -->
<div class="a-page">
  <!-- START: 02-organismer-01-globale-90-header-altinnett -->
  <!-- Skip to main content -->
  <nav class="a-jumpnav">
    <ul class="no-decoration d-flex">
      <li><a class="sr-only sr-only-focusable" href="#content">Hopp til hovedinnholdet</a></li>
      <li><a class="sr-only sr-only-focusable" href="#primary-nav">Hopp til hovedmeny</a></li>
      <li><a class="sr-only sr-only-focusable" href="#search">Hopp til søk</a></li>
    </ul>
  </nav>

  <!-- Begin .header -->
  <header class="an-header   a-js-hideElement ">
    <!-- Begin .container -->
    <div class="container">
      <div class="row">
        <div class="col-12">

          <!-- Begin .a-globalNav -->
          <nav id="primary-nav" class="a-globalNav">
            <a href="&#x2F;patterns&#x2F;04-sider-altinnett-10-forside-10-forside&#x2F;04-sider-altinnett-10-forside-10-forside.html" class="a-globalNav-logo">
                        <img src="..&#x2F;..&#x2F;images&#x2F;an-logo-blue.svg" alt="Altinnett logo" class="an-logo a-logo--an a-modal-top-logo ">
                        <span class="sr-only">Til forsiden</span>
                    </a>
            <button class="navbar-toggler navbar-toggler--an d-md-none" type="button">
              <span class="sr-only">Vis/skjul meny</span>
    			  </button>

            <div class="collapse navbar-toggleable-sm a-globalNav-main" id="exCollapsingNavbar2">
              <ul class="" id="exCollapsingNavbar">
                <li class="d-md-none">
                  <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->

                  <div class="form-group a-form-group   ">

                    <label class="a-form-label  sr-only  " for="dropdown-input-search">Søk etter innhold</label>

                    <div class="a-form-group-items input-group   ">


                      <input class="form-control  
         a-hasButton  " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="dropdown-input-search">

                      <div class="input-group-append">
                        <button onclick="location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';" class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

              <span class="sr-only">Søk</span>
          </button>
                      </div>



                    </div>



                  </div>

                  <!-- END: 00-atomer-01-forms-10-tekst-input -->

                </li>

                <li><a class="a-hvr-underline " href="#">produkter</a></li>
                <li><a class="a-hvr-underline " href="#">eksempler</a></li>
                <li><a class="a-hvr-underline " href="#">utvikling</a></li>
              </ul>
            </div>
          </nav>
          <!-- End .a-globalNav -->

          <ul id="secondary-nav" class="nav nav-pills a-header-options">

            <li class="nav-item dropdown d-none d-md-block">

              <button class="a-collapse-title a-btn a-btn-icon nav-link an-search" type="button" data-toggle="collapse" data-target="#collapseSearchContent" aria-expanded="false" aria-controls="collapseSearchContent">
                <span>
                    <i class="ai ai-search an-search-icon" aria-hidden="true">
                      <span class="sr-only">Søk</span></i>
                  </span>
              </button>
            </li>
          </ul>
          <!-- End .a-globalNav-options -->

        </div>
        <!-- End .col -->

      </div>
      <!-- End .row -->

    </div>
    <!-- End .container -->

  </header>
  <!-- End .header -->

  <!-- Begin .a-collapseContent -->
  <div id="collapseSearchContent" class="a-collapseContent adocs-collapseSearch collapse">
    <div class="a-collapseContent-inside px-0">
      <div class="a-bgGreyLight pt-3 pb-3">
        <div class="container">
          <div class="row a-bgGreyLight arrow-tr">
            <div class="col-sm-8 offset-sm-2 col-lg-6 offset-lg-3">
              <div class="form-group a-form-group  a-form-group-large">
                <label class="a-h2" for="topbar-search-by">Hva leter du etter?</label>
                <div class="a-form-group-items input-group">
                  <input data-search-input="" id="topbar-search-by" class="form-control a-hasButton" type="text" placeholder="Søk etter innhold" autofocus="">
                  <div class="input-group-append">
                    <button class="btn btn-secondary" type="submit" name="search-button" id="topbar-search-submit" aria-label="Search">
                        <i class="ai ai-search" aria-hidden="true"></i>
                        <span class="sr-only">Søk</span>
                        </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End .a-collapseContent -->
  <div class="pt-3"></div>
  <!-- END: 02-organismer-01-globale-90-header-altinnett -->


  <main id="content" tabindex="-1">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-lg-10 offset-lg-1 mb-2">
          <!-- START: 00-atomer-07-tekst-09-sidetittel -->
          <h1 class="a-fontBold a-pageTitle a-blueDarkerText a-fontBold">
            Nyhetsarkiv

          </h1>

          <!-- END: 00-atomer-07-tekst-09-sidetittel -->
          <!-- START: 00-atomer-07-tekst-02-intro-tekst -->
          <p class="a-leadText " id="leadText">Her har du full oversikt over nye releaser og relevante nyheter for altinn digitalsiering som vi ønsker å dele med deg.</p>

          <!-- END: 00-atomer-07-tekst-02-intro-tekst -->
        </div>
      </div>

      <div class="row">
        <div class="col-sm-12 col-lg-10 offset-lg-1 mb-4 mb-md-8">

          <!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
          <article class="a-linkArticle">

            <h2>
              <!-- START: 00-atomer-02-lenker-00-link -->
              <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-link-title ">
  Hva er nytt i ny versjon av Altinn?
  
</a>
              <!-- END: 00-atomer-02-lenker-00-link -->


            </h2>


            <p>I uke 7 kom Altinn i ny versjon. Som vanlig for februar-versjoner, inneholdt den nye versjonen av Altinn endringer for skattemeldingen (tidligere kjent som selvangivelsen). I tillegg er det en rekke endringer på andre områder.</p>
          </article>

          <!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->

          <!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
          <article class="a-linkArticle">

            <h2>
              <!-- START: 00-atomer-02-lenker-00-link -->
              <a href="/patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo/04-sider-altinnett-30-artikkel-20-artikkel-jumbo.html" class="a-link-title ">
  Brønnøysundregistrene har valgt nye leverandører for Altinn
  
</a>
              <!-- END: 00-atomer-02-lenker-00-link -->


            </h2>


            <p>Fem leverandører er tildelt kontrakter for å drifte, forvalte og videreutvikle Altinn de neste fire til åtte årene.</p>
          </article>

          <!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->

          <!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
          <article class="a-linkArticle">

            <h2>
              <!-- START: 00-atomer-02-lenker-00-link -->
              <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-link-title ">
  Tilskuddsbrevene for jordbruket kommer 1. februar
  
</a>
              <!-- END: 00-atomer-02-lenker-00-link -->


            </h2>


            <p>Onsdag 1. februar, blir tilskuddsbrevene med vedtak om produksjonstilskudd i jordbruket tilgjengelig for 40 000 jordbruksforetak.</p>
          </article>

          <!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->

          <!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
          <article class="a-linkArticle">

            <h2>
              <!-- START: 00-atomer-02-lenker-00-link -->
              <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-link-title ">
  Digitalisering av sykepenger: søk om å bli pilot
  
</a>
              <!-- END: 00-atomer-02-lenker-00-link -->


            </h2>


            <p>NAV er i gang med å utvikle en digital løsning for å søke om sykepenger. Hittil har det bare vært mulig for den ansatte å levere selve sykmeldingen (del C) digitalt, mens søknaden om sykepenger (del D) fortsatt må leveres på papir.</p>
          </article>

          <!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->

          <!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
          <article class="a-linkArticle">

            <h2>
              <!-- START: 00-atomer-02-lenker-00-link -->
              <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-link-title ">
  Nå kommer sykmeldinger i Altinn
  
</a>
              <!-- END: 00-atomer-02-lenker-00-link -->


            </h2>


            <p>NAV er i ferd med å digitalisere sykmeldingen. Det skal gjøre det enklere for alle som er involvert i et sykefravær å samhandle. Tjenesten utvikles stegvis.</p>
          </article>

          <!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->

          <!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
          <article class="a-linkArticle">

            <h2>
              <!-- START: 00-atomer-02-lenker-00-link -->
              <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-link-title ">
  NAV endrer rapportering av refusjon
  
</a>
              <!-- END: 00-atomer-02-lenker-00-link -->


            </h2>


            <p>Endring knyttet til rapportering av refusjon av sykepenger, foreldrepenger og pleie-, omsorgs- og opplæringspenger til arbeidsgivere: Fra 26. november 2016 blir det endringer i den månedlige oppgjørslisten/oppgjørsrapporten (K27) som sendes
              til arbeidsgiverne via Altinn, og for oppgjørslisten (K37) som benyttes etter hovedberegningen av refusjon av feriepenger i mai. I tillegg blir det endringe...</p>
          </article>

          <!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->


          <div class="mt-1">
            <!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
            <button type="button" class="a-btn a-btn-action a-fullWidthBtn a-btn-loadMore">

    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

    <span>Last flere</span>

</button>

            <!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->

          </div>

        </div>
      </div>
    </div>
    <!-- END Container -->

  </main>

  <!-- START: 02-organismer-01-globale-91-footer-altinnett -->
  <!-- START: 02-organismer-70-Modal-innhold-_10-modal -->
  <div class="a-modal fade modal  a-fade--appear " id="modal-singel" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-lg" role="document">
      <div class="container a-p-static">
        <div class="row">
          <div class="col-xl-12">
            <!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
            <div class="a-modal-top">
              <!-- START: 00-atomer-09-bilder-og-media-01-logo -->

              <img src="..&#x2F;..&#x2F;images&#x2F;an-logo-darkBlue.svg" alt="Altinn logo" class="a-logo a-modal-top-logo mt-0">

              <!-- END: 00-atomer-09-bilder-og-media-01-logo -->

            </div>

            <!-- END: 01-molekyler-20-modalelementer-05-modal-header -->

          </div>
        </div>
        <div class="row">
          <div class="col-xl-10 offset-xl-1 a-p-static">
            <!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
            <div class="a-modal-navbar">
              <!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
              <button type="button" class="a-modal-close a-js-tabable-popover" onclick="goBack()" aria-label="Lukk">
  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
  <span class="ai-stack">
    <i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit  a-modal-close-icon mt-0"    ></i>
  </span>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->


</button>


              <!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->

            </div>

            <!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->

            <div class="a-modal-content-target">
              <!-- The content will be injected here -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- END: 02-organismer-70-Modal-innhold-_10-modal -->

  <!-- Begin Footer -->
  <footer class="an-footer a-bgBlueDarker mt-0">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-lg-3 an-footer-contactColumn">
          <div class="an-footer-contactInfo">
            <h1 class="an-footer-heading">Vil du vite mer?</h1>
            <ul class="an-footer-contactLinks">
              <li>
                <a href="#">
                  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                  <i class="ai ai-phone   mt-0"></i>


                  <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

                  <span>800 33 840</span>
                </a>
              </li>
              <li>
                <a href="#" data-toggle="altinn-modal" data-action="load" data-url="../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html" data-target="#modal-singel">
                  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                  <i class="ai ai-send   mt-0"></i>


                  <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

                  <span>Kontakt oss</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-md-6 col-lg-9 an-footer-navigationColumn">
          <div class="an-footer-search">
            <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js, searchWithMultipleSelectInAutoComplete.js brukes via klassen a-js-autocomplete på form-control-class gir autocomplete med mulighet for å velge flere elementer fra resultatlista. -->

            <div class="form-group a-form-group   a-form-group-darkBackground  mt-0">

              <label class="a-form-label  sr-only  " for="text-input-search-11">Søk etter innhold</label>

              <div class="a-form-group-items input-group   ">


                <input class="form-control  
         a-hasButton  " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="text-input-search-11">

                <div class="input-group-append">
                  <button onclick="location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';" class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   mt-0"    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

              <span class="sr-only">Søk</span>
          </button>
                </div>



              </div>



            </div>

            <!-- END: 00-atomer-01-forms-10-tekst-input -->

          </div>
          <ul class="an-footer-infoLinks">
            <li><a class="" href="#">Altinns rolle</a></li>
            <li><a class="" href="#">Altinn i fremtiden</a></li>
            <li><a class="" href="#">Innovation</a></li>
          </ul>
          <div class="an-footer-supplementaryInfo">
            <ul class="an-footer-smallLinks">
              <li><a class="" href="#">Driftsmeldinger</a></li>
              <li><a class="" href="#">Personvern</a></li>
              <li><a class="" href="#">Hjelp</a></li>
            </ul>
            <span class="an-footer-address">Brønnøysundregistrene, 8910 Brønnøysund</span>
          </div>
        </div>
      </div>

    </div>
    <!-- End Container -->
  </footer>
  <!-- End Footer -->
  <!-- END: 02-organismer-01-globale-91-footer-altinnett -->

</div>

<!-- END: 03-maler-altinnett-96-nyhetersider-00-nyheter-oversikt -->