altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
338 lines (294 loc) • 14.1 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="" id="top">
<div class="a-sg-content-preloader">
<div class="a-sg-content-preloader-status"> </div>
</div>
<!-- START: 01-molekyler-03-media-12-♺-jumbotron-artikkel -->
<div class="jumbotron jumbotron-fluid a-jumbotron a-jumbotron-large" style="background-color: #cff0ff; background-image: url('../../images/header-bg-help.svg') ">
<div class="container">
<div class="row">
<div class=" col-md-12 offset-md-0 col-lg-8 offset-lg-1 ">
<!-- START: 02-organismer-40-artikkel-60-artikkel-start -->
<!-- START: 01-molekyler-02-navigasjon-14-smulesti -->
<ol class="breadcrumb a-breadcrumb ">
<li class="breadcrumb-item ">
<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 breadcrumb-mobile">
<a href="/patterns/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte/04-sider-infoportal-20-navigasjonssider-31-temaside-v-starte.html">Starte bedrift</a>
</li>
<li class="breadcrumb-item active">
<a href="">Enkeltpersonforetak</a>
</li>
</ol>
<!-- END: 01-molekyler-02-navigasjon-14-smulesti -->
<!-- START: 00-atomer-07-tekst-09-sidetittel -->
<h1 class="a-fontBold a-pageTitle ">
Enkeltpersonforetak
</h1>
<!-- END: 00-atomer-07-tekst-09-sidetittel -->
<!-- START: 00-atomer-07-tekst-02-intro-tekst -->
<p class="a-leadText " id="leadText">Skal du starte for deg selv? Enkeltpersonforetak er ofte den enkleste måten å etablere bedrift på. Denne organisasjonsformen har noen fordeler. Og noen ulemper. Det gir deg stor grad av frihet, men kan også gi betydelig risiko fordi du har personlig
ansvar for økonomien.</p>
<!-- END: 00-atomer-07-tekst-02-intro-tekst -->
<!-- START: 00-atomer-07-tekst-20-byline -->
<div class="a-byline">
Sist oppdatert 23.01.2017
</div>
<!-- END: 00-atomer-07-tekst-20-byline -->
<hr class="mt-2 mb-0 d-none d-lg-block">
<!-- END: 02-organismer-40-artikkel-60-artikkel-start -->
</div>
</div>
</div>
</div>
<!-- END: 01-molekyler-03-media-12-♺-jumbotron-artikkel -->
<!-- DO NOT REMOVE -->
<script type="text/json" id="sg-pattern-data-footer" class="sg-pattern-data">
{
"cssEnabled": false,
"patternLineageExists": true,
"patternLineages": [{
"lineagePattern": "organismer-artikkel-start",
"lineagePath": "../../patterns/02-organismer-40-artikkel-60-artikkel-start\\02-organismer-40-artikkel-60-artikkel-start.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-smulesti",
"lineagePath": "../../patterns/01-molekyler-02-navigasjon-14-smulesti\\01-molekyler-02-navigasjon-14-smulesti.html",
"lineageState": "indesignreview altinn altinnett"
}, {
"lineagePattern": "atomer-♺-link-knapp-stor",
"lineagePath": "../../patterns/00-atomer-02-lenker-09-♺-link-knapp-stor\\00-atomer-02-lenker-09-♺-link-knapp-stor.html",
"lineageState": "complete altinn"
}, {
"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": "atomer-varsel",
"lineagePath": "../../patterns/00-atomer-07-tekst-00-varsel\\00-atomer-07-tekst-00-varsel.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"
}],
"lineage": [{
"lineagePattern": "organismer-artikkel-start",
"lineagePath": "../../patterns/02-organismer-40-artikkel-60-artikkel-start\\02-organismer-40-artikkel-60-artikkel-start.html",
"lineageState": "complete altinn altinnett"
}, {
"lineagePattern": "molekyler-smulesti",
"lineagePath": "../../patterns/01-molekyler-02-navigasjon-14-smulesti\\01-molekyler-02-navigasjon-14-smulesti.html",
"lineageState": "indesignreview altinn altinnett"
}, {
"lineagePattern": "atomer-♺-link-knapp-stor",
"lineagePath": "../../patterns/00-atomer-02-lenker-09-♺-link-knapp-stor\\00-atomer-02-lenker-09-♺-link-knapp-stor.html",
"lineageState": "complete altinn"
}, {
"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": "atomer-varsel",
"lineagePath": "../../patterns/00-atomer-07-tekst-00-varsel\\00-atomer-07-tekst-00-varsel.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"
}],
"patternLineageRExists": false,
"patternLineagesR": [],
"lineageR": [],
"patternLineageEExists": true,
"patternDesc": "<p>Avventer illustrasjoner.</p>\n",
"patternBreadcrumb": {
"patternType": "molekyler",
"patternSubtype": "media"
},
"patternExtension": "mustache",
"patternName": "♺ Jumbotron Artikkel",
"patternPartial": "molekyler-♺-jumbotron-artikkel",
"patternState": "specification altinn",
"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/altinnPrototyping.vendor.js"></script>
<!-- ALTINN DEV custom JavaScript -->
<script src="./../../js/altinnPrototyping.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.prototype.altinn.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.prototype.altinn.css?1535451812396',
media: 'all'
});
}
}
});
$(window).on('load', function() {
if (self === top) {
var elm = document.getElementsByTagName("html")[0];
elm.style.display = "block";
}
});
</script>
</body>
</html>