<!-- START: 03-maler-altinnett-10-forside-10-forside -->
<div class="a-page">
  {{# header }} {{> organismer-header-altinnett }} {{/ header }}

  <section id="content" tabindex="-1">
    <h1 class="sr-only">{{{ page-title }}}</h1>

    {{# product-presentation }}
    <div class="container">
      <div class="row">
        <div class="col-12 mb-4">
          {{> organismer-altinnett-produkt-presentasjon }}
        </div>
      </div>
    </div>
    {{/ product-presentation }} {{# case }} {{> molekyler-jumbotron }} {{/ case }}

    <div class="container">
      {{# steps }}
      <div class="row">
        <div class="col-12">
          <h2 class="a-fontBold a-blueDarkerText mb-2">{{ section-title }}</h2>

          {{# list }}
          <div class="d-block d-lg-none d-xl-none d-xxl-none">
            {{> atomer-liste-nummerert-sirkel }}
          </div>
          {{/ list }}

          <div class="epi-wysiwyg d-none d-lg-block d-xl-block d-xxl-block">
            {{> molekyler-altinnett-stegvis-svg }}
          </div>

          {{# learnMoreLink }}
          <div class="mt-2 mb-8">
            {{> atomer-link }}
          </div>
          {{/ learnMoreLink }}
        </div>
      </div>
      {{/ steps }} {{# calendarList }}
      <div class="row">
        <div class="col-12">
          {{> organismer-artikkelliste-dato:mb-3 }}
        </div>
      </div>
      {{/ calendarList }} {{# tool-presentation }}
      <div class="row">
        <div class="col-12 mt-4">
          {{> organismer-altinnett-verktoy-presentasjon }}
        </div>
      </div>
      {{/ tool-presentation }}
    </div>

    {{# innovation }}
    <div class="container">
      <div class="row">
        <div class="col-12">
          <h2 class="a-fontBold a-blueDarkerText mb-3">{{ section-title }}</h2>
        </div>
      </div>
    </div>

    {{> molekyler-jumbotron }} {{/ innovation }}
  </section>

  {{# footer }} {{> organismer-footer-altinnett }} {{/ footer }}
</div>

<!-- END: 03-maler-altinnett-10-forside-10-forside -->