HiVolda Styleguide

Content List: Article 2 

<section class="row widget-content-list article row-space-large grid-three">
    <div class="inner-row">

        <div class="wg-header">
            <h1 class="wg-title">Meir om [kategori]</h1>

        </div>

        <div class="wg-body">

            <div class="grid-item">
                <article class="content-teaser article ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="https://cldup.com/3EsQuKhX2a.png" alt="Image description"></div>
                        <time datetime="2017-01-09" class="published">09. januar 2017</time>
                        <h1 class="title"> Vocalese 2017</h1>
                        <div class="desc">
                            <p>Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio</p>
                        </div>
                    </a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser article ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="https://cldup.com/3EsQuKhX2a.png" alt="Image description"></div>
                        <time datetime="2017-01-09" class="published">09. januar 2017</time>
                        <h1 class="title"> Nytt emne gir jobbmoglegheiter for studentane</h1>
                        <div class="desc">
                            <p>Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio</p>
                        </div>
                    </a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser article ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="https://cldup.com/3EsQuKhX2a.png" alt="Image description"></div>
                        <time datetime="2017-01-09" class="published">09. januar 2017</time>
                        <h1 class="title"> Testar ut yrket frå første stund</h1>
                        <div class="desc">
                            <p>Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio</p>
                        </div>
                    </a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser article ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="https://cldup.com/3EsQuKhX2a.png" alt="Image description"></div>
                        <time datetime="2017-01-09" class="published">09. januar 2017</time>
                        <h1 class="title"> Vocalese 2017</h1>
                        <div class="desc">
                            <p>Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio</p>
                        </div>
                    </a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser article ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="https://cldup.com/3EsQuKhX2a.png" alt="Image description"></div>
                        <time datetime="2017-01-09" class="published">09. januar 2017</time>
                        <h1 class="title"> Nytt emne gir jobbmoglegheiter for studentane</h1>
                        <div class="desc">
                            <p>Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio</p>
                        </div>
                    </a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser article ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="https://cldup.com/3EsQuKhX2a.png" alt="Image description"></div>
                        <time datetime="2017-01-09" class="published">09. januar 2017</time>
                        <h1 class="title"> Testar ut yrket frå første stund</h1>
                        <div class="desc">
                            <p>Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio</p>
                        </div>
                    </a>
                </article>

            </div>

        </div>

        <div class="wg-footer">
            <p><a href="http://testlenke.no" class="arrow-link">Les fleire nyheter fra kategori</a></p>

        </div>

    </div>
</section>
 
{% include "@widget-top"%}
  {% for item in items %}
  <div class="grid-item">
  {% render "@module-content-teaser--article", item, true %}
  </div>
  {% endfor %}
{% include "@widget-bottom"%}
 
{
  "wg_element": "section",
  "wg_class": "widget-content-list article row-space-large grid-three",
  "wg_title": "Meir om [kategori]",
  "wg_title_element": "h1",
  "wg_footer": "[Les fleire nyheter fra kategori](http://testlenke.no){.arrow-link}\n",
  "items": [
    {
      "title": "Vocalese 2017"
    },
    {
      "title": "Nytt emne gir jobbmoglegheiter for studentane"
    },
    {
      "title": "Testar ut yrket frå første stund"
    },
    {
      "title": "Vocalese 2017"
    },
    {
      "title": "Nytt emne gir jobbmoglegheiter for studentane"
    },
    {
      "title": "Testar ut yrket frå første stund"
    }
  ]
}

No notes defined.