altinn-designsystem

<div class="row"> <div class="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>  <div class="col-md-4 col-lg-4 col-xl-4"> <a href="/patterns/04-sider-altinnett-10-forside-10-forside/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(../../images/asset_2.png)">  <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>  </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>   <div class="col-md-4 col-lg-4 col-xl-4"> <a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html"> <div class="an-presentationBlock col-12 a-bgBlueLight"> <div class="row"> <h2 class="a-fontBold a-blueDarkerText d-none d-md-block an-presentationBlock-largeHeader">Digital post for virksomheter</h2> <div class="col-5 col-md-12 my-auto"> <div class="an-presentationBlock-figure an-cover" style="background-image: url(../../images/asset_3.png)">  <svg viewBox="0 0 100 100" width="100%" height="100%" class="an-abbreviation"> <title>DP</title> <text> <tspan fill="white" x="51%" y="54%" dy="0.3em" font-size="50" style="text-anchor: middle; font-family:DIN-Bold, DIN;">DP</tspan> </text> </svg>  </div> </div> <div class="col-7 col-md-12"> <h2 class="a-fontBold a-blueDarkerText d-md-none an-presentationBlock-largeHeader">Digital post for virksomheter</h2> <p class="an-presentationBlock-caption"> Altinn tilbyr enkle løsninger for digital post til virksomheter </p> </div> </div> </div> </a> </div>   <div class="col-md-4 col-lg-4 col-xl-4"> <a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html"> <div class="an-presentationBlock col-12 a-bgRedLight"> <div class="row"> <h2 class="a-fontBold a-blueDarkerText d-none d-md-block an-presentationBlock-largeHeader">Integrasjon mot fagsystemer</h2> <div class="col-5 col-md-12 my-auto"> <div class="an-presentationBlock-figure an-cover" style="background-image: url(../../images/asset_4.png)">  <svg viewBox="0 0 100 100" width="100%" height="100%" class="an-abbreviation"> <title>IF</title> <text> <tspan fill="white" x="51%" y="54%" dy="0.3em" font-size="50" style="text-anchor: middle; font-family:DIN-Bold, DIN;">IF</tspan> </text> </svg>  </div> </div> <div class="col-7 col-md-12"> <h2 class="a-fontBold a-blueDarkerText d-md-none an-presentationBlock-largeHeader">Integrasjon mot fagsystemer</h2> <p class="an-presentationBlock-caption"> Sikker utveksling av data gjennom Altinn </p> </div> </div> </div> </a> </div>  <div class="col-12 mt-2 mb-4">  <a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html" class="a-linkFeatured "> Vis alle produkter  <i class="ai ai-sm ai-nw ai-nw-right ai-arrowright " ></i>  </a>  </div> </div>