altinn-designsystem

<div class="a-page">   <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>  <header class="a-header an-header a-js-hideElement ">  <div class="container"> <div class="row"> <div class="col-12">  <nav id="primary-nav" class="a-globalNav"> <a href="/patterns/04-sider-altinnett-10-forside-10-forside-tjenesteeier/04-sider-altinnett-10-forside-10-forside-tjenesteeier.html" class="a-globalNav-logo"> <img src="../../images/an-logo-blue.svg" alt="Altinnett logo" class="a-logo a-modal-top-logo "> <span class="sr-only">Til forsiden</span> </a> <button class="an-navbar-toggler" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="sr-only">Vis/skjul meny</span> </button>   <div class="dropdown-menu an-dropdown-navigationMenu a-dropdownTriangle an-menu-container an-menu-logged-out"> <ul class="a-list an-menu"> <li>  <div class="form-group a-form-group pt-1 px-1"> <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-10-sok-forside-tjenesteeier/04-sider-altinnett-60-sok-10-sok-forside-tjenesteeier.html';" class="btn btn-secondary" type="button">  <i class="ai ai-search " ></i>  <span class="sr-only">Søk</span> </button> </div> </div> </div>  </li> <li> <a class=" pr-2" href="#">verktøy</a> </li> <li> <a class=" pr-2" href="/patterns/03-maler-altinnett-80-produktsider-10-produktoversikt/03-maler-altinnett-80-produktsider-10-produktoversikt.html">produkter</a> </li> <li> <a class=" pr-2" href="#">resultater</a> </li> <li> <a class=" pr-2" href="#">kom i gang</a> </li> </ul> <div class="mt-1 mx-1">  <button type="button" onclick="location.href='/patterns/03-maler-altinnett-20-profil-30-paalogget/03-maler-altinnett-20-profil-30-paalogget.html'" class="a-btn btn-block " data-url="../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html"> Logg inn </button>  </div> </div>  </nav>  </div>  </div>  </div>  </header>   <div class="container"> <div class="row"> <div class="col-sm-12 col-lg-6 offset-lg-3 a-articleSearch">  <div class="form-group a-form-group a-form-group-large "> <label class="a-form-label sr-only " for="search">Søk etter guider og annet innhold</label> <div class="a-form-group-items input-group "> <input class="form-control a-hasButton " type="text" placeholder="Søk etter guider og annet innhold" name="input-field" data-val="true" id="search"> <div class="input-group-append"> <button onclick="location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside-tjenesteeier/04-sider-altinnett-60-sok-10-sok-forside-tjenesteeier.html';" class="btn btn-secondary" type="button">  <i class="ai ai-search " ></i>  <span class="sr-only">Søk</span> </button> </div> </div> </div>  </div> </div> </div> <main id="content" tabindex="-1"> <div class="container"> <div class="row"> <div class="col-sm-12 col-lg-10 offset-lg-1 pb-3">  <ol class="breadcrumb a-breadcrumb "> <li class="breadcrumb-item breadcrumb-mobile"> <a href="#">Om Altinn</a> </li> <li class="breadcrumb-item active"> <a href="">Nyhetsarkiv</a> </li> </ol>   <h1 class="a-fontBold a-pageTitle "> Nyhetsarkiv </h1>  </div> </div> <div class="row"> <div class="col-sm-12 col-lg-10 offset-lg-1 pb-3 a-newsArchive">  <article class="a-linkArticle"> <h2>  <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier.html" class="a-link-title "> Hva er nytt i ny versjon av Altinn? </a>  </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>   <article class="a-linkArticle"> <h2>  <a href="/patterns/04-sider-altinnett-30-artikkel-20-artikkel-jumbo-tjenesteeier/04-sider-altinnett-30-artikkel-20-artikkel-jumbo-tjenesteeier.html" class="a-link-title "> Brønnøysundregistrene har valgt nye leverandører for Altinn </a>   <span class="badge badge-default a-label badge-pill" id="label-p1">Pressemelding</span>  </h2> <p>Fem leverandører er tildelt kontrakter for å drifte, forvalte og videreutvikle Altinn de neste fire til åtte årene.</p> </article>   <article class="a-linkArticle"> <h2>  <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier.html" class="a-link-title "> Tilskuddsbrevene for jordbruket kommer 1. februar </a>  </h2> <p>Onsdag 1. februar, blir tilskuddsbrevene med vedtak om produksjonstilskudd i jordbruket tilgjengelig for 40 000 jordbruksforetak.</p> </article>   <article class="a-linkArticle"> <h2>  <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier.html" class="a-link-title "> Digitalisering av sykepenger: søk om å bli pilot </a>  </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>   <article class="a-linkArticle"> <h2>  <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier.html" class="a-link-title "> Nå kommer sykmeldinger i Altinn </a>  </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>   <article class="a-linkArticle"> <h2>  <a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier/04-sider-altinnett-30-artikkel-10-artikkel-tjenesteeier.html" class="a-link-title "> NAV endrer rapportering av refusjon </a>  </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>   <button type="button" class="a-btn a-btn-action a-fullWidthBtn a-btn-loadMore">  <i class="ai ai-plus " ></i>  <span>Last flere</span> </button>  </div> </div> <div class="row"> <div class="col-sm-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 pb-3">  <div class="a-card a-cardImage mt-4">  <img src="../../images/illustrasjon_starte_og_drive_sirkel.svg" alt="Illustrasjon" />  <div class="a-cardImage-text"> <h2>Abonner på nyheter</h2> <p>Få varsel om viktige nyheter fra Altinn på e-post. Registrer deg her: </p>  <form data-toggle="validator" class="a-js-subscribe" data-disable="true" id="subscribtion"> <div class="row"> <div class="col-8">  <div class="form-group a-form-group "> <label class="a-form-label sr-only " for="text-input-epost">E-post: </label> <div class="a-form-group-items input-group "> <span class="input-group-prepend d-none d-md-block"> <i class="ai ai-closedmessage " ></i>  </span> <input class="form-control a-hasIcon " type="text" placeholder="Din e-post" name="email-field" data-val="true" id="text-input-epost" required data-val-required="Du har ikke oppgitt e-post." data-val-regex="Du har ikke skrevet e-posten korrekt" data-val-regex-pattern="(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))"> </div> <div class="a-message a-message-error" data-valmsg-for="email-field" data-valmsg-replace="true"></div> </div>  </div> <div class="col-4">  <button type="button" class="a-btn disabled " id="a-js-subscribtion-submit" disabled data-url="../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html"> Send </button>  </div> </div> </form> <p class="a-fontSizeXS a-js-finishText">Takk, du er nå påmeldt vår nyhetsbrevtjeneste. Dette betyr at du vil få tilsendt en e-post fra Altinn hver gang vi publiserer en nyhet. <a class='a-js-undo'>Angre</a></p> <p class="a-fontSizeXS a-js-altText">Du har angret innsendingen, og er ikke lengre påmeldt vårt nyhetsbrev.</p>  </div> </div>  </div> </div> </div>  </main>   <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">  <div class="a-modal-top">  <img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">  </div>  </div> </div> <div class="row"> <div class="col-xl-10 offset-xl-1 a-p-static">  <div class="a-modal-navbar">  <button type="button" class="a-modal-close a-js-tabable-popover" onclick="goBack()" aria-label="Lukk">  <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 " ></i> </span>  </button>  </div>  <div class="a-modal-content-target">  </div> </div> </div> </div> </div> </div>   <footer class="an-footer a-bgBlueDarker "> <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="#">  <i class="ai ai-phone "></i>  <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">  <i class="ai ai-send "></i>  <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">  <div class="form-group a-form-group "> <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-10-sok-forside-tjenesteeier/04-sider-altinnett-60-sok-10-sok-forside-tjenesteeier.html';" class="btn btn-secondary" type="button">  <i class="ai ai-search " ></i>  <span class="sr-only">Søk</span> </button> </div> </div> </div>  </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>  </footer>   </div>