altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
117 lines (98 loc) • 5.34 kB
HTML
<!-- START: 02-organismer-30-seksjoner-100-altinnett-ressurs-presentasjon -->
<h2 class="a-fontBold a-blueDarkerText mb-3">Ressurser</h2>
<div class="row">
<div class="col-12 col-md-6">
<!-- START: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->
<div class="an-presentationBlock-container">
<a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html" class="a-noUnderline ">
<div class="an-presentationBlock col-12 a-bgGreyLighter pt-3 py-md-6 px-2">
<div class="row an-presentationBlock-container">
<div class="col-6 px-2 px-md-1 px-lg-2 my-auto">
<figure class="an-presentationBlock-icon an-presentationBlock-iconLarge">
<!-- START: 00-atomer-09-bilder-og-media-_22-sirkel-med-ikon -->
<div class="an-circleIcon a-bgWhite">
<img class="an-circleIcon-image" src="../../images/pen-and-ruler.svg" alt="Penn og linjal ikon." />
</div>
<!-- END: 00-atomer-09-bilder-og-media-_22-sirkel-med-ikon -->
</figure>
</div>
<div class="col-6 my-auto">
<h2 class="a-fontBold a-blueDarkerText a-fontSizeXL pt-1">Altinn Studio</h2>
<p>Nytt verktøy for tjenesteutvikling</p>
</div>
</div>
</div>
</a>
</div>
<!-- END: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->
</div>
<div class="col-12 col-md-6 col-lg-5 offset-lg-1">
<!-- START: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->
<div class="">
<a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html" class="a-noUnderline ">
<div class="an-presentationBlock col-12 a-bgGreyLighter py-1 px-2">
<div class="row an-presentationBlock-container">
<div class="col-4 px-2 px-sm-1 px-lg-2 my-auto">
<figure class="an-presentationBlock-icon ">
<!-- START: 00-atomer-09-bilder-og-media-_22-sirkel-med-ikon -->
<div class="an-circleIcon a-bgWhite">
<img class="an-circleIcon-image" src="../../images/download.svg" alt="Last ned ikon" />
</div>
<!-- END: 00-atomer-09-bilder-og-media-_22-sirkel-med-ikon -->
</figure>
</div>
<div class="col-8 my-auto">
<h2 class="a-fontBold a-blueDarkerText pt-1 an-presentationBlock-title">Presentasjoner</h2>
</div>
</div>
</div>
</a>
</div>
<!-- END: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->
<!-- START: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->
<div class="">
<a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html" class="a-noUnderline ">
<div class="an-presentationBlock col-12 a-bgGreyLighter py-1 px-2">
<div class="row an-presentationBlock-container">
<div class="col-4 px-2 px-sm-1 px-lg-2 my-auto">
<figure class="an-presentationBlock-icon ">
<!-- START: 00-atomer-09-bilder-og-media-_22-sirkel-med-ikon -->
<div class="an-circleIcon a-bgWhite">
<img class="an-circleIcon-image" src="../../images/dokumentasjon.svg" alt="Dokument ikon" />
</div>
<!-- END: 00-atomer-09-bilder-og-media-_22-sirkel-med-ikon -->
</figure>
</div>
<div class="col-8 my-auto">
<h2 class="a-fontBold a-blueDarkerText pt-1 an-presentationBlock-title">Dokumentasjon</h2>
</div>
</div>
</div>
</a>
</div>
<!-- END: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->
<!-- START: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->
<div class="">
<a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html" class="a-noUnderline ">
<div class="an-presentationBlock col-12 a-bgGreyLighter py-1 px-2">
<div class="row an-presentationBlock-container">
<div class="col-4 px-2 px-sm-1 px-lg-2 my-auto">
<figure class="an-presentationBlock-icon ">
<!-- START: 00-atomer-09-bilder-og-media-_22-sirkel-med-ikon -->
<div class="an-circleIcon a-bgWhite">
<img class="an-circleIcon-image" src="../../images/statistics.svg" alt="Graf ikon" />
</div>
<!-- END: 00-atomer-09-bilder-og-media-_22-sirkel-med-ikon -->
</figure>
</div>
<div class="col-8 my-auto">
<h2 class="a-fontBold a-blueDarkerText pt-1 an-presentationBlock-title">Statistikk</h2>
</div>
</div>
</div>
</a>
</div>
<!-- END: 01-molekyler-03-media-85-altinnett-presentasjonsblokk-horisontal -->
</div>
</div>
<!-- END: 02-organismer-30-seksjoner-100-altinnett-ressurs-presentasjon -->