altinn-designsystem/dist/patterns/02-organismer-30-seksjoner-90-altinnett-produkt-presentasjon/02-organismer-30-seksjoner-90-altinnett-produkt-presentasjon.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-30-seksjoner-90-altinnett-produkt-presentasjon -->
<div class="row mb-6">
  <div class="mb-1 col-12 offset-0">
    <h2 class="a-fontBold a-blueDarkerText mb-0 pb-0">Altinn tilbyr digital dialog mellom det offentlige og innbyggere.</h2>
    <p class="a-fontSizeL a-blueDarkerText">Lag tjenester som funker overalt og sparer penger både for deg og brukerne.</p>
  </div>

  <!-- START: 01-molekyler-03-media-80-altinnett-presentasjonsblokk -->
  <div class="col-lg-4 px-0 px-sm-1">
    <a href="&#x2F;patterns&#x2F;03-maler-altinnett-80-produktsider-30-produktpakke&#x2F;03-maler-altinnett-80-produktsider-30-produktpakke.html" class="a-noUnderline">
      <div class="an-presentationBlock col-12 a-bgGreyLighter">
        <div class="row">
          <h2 class="a-fontBold a-blueDarkerText d-none d-lg-block col-12 an-presentationBlock-largeHeader an-presentationBlock-twoLineHeader">Digital Dialog</h2>

          <div class="col-5 col-lg-12 my-auto">
            <figure class="an-presentationBlock-figure">
              <img class="an-presentationBlock-illustration" src="..&#x2F;..&#x2F;images&#x2F;altinnett-digital-dialog.svg" alt="En man som sitter foran PC og drikker kaffe. Tegning." />
            </figure>
          </div>

          <div class="col-7 col-lg-12">
            <h2 class="a-fontBold a-blueDarkerText d-lg-none an-presentationBlock-largeHeader an-presentationBlock-twoLineHeader">Digital Dialog</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 -->

  <!-- START: 01-molekyler-03-media-80-altinnett-presentasjonsblokk -->
  <div class="col-lg-4 px-0 px-sm-1">
    <a href="&#x2F;patterns&#x2F;03-maler-altinnett-80-produktsider-30-produktpakke&#x2F;03-maler-altinnett-80-produktsider-30-produktpakke.html" class="a-noUnderline">
      <div class="an-presentationBlock col-12 a-bgGreyLighter">
        <div class="row">
          <h2 class="a-fontBold a-blueDarkerText d-none d-lg-block col-12 an-presentationBlock-largeHeader an-presentationBlock-twoLineHeader">Digital post til virksomheter</h2>

          <div class="col-5 col-lg-12 my-auto">
            <figure class="an-presentationBlock-figure">
              <img class="an-presentationBlock-illustration" src="..&#x2F;..&#x2F;images&#x2F;altinnett-digital-post.svg" alt="En dame går tur med en hund og ser på mobilen sin. Tegning." />
            </figure>
          </div>

          <div class="col-7 col-lg-12">
            <h2 class="a-fontBold a-blueDarkerText d-lg-none an-presentationBlock-largeHeader an-presentationBlock-twoLineHeader">Digital post til virksomheter</h2>
            <p class="an-presentationBlock-caption">
              Altinn tilbyr enkle løsninger for digital post til virksomheter.
            </p>
          </div>
        </div>
      </div>
    </a>
  </div>

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

  <!-- START: 01-molekyler-03-media-80-altinnett-presentasjonsblokk -->
  <div class="col-lg-4 px-0 px-sm-1">
    <a href="&#x2F;patterns&#x2F;03-maler-altinnett-80-produktsider-30-produktpakke&#x2F;03-maler-altinnett-80-produktsider-30-produktpakke.html" class="a-noUnderline">
      <div class="an-presentationBlock col-12 a-bgGreyLighter">
        <div class="row">
          <h2 class="a-fontBold a-blueDarkerText d-none d-lg-block col-12 an-presentationBlock-largeHeader an-presentationBlock-twoLineHeader">Altinn API</h2>

          <div class="col-5 col-lg-12 my-auto">
            <figure class="an-presentationBlock-figure">
              <img class="an-presentationBlock-illustration" src="..&#x2F;..&#x2F;images&#x2F;altinnett-api.svg" alt="En mann jobber foran PC. En jenter ser over skulderen hans. Tegning." />
            </figure>
          </div>

          <div class="col-7 col-lg-12">
            <h2 class="a-fontBold a-blueDarkerText d-lg-none an-presentationBlock-largeHeader an-presentationBlock-twoLineHeader">Altinn API</h2>
            <p class="an-presentationBlock-caption">
              Gjenbruk Altinns tekniske løsninger i egen portal.
            </p>
          </div>
        </div>
      </div>
    </a>
  </div>

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


  <div class="col-12 mt-2 mt-sm-1">
    <!-- START: 00-atomer-02-lenker-00-link -->
    <a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html" class="a-linkFeatured a-linkFeatured--large ">
  Vis alle produkter
  
    <!-- 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 -->

  </div>
</div>

<!-- END: 02-organismer-30-seksjoner-90-altinnett-produkt-presentasjon -->