altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
69 lines (60 loc) • 2.52 kB
HTML
<!-- START: 01-molekyler-03-media-00-illustrasjonslenke -->
<div class="row ">
<div class="col-6 col-lg-3">
<a href="" class="a-illustrationLink">
<h2 class="a-h3">tema 1</h2>
<p class="a-js-truncate-2">undertema, undertema, mm.</p>
<div class="a-illustration-icon">
<!-- START: 00-atomer-09-bilder-og-media-_08-placeholder -->
<img src="../../images/illustrasjon_starte_og_drive_sirkel.svg" alt="Illustrasjon" />
<!-- END: 00-atomer-09-bilder-og-media-_08-placeholder -->
<div class="a-illustration-overlay">
<span class="sr-only">Gå til tema: tema 1</span>
</div>
</div>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="" class="a-illustrationLink">
<h2 class="a-h3">tema 2</h2>
<p class="a-js-truncate-2">undertema, undertema, mm.</p>
<div class="a-illustration-icon">
<!-- START: 00-atomer-09-bilder-og-media-_08-placeholder -->
<img src="../../images/illustrasjon_starte_og_drive_sirkel.svg" alt="Illustrasjon" />
<!-- END: 00-atomer-09-bilder-og-media-_08-placeholder -->
<div class="a-illustration-overlay">
<span class="sr-only">Gå til tema: tema 2</span>
</div>
</div>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="" class="a-illustrationLink">
<h2 class="a-h3">tema 3</h2>
<p class="a-js-truncate-2">undertema, undertema, mm.</p>
<div class="a-illustration-icon">
<!-- START: 00-atomer-09-bilder-og-media-_08-placeholder -->
<img src="../../images/illustrasjon_starte_og_drive_sirkel.svg" alt="Illustrasjon" />
<!-- END: 00-atomer-09-bilder-og-media-_08-placeholder -->
<div class="a-illustration-overlay">
<span class="sr-only">Gå til tema: tema 3</span>
</div>
</div>
</a>
</div>
<div class="col-6 col-lg-3">
<a href="" class="a-illustrationLink">
<h2 class="a-h3">tema 4</h2>
<p class="a-js-truncate-2">undertema, undertema, mm.</p>
<div class="a-illustration-icon">
<!-- START: 00-atomer-09-bilder-og-media-_08-placeholder -->
<img src="../../images/illustrasjon_starte_og_drive_sirkel.svg" alt="Illustrasjon" />
<!-- END: 00-atomer-09-bilder-og-media-_08-placeholder -->
<div class="a-illustration-overlay">
<span class="sr-only">Gå til tema: tema 4</span>
</div>
</div>
</a>
</div>
</div>
<!-- END: 01-molekyler-03-media-00-illustrasjonslenke -->