altinn-designsystem/dist/patterns/02-organismer-30-seksjoner-110-altinnett-nyheter-arrangementer/02-organismer-30-seksjoner-110-altinnett-nyheter-arrangementer.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-30-seksjoner-110-altinnett-nyheter-arrangementer -->
<div class="a-bgGreyLighter">
  <div class="container py-5 py-lg-8 mb-6 mb-lg-8">
    <div class="row an-nyheter-arrangement-block">
      <div class="col-12 col-lg-6 an-nyheter-arrangement-block-inner mb-5 mb-lg-0">
        <h2 class="mb-3 a-fontSizeXL a-blueDarkerText a-fontBold">Arrangementer</h2>
        <!-- START: 01-molekyler-03-media-120-altinnett-arrangement -->
        <div class="an-arrangement-block">
          <a href="#" class="an-arrangement-block-inner a-noUnderline">
            <div class="mr-1 an-arrangement-block-show-large">
              <!-- START: 00-atomer-07-tekst-06-dato -->
              <div class="a-date mb-0">
                <div class="a-date-day ">20</div>
                <div class="a-date-month">feb</div>
              </div>

              <!-- END: 00-atomer-07-tekst-06-dato -->

            </div>
            <div class="mr-1 an-arrangement-block-hidden-small">
              <!-- START: 00-atomer-07-tekst-06-dato -->
              <div class="a-date a-date--large">
                <div class="a-date-day ">20</div>
                <div class="a-date-month">feb</div>
              </div>

              <!-- END: 00-atomer-07-tekst-06-dato -->

            </div>

            <div class="an-arrangement-block-text">
              <h3 class="mb-0">Altinndagen 2018</h3>
              <p>Altinn har 15-årsdag i år - bli med og feir med oss og hør spennende foredrag.</p>
            </div>
          </a>
          <a href="#" class="an-arrangement-block-inner a-noUnderline">
            <div class="mr-1 ">
              <!-- START: 00-atomer-07-tekst-06-dato -->
              <div class="a-date mb-0">
                <div class="a-date-day ">20</div>
                <div class="a-date-month">feb</div>
              </div>

              <!-- END: 00-atomer-07-tekst-06-dato -->

            </div>

            <div class="an-arrangement-block-text">
              <p>Inspirasjonsforedrag på DOGA</p>
            </div>
          </a>
        </div>
        <!-- END: 01-molekyler-03-media-120-altinnett-arrangement -->

        <div class="mt-auto pt-3">
          <!-- START: 00-atomer-02-lenker-03-♺-link-fremhevet -->
          <!-- START: 00-atomer-02-lenker-00-link -->
          <a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-linkFeatured ">
  Vis alle arrangementer
  
    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sm ai-nw ai-nw-right ai-arrowright   "    ></i>


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

</a>
          <!-- END: 00-atomer-02-lenker-00-link -->


          <!-- END: 00-atomer-02-lenker-03-♺-link-fremhevet -->

        </div>
      </div>
      <div class="col-12 col-lg-5 offset-lg-1 an-nyheter-arrangement-block-inner">
        <h2 class="mb-3 a-fontSizeXL a-blueDarkerText a-fontBold">Nytt i Altinn</h2>
        <!-- START: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->
        <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
        <div class="a-list-container ">
          <ul class="a-list   a-list-borderTop a-list-noIcon ">
            <li class="a-dotted a-clickable a-list-hasRowLink">
              <a href="http://altinn.no" class="a-list-rowLink">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Forbedring av søk (v. 18.5)







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </a>
            </li>
            <li class="a-dotted a-clickable a-list-hasRowLink">
              <a href="http://altinn.no" class="a-list-rowLink">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Ny tilpasset innboks (v. 18.6)







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </a>
            </li>
            <li class="a-dotted a-clickable a-list-hasRowLink">
              <a href="http://altinn.no" class="a-list-rowLink">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Ny testversjon av Tjenester 3.0







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </a>
            </li>
            <li class="a-dotted a-clickable a-list-hasRowLink">
              <a href="http://altinn.no" class="a-list-rowLink">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Gladnyhet til alle tjenesteeiere







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </a>
            </li>
            <li class="a-dotted a-clickable a-list-hasRowLink">
              <a href="http://altinn.no" class="a-list-rowLink">
                <div class="row ">
                  <div class="col">
                    <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

                    Aldri vært raskere å søke om lån







                    <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

                  </div>
                </div>
              </a>
            </li>
          </ul>
        </div>
        <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->


        <!-- END: 01-molekyler-05-lister-02-♺-liste-unummerert-lenke -->

        <div class="mt-auto pt-3">
          <!-- START: 00-atomer-02-lenker-03-♺-link-fremhevet -->
          <!-- START: 00-atomer-02-lenker-00-link -->
          <a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-linkFeatured ">
  Vis alle nyheter
  
    <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-sm ai-nw ai-nw-right ai-arrowright   "    ></i>


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

</a>
          <!-- END: 00-atomer-02-lenker-00-link -->


          <!-- END: 00-atomer-02-lenker-03-♺-link-fremhevet -->

        </div>
      </div>
    </div>
  </div>
</div>
<!-- END: 02-organismer-30-seksjoner-110-altinnett-nyheter-arrangementer -->