altinn-designsystem/dist/patterns/01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal/01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->
<div class="col-md-6 col-lg-6 col-xl-6">
  <a href="&#x2F;patterns&#x2F;04-sider-altinnett-10-forside-10-forside&#x2F;04-sider-altinnett-10-forside-10-forside.html" class="">
    <div class="an-presentationBlock col-12 a-bgGreyLighter">
      <div class="row">
        <div class="col-4 my-auto">
          <div class="an-presentationBlock-figure an-cover" style="background-image: url(..&#x2F;..&#x2F;images&#x2F;product_1.svg)">
            <!-- START: 01-molekyler-03-media-_100-altinnett-forkortelse-svg -->
            <svg viewBox="0 0 100 100" width="100%" height="100%" class="an-abbreviation">
  <title>S</title>
  <text>
    <tspan fill="white" x="51%" y="54%" dy="0.3em" font-size="50" style="text-anchor: middle; font-family:DIN-Bold, DIN;">S</tspan>
  </text>
</svg>

            <!-- END: 01-molekyler-03-media-_100-altinnett-forkortelse-svg -->

          </div>
        </div>

        <div class="col-8 my-auto">
          <h2 class="a-fontBold a-blueDarkerText an-presentationBlock-largeHeader">Samtykke</h2>
          <p>Få tilgang til data som er nødvendig for å utføre en gitt prosess.</p>
        </div>
      </div>
    </div>
  </a>
</div>

<!-- END: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->