HiVolda Styleguide

Content Teaser: Employee 2 

<article class="search-result search-result--user">
    <div class="search-result__wrapper">
        <div class="search-result__img">
            <img src="https://via.placeholder.com/80" alt="Alt text">
        </div>

        <div class="search-result__content-wrapper">
            <h2 class="search-result__heading"><a href="#">Heading Example</a></h2>

            <h5 class="search-result__subheading">Subheading Example</h5>

            <div class="search-result__content">
                <p class="search-result__content-paragraph">
                    Department: <a class="search-result__link" href="#">Example department</a>
                </p>

                <a class="search-result__link" href="mailto:">Send e-mail</a>
            </div>
        </div>
    </div>
</article>
 
<{{ element }} class="search-result search-result--user">
  <div class="search-result__wrapper">
    <div class="search-result__img">
      <img src="{{ img_src }}" alt="{{ img_alt }}">
    </div>

    <div class="search-result__content-wrapper">
      <h2 class="search-result__heading"><a href="#">{{ heading }}</a></h2>

      {% if subheading %}
        <h5 class="search-result__subheading">{{ subheading }}</h5>
      {% endif %}

      <div class="search-result__content">
        <p class="search-result__content-paragraph">
          {{ 'Department' }}: <a class="search-result__link" href="#">{{ department }}</a>
        </p>

        <a class="search-result__link" href="mailto:{{ email }}">{{ 'Send e-mail' }}</a>
      </div>
    </div>
  </div>
</{{ element }}>
 
{
  "element": "article",
  "title": "Verdifull boksamling fra Volda",
  "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": "https://cldup.com/3EsQuKhX2a.png",
  "alt": "Image description",
  "href": "http://testlenke.no",
  "heading": "Heading Example",
  "subheading": "Subheading Example",
  "img_src": "https://via.placeholder.com/80",
  "img_alt": "Alt text",
  "department": "Example department"
}

No notes defined.