Skip to content

Instantly share code, notes, and snippets.

@stianwestvig

stianwestvig/theme-article.html

Created September 1, 2015 13:28
Show Gist options
  • Save stianwestvig/b4508ec665023a6a7c19 to your computer and use it in GitHub Desktop.
Save stianwestvig/b4508ec665023a6a7c19 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
theme-article.html
<!DOCTYPE html>
<html>
<head>
<title>Tema: Ergonomi | Politiet | Intranett</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta description="Politiets intranett">
<link rel="stylesheet" href="css/bundle.css">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="assets/img/icons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="assets/img/icons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="assets/img/icons/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="assets/img/icons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="assets/img/icons/favicon-16x16.png" sizes="16x16">
</head>
<body>
<div class="area blue-decorator">
<div class="row decorator">
<div class="small-12 columns"><a href="/" class="left"><img src="assets/img/politiet_logo.svg" alt="Politiet" class="politi-logo"></a><a href="/minside" class="right"><span class="police-title-semibold-header">Min profil</span><img src="assets/img/examples/profile50.png" alt="Profilbilde" class="profile-img"></a></div>
</div>
</div>
<div class="area white">
<div class="row header">
<div class="small-12 columns">
<div class="row">
<div class="small-6 medium-4 large-2 columns"><a href="/">
<h1 class="logo-text">Kilden</h1></a></div>
<div class="small-12 medium-6 large-9 columns hide-for-small-only">
<div class="row">
<div class="small-12 large-9 columns large-centered">
<form class="search">
<input type="text" placeholder="Jeg leter etter..." class="searchfield">
</form>
</div>
</div>
</div>
<div class="small-6 medium-2 large-1 columns">
<div class="tools"><a href="#/open-menu" class="right"><span class="icon-menu"></span><span class="text">Meny</span></a></div>
</div>
</div>
<div class="row collapse">
<div class="small-12 columns">
<ul class="breadcrumbs">
<li><a href="/"><span class="icon-home"></span></a></li>
<li><a href="/profil"><span>Min side</span></a></li>
<li><span>Om meg</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- START THEME ARTICLE-->
<div class="area white padding">
<div class="row">
<div class="small-12 columns">
<h1>Ergonomi</h1>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<hr>
<ul class="byline right">
<li><a href="#share"><span class="icon-mail"></span><span data-component="Tooltip"></span></a></li>
<li><a href="#follow"><span class="icon-follow"></span><span data-component="Tooltip"></span></a></li>
</ul>
</div>
</div>
<div class="row">
<div class="small-12 medium-7 columns">
<p class="leadtext">Ergonomi er utforming av arbeidsredskaper og tilpassing av arbeidsplassen for å unngå yrkesskader. Både ansatte og arbeidsgiver må ta hensyn til hva som er god ergonomi på arbeidsplassen.</p>
</div>
<div class="small-12 medium-4 medium-offset-1 columns"><span data-component="LocalContentSelector"></span>
<!-- old:-->
<!-- include ./components/local-content-selector/local-content-selector-->
</div>
</div>
<div class="row">
<div class="small-12 medium-7 columns">
<div class="article-content">
<!-- LOKALT INNHOLD-->
<h2 class="text-engram upper">Innhold for Rogaland</h2>
<ul class="byline left">
<li>Nyhet</li>
<li>Avsender</li>
<li>Sist oppdatert 27. august</li>
</ul>
<!-- Image with caption-->
<figure><img src="/assets/img/examples/chopper.jpg" alt="Get to da choppa!">
<figcaption>Ergonomi er utforming av arbeidsredskaper og tilpassing av arbeidsplassen for å unngå yrkesskader. Både ansatte og arbeidsgiver må ta hensyn til hva som er god ergonomi på arbeidsplassen.</figcaption>
</figure>
<h2>Deloverskrift</h2>
<p>Ergonomi er utforming av arbeidsredskaper og tilpassing av arbeidsplassen for å unngå yrkesskader. Både ansatte og arbeidsgiver må ta hensyn til hva som er god ergonomi på arbeidsplassen.</p>
<p>Arbeidsgiver har ansvar for å tilrettelegge arbeidsforholdene på en mest ergonomisk måte som mulig for å forhindre skader eller andre plager hos de ansatte. Krav til arbeidsmiljø kan du lese i arbeidsmiljøloven kapittel 4.</p>
<p>Ansatte bør si i fra til arbeidsgiver dersom arbeidsforholdene ikke er optimale, og gjerne tipse om hva som kan gjøres for å forbedre forholdene.</p>
</div>
</div>
<div class="small-12 medium-4 medium-offset-1 columns">
<div class="related-list border-bottom-fat">
<h2 class="text-titan">Relaterte artikler</h2>
<hr>
<ul>
<li><a href="#">Hvordan bruke heve/senkepulter</a></li>
<li><a href="#">Tøyeøvelser for å unngå stive muskler ved stillesittende arbeid</a></li>
<li><a href="#">Ergonomi i bil</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<!-- framtidig skille mellom lokalt og nasjonalt innhold-->
<hr>
</div>
<div class="small-12 medium-7 columns">
<div class="article-content">
<!-- NASJONALT INNHOLD-->
<h2 class="text-engram upper">Nasjonalt innhold</h2>
<ul class="byline left">
<li>Nyhet</li>
<li>Avsender</li>
<li>Sist oppdatert 27. august</li>
</ul>
<!-- Image with caption-->
<figure><img src="/assets/img/examples/ops.jpg" alt="Mann på kontor">
<figcaption>Ergonomi er utforming av arbeidsredskaper og tilpassing av arbeidsplassen for å unngå yrkesskader. Både ansatte og arbeidsgiver må ta hensyn til hva som er god ergonomi på arbeidsplassen.</figcaption>
</figure>
<h2>Deloverskrift</h2>
<p>Ergonomi er utforming av arbeidsredskaper og tilpassing av arbeidsplassen for å unngå yrkesskader. Både ansatte og arbeidsgiver må ta hensyn til hva som er god ergonomi på arbeidsplassen.</p>
<p>Arbeidsgiver har ansvar for å tilrettelegge arbeidsforholdene på en mest ergonomisk måte som mulig for å forhindre skader eller andre plager hos de ansatte. Krav til arbeidsmiljø kan du lese i arbeidsmiljøloven kapittel 4.</p>
<p>Ansatte bør si i fra til arbeidsgiver dersom arbeidsforholdene ikke er optimale, og gjerne tipse om hva som kan gjøres for å forbedre forholdene.</p>
<div class="information-block">
<h3 class="text-engram upper">Lover og regler</h3>
<h4 class="text-speaker">Ergonomi</h4>
<p>Arbeidsgiver har ansvar for å tilrettelegge arbeidsforholdene på en mest ergonomisk måte som mulig for å forhindre skader eller andre plager hos de ansatte. Krav til arbeidsmiljø kan du lese i arbeidsmiljøloven kapittel 4.</p>
<p>Ansatte bør si i fra til arbeidsgiver dersom arbeidsforholdene ikke er optimale, og gjerne tipse om hva som kan gjøres for å forbedre forholdene.</p>
</div>
<div class="related-list border-bottom-fat">
<h2 class="text-titan">Relaterte artikler</h2>
<hr>
<ul>
<li><a href="#">Hvordan bruke heve/senkepulter</a></li>
<li><a href="#">Tøyeøvelser for å unngå stive muskler ved stillesittende arbeid</a></li>
<li><a href="#">Ergonomi i bil</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="small-12 medium-9 columns">
<h2 class="text-titan margin-bottom-none">Kontaktinformasjon</h2><span data-component="ContactCard"></span><span data-component="ContactCard"></span>
</div>
</div>
</div>
<div class="small-12 medium-4 medium-offset-1 columns">
<div class="related-list border-bottom-fat">
<h2 class="text-titan">Relaterte artikler</h2>
<hr>
<ul>
<li><a href="#">Hvordan bruke heve/senkepulter</a></li>
<li><a href="#">Tøyeøvelser for å unngå stive muskler ved stillesittende arbeid</a></li>
<li><a href="#">Ergonomi i bil</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<!-- Vis mer om:-->
<div class="tags-listing">
<h2 class="text-light">Vis mer om:</h2>
<ul class="tags navigation">
<li><a href="#">Ergomoni</a></li>
<li><a href="#">Arbeidsmiljø</a></li>
<li><a href="#">Arbeidstilsynet</a></li>
<li><a href="#">Arbeidsmiljøloven</a></li>
</ul>
</div>
</div>
</div>
<div class="area grey-dark">
<div class="row">
<div class="small-12 columns">
<h2 class="text-light">Kommentarer</h2>
</div>
</div>
</div>
</div>
<div class="area grey">
<div class="row district">
<div class="small-12 medium-8 large-6 columns medium-text-center">
<div class="row">
<div class="small-12 medium-6 columns">
<label for="district" class="text-engram upper">Distrikt/Særorgan:</label>
</div>
<div class="small-12 medium-6 columns">
<select id="district">
<option>Distrikt</option>
<option>Distrikt</option>
<option>Særorgan</option>
<option>Særorgan</option>
</select>
</div>
</div>
</div>
<div class="small-12 medium-4 large-6 columns medium-text-center"><a href="#" class="text-moon">Vis fakta om distriktet/særorgan</a></div>
</div>
</div>
<div class="area police-black">
<div class="row footer">
<div class="small-12 medium-2 columns"><a href="#">Brukerstøtte</a></div>
<div class="small-12 medium-2 columns"><a href="#">Melde avvik</a></div>
<div class="small-12 medium-2 columns"><a href="#">Internservice</a></div>
<div class="small-12 medium-2 columns"><a href="#">HR bistand</a></div>
<div class="small-12 medium-2 columns"><a href="#">Nettbutikken</a></div>
<div class="small-12 medium-2 columns"><a href="design">Designguide</a></div>
</div>
</div>
<script src="js/vendor.js"></script>
<script src="js/bundle.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment