Karriereveiledning

Notice 

<!-- Notice -->
<h3>
    Notice
</h3>

<div class="notice-block notice-block--notice ">
    <h3>
        Intern forhåndsvisning
    </h3>
    <p>
        Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.
    </p>

</div>


<!-- Warning -->
<h3>
    Warning
</h3>

<div class="notice-block notice-block--warning ">
    <h3>
        Intern forhåndsvisning
    </h3>
    <p>
        Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.
    </p>

</div>


<!-- Information -->
<h3>
    Info
</h3>

<div class="notice-block notice-block--info ">
    <h3>
        Intern forhåndsvisning
    </h3>
    <p>
        Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.
    </p>

</div>


<!-- Notice Link -->
<h3>
    Notice as link
</h3>

<div class="notice-block notice-block--notice notice-block-link">
    <h3>
        Intern forhåndsvisning
    </h3>
    <p>
        Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.
    </p>

    <a href="#" class="stretched-link"></a>

</div>


<!-- Warning Link -->
<h3>
    Warning as link
</h3>

<div class="notice-block notice-block--warning notice-block-link">
    <h3>
        Intern forhåndsvisning
    </h3>
    <p>
        Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.
    </p>

    <a href="#" class="stretched-link"></a>

</div>


<!-- Info Link -->
<h3>
    Info as link
</h3>

<div class="notice-block notice-block--info notice-block-link">
    <h3>
        Intern forhåndsvisning
    </h3>
    <p>
        Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.
    </p>

    <a href="#" class="stretched-link"></a>

</div>


<h3>
  {{ title }}
</h3>

<div class="notice-block notice-block--{{ style }} {{ class }}">
  <h3>
    Intern forhåndsvisning
  </h3>
  <p>
    {{ body }}
  </p>
  {% if link %}
    <a href="#" class="stretched-link"></a>
  {% endif %}
</div>
 
/* Notice */
{
  "style": "notice",
  "body": "Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.",
  "link": false,
  "title": "Notice"
}


/* Warning */
{
  "style": "warning",
  "body": "Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.",
  "link": false,
  "title": "Warning"
}


/* Information */
{
  "style": "info",
  "body": "Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.",
  "link": false,
  "title": "Info"
}


/* Notice Link */
{
  "style": "notice",
  "body": "Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.",
  "link": true,
  "title": "Notice as link",
  "class": "notice-block-link"
}


/* Warning Link */
{
  "style": "warning",
  "body": "Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.",
  "link": true,
  "title": "Warning as link",
  "class": "notice-block-link"
}


/* Info Link */
{
  "style": "info",
  "body": "Dette er en forhåndsvisning av en kommende nett-tjeneste. Den er ikke ferdig, og skal kun brukes til brukertesting, feilretting og korrekturlesning.",
  "link": true,
  "title": "Info as link",
  "class": "notice-block-link"
}

No notes defined.