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

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-30-seksjoner-100-altinnett-verktoy-presentasjon -->
<h2 class="a-fontBold a-blueDarkerText mb-3">Verktøy for digitalisering</h2>

<div class="row mb-4">
  <!-- START: 01-molekyler-03-media-80-altinnett-presentasjonsblokk -->
  <div class="col-md-6 col-lg-3 col-xl-3">
    <a href="&#x2F;patterns&#x2F;04-sider-altinnett-10-forside-10-forside&#x2F;04-sider-altinnett-10-forside-10-forside.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 a-h3">Prototyping</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 a-h3">Prototyping</h2>
            <p class="an-presentationBlock-caption">
              for designere, utviklere og tjenesteeiere
            </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-md-6 col-lg-3 col-xl-3">
    <a href="&#x2F;patterns&#x2F;04-sider-altinnett-10-forside-10-forside&#x2F;04-sider-altinnett-10-forside-10-forside.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 a-h3">Tjenesteutvikling</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 a-h3">Tjenesteutvikling</h2>
            <p class="an-presentationBlock-caption">
              for tjenesteeiere
            </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-md-6 col-lg-3 col-xl-3">
    <a href="&#x2F;patterns&#x2F;04-sider-altinnett-10-forside-10-forside&#x2F;04-sider-altinnett-10-forside-10-forside.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 a-h3">Dokumentasjon</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 a-h3">Dokumentasjon</h2>
            <p class="an-presentationBlock-caption">
              for tjenesteeiere
            </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-md-6 col-lg-3 col-xl-3">
    <a href="&#x2F;patterns&#x2F;04-sider-altinnett-10-forside-10-forside&#x2F;04-sider-altinnett-10-forside-10-forside.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 a-h3">Driftsmeldinger</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 a-h3">Driftsmeldinger</h2>
            <p class="an-presentationBlock-caption">
              for designere, utviklere og tjenesteeiere
            </p>
          </div>
        </div>
      </div>
    </a>
  </div>

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

</div>

<!-- END: 02-organismer-30-seksjoner-100-altinnett-verktoy-presentasjon -->