HiVolda Styleguide

Content List: Employee Aside 

<section class="row widget-content-list employee-aside grid-one row-space-medium row-space-bottom-none">
    <div class="inner-row">

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

        </div>

        <div class="wg-body">

            <div class="grid-item">
                <article class="content-teaser employee ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="/images/employee-eivind-patrick-hanevik.jpg" alt="Image description"></div>
                        <h1 class="title"> Eivind Patrick Hanevik</h1>
                        <p class="position">Studieleiar</p>
                    </a>

                    <a href="mailto:johann@hivolda.no">Send e-post</a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser employee ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="/images/employee-kjersti-markegard.jpg" alt="Image description"></div>
                        <h1 class="title"> Kjersti Markegård</h1>
                        <p class="position">GLU-Rådgjevar</p>
                    </a>

                    <a href="mailto:johann@hivolda.no">Send e-post</a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser employee ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="/images/employee-gunhild-veras-grimstad.jpg" alt="Image description"></div>
                        <h1 class="title"> Gunhild Verås Grimstad</h1>
                        <p class="position">GLU-Rådgjevar</p>
                    </a>

                    <a href="mailto:johann@hivolda.no">Send e-post</a>
                </article>

            </div>

            <div class="grid-item">
                <article class="content-teaser employee ">
                    <a href="http://testlenke.no" class="link-block">
                        <div class="image"><img src="/images/employee-ivar-hagen.jpg" alt="Image description"></div>
                        <h1 class="title"> Ivar Hagen</h1>
                        <p class="position">Praksiskoordinator</p>
                    </a>

                    <a href="mailto:johann@hivolda.no">Send e-post</a>
                </article>

            </div>

        </div>

    </div>
</section>
 
{% include "@widget-top"%}
  {% for item in items %}
  <div class="grid-item">
  {% render "@module-content-teaser--employee", item, true %}
  </div>
  {% endfor %}
{% include "@widget-bottom"%}
 
{
  "wg_element": "section",
  "wg_class": "widget-content-list employee-aside grid-one row-space-medium row-space-bottom-none",
  "wg_title": "Kontakt",
  "wg_title_element": "h1",
  "items": [
    {
      "title": "Eivind Patrick Hanevik",
      "src": "/images/employee-eivind-patrick-hanevik.jpg",
      "position": "Studieleiar",
      "department": null
    },
    {
      "title": "Kjersti Markegård",
      "src": "/images/employee-kjersti-markegard.jpg",
      "position": "GLU-Rådgjevar",
      "department": null
    },
    {
      "title": "Gunhild Verås Grimstad",
      "src": "/images/employee-gunhild-veras-grimstad.jpg",
      "position": "GLU-Rådgjevar",
      "department": null
    },
    {
      "title": "Ivar Hagen",
      "src": "/images/employee-ivar-hagen.jpg",
      "position": "Praksiskoordinator",
      "department": null
    }
  ]
}

No notes defined.