altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
33 lines (31 loc) • 1.69 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<title>Altinn designsystem</title>
<link rel="stylesheet" href="./gh-pages/altinn/css/style.dist.landingsside.css" media="all">
</head>
<body>
<div class="container">
<div class="row mt-sm-6">
<div class="col-xl-8 offset-xl-2 a-bgWhite px-6 py-4 a-sg-infobox">
<img src="source/images/a-logo-blue.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">
<h1 class="mt-4">Designsystem</h1>
<p>Designsystemet for altinn.no og altinndigital.no er bygget med Pattern Lab, som fungerer
som et hjem for våre UI-komponenter og deres tilhørende front-end kode. CSS og javascript for
komponentene skal kun eksistere og vedlikeholdes her.</p>
<p>Skal du jobbe med frontend,
må du først klone <a href="https://github.com/Altinn/DesignSystem">Git-repositoriet</a>
fra Altinns github og følge oppskriften der for hvordan du setter opp utviklingsmiljøet. </p>
<p>Her kan du se designsystemet live:</p>
<ul class="mt-4 no-decoration">
<li><a class="a-btn a-btn-border mr-1" href="/DesignSystem/gh-pages/altinn">Altinn.no</a></li>
<li><a class="a-btn a-btn-border mr-1" href="/DesignSystem/gh-pages/altinndigital">Altinn Digital</a></li>
<li><a class="a-btn a-btn-border" href="/DesignSystem/gh-pages/common">Felles</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>