altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
289 lines (187 loc) • 7.15 kB
HTML
<!-- START: 01-molekyler-02-navigasjon-20-hurtignavigasjon -->
<!-- START: 00-atomer-02-lenker-80-hurtignavigasjon-navbar -->
<nav class="a-inline-page-link">
<div class="row">
<div class="col-sm-12 col-md-6 list">
<a href="#A" class="nav-link " alt="Hopp til A">A</a>
<a href="#B" class="nav-link " alt="Hopp til B">B</a>
<a href="#C" class="nav-link " alt="Hopp til C">C</a>
<a href="#D" class="nav-link " alt="Hopp til D">D</a>
<a href="#E" class="nav-link " alt="Hopp til E">E</a>
<a href="#F" class="nav-link disabled " alt="Hopp til F">F</a>
<a href="#G" class="nav-link disabled " alt="Hopp til G">G</a>
<a href="#H" class="nav-link disabled " alt="Hopp til H">H</a>
<a href="#I" class="nav-link disabled " alt="Hopp til I">I</a>
<a href="#J" class="nav-link disabled " alt="Hopp til J">J</a>
<a href="#K" class="nav-link disabled " alt="Hopp til K">K</a>
<a href="#L" class="nav-link disabled " alt="Hopp til L">L</a>
<a href="#M" class="nav-link disabled " alt="Hopp til M">M</a>
<a href="#N" class="nav-link disabled " alt="Hopp til N">N</a>
<span class="d-none d-md-block"></span>
</div>
<div class="col-sm-12 col-md-6 list">
<a href="#O" class="nav-link disabled " alt="Hopp til O">O</a>
<a href="#P" class="nav-link disabled " alt="Hopp til P">P</a>
<a href="#Q" class="nav-link disabled " alt="Hopp til Q">Q</a>
<a href="#R" class="nav-link disabled " alt="Hopp til R">R</a>
<a href="#S" class="nav-link disabled " alt="Hopp til S">S</a>
<a href="#T" class="nav-link disabled " alt="Hopp til T">T</a>
<a href="#U" class="nav-link disabled " alt="Hopp til U">U</a>
<a href="#V" class="nav-link disabled " alt="Hopp til V">V</a>
<a href="#W" class="nav-link disabled " alt="Hopp til W">W</a>
<a href="#X" class="nav-link disabled " alt="Hopp til X">X</a>
<a href="#Y" class="nav-link disabled " alt="Hopp til Y">Y</a>
<a href="#Z" class="nav-link disabled " alt="Hopp til Z">Z</a>
<a href="#Æ" class="nav-link disabled " alt="Hopp til Æ">Æ</a>
<a href="#Ø" class="nav-link disabled " alt="Hopp til Ø">Ø</a>
<a href="#Å" class="nav-link disabled " alt="Hopp til Å">Å</a>
</div>
</div>
</nav>
<!-- END: 00-atomer-02-lenker-80-hurtignavigasjon-navbar -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="A">A</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Lorem ipsum
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Dolores sit amet
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="B">B</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Lorem ipsum
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Dolores sit amet
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="C">C</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Lorem ipsum
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Dolores sit amet
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="D">D</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Lorem ipsum
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Dolores sit amet
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<div class="a-dotted a-page-nav-dest">
<h3 class="a-fontSizeXS mb-0">
<a name="E">E</a>
</h3>
</div>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list ">
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Lorem ipsum
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
<li class="a-dotted a-list a-list-noIcon">
<div class="row ">
<div class="col-12">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Dolores sit amet
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<!-- END: 01-molekyler-02-navigasjon-20-hurtignavigasjon -->