altinn-designsystem/dist/patterns/02-organismer-_49-ekspanderbart-panel-innhold-61-virksomhetssertifikat-rediger/02-organismer-_49-ekspanderbart-panel-innhold-61-virksomhetssertifikat-rediger.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-61-virksomhetssertifikat-rediger -->
<div class="row a-js-certificateContainer1 d-none">
  <div class="col-12 mb-2">
    <h3>
      Lorem ipsum
    </h3>
  </div>
  <div class="col-12">
    <p class="a-fontBold mb-0">
      Sed ut perspiciatis unde omnis iste natus error
    </p>
  </div>
  <div class="col-12 mb-3">
    <p class="mb-0 a-fontBold a-fontSizeM">
      sedquiaconsequunturmagni.cer
    </p>
  </div>
</div>
<div class="row a-js-certificateContainer1 d-none">
  <div class="col">
    <p class="a-fontSizeXS mb-1">
      <span class="a-fontBold">Trinn 1 av 2:</span> Qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem
    </p>
  </div>
</div>
<div class="row a-js-certificateContainer1 d-none">
  <div class="col mt-2">
    <!-- START: 00-atomer-03-knapper-10-knapp -->
    <button type="button" class="a-btn a-btn-success mr-1 a-js-certificateStep1 ">
  
    Neste
  
</button>

    <!-- END: 00-atomer-03-knapper-10-knapp -->

    <!-- START: 00-atomer-02-lenker-00-link -->
    <a href="#" class=" ">
  Avbryt
  
</a>
    <!-- END: 00-atomer-02-lenker-00-link -->

  </div>
</div>
<div class="row a-js-certificateContainer2 d-none">
  <div class="col-12 mb-2">
    <h3>
      Lorem ipsum
    </h3>
  </div>
  <div class="col-12">
    <p class="a-fontBold mb-0">
      Sed ut perspiciatis unde omnis iste natus error
    </p>
  </div>
  <div class="col-12 mb-3">
    <p class="mb-0 a-fontBold a-fontSizeM">
      sedquiaconsequunturmagni.cer
    </p>
  </div>
</div>
<div class="row a-js-certificateContainer2 d-none">
  <div class="col">
    <p class="a-fontSizeXS mb-1">
      <span class="a-fontBold">Trinn 2 av 2:</span> Qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem
    </p>
  </div>
</div>
<div class="row a-js-certificateContainer2 d-none">
  <div class="col-12 col-md-5">
    <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

    <div class="form-group a-form-group   ">

      <label class="a-form-label  " for="text-input-name">Brukernavn</label>

      <div class="a-form-group-items input-group   ">


        <input class="form-control  
         " type="text" name="input-field" data-val="true" id="text-input-name">




      </div>


    </div>

    <!-- END: 00-atomer-01-forms-10-tekst-input -->

  </div>
  <div class="col-12 col-md-5">
    <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

    <div class="form-group a-form-group   ">

      <label class="a-form-label  " for="text-input-passord">Passord</label>

      <div class="a-form-group-items input-group   ">


        <input class="form-control  
         " type="password" placeholder="Passord" name="input-field" data-val="true" id="text-input-passord">




      </div>


    </div>

    <!-- END: 00-atomer-01-forms-10-tekst-input -->

  </div>
</div>
<div class="row a-js-certificateContainer2 d-none">
  <div class="col mt-2">
    <!-- START: 00-atomer-03-knapper-10-knapp -->
    <button type="button" class="a-btn a-btn-success mr-1 a-js-certificateStep2 ">
  
    Neste
  
</button>

    <!-- END: 00-atomer-03-knapper-10-knapp -->

    <!-- START: 00-atomer-02-lenker-00-link -->
    <a href="#" class=" ">
  Avbryt
  
</a>
    <!-- END: 00-atomer-02-lenker-00-link -->

  </div>
</div>
<div class="row a-js-certificateContainer3">
  <div class="col-12">
    <p class="a-fontBold mb-0">
      Sed ut perspiciatis unde omnis iste natus error
    </p>
  </div>
  <div class="col-12 mb-3">
    <p class="mb-0 a-fontBold a-fontSizeM">
      sedquiaconsequunturmagni.cer
    </p>
  </div>
</div>
<div class="row a-js-certificateContainer3">
  <div class="col">
    <p class="a-fontSizeXS mb-1">
      <span class="a-fontBold"></span>

    </p>
  </div>
</div>
<div class="row a-js-certificateContainer3">
  <div class="col-12 col-md-5">
    <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

    <div class="form-group a-form-group   ">

      <label class="a-form-label  " for="text-input-name-2">Brukernavn</label>

      <div class="a-form-group-items input-group   ">


        <input class="form-control  
         " type="text" name="input-field" data-val="true" id="text-input-name-2">




      </div>


    </div>

    <!-- END: 00-atomer-01-forms-10-tekst-input -->

  </div>
  <div class="col-12 col-md-5">
    <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

    <div class="form-group a-form-group   ">

      <label class="a-form-label  " for="text-input-password-2">Passord</label>

      <div class="a-form-group-items input-group   ">


        <input class="form-control  
         " type="password" placeholder="Passord" name="input-field" data-val="true" id="text-input-password-2">




      </div>


    </div>

    <!-- END: 00-atomer-01-forms-10-tekst-input -->

  </div>
</div>
<div class="row a-js-certificateContainer3">
  <div class="col mt-2">
    <!-- START: 00-atomer-02-lenker-00-link -->
    <a href="#" class=" ">
  Avbryt
  
</a>
    <!-- END: 00-atomer-02-lenker-00-link -->

  </div>
</div>
<!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-61-virksomhetssertifikat-rediger -->