altinn-designsystem/dist/patterns/02-organismer-40-artikkel-60-artikkel-start/02-organismer-40-artikkel-60-artikkel-start.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-40-artikkel-60-artikkel-start -->

<!-- START: 01-molekyler-02-navigasjon-14-smulesti -->
<ol class="breadcrumb a-breadcrumb ">
  <li class="breadcrumb-item ">
    <a href="">Første nivå</a>
  </li>
  <li class="breadcrumb-item ">
    <a href="">Andre nivå</a>
  </li>
  <li class="breadcrumb-item breadcrumb-mobile">
    <a href="">Tredje nivå</a>
  </li>
  <li class="breadcrumb-item active">
    <a href="">Fjerde nivå som er siden du står på</a>
  </li>
</ol>

<!-- END: 01-molekyler-02-navigasjon-14-smulesti -->


<!-- START: 00-atomer-07-tekst-09-sidetittel -->
<h1 class="a-fontBold a-pageTitle ">
  Tittel på siden

</h1>

<!-- END: 00-atomer-07-tekst-09-sidetittel -->


<!-- START: 00-atomer-07-tekst-02-intro-tekst -->
<p class="a-leadText " id="leadText">Ingress er et kort innledende avsnitt som vanligvis plasseres mellom overskriften og brødteksten. Ingressen brukes ofte til å "gripe" fatt i leseren, for at personen skal bli interessert i å lese resten av teksten. Den fungerer også som et visuelt skille
  mellom resten av teksten. Ingressen bør være lettlest og fri for vanskelige faguttrykk.</p>

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


<!-- START: 00-atomer-07-tekst-20-byline -->
<div class="a-byline">
  Sist oppdatert 11.10.2016
</div>

<!-- END: 00-atomer-07-tekst-20-byline -->


<hr class="mt-2 mb-0 d-none d-lg-block">

<!-- END: 02-organismer-40-artikkel-60-artikkel-start -->