<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="page-title-banner mb-lg" style="background-image: url(/img/page-title-bg.jpg);">
<div class="container">
<div class="page-title-secondary before">Veiled deg selv (Secondary title before)</div>
<h1 class="page-title">Title with background</h1>
<div class="page-title-secondary after">Veiled deg selv (Secondary title after)</div>
</div>
</div>
</div>
<div class="page-title-wrapper">
<div class="container">
<div class="page-title-secondary before">Veiled deg selv (Secondary title before)</div>
<h1 class="page-title">Studie- og jobbmuligheter (default)</h1>
<div class="page-title-secondary after">Veiled deg selv (Secondary title after)</div>
</div>
</div>
<div class="container grid-base grid-row-gap-lg">
<div class="grid-item-full">
<p class="text-lg">Hvilke fagkrav og poengkrav stilles for studiene du vurderer? Er dette et studie som matcher meg og mine interesser? Hvordan er arbeidsmarkedet/framtidsutsiktene for jobb etter endt utdannelse?</p>
<p>Finn ut hvilke yrker og bransjer som passer til deg. Vær åpen for flere bransjer enn de du hadde sett for deg i utgangspunktet. Få innsikt i hvilken kompetanse disse yrkene krever samt om din kompetanse matcher disse kravene og hvordan du evt kan skaffe deg riktig kompetanse.</p>
</div>
<div class="grid-item-full">
<div class="accordion-large">
<section class="accordion-large-item">
<header class="accordion-large-header">
<h2 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-large-item">
Om Karriereveiledning.no
</a>
</h2>
</header>
<div class="accordion-large-body">
<div class="accordion">
<article class="accordion-item">
<header class="accordion-header">
<h3 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-item">
Hva skjer hvis jeg ikke svarer innen fristen?
</a>
</h3>
</header>
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar <a href="http://testlenke.no">odio lorem non turpis</a>. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volut</p>
</div>
</article>
<article class="accordion-item">
<header class="accordion-header">
<h3 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-item">
Hvordan svarer jeg ja til en studieplass?
</a>
</h3>
</header>
<div class="accordion-body">
<p>Så lenge det er innenfor svarfristen, kan du endre svar så mange ganger du ønsker.</p>
</div>
</article>
<article class="accordion-item">
<header class="accordion-header">
<h3 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-item">
Jeg har allerede registrert svar, men nå har jeg ombestemt meg. Kan jeg forandre svaret?
</a>
</h3>
</header>
<div class="accordion-body">
<p>Så lenge det er innenfor svarfristen, kan du endre svar så mange ganger du ønsker.</p>
</div>
</article>
</div>
</div>
</section>
<section class="accordion-large-item">
<header class="accordion-large-header">
<h2 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-large-item">
Spørsmål om jobbsøking og yrker
</a>
</h2>
</header>
<div class="accordion-large-body">
<div class="accordion">
<article class="accordion-item">
<header class="accordion-header">
<h3 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-item">
Hva skjer hvis jeg ikke svarer innen fristen?
</a>
</h3>
</header>
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar <a href="http://testlenke.no">odio lorem non turpis</a>. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volut</p>
</div>
</article>
<article class="accordion-item">
<header class="accordion-header">
<h3 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-item">
Hvordan svarer jeg ja til en studieplass?
</a>
</h3>
</header>
<div class="accordion-body">
<p>Så lenge det er innenfor svarfristen, kan du endre svar så mange ganger du ønsker.</p>
</div>
</article>
<article class="accordion-item">
<header class="accordion-header">
<h3 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-item">
Jeg har allerede registrert svar, men nå har jeg ombestemt meg. Kan jeg forandre svaret?
</a>
</h3>
</header>
<div class="accordion-body">
<p>Så lenge det er innenfor svarfristen, kan du endre svar så mange ganger du ønsker.</p>
</div>
</article>
</div>
</div>
</section>
<section class="accordion-large-item">
<header class="accordion-large-header">
<h2 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-large-item">
Spørsmål angående opptak til høyere utdanning
</a>
</h2>
</header>
<div class="accordion-large-body">
<div class="accordion">
<article class="accordion-item">
<header class="accordion-header">
<h3 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-item">
Hva skjer hvis jeg ikke svarer innen fristen?
</a>
</h3>
</header>
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar <a href="http://testlenke.no">odio lorem non turpis</a>. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volut</p>
</div>
</article>
<article class="accordion-item">
<header class="accordion-header">
<h3 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-item">
Hvordan svarer jeg ja til en studieplass?
</a>
</h3>
</header>
<div class="accordion-body">
<p>Så lenge det er innenfor svarfristen, kan du endre svar så mange ganger du ønsker.</p>
</div>
</article>
<article class="accordion-item">
<header class="accordion-header">
<h3 class="title">
<a href="#" data-toggle-class="is-open" data-toggle-closest-selector=".accordion-item">
Jeg har allerede registrert svar, men nå har jeg ombestemt meg. Kan jeg forandre svaret?
</a>
</h3>
</header>
<div class="accordion-body">
<p>Så lenge det er innenfor svarfristen, kan du endre svar så mange ganger du ønsker.</p>
</div>
</article>
</div>
</div>
</section>
</div>
</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="page-title-banner mb-lg"
style="background-image: url(/img/page-title-bg.jpg);">
<div class="container">
{% if secondary_title_before %}
{% include '@element' with secondary_title_before %}
{% endif %}
{% include '@header--h1' with page_title_banner %}
{% if secondary_title_after %}
{% include '@element' with secondary_title_after %}
{% endif %}
</div>
</div>
</div>
<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 '@paragraph--large' with intro %}
{% include '@paragraph' with paragraph %}
</div>
<div class="grid-item-full">
{% include '@accordion-large' %}
</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' %}
{
"secondary_title_before": {
"copy": "Veiled deg selv (Secondary title before)",
"element": "div",
"class": "page-title-secondary before"
},
"secondary_title_after": {
"copy": "Veiled deg selv (Secondary title after)",
"element": "div",
"class": "page-title-secondary after"
},
"page_title": {
"copy": "Studie- og jobbmuligheter (default)",
"class": "page-title"
},
"page_title_banner": {
"copy": "Title with background",
"class": "page-title"
},
"intro": {
"copy": "Hvilke fagkrav og poengkrav stilles for studiene du vurderer? Er dette et studie som matcher meg og mine interesser? Hvordan er arbeidsmarkedet/framtidsutsiktene for jobb etter endt utdannelse?"
},
"paragraph": {
"copy": "Finn ut hvilke yrker og bransjer som passer til deg. Vær åpen for flere bransjer enn de du hadde sett for deg i utgangspunktet. Få innsikt i hvilken kompetanse disse yrkene krever samt om din kompetanse matcher disse kravene og hvordan du evt kan skaffe deg riktig kompetanse."
}
}
No notes defined.