<div class="l-site__wrapper">
<header class="header">
<button class="hamburger__wrapper" id="mobileNav" type="button" aria-expanded="false" aria-haspopup="true">
<div class="hamburger__text u-visually-hidden">
MENU
</div>
<div class="hamburger__btn hamburger hamburger--collapse ">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</div>
</button>
<div class="header__top">
<div class="header__inner l-container__inner header__cols">
<div class="header__col header__col-left">
<div class="logo">
<img src="/assets/img/logo.svg" type="image/svg+xml" alt="Logo" />
</div>
</div>
<div class="header__col header__col-right">
<div class="search__wrap" id="searchBar">
<input for="" type="search" class="form__input form__input--no-brd" for="" placeholder="Search">
<button class="search__btn" type="submit">
<span class="u-visually-hidden">Search</span>
<div class="search__btn-icon">
<svg viewBox="0 0 512 512" class="a-icon__svg a-icon__svg--x1">
<use xlink:href="#icon__search"></use>
</svg>
</div>
</button>
</div>
<div class="search__toggle">
<button id="searchToggle" aria-label="toggle search field">
<div class="search__toggle-item search__toggle-open" data-search-toggle="open">
<svg viewBox="0 0 512 512" class="a-icon__svg a-icon__svg--x2">
<use xlink:href="#icon__search"></use>
</svg>
</div>
<div class="search__toggle-item search__toggle-close" data-search-toggle="close">
<svg viewBox="0 0 384 512" class="a-icon__svg a-icon__svg--x2">
<use xlink:href="#icon__xmark"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
<div class="navigation__container header__btm" id="mainNav" hidden>
<div class="header__inner l-container__inner header__cols">
<div class="header__col header__col-left">
<nav class="navigation__wrapper">
<div class="navigation">
<ul class="navigation__inner">
<li class="navigation__item"><a href="#Home" class="navigation__link" aria-expanded="false">Home</a>
</li>
<li class="navigation__item navigation__item--active"><a href="#About" class="navigation__link" aria-expanded="false">About</a>
</li>
<li class="navigation__item"><a href="#Projects" class="navigation__link" aria-expanded="false">Projects</a>
</li>
<li class="navigation__item"><a href="#Outputs" class="navigation__link" aria-expanded="false">Outputs</a>
</li>
<li class="navigation__item"><a href="#Contact" class="navigation__link" aria-expanded="false">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="header__col header__col-right">
<button class="btn header__btn--sharepoint btn--icon ">
Team SharePoint Area
<svg viewBox="0 0 15 20" class="a-icon__svg svg-icon__chevron-dims">
<use xlink:href="#icon__chevron"></use>
</svg>
</button>
</div>
</div>
</div>
<div class="navigation-sub__container">
<nav class="navigation-sub l-container__inner">
<ul class="navigation-sub__inner">
<li class="navigation-sub__item"><a class="navigation-sub__link" href="">What we do</a></li>
<li class="navigation-sub__item navigation-sub__item--active"><a class="navigation-sub__link" href="">Our Work</a></li>
<li class="navigation-sub__item"><a class="navigation-sub__link" href="">Our People</a></li>
<li class="navigation-sub__item"><a class="navigation-sub__link" href="">Our Partners</a></li>
</ul>
</nav>
</div>
</header>
<div class="l-site__main">
<section class="l-section-full u-bg-color__9">
<h2 class="section__heading u-bg-color__1 l-section-full__item">
<div class="section__heading-inner">
<span class="section__heading-icon">
<img src="/assets/img/accordion-icon-1.svg">
</span>
<span class="section__heading-text ">Outputs</span>
</div>
</h2>
<div class="filter u-bg-color__7">
<div class="filter__inner">
<p>Use the filter below to find what you're looking for</p>
<div class="l-grid l-grid--3 l-grid--no-margin">
<div class="filter__item">
<div class="form__select">
<select class="form__select-input" name="" id="">
<option value=""> Output type</option>
<option value=""> one</option>
<option value=""> two</option>
</select>
</div>
</div>
<div class="filter__item">
<div class="form__select">
<select class="form__select-input" name="" id="">
<option value=""> Theme</option>
<option value=""> one</option>
<option value=""> two</option>
</select>
</div>
</div>
<div class="filter__item">
<div class="form__select">
<select class="form__select-input" name="" id="">
<option value=""> Year published</option>
<option value=""> one</option>
<option value=""> two</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="l-section-full__content">
<div class="l-grid l-grid--3 l-grid--no-margin">
<div class="card">
<div class="card__inner">
<div class="tags">tags</div>
<div class="card__date">August 2023</div>
<h3 class="card__heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</h3>
<div class="card__desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
<div class="card__btm">
<div class="card__link">
<span class="card__link-text">Read More</span>
<svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
<use xlink:href="#icon__arrow"></use>
</svg>
</div>
</div>
</div>
<div class="card">
<div class="card__inner">
<div class="tags">tags</div>
<div class="card__date">August 2023</div>
<h3 class="card__heading">slide 1</h3>
</div>
<div class="card__btm">
<div class="card__link">
<span class="card__link-text">Read More</span>
<svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
<use xlink:href="#icon__arrow"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="pagination">
<div class="arrow arrow__back"> <!--fwd or back-->
<span class="arrow__link" href="#"><svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
<use xlink:href="#icon__arrow"></use>
</svg></span>
</div>
<div class="pagination__pages">
<a class="pagination__page" href="#">1</a>
<a class="pagination__page" href="#">2</a>
<a class="pagination__page pagination__page--active" href="#">3</a>
<a class="pagination__page" href="#">4</a>
<a class="pagination__page" href="#">5</a>
</div>
<!-- <div class="arrow pagination__arrow pagination__next">
<a class="pagination__link" href="#"><svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
<use xlink:href="#icon__arrow"></use>
</svg></a>
</div> -->
<div class="arrow arrow__fwd"> <!--fwd or back-->
<span class="arrow__link" href="#"><svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
<use xlink:href="#icon__arrow"></use>
</svg></span>
</div>
</div>
</div>
</section>
</div>
<footer class="footer l-container">
<div class="footer__inner l-container__inner">
<div class="footer__top">
<div class="footer__top-left footer__icons">
<div class="footer__icons-icon">
<a href="#" class="footer__icons-link"><img src="/assets/img/manchester-logo 1.svg"></a>
</div>
<div class="footer__icons-icon">
<a href="#" class="footer__icons-link"><img src="/assets/img/lshtm-logo 1.svg"></a>
</div>
<div class="footer__icons-icon">
<a href="#" class="footer__icons-link"><img src="/assets/img/Kent-logo 1.svg"></a>
</div>
</div>
<div class="footer__top-right">
<div class="footer__icons-icon footer__icon--last">
<a href="#" class="footer__icons-link"><img src="/assets/img/x-logo 1.svg"></a>
</div>
</div>
</div>
<div class="footer__btm">
<div class="footer__btm-left">
<p>The NIHR Health and Social Care Systems and Commissioning Policy Research Unit (PRUs) is part of the NIHR and hosted by The University of Manchester.<br> The views expressed are those of the authors and not necessarily those of the NIHR or the Department of Health and Social Care.</p>
</div>
<div class="footer__btm-right">
<div class="footer__icons-icon footer__icon--last">
<a href="#" class="footer__icons-link"><img src="/assets/img/x-logo 1.svg"></a>
</div>
</div>
</div>
</div>
</div><!--l-container__inner-->
</footer>
</div>
<div class="card">
<div class="card__inner">
<div class="tags">tags</div>
<div class="card__date">August 2023</div>
<h3 class="card__heading">slide 1</h3>
</div>
<div class="card__btm">
<div class="card__link">
<span class="card__link-text">Read More</span>
<svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
<use xlink:href="#icon__arrow"></use>
</svg>
</div>
</div>
</div>
<div class="l-site__wrapper">
{% render "@header" %}
<div class="l-site__main">
<section class="l-section-full u-bg-color__9">
{% render "@heading-section" with {'title': 'Outputs'} %}
{% render "@filter" %}
<div class="l-section-full__content">
<div class="l-grid l-grid--3 l-grid--no-margin">
{% render "@card" with {date: 'August 2023', name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua', desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'} %}
{% render "@card" with {date: 'August 2023', name: 'slide 1'} %}
</div>
{% render "@pagination" %}
</div>
</section>
</div>
{% render "@footer" %}
</div>{% render "@card" with {date: 'August 2023', name: 'slide 1'} %}
/* No context defined. */
No notes defined.