altinn-designsystem/dist/patterns/03-maler-infoportal-100-eguide-02-sjekkliste/03-maler-infoportal-100-eguide-02-sjekkliste.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 03-maler-infoportal-100-eguide-02-sjekkliste JS doc: AltinnModal.js -->
<div class="modal-content">
  <div class="modal-header a-modal-header">
    <div class="a-iconText a-iconText-background a-iconText-large">
      <div class="a-iconText-icon">
        <i class="ai ai-check-circle a-icon" aria-hidden="true"></i>
      </div>
      <h1 class="a-iconText-text mb-0">
        <span class="a-iconText-text-small"></span>
        <span class="a-iconText-text-large">eGuide for utelivsbransjen - Resultat</span>
      </h1>
    </div>
  </div>
  <div class="modal-body a-modal-body">
    <div class="row mb-3">
      <div class="col-12">
        <h2>Hovedkategori nr. 1</h2>

        <p>Evt. generell informasjon om denne kategorien.</p>

        <!-- START: 01-molekyler-02-navigasjon-02-trekkspill -->
        <div class="a-accordion-small a-accordion-largeText" id="accordionSmall0" role="tablist" aria-multiselectable="true">

          <div class="card">

            <!-- TITLE -->
            <div role="tab" id="collapseTitle10">
              <!-- START: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst JS doc: toggleFilter.js -->
              <a data-toggle="collapse" data-parent="#accordionSmall0" href="#" data-target="#accordionSmallItem10" aria-expanded="true" aria-controls="accordionSmallItem10" class="a-collapse-title a-collapse-title--flexstart    no-decoration   collapsed">
   <span class="a-dropdownArrow"></span> 

    <span class="primary-collapse-text">
      Kort om skjemaet
    </span>
</a>

              <!-- END: 00-atomer-05-Ekspansjonsknapper-26-ekspanderbar-tekst -->

            </div>

            <!-- CONTENT -->
            <div id="accordionSmallItem10" class="a-collapseContent collapse a-text" role="tabpanel" aria-labelledby="collapseTitle10" data-parent="#accordionSmall0">
              <p>I skjemaet rapporterer du informasjon om arbeidsforhold, lønn, ytelser og forskuddstrekk til dine ansatte, i tillegg til arbeidsgiveravgift. </p>
              <p>Har du lønnssystem, skal du ikke bruke dette skjemaet, heller ikke til korrigeringer. Skjemaet har følgende begrensninger: </p>
              <ul>
                <li>Kun ett arbeidsforhold per ansatt per virksomhet</li>
                <li>Kun ett skjema per virksomhet</li>
                <li>ett skjema per virksomhet </li>
                <li>Kan ikke brukes av offentlige etater</li>
              </ul>
              <p>Slik fyller du ut skjemaet (lenke til PDF).</p>
            </div>

          </div>

        </div>

        <!-- END: 01-molekyler-02-navigasjon-02-trekkspill -->

      </div>
    </div>

    <button class="a-btn a-btn-success" data-toggle="altinn-modal" data-action="close" data-target="#modal">
        Lukk
      </button>
  </div>
</div>

<!-- END: 03-maler-infoportal-100-eguide-02-sjekkliste -->