altinn-designsystem/dist/patterns/02-organismer-01-globale-91-footer-altinnett/02-organismer-01-globale-91-footer-altinnett.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-01-globale-91-footer-altinnett -->
<!-- START: 02-organismer-70-Modal-innhold-_10-modal -->
<div class="a-modal fade modal  a-fade--appear " id="modal-singel" role="dialog" tabindex="-1">
  <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>

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

        </div>
      </div>
      <div class="row">
        <div class="col-xl-10 offset-xl-1 a-p-static">
          <!-- START: 01-molekyler-20-modalelementer-10-modal-navbar -->
          <div class="a-modal-navbar">
            <!-- START: 00-atomer-04-handlingsknapper-10-knapp-ikon -->
            <button type="button" class="a-modal-close a-js-tabable-popover" onclick="goBack()" aria-label="Lukk">
  <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
  <span class="ai-stack">
    <i class="ai ai-stack-1x ai-plain-circle-big"></i>
<i class="ai-stack-1x ai ai-exit  a-modal-close-icon "    ></i>
  </span>


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


</button>


            <!-- END: 00-atomer-04-handlingsknapper-10-knapp-ikon -->

          </div>

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

          <div class="a-modal-content-target">
            <!-- The content will be injected here -->
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- END: 02-organismer-70-Modal-innhold-_10-modal -->

<!-- Begin Footer -->
<footer class="an-footer a-bgBlueDarker ">
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-lg-3 an-footer-contactColumn">
        <div class="an-footer-contactInfo">
          <h1 class="an-footer-heading">Vil du vite mer?</h1>
          <ul class="an-footer-contactLinks">
            <li>
              <a href="#">
                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                <i class="ai ai-phone   "></i>


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

                <span>800 33 840</span>
              </a>
            </li>
            <li>
              <a href="#" data-toggle="altinn-modal" data-action="load" data-url="../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html" data-target="#modal-singel">
                <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
                <i class="ai ai-send   "></i>


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

                <span>Kontakt oss</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-md-6 col-lg-9 an-footer-navigationColumn">
        <div class="an-footer-search">
          <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

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

            <label class="a-form-label  sr-only  " for="text-input-search-footer">Søk etter innhold</label>

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


              <input class="form-control  
         a-hasButton  " type="search" placeholder="Søk etter innhold" name="input-field" data-val="true" id="text-input-search-footer">

              <div class="input-group-append">
                <button onclick="location.href='/patterns/04-sider-altinnett-60-sok-10-sok-forside/04-sider-altinnett-60-sok-10-sok-forside.html';" class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   "    ></i>


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

              <span class="sr-only">Søk</span>
          </button>
              </div>



            </div>


          </div>

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

        </div>
        <ul class="an-footer-infoLinks">
          <li><a class="" href="#">Altinns rolle</a></li>
          <li><a class="" href="#">Altinn i fremtiden</a></li>
          <li><a class="" href="#">Innovation</a></li>
        </ul>
        <div class="an-footer-supplementaryInfo">
          <ul class="an-footer-smallLinks">
            <li><a class="" href="#">Driftsmeldinger</a></li>
            <li><a class="" href="#">Personvern</a></li>
            <li><a class="" href="#">Hjelp</a></li>
          </ul>
          <span class="an-footer-address">Brønnøysundregistrene, 8910 Brønnøysund</span>
        </div>
      </div>
    </div>

  </div>
  <!-- End Container -->
</footer>
<!-- End Footer -->
<!-- END: 02-organismer-01-globale-91-footer-altinnett -->