MIUN - Design Library

Tags 

<div class="mt-md">
    <article class="article-block">
        <div class="row">
            <div class="col-12 col-md-3">
                <a href="https://google.com">
                <img class="article-image lazyload" data-src="https://picsum.photos/600/400" alt="Alt-text">
            </a>
            </div>
            <div class="col-12 col-md-9">
                <h3 class="heading-level-3">
                    <a href="https://google.com">Mittuniversitetet på SM-veckan</a>
                </h3>
                <p>28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.</p>
            </div>
        </div>
    </article>
    <article class="article-block">
        <div class="row">
            <div class="col-12 col-md-3">
                <a href="https://google.com">
                <img class="article-image lazyload" data-src="https://picsum.photos/600/400" alt="Alt-text">
            </a>
            </div>
            <div class="col-12 col-md-9">
                <h3 class="heading-level-3">
                    <a href="https://google.com">Mittuniversitetet på SM-veckan</a>
                </h3>
                <p>28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.</p>
            </div>
        </div>
    </article>
    <article class="article-block">
        <div class="row">
            <div class="col-12 col-md-3">
                <a href="https://google.com">
                <img class="article-image lazyload" data-src="https://picsum.photos/600/400" alt="Alt-text">
            </a>
            </div>
            <div class="col-12 col-md-9">
                <h3 class="heading-level-3">
                    <a href="https://google.com">Mittuniversitetet på SM-veckan</a>
                </h3>
                <p>28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.</p>
            </div>
        </div>
    </article>
    <article class="article-block">
        <div class="row">
            <div class="col-12 col-md-3">
                <a href="https://google.com">
                <img class="article-image lazyload" data-src="https://picsum.photos/600/400" alt="Alt-text">
            </a>
            </div>
            <div class="col-12 col-md-9">
                <h3 class="heading-level-3">
                    <a href="https://google.com">Mittuniversitetet på SM-veckan</a>
                </h3>
                <p>28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.</p>
            </div>
        </div>
    </article>
    <article class="article-block">
        <div class="row">
            <div class="col-12 col-md-3">
                <a href="https://google.com">
                <img class="article-image lazyload" data-src="https://picsum.photos/600/400" alt="Alt-text">
            </a>
            </div>
            <div class="col-12 col-md-9">
                <h3 class="heading-level-3">
                    <a href="https://google.com">Mittuniversitetet på SM-veckan</a>
                </h3>
                <p>28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.</p>
            </div>
        </div>
    </article>
    <article class="article-block">
        <div class="row">
            <div class="col-12 col-md-3">
                <a href="https://google.com">
                <img class="article-image lazyload" data-src="https://picsum.photos/600/400" alt="Alt-text">
            </a>
            </div>
            <div class="col-12 col-md-9">
                <h3 class="heading-level-3">
                    <a href="https://google.com">Mittuniversitetet på SM-veckan</a>
                </h3>
                <p>28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.</p>
            </div>
        </div>
    </article>
    <article class="article-block">
        <div class="row">
            <div class="col-12 col-md-3">
                <a href="https://google.com">
                <img class="article-image lazyload" data-src="https://picsum.photos/600/400" alt="Alt-text">
            </a>
            </div>
            <div class="col-12 col-md-9">
                <h3 class="heading-level-3">
                    <a href="https://google.com">Mittuniversitetet på SM-veckan</a>
                </h3>
                <p>28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.</p>
            </div>
        </div>
    </article>
</div>
 
<div class="mt-md">
    {{#each largeItems}}
    {{render '@article' this}}
    {{/each}}
    {{#each smallItems}}
    {{render '@article' this}}
    {{/each}}
</div>
 
{
  "largeItems": [
    {
      "title": "Mittuniversitetet på SM-veckan",
      "imageUrl": "https://picsum.photos/600/400",
      "imageAlt": "Alt-text",
      "caption": null,
      "articleUrl": "https://google.com",
      "ingressText": "28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.",
      "secondaryText": null,
      "hideDate": true
    },
    {
      "title": "Mittuniversitetet på SM-veckan",
      "imageUrl": "https://picsum.photos/600/400",
      "imageAlt": "Alt-text",
      "caption": null,
      "articleUrl": "https://google.com",
      "ingressText": "28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.",
      "secondaryText": null,
      "hideDate": true
    },
    {
      "title": "Mittuniversitetet på SM-veckan",
      "imageUrl": "https://picsum.photos/600/400",
      "imageAlt": "Alt-text",
      "caption": null,
      "articleUrl": "https://google.com",
      "ingressText": "28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.",
      "secondaryText": null,
      "hideDate": true
    },
    {
      "title": "Mittuniversitetet på SM-veckan",
      "imageUrl": "https://picsum.photos/600/400",
      "imageAlt": "Alt-text",
      "caption": null,
      "articleUrl": "https://google.com",
      "ingressText": "28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.",
      "secondaryText": null,
      "hideDate": true
    }
  ],
  "smallItems": [
    {
      "title": "Mittuniversitetet på SM-veckan",
      "imageUrl": "https://picsum.photos/600/400",
      "imageAlt": "Alt-text",
      "caption": null,
      "articleUrl": "https://google.com",
      "ingressText": "28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.",
      "secondaryText": null,
      "hideDate": true
    },
    {
      "title": "Mittuniversitetet på SM-veckan",
      "imageUrl": "https://picsum.photos/600/400",
      "imageAlt": "Alt-text",
      "caption": null,
      "articleUrl": "https://google.com",
      "ingressText": "28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.",
      "secondaryText": null,
      "hideDate": true
    },
    {
      "title": "Mittuniversitetet på SM-veckan",
      "imageUrl": "https://picsum.photos/600/400",
      "imageAlt": "Alt-text",
      "caption": null,
      "articleUrl": "https://google.com",
      "ingressText": "28 januari - 3 februari pågår SM-veckan i Sundsvall. Mittuniversitetet finns på plats med monter på Gärdehov under veckans senare del.",
      "secondaryText": null,
      "hideDate": true
    }
  ]
}

There are no notes for this item.