altinn-designsystem/dist/patterns/04-sider-portal-51-varslingsadresse-00-varslingsadresse-modal/04-sider-portal-51-varslingsadresse-00-varslingsadresse-modal.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 04-sider-portal-51-varslingsadresse-00-varslingsadresse-modal -->
<!-- START: 03-maler-portal-91-modal-01-modal -->
<div class="a-modal fade modal show a-bgBlueLight" tabindex="-1" role="dialog" style="display: block">
  <div class="modal-dialog modal-lg" role="document">
    <div class="container a-p-static">
      <div class="row">
        <div class="col-xl-12">
          <!-- START: 01-molekyler-20-modalelementer-05-modal-header -->
          <div class="a-modal-top">
            <!-- START: 00-atomer-09-bilder-og-media-01-logo -->

            <img src="..&#x2F;..&#x2F;images&#x2F;a-logo-black.svg" alt="Altinn logo" class="a-logo a-modal-top-logo ">

            <!-- END: 00-atomer-09-bilder-og-media-01-logo -->

            <div class="a-modal-top-user">
              <!-- START: 00-atomer-07-tekst-40-innlogget -->
              <div class="a-personSwitcher " title="JAN PETTERSEN ">
                <span class="a-personSwitcher-name">
    <span class="d-block">JAN PETTERSEN</span>
                <span class="d-block"></span>
                </span>
                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                <i class="ai ai-private-circle-big  a-personSwitcher-icon "></i>


                <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->


              </div>

              <!-- END: 00-atomer-07-tekst-40-innlogget -->

            </div>
          </div>

          <!-- END: 01-molekyler-20-modalelementer-05-modal-header -->

        </div>
      </div>
      <div class="row">
        <div class="col-12 a-p-static">
          <!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
          <div class="a-modal-navbar">
          </div>

          <!-- END: 01-molekyler-20-modalelementer-10-modal-navbar -->

          <div class="a-modal-content-target">
            <div class="a-page a-current-page">
              <div class="modalPage">
                <div class="modal-content">

                  <!-- START: 02-organismer-70-Modal-innhold-13-oppdater-lagrede-sok -->
                  <div class="modal-body a-modal-body">
                    <div class="row">
                      <div class="col-12">
                        <h2 class="a-h3 mt-2">

                        </h2>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-12">
                        <div class="a-modal-receiptContent pt-1 mb-3">
                          <p>Du videresender til </p>
                          <p>(doris.kahn@gmail.com)</p>
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col">
                        <!-- START: 00-atomer-03-knapper-10-knapp -->
                        <button type="button" class="a-btn ">
  
    Videresend
  
</button>

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

                      </div>
                    </div>
                  </div>
                  <!-- END: 02-organismer-70-Modal-innhold-13-oppdater-lagrede-sok -->

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- DO NOT INCLUDE IN IMPLEMENTATION, ADDED BY BOOTSTRAP WHEN MODAL IS TRIGGERED -->
<div class="modal-backdrop fade show"></div>
<!-- END DO NOT INCLUDE -->

<!-- START: 01-molekyler-06-hjelp-00-hjelp-container -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- Should be included for pages that has quickhelp -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - -->

<div class="a-stickyHelp-container">

  <!-- Open-button for .a-iframeToggle -->
  <!-- HELP ANIMATION:
  On pages that have help in context (step for step guide), add class "a-stickyHelp-animationHint" when users has not been active for 10 seconds -->
  <button type="button" class="a-btn a-stickyHelp-open  collapsed" data-toggle="collapse" data-target="#a-iframeToggle" aria-expanded="false" aria-controls="a-iframeToggle">

    <span class="sr-only a-stickyHelp-openText">Trenger du hjelp</span>
    <i>?</i>
  </button>

  <div id="a-iframeToggle" class="a-iframeToggle collapse">

    <!-- Close-button for .a-iframeToggle -->
    <button type="button" class="a-stickyHelp-close" data-toggle="collapse" data-target="#a-iframeToggle" data-action="close" aria-expanded="true" aria-controls="a-iframeToggle"> <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-exit ai-sm   "   id="close-stickyHelp"   ></i>
  <span class="sr-only">Minimer hjelpevinduet</span>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
 </button>

    <iframe class="a-js-stickyHelpFrame" data-src="../../&#x2F;patterns&#x2F;04-sider-infoportal-70-hurtighjelp-60-hurtighjelp\04-sider-infoportal-70-hurtighjelp-60-hurtighjelp.html"></iframe>

  </div>

</div>

<!-- - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- End quickhelp -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - -->

<!-- END: 01-molekyler-06-hjelp-00-hjelp-container -->

<!-- END: 03-maler-portal-91-modal-01-modal -->


<!-- END: 04-sider-portal-51-varslingsadresse-00-varslingsadresse-modal -->