altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
24 lines • 1.36 kB
HTML
<html lang="no">
<head>
<title>Altinn</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<style>
body{border:0;padding:0;margin:25px;background-color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.wrapper{width:100%;height:calc(100vh - 52px);background:#EFEFEF;text-align:center;color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around;padding:25px}section{margin-bottom:5%}section:first-child{margin-top:5%;margin-bottom:0}h1{color:#0062BA;font-size:20px}h2{color:#000;font-size:14px;font-weight:normal;}@media (min-width:768px){h1{font-size:28px}h2{font-size:22px}}@media (min-width:992px){h1{font-size:36px}h2{font-size:24px}}.sep{border-bottom:2px solid #000}
</style>
</head>
<body>
<div class="wrapper">
<section>
<h1 lang="no">Altinn er for øyeblikket ikke tilgjengelig</h1>
<h2 lang="no">Vi beklager dette og åpner så raskt som mulig. Prøv igjen senere.</h2>
</section>
<div class="sep"></div>
<section>
<h1 lang="en">Altinn is unavailable at the moment</h1>
<h2 lang="en">We're sorry for the inconvenieces. Altinn will be back online as soon as possible. Please try again later.</h2>
</section>
</div>
</body>
</html>