altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,076 lines (800 loc) • 42.7 kB
HTML
<html lang="no" class="">
<head>
<title>DESIGNSYSTEM PROTOTYPE - Altinn</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<meta name="format-detection" content="telephone=no">
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="../../images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../../images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../../images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../../images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../../images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../../images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../../images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../../images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../../images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="../../images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="../../images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="../../images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="../../images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="../../images/favicons/manifest.json">
<link rel="mask-icon" href="../../images/favicons/safari-pinned-tab.svg">
<meta name="apple-mobile-web-app-title" content="Altinn">
<meta name="application-name" content="Altinn">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- FortAwesome icons-->
<script src="https://use.fortawesome.com/ed31cded.js"></script>
<script src="https://use.fortawesome.com/df832575.js"></script>
<!-- Theme stylesheet -->
<link rel="stylesheet" href="../../css/style.prototype.altinn.css" type="text/css" media="screen">
<link rel="stylesheet" href="../../css/style.dist.brreg.css" type="text/css" media="screen">
<link rel="stylesheet" href="../../css/style.dist.altinnett.css" type="text/css" media="screen">
<script type="text/javascript">
if (self === top) {
var elm = document.getElementsByTagName("html")[0];
elm.style.display = "none";
}
</script>
<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
<!-- never cache patterns -->
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<link rel="stylesheet" href="../../styleguide/css/styleguide.min.css?1535451812396" media="all">
<link rel="stylesheet" href="../../styleguide/css/prism-typeahead.min.css?1535451812396" media="all" />
<!-- End Pattern Lab -->
</head>
<body class="project-altinnett a-bgWhite" id="top">
<div class="a-sg-content-preloader">
<div class="a-sg-content-preloader-status"> </div>
</div>
<!-- START: 03-maler-altinnett-60-sok-20-sok-artikkel -->
<div class="a-page">
<!-- START: 02-organismer-01-globale-90-header-altinnett -->
<!-- Skip to main content -->
<nav class="a-jumpnav">
<ul class="no-decoration d-flex">
<li><a class="sr-only sr-only-focusable" href="#content">Hopp til hovedinnholdet</a></li>
<li><a class="sr-only sr-only-focusable" href="#primary-nav">Hopp til hovedmeny</a></li>
<li><a class="sr-only sr-only-focusable" href="#search">Hopp til søk</a></li>
</ul>
</nav>
<!-- Begin .header -->
<header class="a-header an-header a-darkBackground an-bgBlack a-js-hideElement ">
<!-- Begin .container -->
<div class="container">
<div class="row">
<div class="col-12">
<!-- Begin .a-globalNav -->
<nav id="primary-nav" class="a-globalNav">
<a href="/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html" class="a-globalNav-logo">
<img src="../../images/altinnett-logo-white.svg" alt="Altinnett logo" class="a-logo a-modal-top-logo ">
<span class="sr-only">Til forsiden</span>
</a>
<button class="an-navbar-toggler" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Vis/skjul meny</span>
</button>
<!-- START: 02-organismer-30-seksjoner-80-altinnett-navigasjonsmeny-dropdown -->
<!-- Begin #a-dropdown-personswitchList - -->
<div class="dropdown-menu an-dropdown-navigationMenu a-dropdownTriangle an-menu-container an-menu-logged-out">
<ul class="a-list an-menu">
<li>
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->
<div class="form-group a-form-group pt-1 px-1">
<label class="a-form-label sr-only " for="dropdown-input-search">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="dropdown-input-search">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</li>
<li>
<a class=" pr-2" href="#">verktøy</a>
</li>
<li>
<a class=" pr-2" href="/patterns/03-maler-altinnett-80-produktsider-10-produktoversikt/03-maler-altinnett-80-produktsider-10-produktoversikt.html">produkter</a>
</li>
<li>
<a class=" pr-2" href="#">resultater</a>
</li>
<li>
<a class=" pr-2" href="#">kom i gang</a>
</li>
</ul>
<div class="mt-1 mx-1">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" onclick="location.href='/patterns/03-maler-altinnett-20-profil-30-paalogget/03-maler-altinnett-20-profil-30-paalogget.html'" class="a-btn btn-block " data-url="../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html">
Logg inn
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
<!-- END: 02-organismer-30-seksjoner-80-altinnett-navigasjonsmeny-dropdown -->
</nav>
<!-- End .a-globalNav -->
</div>
<!-- End .col -->
</div>
<!-- End .row -->
</div>
<!-- End .container -->
</header>
<!-- End .header -->
<!-- END: 02-organismer-01-globale-90-header-altinnett -->
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-6 offset-lg-3 a-articleSearch">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->
<div class="form-group a-form-group a-form-group-large ">
<label class="a-form-label sr-only " for="search">Søk etter guider og annet innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="text" placeholder="Søk etter guider og annet innhold" value="MVA" name="input-field" data-val="true" id="search">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
</div>
</div>
<section id="content" tabindex="-1">
<div class="container a-searchResults a-offset-alignContent">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<!-- START: 01-molekyler-02-navigasjon-10-faner-og-knapp -->
<div class="row a-border-bottom">
<div class="col-auto ">
<!-- START: 01-molekyler-02-navigasjon-10-faner -->
<ul class="nav a-tabs a-tabs-lg" role="tablist">
<li class="nav-item a-tab">
<a class="a-tab-btn active a-tabs-lg" data-toggle="tab" href="#/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html" role="tab">
altinnett
</a>
</li>
<li class="nav-item a-tab">
<a class="a-tab-btn a-tabs-lg mr-0" data-toggle="tab" href="#/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html" role="tab">
dokumentasjon
</a>
</li>
</ul>
<!-- END: 01-molekyler-02-navigasjon-10-faner -->
</div>
<div class="col pl-0">
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-10-faner-og-knapp -->
<h1 class="a-h3 a-fontReg mt-2"><b>90 treff</b> i starte og drive bedrift på <b>"MVA"</b></h1>
</div>
</div>
<div class="row">
<div class="col-12 px-0 px-sm-1">
<form class="a-searchResults-filter">
<fieldset>
<legend class="a-legend">Begrens treffet:
</legend>
<div class="a-searchResults-filter-options">
<!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
<fieldset>
<legend class="sr-only">Velg et alternativ</legend>
<div class="a-switch a-switch--small ">
<input id="skjema" class="sr-only" type="radio" name="" value="radiobutton-read" onclick="javascript:window.location.href='/patterns/04-sider-altinnett-60-sok-20-sok-skjema/04-sider-altinnett-60-sok-20-sok-skjema.html'" />
<label for="skjema" class="a-switch-label ">
Skjema (33)
</label>
</div>
<div class="a-switch a-switch--small ">
<input id="starteogdrive" class="sr-only" type="radio" name="" value="radiobutton-read" checked onclick="javascript:window.location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html'" />
<label for="starteogdrive" class="a-switch-label ">
Starte og drive (90)
</label>
</div>
</fieldset>
<!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
</div>
</fieldset>
</form>
</div>
</div>
<div class="row mx-0 pb-0 a-borderBottomDark ">
<div class="col-sm-12 col-lg-10 offset-lg-1 px-0">
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a class="a-link-title ">
Innberetning av <span class="a-searchSelected">mva</span>
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-default a-label badge-pill" id="label">Nyhet</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</h2>
<p>Alle bedrifter må forholde seg til merverdiavgift, forkortet <span class="a-searchSelected">mva</span>. Dette er en avgift som bedriften krever inn fra kundene dine på vegne av staten. Mva. må legges på de fleste varer og tjenester når du
selger disse (utgående merverdiavgift).</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
</div>
</div>
<div class="row mx-0 pb-0 a-borderBottomDark pt-2">
<div class="col-sm-12 col-lg-10 offset-lg-1 px-0">
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a class="a-link-title ">
Hva er merverdiavgift (<span class="a-searchSelected">mva</span>.)?
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-default a-label badge-pill" id="label">Starte og drive bedrift</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</h2>
<p>Alle bedrifter må forholde seg til merverdiavgift, forkortet mva. Dette er en avgift som bedriften krever inn fra kundene dine på vegne av staten. Mva. må legges på de fleste varer og tjenester når du selger disse (utgående merverdiavgift).</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
</div>
</div>
<div class="row py-3">
<div class="col-sm-12 col-lg-6">
<h2>33 treff på <b>"MVA"</b> i skjema:</h2>
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container pr-md-2 pb-2">
<div class="a-list-borderTopSolid a-list-noIcon">
<div class="row">
</div>
</div>
<ul class="a-list a-list-borderTopSolid a-list-noIcon ">
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-list-rowLink">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Hva er merverdiavgift (<span class="a-searchSelected">mva</span>.)?
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-list-rowLink">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Hva er utgående og inngående avgift?
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-list-rowLink">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Kjøp av tjenester fra utlandet
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-list-rowLink">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Merverdiavgiftsoppgjøret
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-dotted a-clickable a-list-hasRowLink">
<a href="/patterns/04-sider-altinnett-30-artikkel-10-artikkel/04-sider-altinnett-30-artikkel-10-artikkel.html" class="a-list-rowLink">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
Merverdiavgift for utlendingers virksomhet i Norge
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html" class="a-linkFeatured a-link-large">
Se alle treff på skjema
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sm ai-nw ai-nw-right ai-arrowright " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
<div class="col-sm-12 col-lg-6 pt-3 pt-lg-0">
<h2>Søk etter <b>"MVA"</b> i innboksen:</h2>
<!-- START: 01-molekyler-03-media-03-bilde-innhold -->
<div class="a-card a-cardImage a-cardImage-border">
<!-- START: 00-atomer-09-bilder-og-media-_08-placeholder -->
<img src="../../images/emailsok.svg" alt="Illustrasjon" />
<!-- END: 00-atomer-09-bilder-og-media-_08-placeholder -->
<div class="a-cardImage-text">
<p>På denne søkesiden vises foreløpig ikke innhold i innboksen din. <a href="#">Klikk her</a> for å søke på <b>"MVA"</b> i innboksen din.</p>
</div>
</div>
<!-- END: 01-molekyler-03-media-03-bilde-innhold -->
</div>
</div>
<div class="row mx-0 pt-2 pb-0 a-borderBottomDark ">
<div class="col-sm-12 col-lg-10 offset-lg-1 px-0">
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a class="a-link-title ">
Hva er merverdiavgift (<span class="a-searchSelected">mva</span>.)?
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-default a-label badge-pill" id="label">Nyhet</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</h2>
<p>Alle bedrifter må forholde seg til merverdiavgift, forkortet <span class="a-searchSelected">mva</span>. Dette er en avgift som bedriften krever inn fra kundene dine på vegne av staten. Mva. må legges på de fleste varer og tjenester når du
selger disse (utgående merverdiavgift).</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
</div>
</div>
<div class="row mx-0 pt-2 pb-0 a-borderBottomDark ">
<div class="col-sm-12 col-lg-10 offset-lg-1 px-0">
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a class="a-link-title ">
Hva er merverdiavgift (<span class="a-searchSelected">mva</span>.)?
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-default a-label badge-pill" id="label">Nyhet</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</h2>
<p>Alle bedrifter må forholde seg til merverdiavgift, forkortet <span class="a-searchSelected">mva</span>. Dette er en avgift som bedriften krever inn fra kundene dine på vegne av staten. Mva. må legges på de fleste varer og tjenester når du
selger disse (utgående merverdiavgift).</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
</div>
</div>
<div class="row mx-0 pt-2 pb-0 a-borderBottomDark ">
<div class="col-sm-12 col-lg-10 offset-lg-1 px-0">
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a class="a-link-title ">
Hva er merverdiavgift (<span class="a-searchSelected">mva</span>.)?
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-default a-label badge-pill" id="label">Nyhet</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</h2>
<p>Alle bedrifter må forholde seg til merverdiavgift, forkortet <span class="a-searchSelected">mva</span>. Dette er en avgift som bedriften krever inn fra kundene dine på vegne av staten. Mva. må legges på de fleste varer og tjenester når du
selger disse (utgående merverdiavgift).</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
</div>
</div>
<div class="row mx-0 pt-2 pb-0 a-borderBottomDark a-searchResults-lastArticle">
<div class="col-sm-12 col-lg-10 offset-lg-1 px-0">
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a class="a-link-title ">
Hva er merverdiavgift (<span class="a-searchSelected">mva</span>.)?
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-07-tekst-04-merkelapp -->
<span class="badge badge-default a-label badge-pill" id="label">Nyhet</span>
<!-- END: 00-atomer-07-tekst-04-merkelapp -->
</h2>
<p>Alle bedrifter må forholde seg til merverdiavgift, forkortet <span class="a-searchSelected">mva</span>. Dette er en avgift som bedriften krever inn fra kundene dine på vegne av staten. Mva. må legges på de fleste varer og tjenester når du
selger disse (utgående merverdiavgift).</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
</div>
</div>
<div class="row">
<div class="col-sm-12">
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button type="button" class="a-btn a-btn-action a-fullWidthBtn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-plus " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Last flere</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
</div>
</div>
<!-- END Container -->
</section>
<!-- START: 02-organismer-01-globale-91-footer-altinnett -->
<!-- START: 02-organismer-70-Modal-innhold-_10-modal -->
<div class="a-modal fade modal a-fade--appear " id="modal-singel" role="dialog" tabindex="-1">
<div class="modal-dialog modal-lg" role="document">
<div class="container a-p-static">
<div class="row">
<div class="col-xl-12">
<!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
<div class="a-modal-top">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
</div>
<!-- END: 01-molekyler-20-modalelementer-05-modal-header -->
</div>
</div>
<div class="row">
<div class="col-xl-10 offset-xl-1 a-p-static">
<!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-navbar">
<!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
<button type="button" class="a-modal-close a-js-tabable-popover" onclick="goBack()" aria-label="Lukk">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="ai-stack">
<i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit a-modal-close-icon " ></i>
</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
</div>
<!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->
<div class="a-modal-content-target">
<!-- The content will be injected here -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-_10-modal -->
<!-- Begin Footer -->
<footer class="an-footer a-bgBlueDarker ">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3 an-footer-contactColumn">
<div class="an-footer-contactInfo">
<h1 class="an-footer-heading">Vil du vite mer?</h1>
<ul class="an-footer-contactLinks">
<li>
<a href="#">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>800 33 840</span>
</a>
</li>
<li>
<a href="#" data-toggle="altinn-modal" data-action="load" data-url="../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html" data-target="#modal-singel">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-send "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span>Kontakt oss</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-9 an-footer-navigationColumn">
<div class="an-footer-search">
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->
<div class="form-group a-form-group ">
<label class="a-form-label sr-only " for="text-input-search-11">Søk etter innhold</label>
<div class="a-form-group-items input-group ">
<input class="form-control
a-hasButton " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="text-input-search-11">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" class="btn btn-secondary" type="button">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Søk</span>
</button>
</div>
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
</div>
<ul class="an-footer-infoLinks">
<li><a class="" href="#">Altinns rolle</a></li>
<li><a class="" href="#">Altinn i fremtiden</a></li>
<li><a class="" href="#">Innovation</a></li>
</ul>
<div class="an-footer-supplementaryInfo">
<ul class="an-footer-smallLinks">
<li><a class="" href="#">Driftsmeldinger</a></li>
<li><a class="" href="#">Personvern</a></li>
<li><a class="" href="#">Hjelp</a></li>
</ul>
<span class="an-footer-address">Brønnøysundregistrene, 8910 Brønnøysund</span>
</div>
</div>
</div>
</div>
<!-- End Container -->
</footer>
<!-- End Footer -->
<!-- END: 02-organismer-01-globale-91-footer-altinnett -->
</div>
<!-- END: 03-maler-altinnett-60-sok-20-sok-artikkel -->
<!-- DO NOT REMOVE -->
<script type="text/json" id="sg-pattern-data-footer" class="sg-pattern-data">
{
"cssEnabled": false,
"patternLineageExists": true,
"patternLineages": [{
"lineagePattern": "organismer-header-altinnett",
"lineagePath": "../../patterns/02-organismer-01-globale-90-header-altinnett\\02-organismer-01-globale-90-header-altinnett.html",
"lineageState": "inprogress altinnett"
}, {
"lineagePattern": "atomer-tekst-input",
"lineagePath": "../../patterns/00-atomer-01-forms-10-tekst-input\\00-atomer-01-forms-10-tekst-input.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-faner-og-knapp",
"lineagePath": "../../patterns/01-molekyler-02-navigasjon-10-faner-og-knapp\\01-molekyler-02-navigasjon-10-faner-og-knapp.html",
"lineageState": "indesignreview altinn altinnett"
}, {
"lineagePattern": "atomer-valgknapp-ett-alternativ",
"lineagePath": "../../patterns/00-atomer-01-forms-07-valgknapp-ett-alternativ\\00-atomer-01-forms-07-valgknapp-ett-alternativ.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-lenketittel-med-forklaring",
"lineagePath": "../../patterns/01-molekyler-00-tekst-07-lenketittel-med-forklaring\\01-molekyler-00-tekst-07-lenketittel-med-forklaring.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-liste-unummerert",
"lineagePath": "../../patterns/01-molekyler-05-lister-00-liste-unummerert\\01-molekyler-05-lister-00-liste-unummerert.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "atomer-link",
"lineagePath": "../../patterns/00-atomer-02-lenker-00-link\\00-atomer-02-lenker-00-link.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-bilde-innhold",
"lineagePath": "../../patterns/01-molekyler-03-media-03-bilde-innhold\\01-molekyler-03-media-03-bilde-innhold.html",
"lineageState": "indesignreview altinn altinnett"
}, {
"lineagePattern": "atomer-handlingsknapp",
"lineagePath": "../../patterns/00-atomer-04-handlingsknapper-17-handlingsknapp\\00-atomer-04-handlingsknapper-17-handlingsknapp.html",
"lineageState": "needsrevalidation altinn altinnett"
}, {
"lineagePattern": "organismer-footer-altinnett",
"lineagePath": "../../patterns/02-organismer-01-globale-91-footer-altinnett\\02-organismer-01-globale-91-footer-altinnett.html",
"lineageState": "inprogress altinnett"
}],
"lineage": [{
"lineagePattern": "organismer-header-altinnett",
"lineagePath": "../../patterns/02-organismer-01-globale-90-header-altinnett\\02-organismer-01-globale-90-header-altinnett.html",
"lineageState": "inprogress altinnett"
}, {
"lineagePattern": "atomer-tekst-input",
"lineagePath": "../../patterns/00-atomer-01-forms-10-tekst-input\\00-atomer-01-forms-10-tekst-input.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-faner-og-knapp",
"lineagePath": "../../patterns/01-molekyler-02-navigasjon-10-faner-og-knapp\\01-molekyler-02-navigasjon-10-faner-og-knapp.html",
"lineageState": "indesignreview altinn altinnett"
}, {
"lineagePattern": "atomer-valgknapp-ett-alternativ",
"lineagePath": "../../patterns/00-atomer-01-forms-07-valgknapp-ett-alternativ\\00-atomer-01-forms-07-valgknapp-ett-alternativ.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-lenketittel-med-forklaring",
"lineagePath": "../../patterns/01-molekyler-00-tekst-07-lenketittel-med-forklaring\\01-molekyler-00-tekst-07-lenketittel-med-forklaring.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-liste-unummerert",
"lineagePath": "../../patterns/01-molekyler-05-lister-00-liste-unummerert\\01-molekyler-05-lister-00-liste-unummerert.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "atomer-link",
"lineagePath": "../../patterns/00-atomer-02-lenker-00-link\\00-atomer-02-lenker-00-link.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-bilde-innhold",
"lineagePath": "../../patterns/01-molekyler-03-media-03-bilde-innhold\\01-molekyler-03-media-03-bilde-innhold.html",
"lineageState": "indesignreview altinn altinnett"
}, {
"lineagePattern": "atomer-handlingsknapp",
"lineagePath": "../../patterns/00-atomer-04-handlingsknapper-17-handlingsknapp\\00-atomer-04-handlingsknapper-17-handlingsknapp.html",
"lineageState": "needsrevalidation altinn altinnett"
}, {
"lineagePattern": "organismer-footer-altinnett",
"lineagePath": "../../patterns/02-organismer-01-globale-91-footer-altinnett\\02-organismer-01-globale-91-footer-altinnett.html",
"lineageState": "inprogress altinnett"
}],
"patternLineageRExists": true,
"patternLineagesR": [{
"lineagePattern": "sider-altinnett-sok-artikkel-asf",
"lineagePath": "../../patterns/04-sider-altinnett-60-sok-30-sok-artikkel-asf\\04-sider-altinnett-60-sok-30-sok-artikkel-asf.html"
}, {
"lineagePattern": "sider-altinnett-sok-artikkel-personlig",
"lineagePath": "../../patterns/04-sider-altinnett-60-sok-30-sok-artikkel-personlig\\04-sider-altinnett-60-sok-30-sok-artikkel-personlig.html"
}, {
"lineagePattern": "sider-altinnett-sok-artikkel-tjenesteeier",
"lineagePath": "../../patterns/04-sider-altinnett-60-sok-30-sok-artikkel-tjenesteeier\\04-sider-altinnett-60-sok-30-sok-artikkel-tjenesteeier.html"
}, {
"lineagePattern": "sider-altinnett-sok-artikkel",
"lineagePath": "../../patterns/04-sider-altinnett-60-sok-30-sok-artikkel\\04-sider-altinnett-60-sok-30-sok-artikkel.html"
}],
"lineageR": [{
"lineagePattern": "sider-altinnett-sok-artikkel-asf",
"lineagePath": "../../patterns/04-sider-altinnett-60-sok-30-sok-artikkel-asf\\04-sider-altinnett-60-sok-30-sok-artikkel-asf.html"
}, {
"lineagePattern": "sider-altinnett-sok-artikkel-personlig",
"lineagePath": "../../patterns/04-sider-altinnett-60-sok-30-sok-artikkel-personlig\\04-sider-altinnett-60-sok-30-sok-artikkel-personlig.html"
}, {
"lineagePattern": "sider-altinnett-sok-artikkel-tjenesteeier",
"lineagePath": "../../patterns/04-sider-altinnett-60-sok-30-sok-artikkel-tjenesteeier\\04-sider-altinnett-60-sok-30-sok-artikkel-tjenesteeier.html"
}, {
"lineagePattern": "sider-altinnett-sok-artikkel",
"lineagePath": "../../patterns/04-sider-altinnett-60-sok-30-sok-artikkel\\04-sider-altinnett-60-sok-30-sok-artikkel.html"
}],
"patternLineageEExists": true,
"patternDesc": "<p>Foreløpig ingen retningslinjer.</p>\n",
"patternBreadcrumb": {
"patternType": "maler-altinnett",
"patternSubtype": "sok"
},
"patternExtension": "mustache",
"patternName": "Sok Artikkel",
"patternPartial": "maler-altinnett-sok-artikkel",
"patternState": "inprogress altinnett",
"patternEngineName": "mustache",
"extraOutput": {}
}
</script>
<script>
/*!
* scriptLoader - v0.1
*
* Copyright (c) 2014 Dave Olsen, http://dmolsen.com
* Licensed under the MIT license
*
*/
var scriptLoader = {
run: function(js, cb, target) {
var s = document.getElementById(target + '-' + cb);
for (var i = 0; i < js.length; i++) {
var src = (typeof js[i] != 'string') ? js[i].src : js[i];
var c = document.createElement('script');
c.src = '../../' + src + '?' + cb;
if (typeof js[i] != 'string') {
if (js[i].dep !== undefined) {
c.onload = function(dep, cb, target) {
return function() {
scriptLoader.run(dep, cb, target);
}
}(js[i].dep, cb, target);
}
}
s.parentNode.insertBefore(c, s);
}
}
}
</script>
<script id="pl-js-polyfill-insert-1535451812396">
(function() {
if (self != top) {
var cb = '1535451812396';
var js = [];
if (typeof document !== 'undefined' && !('classList' in document.documentElement)) {
js.push('styleguide/bower_components/classList.min.js');
}
scriptLoader.run(js, cb, 'pl-js-polyfill-insert');
}
})();
</script>
<script id="pl-js-insert-1535451812396">
(function() {
if (self != top) {
var cb = '1535451812396';
var js = [{
'src': 'styleguide/bower_components/jwerty.min.js',
'dep': ['styleguide/js/patternlab-pattern.min.js']
}];
scriptLoader.run(js, cb, 'pl-js-insert');
}
})();
</script>
<!-- JQUERY -->
<script src="../../js/jquery.min.js"></script>
<!-- CODE PRETTIFY: Prettify code snippets in HTML -->
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&skin=sunburst"></script>
<!-- Bundled assets -->
<script src="../../js/altinnettPrototyping.vendor.js"></script>
<!-- ALTINN DEV custom JavaScript -->
<script src="../../js/altinnettPrototyping.js"></script>
<!-- CSS uploader inline javascript -->
<script type="text/javascript">
<!-- Check if current Window is in iFrame -->
$(document).ready(function() {
if (self === top) {
var $body = 'body';
if ($('.sg-top').length) {
var $panelBrsys = '.welcome-panel-brsys';
var $panelaltinn = '.welcome-panel-altinn';
switch (window.localStorage.getItem('selected_project')) {
case 'altinn':
$('link[href*="style.dist.altinnett.css"]').remove();
$('link[href*="style.dist.brreg.css"]').remove();
$($panelBrsys).hide();
$($panelaltinn).show();
break;
case 'altinnett':
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.brreg.css"]').remove();
$($panelBrsys).hide();
$($panelaltinn).show();
break;
case 'brsys':
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.altinnett.css"]').remove();
$($panelaltinn).hide();
$($panelBrsys).show();
break;
default:
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.altinnett.css"]').remove();
$('link[href*="style.dist.brreg.css"]').attr({
href: '../../css/style.dist.altinnett.css?1535451812396',
media: 'all'
});
break;
}
} else {
$('link[href*="style.prototype.altinn.css"]').remove();
$('link[href*="style.dist.altinnett.css"]').remove();
$('link[href*="style.dist.brreg.css"]').attr({
href: '../../css/style.dist.altinnett.css?1535451812396',
media: 'all'
});
}
}
});
$(window).on('load', function() {
if (self === top) {
var elm = document.getElementsByTagName("html")[0];
elm.style.display = "block";
}
});
</script>
</body>
</html>