No notes defined.

{% extends '@uol-widget' %}

{% block widget_content %}
  {% render '@uol-cards', { 
    cards: cards
  } %}
{% endblock %}
<div class="uol-widget-container">
    <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="/events">View all events</a>

            </div>

        </div>

        <div class="uol-widget__content">

            <ul class="uol-cards  uol-cards--count-6 uol-cards--image-layout ">

                <li class="uol-cards__card uol-cards__card--with-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

                            </a>
                        </h3>

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

                    </div>

                    <div class="uol-cards__card__image-wrapper">

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--with-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

                            </a>
                        </h3>

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

                    </div>

                    <div class="uol-cards__card__image-wrapper">

                        <img class="uol-cards__card__image" src="/placeholders/banner/banner-05.jpg" alt="A super informative description">

                    </div>

                </li>

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

                                A medium-ish length title, sort of

                            </a>
                        </h3>

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

                    </div>

                    <div class="uol-cards__card__image-wrapper">

                        <img class="uol-cards__card__image" src="/placeholders/banner/banner-03.jpg" alt="A super informative description">

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--with-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

                            </a>
                        </h3>

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

                    </div>

                    <div class="uol-cards__card__image-wrapper">

                        <img class="uol-cards__card__image" src="/placeholders/banner/banner-01.jpg" alt="A super informative description">

                    </div>

                </li>

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

                                A short title

                            </a>
                        </h3>

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

                    </div>

                    <div class="uol-cards__card__image-wrapper">

                        <img class="uol-cards__card__image" src="/placeholders/banner/banner-02.jpg" alt="">

                    </div>

                </li>

                <li class="uol-cards__card uol-cards__card--with-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

                            </a>
                        </h3>

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

                    </div>

                    <div class="uol-cards__card__image-wrapper">

                        <img class="uol-cards__card__image" src="/placeholders/banner/banner-04.jpg" alt="">

                    </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": "/events",
    "text": "View all events"
  },
  "cards": {
    "items": [
      {
        "url": "#",
        "title": "Inspired by nature, the research to develop a new load-bearing material",
        "date": "2021-05-07"
      },
      {
        "image": {
          "src": "/placeholders/banner/banner-05.jpg",
          "alt": "A super informative description"
        },
        "url": "#",
        "title": "Vice chancellor's latest blog: Building a better future",
        "date": "2021-05-07"
      },
      {
        "image": {
          "src": "/placeholders/banner/banner-03.jpg",
          "alt": "A super informative description"
        },
        "url": "#",
        "title": "A medium-ish length title, sort of",
        "date": "2021-05-07"
      },
      {
        "image": {
          "src": "/placeholders/banner/banner-01.jpg",
          "alt": "A super informative description"
        },
        "url": "#",
        "title": "Northern universities launch new investment company",
        "date": "2021-05-07"
      },
      {
        "image": {
          "src": "/placeholders/banner/banner-02.jpg",
          "text": "A super informative description"
        },
        "url": "#",
        "title": "A short title",
        "date": "2021-05-07"
      },
      {
        "image": {
          "src": "/placeholders/banner/banner-04.jpg",
          "text": "A super informative description"
        },
        "url": "#",
        "title": "Leeds signs up to tackle waste in fashion",
        "date": "2021-05-07"
      }
    ],
    "image_layout": true
  }
}