No notes defined.

{% extends '@uol-widget' %}

{% block widget_content %}
  {% render '@uol-cards', { 
    cards: cards
  } %}
{% endblock %}
<div class="uol-widget-container uol-widget-container__news-events">
    <div class="uol-widget uol-widget--news-events">

        <div class="uol-widget__left-col">

            <div class="uol-widget__head">

                <h2 class="uol-widget__title">News and Events widget</h2>

                <div class="uol-widget__lead">
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem sequi animi exercitationem sunt. Eos consequatur, eveniet nulla beatae nisi voluptatibus.</p>
                </div>

                <a class="uol-widget__link" href="/news">View all news</a>

            </div>

        </div>

        <div class="uol-widget__content">

            <ul class="uol-cards  uol-cards--count-8  ">

                <li class="uol-cards__card uol-cards__card--without-image">
                    <div class="uol-cards__card__text-wrapper">
                        <h3 class="uol-cards__card__title">
                            <a class="uol-cards__card__link " href="#">

                                Northern universities launch new investment company 1

                            </a>
                        </h3>

                        <time class="uol-cards__card__date" datetime="2021-05-07">7 May 2021</time>

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--without-image">
                    <div class="uol-cards__card__text-wrapper">
                        <h3 class="uol-cards__card__title">
                            <a class="uol-cards__card__link " href="#">

                                Welcome funding for medical humanities 2

                            </a>
                        </h3>

                        <time class="uol-cards__card__date" datetime="2021-05-07">7 May 2021</time>

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--without-image">
                    <div class="uol-cards__card__text-wrapper">
                        <h3 class="uol-cards__card__title">
                            <a class="uol-cards__card__link " href="#">

                                Vice chancellor&#39;s latest blog: Building a better future 3

                            </a>
                        </h3>

                        <time class="uol-cards__card__date" datetime="2021-05-07">7 May 2021</time>

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--without-image">
                    <div class="uol-cards__card__text-wrapper">
                        <h3 class="uol-cards__card__title">
                            <a class="uol-cards__card__link " href="#">

                                Leeds signs up to tackle waste in fashion 4

                            </a>
                        </h3>

                        <time class="uol-cards__card__date" datetime="2021-05-07">7 May 2021</time>

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--without-image">
                    <div class="uol-cards__card__text-wrapper">
                        <h3 class="uol-cards__card__title">
                            <a class="uol-cards__card__link " href="#">

                                Artificial intelligence could create better outcomes for bowel cancer patients 5

                            </a>
                        </h3>

                        <time class="uol-cards__card__date" datetime="2021-05-07">7 May 2021</time>

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--without-image">
                    <div class="uol-cards__card__text-wrapper">
                        <h3 class="uol-cards__card__title">
                            <a class="uol-cards__card__link " href="#">

                                Inspired by nature, the research to develop a new load-bearing material 6

                            </a>
                        </h3>

                        <time class="uol-cards__card__date" datetime="2021-05-07">7 May 2021</time>

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--without-image">
                    <div class="uol-cards__card__text-wrapper">
                        <h3 class="uol-cards__card__title">
                            <a class="uol-cards__card__link " href="#">

                                This is the 7th card, which is sometimes hidden 7

                            </a>
                        </h3>

                        <time class="uol-cards__card__date" datetime="2021-05-07">7 May 2021</time>

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--without-image">
                    <div class="uol-cards__card__text-wrapper">
                        <h3 class="uol-cards__card__title">
                            <a class="uol-cards__card__link " href="#">

                                This is the 8th card, which is sometimes hidden 8

                            </a>
                        </h3>

                        <time class="uol-cards__card__date" datetime="2021-05-07">7 May 2021</time>

                    </div>

                </li>

            </ul>

        </div>
    </div>
</div>
{
  "widget_type": "news-events",
  "widget_title": "News and Events widget",
  "widget_lead": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem sequi animi exercitationem sunt. Eos consequatur, eveniet nulla beatae nisi voluptatibus.</p>",
  "widget_link": {
    "url": "/news",
    "text": "View all news"
  },
  "cards": {
    "items": [
      {
        "url": "#",
        "title": "Northern universities launch new investment company 1",
        "date": "2021-05-07"
      },
      {
        "url": "#",
        "title": "Welcome funding for medical humanities 2",
        "date": "2021-05-07"
      },
      {
        "url": "#",
        "title": "Vice chancellor's latest blog: Building a better future 3",
        "date": "2021-05-07"
      },
      {
        "url": "#",
        "title": "Leeds signs up to tackle waste in fashion 4",
        "date": "2021-05-07"
      },
      {
        "url": "#",
        "title": "Artificial intelligence could create better outcomes for bowel cancer patients 5",
        "date": "2021-05-07"
      },
      {
        "url": "#",
        "title": "Inspired by nature, the research to develop a new load-bearing material 6",
        "date": "2021-05-07"
      },
      {
        "url": "#",
        "title": "This is the 7th card, which is sometimes hidden 7",
        "date": "2021-05-07"
      },
      {
        "url": "#",
        "title": "This is the 8th card, which is sometimes hidden 8",
        "date": "2021-05-07"
      }
    ]
  }
}