HiVolda Styleguide

Content Teaser: Study 2 

<article class="search-result search-result--study ">
    <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">
                    Example semester | Example study mode
                </p>
            </div>
        </div>
    </div>
</article>
 
<{{ element }} class="search-result search-result--study {{ extra_class }}">
  <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>
      <h5 class="search-result__subheading">{{ subheading }}</h5>

      <div class="search-result__content">
        <p class="search-result__content-paragraph">
          {{ semester }} | {{ study_mode }}
        </p>
      </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",
  "link_href": "#",
  "link_text": "Example link",
  "link_target": "_self",
  "semester": "Example semester",
  "study_mode": "Example study mode"
}

No notes defined.