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'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
}
}