altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
110 lines (89 loc) • 4.38 kB
HTML
<!-- 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="/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 a-h3">tjenesteutvikling</h2>
<div class="col-5 col-md-12 my-auto">
<div class="an-presentationBlock-figure an-centered" style="background-image: url(../../images/tjenesteutvikling.svg)">
</div>
</div>
<div class="col-7 col-md-12">
<h2 class="a-fontBold a-blueDarkerText d-md-none a-h3">tjenesteutvikling</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="/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 a-h3">driftsmeldinger</h2>
<div class="col-5 col-md-12 my-auto">
<div class="an-presentationBlock-figure an-centered" style="background-image: url(../../images/driftsmeldinger.svg)">
</div>
</div>
<div class="col-7 col-md-12">
<h2 class="a-fontBold a-blueDarkerText d-md-none a-h3">driftsmeldinger</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="/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 a-h3">kalender</h2>
<div class="col-5 col-md-12 my-auto">
<div class="an-presentationBlock-figure an-centered" style="background-image: url(../../images/kalender.svg)">
</div>
</div>
<div class="col-7 col-md-12">
<h2 class="a-fontBold a-blueDarkerText d-md-none a-h3">kalender</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="/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 a-h3">dokumentasjon</h2>
<div class="col-5 col-md-12 my-auto">
<div class="an-presentationBlock-figure an-centered" style="background-image: url(../../images/dokumentasjon.svg)">
</div>
</div>
<div class="col-7 col-md-12">
<h2 class="a-fontBold a-blueDarkerText d-md-none a-h3">dokumentasjon</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 -->