Home

<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">
        <div class="hero__wrap">
            <div class="hero__inner">
                <img src="/assets/img/ph-banner.png" alt="" class="hero__img">
            </div>
        </div>
        <section class="l-container l-section u-no-margin--btm">
            <div class="l-section__inner">
                <div class="intro intro__txt">
                    We provide evidence to inform the Department of Health and Social Care’s policy on the health and social care systems and commissioning to maximise outcomes for patients.
                </div>
            </div>
        </section>

        <section class="l-container l-section u-bg-color__5">
            <div class="l-section__inner">
                <h2>Featured projects</h2>

                <div class="l-grid l-grid--3">
                    <div class="card card--img">
                        <div class="card__img">
                            <img src="https://picsum.photos/370/280">
                        </div>
                        <div class="card__details">
                            <div class="tags">tags</div>
                            <h3 class="card__heading">Title</h3>

                        </div>
                        <div class="card__btm">
                            <button class="btn btn--alt btn--icon ">
                                View project

                                <svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
                                    <use xlink:href="#icon__arrow"></use>
                                </svg>

                            </button>
                        </div>
                    </div>

                    <div class="card card--img">
                        <div class="card__img">
                            <img src="https://picsum.photos/370/280">
                        </div>
                        <div class="card__details">
                            <div class="tags">tags</div>
                            <h3 class="card__heading">Researching the development of provider collaboratives and their role in achieving improved efficiency, quality of care and reducing inequalities</h3>

                        </div>
                        <div class="card__btm">
                            <button class="btn btn--alt btn--icon ">
                                View project

                                <svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
                                    <use xlink:href="#icon__arrow"></use>
                                </svg>

                            </button>
                        </div>
                    </div>

                    <div class="card card--img">
                        <div class="card__img">
                            <img src="https://picsum.photos/370/280">
                        </div>
                        <div class="card__details">
                            <div class="tags">tags</div>
                            <h3 class="card__heading">Title</h3>

                        </div>
                        <div class="card__btm">
                            <button class="btn btn--alt btn--icon ">
                                View project

                                <svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
                                    <use xlink:href="#icon__arrow"></use>
                                </svg>

                            </button>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <section class="l-container l-section u-bg-color__9">
            <div class="l-section__inner">
                <h2>Latest Outputs</h2>

                <div class=" js__slider slider f-carousel">

                    <div class="slider__slide f-carousel__slide">
                        <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="slider__slide f-carousel__slide">
                        <div class="card">
                            <div class="card__inner">
                                <div class="tags">tags</div>

                                <div class="card__date">August 2023</div>
                                <h3 class="card__heading"> slide 2 Researching the development of provider collaboratives and their role in achieving improved efficiency, quality of care and reducing inequalities</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="slider__slide f-carousel__slide">
                        <div class="card">
                            <div class="card__inner">
                                <div class="tags">tags</div>

                                <div class="card__date">August 2023</div>
                                <h3 class="card__heading">slide 3</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="slider__slide f-carousel__slide">
                        <div class="card">
                            <div class="card__inner">
                                <div class="tags">tags</div>

                                <div class="card__date">August 2023</div>
                                <h3 class="card__heading">slide 4</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="slider__slide f-carousel__slide">
                        <div class="card">
                            <div class="card__inner">
                                <div class="tags">tags</div>

                                <div class="card__date">August 2023</div>
                                <h3 class="card__heading">slide 5</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="slider__slide f-carousel__slide">
                        <div class="card">
                            <div class="card__inner">
                                <div class="tags">tags</div>

                                <div class="card__date">August 2023</div>
                                <h3 class="card__heading">slide 6</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>
            </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="l-site__wrapper">
    {% render "@header"  %}
    <div class="l-site__main">
        {% render "@hero"  %}

            <section class="l-container l-section u-no-margin--btm">
                <div class="l-section__inner">
                    <div class="intro intro__txt">    
                        We provide evidence to inform the Department of Health and Social Care’s policy on the health and social care systems and commissioning to maximise outcomes for patients.
                    </div>
                </div>
            </section>

            <section class="l-container l-section u-bg-color__5">
                <div class="l-section__inner">
                       <h2>Featured projects</h2>

                       <div class="l-grid l-grid--3">
                        {% render "@card--img"  %}
                        {% render "@card--img"  with {name : 'Researching the development of provider collaboratives and their role in achieving improved efficiency, quality of care and reducing inequalities'} %}
                        {% render "@card--img"  %}
                       </div>
                </div>
            </section>


            <section class="l-container l-section u-bg-color__9">
                <div class="l-section__inner">
                       <h2>Latest Outputs</h2>

                       <div class=" js__slider slider f-carousel">

                           <div class="slider__slide f-carousel__slide"> {% render "@card" with {date: 'August 2023', name: 'slide 1'} %}</div>
                           <div class="slider__slide f-carousel__slide">{% render "@card"  with {date: 'August 2023', name : ' slide  2 Researching the development of provider collaboratives and their role in achieving improved efficiency, quality of care and reducing inequalities'} %}</div>
                           <div class="slider__slide f-carousel__slide">{% render "@card" with {date: 'August 2023', name : 'slide 3'}  %}</div>
                           <div class="slider__slide f-carousel__slide">{% render "@card" with {date: 'August 2023', name : 'slide 4'}  %}</div>
                           <div class="slider__slide f-carousel__slide">{% render "@card" with {date: 'August 2023', name : 'slide 5'}  %}</div>
                           <div class="slider__slide f-carousel__slide">{% render "@card" with {date: 'August 2023', name : 'slide 6'}  %}</div>
                       </div>
                </div>
            </section>

    </div>
{% render "@footer"  %}
</div>
/* No context defined. */

No notes defined.