Section

Section row

A building block for most pages, containing different type of content.

Hovedutfordringer innenfor eHelse

  • Effektiv drift som frigir ressurser og penger til andre oppgaver
  • Helsepersonellets hverdag i sentrum
  • Elektronisk arbeidsflyt erstatter papirstabler og muntlige beskjeder
  • Livreddende kode som gir personellet de beste forutsetningene for livsviktige avgjørelser
  • Sikkerhet for pasientene
  • Enklere tilgang til sin journal for all pasientene
<section class="section-row">
  <div class="container">
    <h1 class="section__title">Hovedutfordringer innenfor eHelse</h1>
    <div class="section__main">
      <ul>
        <li>Effektiv drift som frigir ressurser og penger til andre oppgaver</li>
        <li>Helsepersonellets hverdag i sentrum</li>
        <li>Elektronisk arbeidsflyt erstatter papirstabler og muntlige beskjeder</li>
        <li>Livreddende kode som gir personellet de beste forutsetningene for livsviktige avgjørelser</li>
        <li>Sikkerhet for pasientene</li>
        <li>Enklere tilgang til sin journal for all pasientene</li>
      </ul>
    </div>
    <footer class="section__footer">
      <a class="btn" href="">Flere utfordringen innen eHelse</a>
    </footer>
  </div>
</section>

Section row connect top

Same as section-row, but without any space on top on larger screens. The example includes a background to better illustrate it.

Tittel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.

<section class="section-row--connect-top bg-light">
  <div class="container">
    <h1 class="section__title visuallyhidden">Tittel</h1>
    <div class="section__main">
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.</p>
    </div>
  </div>
</section>