altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
1,037 lines (649 loc) • 39.1 kB
HTML
<!-- START: 04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte -->
<!-- START: 03-maler-infoportal-20-navigasjonssider-32-temaside -->
<div class="a-page">
<!-- START: 02-organismer-01-globale-00-header -->
<!-- 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 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-infoportal-01-forside-02-forside-innlogget\04-sider-infoportal-01-forside-02-forside-innlogget.html" class="a-globalNav-logo">
<!-- START: 00-atomer-09-bilder-og-media-01-logo -->
<img src="../../images/a-logo-blue.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<!-- END: 00-atomer-09-bilder-og-media-01-logo -->
<span class="sr-only">Til forsiden</span>
</a>
<button class="navbar-toggler d-md-none" type="button">
<span class="sr-only">Vis/skjul meny</span>
</button>
<div class="collapse navbar-toggleable-sm a-globalNav-main" id="exCollapsingNavbar2">
<ul class="" id="exCollapsingNavbar">
<li class="d-md-none">
<!-- 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="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-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-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 class="d-md-none dropdown">
<a lang="en" class="nav-link dropdown-toggle a-languageSwitcher" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
language
</a>
<!-- START: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
<!-- Begin #a-dropdown-languages - -->
<div class="dropdown-menu a-dropdown-languages a-dropdownTriangle">
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Bokmål</span><br>
<span >Alt innhold er tilgjengelig på bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/english.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span lang="en" class="a-h3">English</span><br>
<span lang="en">All content is available in english.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Nynorsk</span><br>
<span >Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/globe.svg" class="a-iconLeft a-flag a-globe" alt="" />
<p>
<span lang="en" class="a-h3">Other languages</span><br>
<span lang="en">Information about other languages.</span>
</p>
</a>
</div>
<!-- END: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
</li>
<li><a class="a-hvr-underline " href="/patterns/04-sider-portal-50-innboks-00-innboks\04-sider-portal-50-innboks-00-innboks.html">innboks</a></li>
<li><a class="a-hvr-underline " href="/patterns/04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt\04-sider-infoportal-20-navigasjonssider-50-kolonnenavigasjon-v-skjemaoversikt.html">alle skjema</a></li>
<li><a class="a-hvr-underline " href="/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter\04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html"><span class="a-js-onboardingTarget-2 ">profil</span></a></li>
<li class="d-md-none"><a class="a-nav-link a-hvr-underline" href="/patterns/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive\04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive.html">starte og drive bedrift</a></li>
<li class="d-md-none"><a class="a-hvr-underline" href="/patterns/04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2\04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2.html">om altinn</a></li>
<li class="d-md-none">
<a class="a-hvr-underline" href="/patterns/04-sider-infoportal-20-navigasjonssider-70-hjelpesenter\04-sider-infoportal-20-navigasjonssider-70-hjelpesenter.html">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-nw-pr ai-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
hjelp og kontakt
</a>
</li>
</ul>
</div>
</nav>
<!-- End .a-globalNav -->
<!-- Begin .a-globalNav-options -->
<ul id="secondary-nav" class="nav nav-pills a-header-options">
<li class="nav-item dropdown d-none d-md-block">
<!-- Dropdown toggle -->
<a lang="en" class="nav-link dropdown-toggle a-languageSwitcher" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Language
</a>
<!-- START: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
<!-- Begin #a-dropdown-languages - -->
<div class="dropdown-menu a-dropdown-languages a-dropdownTriangle">
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Bokmål</span><br>
<span >Alt innhold er tilgjengelig på bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/english.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span lang="en" class="a-h3">English</span><br>
<span lang="en">All content is available in english.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/norsk.svg" class="a-iconLeft a-flag" alt="" />
<p>
<span class="a-h3">Nynorsk</span><br>
<span >Det er førebels berre skjema som er tilgjengelig på nynorsk. Andre sider vil vises med bokmål.</span>
</p>
</a>
<a class="dropdown-item" href="#">
<img src="../../images/globe.svg" class="a-iconLeft a-flag a-globe" alt="" />
<p>
<span lang="en" class="a-h3">Other languages</span><br>
<span lang="en">Information about other languages.</span>
</p>
</a>
</div>
<!-- END: 02-organismer-30-seksjoner-29-meny-spraakvalg -->
</li>
<li class="nav-item">
<!-- Dropdown toggle -->
<!-- START: 00-atomer-07-tekst-40-innlogget -->
<button class="nav-link dropdown-toggle a-personSwitcher logged-in " type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Logg inn ">
<span
class="a-personSwitcher-name">
<span class="d-block">Logg inn</span>
<span class="d-block"></span>
</span>
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private-circle-big a-personSwitcher-icon a-js-onboardingTarget-1 " ></i>
<span class="sr-only">Min profil</span>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</button>
<!-- END: 00-atomer-07-tekst-40-innlogget -->
<!-- START: 02-organismer-30-seksjoner-30-meny-personbytte -->
<!-- Begin #a-dropdown-personswitchList - -->
<div class="dropdown-menu a-dropdown-personswitchList a-dropdownTriangle">
<div class="pt-5 pl-3 pr-3">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-link-logout ">
Logg ut
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<div class="row">
<div class="col-sm-12 mb-2">
<!-- START: 01-molekyler-00-tekst-01-person-privat -->
<div class="a-personRole">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-lg "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<div class="a-personRole-text " title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
<span class="a-personRole-name">Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov</span>
<span class="a-personRole-role"></span>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter/04-sider-portal-60-profil-roller-rettigheter-01-profil-roller-rettigheter.html" class="false ">
Innstillinger
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<!-- END: 01-molekyler-00-tekst-01-person-privat -->
</div>
</div>
<p class="a-h2">
Alle dine profiler:
</p>
<!-- 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="person-switch-input-field">Søk etter aktør</label>
<div class="a-form-group-items input-group ">
<span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-others " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</span>
<input class="form-control a-hasIcon
" type="search" placeholder="Søk etter aktør" name="input-field" data-val="true" id="person-switch-input-field">
</div>
</div>
<!-- END: 00-atomer-01-forms-10-tekst-input -->
<p class="a-fontBold a-fontSizeXS">
Ingen treff, prøv et annet søkeord.
<p>
</div>
<!-- START: 02-organismer-30-seksjoner-31-personbytte -->
<div class="px-2 pt-3 ">
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox a-form-checkboxes--discret ">
<input type="checkbox" id="check21" class="custom-control-input">
<label class="custom-control-label " for="check21">Se alle underenheter</label>
</div>
<div class="custom-control custom-control-inline custom-checkbox a-custom-checkbox a-form-checkboxes--discret ">
<input type="checkbox" id="check22" class="custom-control-input">
<label class="custom-control-label " for="check22">Se slettede enheter</label>
</div>
<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->
</div>
<div class="pt-1 px-1">
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text a-fontBold">
Pettersen foto
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn disabled a-btn-shadow-large a-btn-shadow a-btn-icon " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" disabled title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text a-fontBold">
Pettersen Regnskap
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<div class="a-list-heading">
<!-- START: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
<button class="a-btn a-offset-border-top a-btn-shadow a-btn-shadow-expand a-btn-icon collapsed " type="button" data-toggle="collapse" data-target="#listsublevels2" aria-expanded="false" aria-controls="listsublevels2">
<span class="a-dropdownCircleArrow">
<i class="ai ai-expand ai-sm"><span class="sr-only">Vis/skjul innhold</span></i>
</span>
6 underenheter
</button>
<!-- END: 00-atomer-05-Ekspansjonsknapper-25-ekspanderbar-knapp -->
</div>
<div id="listsublevels2" class="a-collapseContent a-bgBlueLighter collapse ">
<!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
<div class="a-list-container ">
<ul class="a-list a-list-large ">
<li class="a-clickable a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b>Pettersen Regnskap – Stavanger AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b>Pettersen Regnskap – Arendal AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
<li class="a-clickable a-offset-border-top a-list-hasRowLink">
<a href="http://altinn.no" class="a-list-rowLink a-fontSizeXS">
<div class="row ">
<div class="col">
<!-- START: 01-molekyler-05-lister-_00-liste-innhold -->
<b>Pettersen Regnskap – Kristiansand AS</b> org. nr. 908 987 519
<!-- END: 01-molekyler-05-lister-_00-liste-innhold -->
</div>
</div>
</a>
</li>
</ul>
</div>
<!-- END: 01-molekyler-05-lister-00-liste-unummerert -->
</div>
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text a-fontBold">
Anne Pettersen
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12345</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn-shadow-large a-btn a-btn-shadow a-btn-icon a-bgGreyLight " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text a-fontBold a-btn-icon-text-ellipsis">
Jan Derek Sørensen Julius Andreas Gimli Arn MacGyver Chewbacka Highlander Elessar-Jankov
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">Personnr. 123456 12344</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class=" a-btn-shadow-large a-btn a-btn-shadow a-btn-icon " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text a-fontBold">
Pettersen Tallknuser (slettet)
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<div class="a-listWithSubLevels a-shadow">
<!-- START: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
<button type="button" class="a-btn a-btn-shadow a-btn-shadow-large a-btn-icon " onclick="location.href='/patterns/04-sider-portal-50-innboks-00-innboks/04-sider-portal-50-innboks-00-innboks.html';" title="Altinn">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-corp ai-left " ></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="a-btn-icon-text a-fontBold">
Pettersen Bygg
<span class="a-btn-icon-text-second a-fontReg a-fontSizeXS">org.nr. 893 234 789</span>
</span>
</button>
<!-- END: 00-atomer-03-knapper-25-knapp-ikon-tekst -->
</div>
<!-- END: 01-molekyler-02-navigasjon-55-ekspanderbar-liste-status -->
<!-- START: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
<button onclick="location.href='/patterns/04-sider-portal-01-aktorvalg-10-aktorvalg/04-sider-portal-01-aktorvalg-10-aktorvalg.html'" 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>Vis alle aktører</span>
</button>
<!-- END: 00-atomer-04-handlingsknapper-17-handlingsknapp -->
</div>
<!-- END: 02-organismer-30-seksjoner-31-personbytte -->
</div>
<!-- END: 02-organismer-30-seksjoner-30-meny-personbytte -->
</li>
</ul>
<!-- End .a-globalNav-options -->
</div>
<!-- End .col -->
</div>
<!-- End .row -->
</div>
<!-- End .container -->
</header>
<!-- End .header -->
<!-- END: 02-organismer-01-globale-00-header -->
<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" name="input-field" data-val="true" id="search">
<div class="input-group-append">
<button onclick="location.href='/patterns/04-sider-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-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">
<div class="row">
<div class="col-sm-12 col-lg-10 offset-lg-1 pb-3">
<div class="pb-4">
<!-- START: 01-molekyler-02-navigasjon-14-smulesti -->
<ol class="breadcrumb a-breadcrumb ">
<li class="breadcrumb-item breadcrumb-mobile">
<a href="/patterns/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive.html">Starte og drive bedrift</a>
</li>
<li class="breadcrumb-item active">
<a href="">Starte bedrift</a>
</li>
</ol>
<!-- END: 01-molekyler-02-navigasjon-14-smulesti -->
<!-- START: 00-atomer-07-tekst-09-sidetittel -->
<h1 class="a-fontBold a-pageTitle ">
Starte bedrift
</h1>
<!-- END: 00-atomer-07-tekst-09-sidetittel -->
<!-- START: 00-atomer-07-tekst-02-intro-tekst -->
<p class="a-leadText " id="leadText">Forberedelser og god planlegging er en forutsetning for å etablere en levedyktig virksomhet. De viktigste veivalgene gjør du i starten. Vi gir deg tips og verktøy som kan hjelpe deg på veien.</p>
<!-- END: 00-atomer-07-tekst-02-intro-tekst -->
</div>
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-30-artikkel-42-artikkel-jumbo-v-velg-foretaksform/04-sider-infoportal-30-artikkel-42-artikkel-jumbo-v-velg-foretaksform.html" class="a-link-title ">
AS, enkeltpersonforetak, eller... hva passer best for deg?
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</h2>
<p>Valg av rett organisasjonsform for ditt foretak er en viktig avgjørelse. Vi viser deg forskjellene og hjelper deg å finne aktuelle foretaksformer.</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte.html" class="a-link-title ">
Valg av navn – krav og tips
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</h2>
<p>Foretaksnavn må tilfredsstille visse krav fra det offentlige. Videre skal må det ikke forveksles med andre, det bør gi identitet og fungere godt på internett. Vi gir deg noen tips til gode navnevalg.</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-30-artikkel-17-artikkel-v-starte-og-registrere-enk/04-sider-infoportal-30-artikkel-17-artikkel-v-starte-og-registrere-enk.html" class="a-link-title ">
Hvordan registrere foretaket
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</h2>
<p>Her får du vite om formelle krav ved registrering for de ulike foretaksformene, om skjema og vedlegg, hva det koster - og hvor lang tid tar det å registrere foretaket.</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte.html" class="a-link-title ">
Merverdiavgiftsregistrering
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</h2>
<p>Du må registrere foretaket ditt i merverdiavgiftsregisteret når det er omsatt merverdiavgiftspliktige varer og tjenester for over 50 000 kroner innenfor en periode på 12 måneder.</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte.html" class="a-link-title ">
Mange registre
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</h2>
<p>Som næringsdrivende vil du bli registrert i et eller flere registre, som for eksempel enhetsregisteret, foretaksregisteret og merverdiavgiftsregisteret. Her finner du en oversikt over hvordan disse fungerer og hvilke registerplikter du har.</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte.html" class="a-link-title ">
Tillatelser
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</h2>
<p>Innenfor enkelte bransjer må man ha tillatelse fra det offentlige for å drive egen næringsvirksomhet. Eksempler på dette er serveringsvirksomhet og renholdstjenester. Sjekk her om ditt foretak må ha tillatelse.</p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<!-- START: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
<article class="a-linkArticle">
<h2>
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte.html" class="a-link-title ">
Fra utlandet?
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</h2>
<p>Er du utenlandsk statsborger? Reglene for etablering er stort sett likt med reglene for norske borgere. Men du må få et D-nummer (fødselsnummer) og så er det blant annet krav til norsk forretningsadresse. </p>
</article>
<!-- END: 01-molekyler-00-tekst-07-lenketittel-med-forklaring -->
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-12 pb-3">
<!-- START: 01-molekyler-00-tekst-40-ikon-link -->
<div class="a-iconText a-iconText-shadow a-iconText-background a-iconText-background--white ">
<div class="a-iconText-icon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-circle-plus a-icon "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
</div>
<div class="a-iconText-text">
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="false ">
Registrer nytt foretak
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
</div>
<!-- END: 01-molekyler-00-tekst-40-ikon-link -->
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-8 offset-lg-2 pb-3">
<!-- START: 01-molekyler-03-media-03-bilde-innhold -->
<div class="a-card a-cardImage mt-4">
<!-- 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-cardImage-text">
<h2>Trenger du hjelp?</h2>
<p>Våre bedriftsveiledere sitter klar til å hjelpe deg. Telefonen er åpen 0800—1530, mandag til fredag. E-poster besvares normalt innen 24 timer.</p>
<!-- START: 00-atomer-02-lenker-37-link-telefonnummer -->
<a href="tel:+4780033840" class="a-linkIcon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-nw-pr ai-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Telefonnummer til Altinn kundestøtte</span> 800 33 840
</a>
<!-- END: 00-atomer-02-lenker-37-link-telefonnummer -->
<!-- START: 00-atomer-02-lenker-38-link-mail -->
<a href="mailto:support@altinn.no" class="a-linkIcon ">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-nw-pr ai-send "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
<span class="sr-only">Send mail til support@altinn.no</span> Skriv til oss
</a>
<!-- END: 00-atomer-02-lenker-38-link-mail -->
</div>
</div>
<!-- END: 01-molekyler-03-media-03-bilde-innhold -->
</div>
</div>
</div>
<!-- END Container -->
</section>
<!-- START: 02-organismer-01-globale-01-footer -->
<div class="container a-containerFooter">
<!-- Begin Footer -->
<footer class="a-footer ">
<div class="row a-footer-firstRow">
<div class="col-md-4 d-none d-md-block">
<!-- 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-infoportal-40-sok-00-sok-forside/04-sider-infoportal-40-sok-00-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 class="col-md-8">
<nav class="a-footerNav">
<ul>
<li>
<a class="a-hvr-underline" href="/patterns/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive\04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive.html">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-corp "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
starte og drive bedrift
</a>
</li>
<li>
<a class="a-hvr-underline" href="/patterns/04-sider-infoportal-20-navigasjonssider-70-hjelpesenter\04-sider-infoportal-20-navigasjonssider-70-hjelpesenter.html">
<!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-nw ai-phone "></i>
<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
hjelp og kontakt
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<nav class="a-footerExtraNav">
Brønnøysundregistrene,
<span class="a-footerExtraNav-name">8910 Brønnøysund</span>
<div class="a-footerExtraNav-toTop d-md-none">
<a href="#top" class="a-linkArea a-btn ">
Til toppen
</a>
</div>
<ul>
<li><a class="d-none d-md-inline" href="/patterns/04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2\04-sider-infoportal-20-navigasjonssider-46-navigasjonsartikkel-v-omaltinn-v2.html">Om Altinn</a></li>
<li><a class="" href="/patterns/04-sider-infoportal-20-navigasjonssider-61-arkiv-v-driftsarkiv\04-sider-infoportal-20-navigasjonssider-61-arkiv-v-driftsarkiv.html">Driftsmeldinger</a></li>
<li><a class="" href="/patterns/04-sider-infoportal-30-artikkel-10-artikkel\04-sider-infoportal-30-artikkel-10-artikkel.html">Personvern og cookies</a></li>
</ul>
</nav>
</div>
</div>
</footer>
<!-- End Footer -->
</div>
<!-- END Container -->
<!-- END: 02-organismer-01-globale-01-footer -->
</div>
<!-- END: 03-maler-infoportal-20-navigasjonssider-32-temaside -->
<!-- END: 04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte -->