Sidetopp Sidetopp med grafisk element

Sidetopp med grafisk element

Eksempler

Hjelpemidler

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt iusto sit ad magnam eum labore a harum eaque quo excepturi impe

  • Har du praktiske behov i hverdagen, kan du ha nytte av hjelpemidler.
  • Det er ikke nødvendig med henvisning fra lege eller lignende for å låne hjelpemidler.

Hei!
Hva letter du
etter i dag?

<div class="page-header page-header--green">
  <div class="page-header__content">
    <h1>Hjelpemidler</h1>
    <ul>
      <li>Har du praktiske behov i hverdagen, kan du ha nytte av hjelpemidler.</li>
      <li>Det er ikke nødvendig med henvisning fra lege eller lignende for å låne hjelpemidler.</li>
      <li>Hjelpemidlene fra kommunene kan lånes i 3 måneder av gangen</li>
    </ul>
  </div>
</div>

<div class="page-header page-header--blue">
  <div class="page-header__content">
    <h1>Hjelpemidler er fint å ha, det er også</h1>
    <p>Har du praktiske behov i hverdagen, kan du ha nytte av hjelpemidler. Har du praktiske behov i hverdagen, kan du
      ha nytte av hjelpemidler. Har du praktiske behov i hverdagen, kan du ha nytte av hjelpemidler.</p>
  </div>
</div>

<div class="page-header page-header--dark-blue">
  <div class="page-header__content">
    <h1>Hjelpemidler er fint å ha</h1>
  </div>
</div>

<div class="page-header page-header--pink">
  <div class="page-header__content">
    <h1>Hjelpemidler er fint å ha</h1>
  </div>
</div>

<div class="page-header page-header--yellow">
  <div class="page-header__content">
    <h1>Hjelpemidler er fint å ha</h1>
  </div>
</div>

<div class="page-header page-header--orange">
  <div class="page-header__content">
    <h1>Hjelpemidler er fint å ha</h1>
  </div>
</div>

<div class="page-header-complex">
  <div class="page-header-complex__content">
    <div class="page-header-complex__content__max-width">
      <h1 class="page-header-complex__content__header">Hjelpemidler</h1>
      <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt iusto sit ad magnam eum labore a harum
        eaque quo excepturi impe</p>
      <ul>
        <li>Har du praktiske behov i hverdagen, kan du ha nytte av hjelpemidler.</li>
        <li>Det er ikke nødvendig med henvisning fra lege eller lignende for å låne hjelpemidler.</li>
      </ul>
    </div>
  </div>
  <div class="page-header-complex__image-wrapper" style="background-image: url('/assets/images/figure_green.svg')">
  </div>
</div>

<!--  Start page top -->

<div class="startpage-header">
  <div class="startpage-header__content">
    <h1 class="startpage-header__content__header">Hei!<br>Hva letter du<br>etter i dag?</h1>
    <section class="search-section front-page-search">
      <form class="search" name="search" id="search" action="/" method="GET">
        <input id="front-page-search" type="text" name="q" id="q" class="search__input"
          placeholder="Søk i hele Lillestrøm kommune" />
        <button type="submit" class="button button--normal search__button" aria-label="Søk">
          <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
            viewBox="0 0 24 24">
            <path 
              d="M16,17.49h0L11,12.5v-.79l-.27-.28a6.509,6.509,0,1,1,.7-.7l.28.27h.79l4.99,5L16,17.489ZM6.5,2A4.5,4.5,0,1,0,11,6.5,4.505,4.505,0,0,0,6.5,2Z"
              transform="translate(3 3)" fill="#233464" />
            <path d="M0,0H24V24H0Z" fill="none" />
          </svg>
        </button>
      </form>
    </section>
  </div>
  <div class="startpage-header__image-wrapper" style="background-image: url('/assets/images/start_page_figure.svg')">
  </div>

</div>