altinn-designsystem/dist/patterns/01-molekyler-01-kort-02-kort-hoved/01-molekyler-01-kort-02-kort-hoved.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-01-kort-02-kort-hoved -->
<div class="a-card a-mainCard ">
  <!-- START: 01-molekyler-00-tekst-36-ikon-tittel -->
  <div class="a-iconText a-iconText-smallLink  ">
    <div class="a-iconText-icon">
      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
      <i class="ai ai-server  a-icon "></i>


      <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
    </div>
    <div class="a-iconText-text">
      <!-- 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-20-byline -->
      <div class="a-byline">
        Sist oppdatert 11.10.2016
      </div>

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

  <!-- END: 01-molekyler-00-tekst-36-ikon-tittel -->

  <div class="a-mainCard-content">
    <b>Underoverskrift</b>
    <p class="a-paragraphLarge">Her står det en beskrivende tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Det er mulig å <b>markere viktig tekst litt ekstra.</b></p>
  </div>
</div>

<!-- END: 01-molekyler-01-kort-02-kort-hoved -->