Background color

By applying a class of bg-light, bg-medium or bg-dark, you will get a colored background. This was made for use on section-row. Text and headings inside bg-dark is set to white.

Light background

Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.

Medium gray background

Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.

Dark background

Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.

<div class="bg-light">
  <h1 class="h3">Light background</h1>
  <p>Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.</p>
</div>

<div class="bg-medium">
  <h1 class="h3">Medium gray background</h1>
  <p>Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.</p>
</div>

<div class="bg-dark">
  <h1 class="h3">Dark background</h1>
  <p>Norge ligger langt fremme på verdensbasis, og Regjeringen har som mål at vi skal være blant de fremste landene i verden innenfor ny teknologi, kompetanse og kunnskap.</p>
</div>

Background image

Custom background images. Example usages on section-row

Section title

Section text content

<section class="section-row bg-dark--hostpital">
  <div class="container">
    <h1 class="section__title">Section title</h1>
    <div class="section__main">
      <p>Section text content</p>
    </div>
  </div>
</section>

Class	Description
`bg-dark--hostpital`	Dark image of nurse and patient
`bg-dark--open-office-landscape`	Dark image of office landscape