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

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-03-media-80-altinnett-presentasjonsblokk -->
<div class=" col-md-4 col-lg-4 col-xl-4">
  <a href="&#x2F;patterns&#x2F;04-sider-altinnett-10-forside-10-forside&#x2F;04-sider-altinnett-10-forside-10-forside.html">
    <div class="an-presentationBlock col-12 a-bgGreyLighter">
      <div class="row">
        <h2 class="a-fontBold a-blueDarkerText d-none d-md-block an-presentationBlock-largeHeader">Standard digitaliseringspakke</h2>

        <div class="col-5 col-md-12 my-auto">
          <div class="an-presentationBlock-figure an-cover" style="background-image: url(..&#x2F;..&#x2F;images&#x2F;asset_2.png)">
            <!-- START: 01-molekyler-03-media-_100-altinnett-forkortelse-svg -->
            <svg viewBox="0 0 100 100" width="100%" height="100%" class="an-abbreviation">
  <title>SD</title>
  <text>
    <tspan fill="white" x="51%" y="54%" dy="0.3em" font-size="50" style="text-anchor: middle; font-family:DIN-Bold, DIN;">SD</tspan>
  </text>
</svg>

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

          </div>
        </div>

        <div class="col-7 col-md-12">
          <h2 class="a-fontBold a-blueDarkerText d-md-none an-presentationBlock-largeHeader">Standard digitaliseringspakke</h2>
          <p class="an-presentationBlock-caption">
            For dere som vil heldigitalisere løsningen gjennom Altinn
          </p>
        </div>
      </div>
    </div>
  </a>
</div>

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