HiVolda Styleguide

Content List: Study 

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

        <div class="wg-header">
            <h1 class="wg-title">Relaterte studier</h1>

        </div>

        <div class="wg-body">

            <div class="grid-item">
                <article class="content-teaser study ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="/images/study-teaser-1.jpg" alt="Image description"></div>
                        <p class="study-degree">Mastergrad</p>
                        <h1 class="title"> Study title</h1>
                        <p class="study-type">Heltid, deltid og nettstudium</p>
                    </a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser study ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="/images/study-teaser-2.jpg" alt="Image description"></div>
                        <p class="study-degree">Mastergrad</p>
                        <h1 class="title"> Second study title</h1>
                        <p class="study-type">Heltid, deltid og nettstudium</p>
                    </a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser study ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="/images/study-teaser-3.jpg" alt="Image description"></div>
                        <p class="study-degree">Mastergrad</p>
                        <h1 class="title"> Third study title, which are longer then the two other</h1>
                        <p class="study-type">Heltid, deltid og nettstudium</p>
                    </a>
                </article>

            </div>

        </div>

    </div>
</section>
 
{% include "@widget-top"%}
  {% for item in items %}
  <div class="grid-item">
  {% render "@module-content-teaser--study", item, true %}
  </div>
  {% endfor %}
{% include "@widget-bottom"%}
 
{
  "wg_element": "section",
  "wg_class": "widget-content-list study row-space-large carousel-three",
  "wg_title": "Relaterte studier",
  "wg_title_element": "h1",
  "items": [
    {
      "title": "Study title",
      "src": "/images/study-teaser-1.jpg",
      "title_pre": "Bachelor"
    },
    {
      "title": "Second study title",
      "src": "/images/study-teaser-2.jpg"
    },
    {
      "title": "Third study title, which are longer then the two other",
      "src": "/images/study-teaser-3.jpg"
    }
  ]
}

No notes defined.