HiVolda Styleguide

Story 

<section class="row widget-story row-space-large row-space-reset-mobile bg-turquoise-light-large-only carousel-one">
    <div class="inner-row">

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

        </div>

        <div class="wg-body">

            <div class="grid-item">
                <article class="story ">
                    <div class="image"><img src="https://cldup.com/S8rW1XNFse.jpg" alt="Image description"></div>
                    <h2 class="name">Eva Johansen</h2>
                    <p class="position">Førskolelærer, Sandefjord</p>
                    <blockquote class="quote">
                        <p>Sunt venihil luptatus, sum fugiat de- lessu mquunti sequiscit deribus a sam quis et rem fuga. Ximusa qui dolupta</p>
                    </blockquote>
                    <div class="links">

                        <a href="http://testlenke.no" class="arrow-link block">Les heile intervjuet</a>

                        <a href="http://testlenke.no" class="arrow-link block">Fleire innblikk</a>

                    </div>
                </article>

            </div>

            <div class="grid-item">
                <article class="story ">
                    <div class="image"><img src="/images/story-2.jpg" alt="Image description"></div>
                    <h2 class="name">Anne Pettersen</h2>
                    <p class="position">Førskolelærer, Sandefjord</p>
                    <blockquote class="quote">
                        <p>Aliquam erat volutpalutpat condimentum. elit vitae ligula voim. Suspendisse id v. Nullam sit amet endio lorem non turpisneque, id pulvinar o orci.</p>
                    </blockquote>
                    <div class="links">

                        <a href="http://testlenke.no" class="arrow-link block">Les heile intervjuet</a>

                        <a href="http://testlenke.no" class="arrow-link block">Fleire innblikk</a>

                    </div>
                </article>

            </div>

        </div>

    </div>
</section>
 
{% include "@widget-top"%}
  {% for content in contents %}
  <div class="grid-item">
  {% render "@module-story", content, true %}
  </div>
  {% endfor %}
{% include "@widget-bottom"%}
 
{
  "wg_element": "section",
  "wg_class": "widget-story row-space-large row-space-reset-mobile bg-turquoise-light-large-only carousel-one",
  "wg_title": "Innblikk",
  "wg_title_element": "h1",
  "contents": [
    {
      "name": "Eva Johansen"
    },
    {
      "name": "Anne Pettersen",
      "src": "/images/story-2.jpg",
      "quote": "Aliquam erat volutpalutpat condimentum. elit vitae ligula voim. Suspendisse id v. Nullam sit amet endio lorem non turpisneque, id pulvinar o orci. \n"
    }
  ]
}

No notes defined.