altinn-designsystem/dist/patterns/03-maler-brsys-01-forside-01-forside/03-maler-brsys-01-forside-01-forside.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 03-maler-brsys-01-forside-01-forside -->
<div class="a-page">
  <div class="container">
    <div class="row mb-3">
      <div class="col-sm-8 offset-sm-2 col-lg-6 offset-lg-3">
        <h2 class="a-h3">
          Aktuelle skjema og tjenester:
        </h2>
        <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
        <div class="a-list-container mb-2">
          <ul class="a-list    ">
            <li class="a-dotted a-clickable a-list-hasRowLink">
              <a href="/patterns/04-sider-infoportal-20-navigasjonssider-51-omraadeside/04-sider-infoportal-20-navigasjonssider-51-omraadeside.html" class="a-list-rowLink">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Forste lenke i listen







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </a>
            </li>
            <li class="a-dotted a-clickable a-list-hasRowLink">
              <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-53-artikkel-skjema-v-egenmeldt-sykefravaer/04-sider-infoportal-35-skjemaartikkel-53-artikkel-skjema-v-egenmeldt-sykefravaer.html" class="a-list-rowLink">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Andre lenke i listen







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </a>
            </li>
            <li class="a-dotted a-clickable a-list-hasRowLink">
              <a href="/patterns/04-sider-infoportal-35-skjemaartikkel-53-artikkel-skjema-v-egenmeldt-sykefravaer/04-sider-infoportal-35-skjemaartikkel-53-artikkel-skjema-v-egenmeldt-sykefravaer.html" class="a-list-rowLink">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Tredje lenke i listen







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </a>
            </li>
          </ul>
        </div>

        <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->

      </div>
    </div>
    <div class="row py-4">
      <div class="col-lg-8 offset-lg-2 ">
        <!-- START: 02-organismer-30-seksjoner-01-artikkelliste -->
        <section class="a-articleList ">
          <h2 class="pb-2">
            Siste nytt
          </h2>
          <!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
          <article class="a-linkArticle">

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


            </h3>


            <p class="a-js-truncate-2">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">

            <h3>
              <!-- START: 00-atomer-02-lenker-00-link -->
              <a href="/patterns/04-sider-infoportal-30-artikkel-80-artikkel-v-nyhet/04-sider-infoportal-30-artikkel-80-artikkel-v-nyhet.html" class="a-link-title ">
  NAV endrer rapportering av refusjon
  
</a>
              <!-- END: 00-atomer-02-lenker-00-link -->


            </h3>


            <p class="a-js-truncate-2">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 endringer i kodeverdier.</p>
          </article>

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

          <!-- START: 00-atomer-02-lenker-03-♺-link-fremhevet -->
          <!-- START: 00-atomer-02-lenker-00-link -->
          <a href="/patterns/04-sider-infoportal-20-navigasjonssider-60-arkiv-v-nyhetsarkiv/04-sider-infoportal-20-navigasjonssider-60-arkiv-v-nyhetsarkiv.html" class="a-linkFeatured ">
  Vis alle nyheter
  
    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sm ai-nw ai-nw-right ai-arrowright   "    ></i>


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

</a>
          <!-- END: 00-atomer-02-lenker-00-link -->


          <!-- END: 00-atomer-02-lenker-03-♺-link-fremhevet -->

        </section>

        <!-- END: 02-organismer-30-seksjoner-01-artikkelliste -->

      </div>
    </div>
  </div>
</div>

<!-- END: 03-maler-brsys-01-forside-01-forside -->