HiVolda Styleguide

Content Teaser: Employee 

<article class="content-teaser employee ">
    <a href="http://testlenke.no" class="link-block">
        <div class="image"><img src="/images/employee.jpg" alt="Image description"></div>
        <h1 class="title"> Johann Roppen</h1>
        <p class="position">Rektor</p>
    </a>

    <p class="department">Avdeling: <a href="http://testlenke.no">Leiing</a></p>

    <a href="mailto:johann@hivolda.no">Send e-post</a>
</article>
 
<{{element}} class="content-teaser employee {{ class }}">
  <a href="{{ href }}" class="link-block">
    <div class="image"><img src="{{ src }}" alt="{{ alt }}"></div>
    <h1 class="title"> {{ title }}</h1>
    <p class="position">{{ position }}</p>
  </a>
  {% if department %}
  <p class="department">Avdeling: <a href="http://testlenke.no">{{ department }}</a></p>
  {% endif %}
  {% if email %} <a href="mailto:{{ email }}">Send e-post</a> {% endif %}
</{{element}}>
 
{
  "element": "article",
  "title": "Johann Roppen",
  "date": "09. januar 2017",
  "datetime": "2017-01-09",
  "desc": "Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio",
  "src": "/images/employee.jpg",
  "alt": "Image description",
  "href": "http://testlenke.no",
  "position": "Rektor",
  "department": "Leiing",
  "email": "johann@hivolda.no"
}

No notes defined.