<header class="page-header">
    <a href="#main-content" class="skip-link">Til hovedinnhold</a>
    <div class="container">
        <div class="logo-wrapper">
            <a href="" class="logo">
                <svg>
                    <use xlink:href="/svg/spritemap.svg#logo-tagline"></use>
                </svg>
                <span class="visually-hidden">
                    Karriereveiledning.no - Offentlig og gratis
                </span>
            </a>
            <button type="button" class="btn btn-icon-only md-down icon-bars toggle-main-menu" data-toggle-class="is-open" data-toggle-selector=".page-header">
                <span class="visually-hidden">Meny</span>
            </button>
        </div>

        <div class="nav-search-wrapper">
            <div class="region-menu">
                <nav role="navigation" aria-labelledby="block-karriereveiledning-main-menu-menu" id="block-karriereveiledning-main-menu" class="main-menu">
                    <h2 class="visually-hidden" id="block-karriereveiledning-main-menu-menu">
                        Hovedmeny
                    </h2>

                    <ul block="karriereveiledning_main_menu" class="menu">
                        <li><a href="">Kontakt veileder</a></li>
                        <li class="expanded">
                            <a href="">Utforsk selv</a>
                            <ul>
                                <li class="expanded">
                                    <a href="">Jobb</a>
                                    <ul>
                                        <li><a href="">Slik finner du ledige stillinger</a></li>
                                        <li><a href="">CV og søknad</a></li>
                                        <li><a href="">Tips til intervju</a></li>
                                    </ul>
                                </li>
                                <li><a href="">Utdanning</a></li>
                                <li><a href="">Etter- og videreutdanning</a></li>
                            </ul>
                        </li>

                        <li class="expanded active-trail">
                            <a href="">Vanlige spørsmål</a>
                            <ul>
                                <li><a href="">Før samtalen</a></li>
                                <li class="active-trail"><a href="">Vanlige spørsmål</a></li>
                                <li><a href="">Åpne nettprat</a></li>
                            </ul>
                        </li>

                    </ul>
                </nav>
                <div class="md-down" id="block-knk-site-search-mobile">
                    <form class="views-exposed-form search-form" data-drupal-selector="views-exposed-form-knk-site-search-knk-search-page" action="/sok" method="get" id="views-exposed-form-knk-site-search-knk-search-page" accept-charset="UTF-8">
                        <div class="js-form-item form-item js-form-type-textfield form-item-search js-form-item-search">
                            <label for="edit-search">Søk</label>
                            <input data-drupal-selector="edit-search" type="text" id="edit-search" name="search" value="" size="30" maxlength="128" class="form-text" />
                        </div>

                        <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions">
                            <input data-drupal-selector="edit-submit-knk-site-search" type="submit" id="edit-submit-knk-site-search" value="Søk" class="button js-form-submit form-submit" />
                        </div>
                    </form>
                </div>

            </div>

            <div class="page-search md-up">
                <div class="" id="block-search-form-mini">
                    <form class="views-exposed-form search-form" data-drupal-selector="views-exposed-form-knk-site-search-knk-search-page" action="/sok" method="get" id="views-exposed-form-knk-site-search-knk-search-page" accept-charset="UTF-8">
                        <div class="js-form-item form-item js-form-type-textfield form-item-search js-form-item-search">
                            <label for="edit-search">Søk</label>
                            <input data-drupal-selector="edit-search" type="text" id="edit-search" name="search" value="" size="30" maxlength="128" class="form-text" />
                        </div>

                        <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions">
                            <input data-drupal-selector="edit-submit-knk-site-search" type="submit" id="edit-submit-knk-site-search" value="Søk" class="button js-form-submit form-submit" />
                        </div>
                    </form>
                </div>

                <button type="button" class="btn btn-icon-only icon-search toggle-search" data-toggle-class="search-is-open" data-toggle-selector=".page-header">
                    <span class="visually-hidden">Åpne søk</span>
                </button>
            </div>
        </div>
    </div>
</header>

<main id="main-content" class="page-body">
    <div class="page-title-wrapper">
        <div class="container">

            <h1 class="page-title">SØK</h1>

        </div>
    </div>

    <div class="container grid-base grid-row-gap-lg">
        <div class="grid-item-full">
            <div class="" id="block-search-form">
                <form class="views-exposed-form search-form" data-drupal-selector="views-exposed-form-knk-site-search-knk-search-page" action="/sok" method="get" id="views-exposed-form-knk-site-search-knk-search-page" accept-charset="UTF-8">
                    <div class="js-form-item form-item js-form-type-textfield form-item-search js-form-item-search">
                        <label for="edit-search">Søk</label>
                        <input data-drupal-selector="edit-search" type="text" id="edit-search" name="search" value="" size="30" maxlength="128" class="form-text" />
                    </div>

                    <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions">
                        <input data-drupal-selector="edit-submit-knk-site-search" type="submit" id="edit-submit-knk-site-search" value="Søk" class="button js-form-submit form-submit" />
                    </div>
                </form>
            </div>

            <article role="article" class="search-result">
                <header>
                    <h3 class="search-result__title">
                        <a href="/karriereveiledning" rel="bookmark">Karriereveiledning</a>
                    </h3>
                </header>
                <div class="search-result__content clearfix">
                    <p>
                        Offentlig karriereveiledning&nbsp;| Snakk med profesjonelle
                        karriereveiledere på nett eller telefon - gratis for alle
                    </p>
                </div>
            </article>

            <article role="article" class="search-result">
                <header>
                    <h3 class="search-result__title">
                        <a href="/karriereveiledning" rel="bookmark">
                            Jeg har søkt mange jobber, men får ingen, hva gjør jeg?
                        </a>
                    </h3>
                </header>
                <div class="search-result__content clearfix">
                    <p>
                        Offentlig karriereveiledning&nbsp;| Snakk med profesjonelle
                        karriereveiledere på nett eller telefon - gratis for alle
                    </p>
                </div>
            </article>

            <article role="article" class="search-result">
                <header>
                    <h3 class="search-result__title">
                        <a href="/karriereveiledning" rel="bookmark">
                            Hvordan starte egen bedrift?
                        </a>
                    </h3>
                </header>
                <div class="search-result__content clearfix">
                    <p>
                        Offentlig karriereveiledning&nbsp;| Snakk med profesjonelle
                        karriereveiledere på nett eller telefon - gratis for alle
                    </p>
                </div>
            </article>

            <article role="article" class="search-result">
                <header>
                    <h3 class="search-result__title">
                        <a href="/karriereveiledning" rel="bookmark">
                            Jeg kan ikke jobbe, hva sier jeg til alle som spør om jeg studerer
                            eller jobber?
                        </a>
                    </h3>
                </header>
                <div class="search-result__content clearfix">
                    <p>
                        Offentlig karriereveiledning&nbsp;| Snakk med profesjonelle
                        karriereveiledere på nett eller telefon - gratis for alle
                    </p>
                </div>
            </article>

            <nav class="pagination" role="navigation" aria-labelledby="pagination-heading">
                <h4 id="pagination-heading" class="visually-hidden">
                    Pagination
                </h4>
                <ul class="pager__items js-pager__items">
                    <li class="pager__item first">
                        <a href="?search=&amp;page=0" title="Go to first page">
                            <span class="visually-hidden">First page</span>
                            <span aria-hidden="true">« First</span>
                        </a>
                    </li>
                    <li class="pager__item previous">
                        <a href="?search=&amp;page=0" title="Go to previous page" rel="prev">
                            <span class="visually-hidden">Previous page</span>
                            <span aria-hidden="true">‹‹</span>
                        </a>
                    </li>
                    <li class="pager__item">
                        <a href="?search=&amp;page=0" title="Go to page 1">
                            <span class="visually-hidden">Page</span>1
                        </a>
                    </li>
                    <li class="pager__item active">
                        <a href="?search=&amp;page=1" title="Current page">
                            <span class="visually-hidden">Current page</span>2
                        </a>
                    </li>
                    <li class="pager__item">
                        <a href="?search=&amp;page=2" title="Go to page 3">
                            <span class="visually-hidden">Page</span>3
                        </a>
                    </li>
                    <li class="pager__item next">
                        <a href="?search=&amp;page=2" title="Go to next page" rel="next">
                            <span class="visually-hidden">Next page</span>
                            <span aria-hidden="true">››</span>
                        </a>
                    </li>
                    <li class="pager__item last">
                        <a href="?search=&amp;page=2" title="Go to last page">
                            <span class="visually-hidden">Last page</span>
                            <span aria-hidden="true">Last »</span>
                        </a>
                    </li>
                </ul>
            </nav>

        </div>

        <div class="spacer grid-item-full"></div>

        <div class="grid-item-one-third">

            <div class="card ">

                <img src="/img/envelope@2x.png" alt="" />

                <h3 class="title">Kontakt veileder via mail</h3>

                <div class="body">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed ante dapibus diam. Sed nisi. Nulla</p>
                    <p><a href="mailto:postmottak@kompetansenorge.no">postmottak@kompetansenorge.no</a></p>

                </div>

            </div>

        </div>
        <div class="grid-item-one-third">

            <div class="card ">

                <img src="/img/phone@2x.png" alt="" />

                <h3 class="title">Kontakt veileder via telefon</h3>

                <div class="body">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed ante dapibus diam. Sed nisi. Nulla</p>
                    <p><a href="mailto:postmottak@kompetansenorge.no">postmottak@kompetansenorge.no</a></p>

                </div>

            </div>

        </div>
        <div class="grid-item-one-third">

            <div class="card ">

                <img src="/img/chat@2x.png" alt="" />

                <h3 class="title">Kontakt veileder via chat</h3>

                <div class="body">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed ante dapibus diam. Sed nisi. Nulla</p>
                    <p><a href="mailto:postmottak@kompetansenorge.no">postmottak@kompetansenorge.no</a></p>

                </div>

            </div>

        </div>
    </div>
</main>
<footer class="page-footer">
    <div class="container">
        <a href="https://hkdir.no/" class="logo">
            <img src="/img/hkdir-logo.png" alt="HKDir.no logo" />
            <span class="visually-hidden">HKDir.no</span>
        </a>
        <nav role="navigation" class="footer-menu">
            <h2 class="visually-hidden">
                Bunntekst-meny
            </h2>
            <ul block="karriereveiledning_footer">
                <li><a href="">Nytt menypunkt 1</a></li>
                <li><a href="">Nytt menypunkt 2</a></li>
                <li><a href="">Nytt menypunkt 3</a></li>
            </ul>
        </nav>
        <nav role="navigation" class="footer-menu">
            <h2 class="visually-hidden">
                Bunntekst-meny
            </h2>
            <ul block="karriereveiledning_footer">
                <li><a href="">Karrieresenter i ditt fylke</a></li>
                <li><a class="is-active" href="">Om Karriereveiledning.no</a></li>
                <li><a href="">Personvernerklæring</a></li>
            </ul>
        </nav>
    </div>
</footer>
{% include '@page-header' %}
<main id="main-content" class="page-body">
  <div class="page-title-wrapper">
    <div class="container">
      {% if secondary_title_before %}
        {% include '@element' with secondary_title_before %}
      {% endif %}
      {% include '@header--h1' with page_title %}
      {% if secondary_title_after %}
        {% include '@element' with secondary_title_after %}
      {% endif %}
    </div>
  </div>

  <div class="container grid-base grid-row-gap-lg">
    <div class="grid-item-full">
      {% include '@search-form' with {
        form_id: 'block-search-form'
      } %}

      <article role="article" class="search-result">
        <header>
          <h3 class="search-result__title">
            <a href="/karriereveiledning" rel="bookmark">Karriereveiledning</a>
          </h3>
        </header>
        <div class="search-result__content clearfix">
          <p>
            Offentlig karriereveiledning&nbsp;| Snakk med profesjonelle
            karriereveiledere på nett eller telefon - gratis for alle
          </p>
        </div>
      </article>

      <article role="article" class="search-result">
        <header>
          <h3 class="search-result__title">
            <a href="/karriereveiledning" rel="bookmark">
              Jeg har søkt mange jobber, men får ingen, hva gjør jeg?
            </a>
          </h3>
        </header>
        <div class="search-result__content clearfix">
          <p>
            Offentlig karriereveiledning&nbsp;| Snakk med profesjonelle
            karriereveiledere på nett eller telefon - gratis for alle
          </p>
        </div>
      </article>

      <article role="article" class="search-result">
        <header>
          <h3 class="search-result__title">
            <a href="/karriereveiledning" rel="bookmark">
              Hvordan starte egen bedrift?
            </a>
          </h3>
        </header>
        <div class="search-result__content clearfix">
          <p>
            Offentlig karriereveiledning&nbsp;| Snakk med profesjonelle
            karriereveiledere på nett eller telefon - gratis for alle
          </p>
        </div>
      </article>

      <article role="article" class="search-result">
        <header>
          <h3 class="search-result__title">
            <a href="/karriereveiledning" rel="bookmark">
              Jeg kan ikke jobbe, hva sier jeg til alle som spør om jeg studerer
              eller jobber?
            </a>
          </h3>
        </header>
        <div class="search-result__content clearfix">
          <p>
            Offentlig karriereveiledning&nbsp;| Snakk med profesjonelle
            karriereveiledere på nett eller telefon - gratis for alle
          </p>
        </div>
      </article>

      {% include '@pager' %}
    </div>

    {% include '@spacer' with {
      class: 'grid-item-full'
    } %}

    <div class="grid-item-one-third">
      {# Kontakt veileder via mail #}
      {% include '@card' with {
        title: {
          copy: 'Kontakt veileder via mail'
        }
      } %}
    </div>
    <div class="grid-item-one-third">
      {# Kontakt veileder via telefon #}
      {% include '@card' with {
        title: {
          copy: 'Kontakt veileder via telefon'
        },
        img: '/img/phone@2x.png'
      } %}
    </div>
    <div class="grid-item-one-third">
      {# Kontakt veileder via chat #}
      {% include '@card' with {
        title: {
          copy: 'Kontakt veileder via chat'
        },
        img: '/img/chat@2x.png'
      } %}
    </div>
  </div>
</main>
{% include '@page-footer' %}
{
  "page_title": {
    "copy": "SØK",
    "class": "page-title"
  }
}

No notes defined.