HiVolda Styleguide

Content Teaser: Article Large 

<article class="content-teaser article large ">
    <a href="http://testlenke.no" class="link-block">
        <div class="image"><img src="/images/content-teaser-large.jpg" alt="Image description"></div>
        <div class="text-wrapper">
            <time datetime="2018-09-11" class="published">11. sep 2018</time>
            <h1 class="title"> God auke i søkjarar i Volda</h1>
            <div class="desc">
                <p>Høgskulen i Volda har ein god auke i talet på førsteprioritetssøkjarar i Samordna opptak samanlikna med fjoråret. Dette er klart etter at søknadsfristen gjekk ut 15. april.</p>
            </div>
        </div>
    </a>
</article>
 
<{{element}} class="content-teaser article large {{ class }}">
  <a href="{{ href }}" class="link-block">
    <div class="image"><img src="{{ src }}" alt="{{ alt }}"></div>
    <div class="text-wrapper">
      {% if date %}<time datetime="{{ datetime }}" class="published">{{ date }}</time>{% endif %}
      <h1 class="title"> {{ title }}</h1>
      {% if desc %}<div class="desc">{{ desc | markdown }}</div>{% endif %}
    </div>
  </a>
</{{element}}>
 
{
  "element": "article",
  "title": "God auke i søkjarar i Volda",
  "date": "11. sep 2018",
  "datetime": "2018-09-11",
  "desc": "Høgskulen i Volda har ein god auke i talet på førsteprioritetssøkjarar i Samordna opptak samanlikna med fjoråret. Dette er klart etter at søknadsfristen gjekk ut 15. april.",
  "src": "/images/content-teaser-large.jpg",
  "alt": "Image description",
  "href": "http://testlenke.no"
}

No notes defined.