<main class="layout">
<aside class="layout__item layout__item--secondary">
<div class="layout__wrapper">
<div class="pop-up pop-up--layout" id="popup-refine">
<div class="refine">
<form class="search">
<label class="u-visually-hidden" for="search">Search the entire Understanding Patient Data site</label>
<input class="search__input" id="search" placeholder="Search..." required type="search">
<button class="search__submit" type="submit">
<svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" title="Search">
<title>Search</title>
<use xlink:href="#svg-icon-search" />
</svg>
</button>
</form>
</div>
<form class="refine">
<fieldset class="refine__category">
<legend class="refine__title">Impact of work</legend>
<div class="refine__options">
<input id="impact-individual-care" name="" type="checkbox">
<label class="refine__option" for="impact-individual-care">Individual care</label>
<input id="impact-disearch-risks-and-causes" name="" type="checkbox">
<label class="refine__option" for="impact-disearch-risks-and-causes">Disearch risks and causes</label>
<input id="impact-diagnosis" name="" type="checkbox">
<label class="refine__option" for="impact-diagnosis">Diagnosis</label>
<input id="impact-treatment-and-prevention" name="" type="checkbox">
<label class="refine__option" for="impact-treatment-and-prevention">Treatment and prevention</label>
<input id="impact-planning" name="" type="checkbox">
<label class="refine__option" for="impact-planning">Planning</label>
<input id="impact-patient-safety" name="" type="checkbox">
<label class="refine__option" for="impact-patient-safety">Patient safety</label>
<input id="impact-policy" name="" type="checkbox">
<label class="refine__option" for="impact-policy">Policy</label>
</div>
<button class="refine__clear button button--tertiary button--tiny" type="reset">Clear</button>
</fieldset>
<fieldset class="refine__category">
<legend class="refine__title">Disease type</legend>
<div class="refine__options">
<input id="disease-asthma" name="" type="checkbox">
<label class="refine__option" for="disease-asthma">Asthma</label>
<input id="disease-austism" name="" type="checkbox">
<label class="refine__option" for="disease-austism">Austism</label>
<input id="disease-cancer" name="" type="checkbox">
<label class="refine__option" for="disease-cancer">Cancer</label>
<input id="disease-copd" name="" type="checkbox">
<label class="refine__option" for="disease-copd">COPD</label>
<input id="disease-cardiovascular-disease" name="" type="checkbox">
<label class="refine__option" for="disease-cardiovascular-disease">Cardiovascular disease</label>
<input id="disease-dementia" name="" type="checkbox">
<label class="refine__option" for="disease-dementia">Dementia</label>
</div>
<button class="refine__clear button button--tertiary button--tiny" type="reset">Clear</button>
</fieldset>
<button class="button button--block button--secondary" type="submit">Apply filters</button>
</form>
</div>
</div>
</aside>
<article class="layout__item layout__item--primary" id="primary">
<div class="layout__wrapper">
<div class="search-results">
<header class="search-results__header u-display-none u-display-block-from-x-large">
<ul class="grid gutter gutter--medium">
<li class="grid__item gutter__item u-width-1-of-3">
<a class="case-study-tile" href="#link-to-destination">
<img alt="" class="case-study-tile__image" src=../../images/placeholder/case-study-tile-whooping-cough.jpg>
<div class="case-study-tile__info">
<h2 class="case-study-tile__title">Whooping cough vaccination during pregnancy</h2>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</div>
</a>
<!-- /li -->
<li class="grid__item gutter__item u-width-1-of-3">
<a class="case-study-tile" href="#link-to-destination">
<img alt="" class="case-study-tile__image" src=../../images/placeholder/case-study-tile-whooping-cough.jpg>
<div class="case-study-tile__info">
<h2 class="case-study-tile__title">Whooping cough vaccination during pregnancy</h2>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</div>
</a>
<!-- /li -->
<li class="grid__item gutter__item u-width-1-of-3">
<a class="case-study-tile" href="#link-to-destination">
<img alt="" class="case-study-tile__image" src=../../images/placeholder/case-study-tile-whooping-cough.jpg>
<div class="case-study-tile__info">
<h2 class="case-study-tile__title">Whooping cough vaccination during pregnancy</h2>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</div>
</a>
<!-- /li -->
</ul>
</header>
<ul class="list-bare">
<li class="u-display-none-from-x-large">
<a class="search-result" href="#link-to-page">
<h2 class="search-result__title">Fusce vehicula dolor arcu, sit amet blandit</h2>
<p class="search-result__description">Cras quis nulla commodo, aliquam lectus sed, blandit augue. Cras ullamcorper bibendum bibendum. Duis tincidunt urna non pretium porta. Nam condimentum vitae ligula vel ornare. Phasellus at semper turpis…</p>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</a>
</li>
<li class="u-display-none-from-x-large">
<a class="search-result" href="#link-to-page">
<h2 class="search-result__title">Fusce vehicula dolor arcu, sit amet blandit</h2>
<p class="search-result__description">Cras quis nulla commodo, aliquam lectus sed, blandit augue. Cras ullamcorper bibendum bibendum. Duis tincidunt urna non pretium porta. Nam condimentum vitae ligula vel ornare. Phasellus at semper turpis…</p>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</a>
</li>
<li>
<a class="search-result" href="#link-to-page">
<h2 class="search-result__title">Fusce vehicula dolor arcu, sit amet blandit</h2>
<p class="search-result__description">Cras quis nulla commodo, aliquam lectus sed, blandit augue. Cras ullamcorper bibendum bibendum. Duis tincidunt urna non pretium porta. Nam condimentum vitae ligula vel ornare. Phasellus at semper turpis…</p>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</a>
</li>
<li>
<a class="search-result" href="#link-to-page">
<h2 class="search-result__title">Fusce vehicula dolor arcu, sit amet blandit</h2>
<p class="search-result__description">Cras quis nulla commodo, aliquam lectus sed, blandit augue. Cras ullamcorper bibendum bibendum. Duis tincidunt urna non pretium porta. Nam condimentum vitae ligula vel ornare. Phasellus at semper turpis…</p>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</a>
</li>
<li>
<a class="search-result" href="#link-to-page">
<h2 class="search-result__title">Fusce vehicula dolor arcu, sit amet blandit</h2>
<p class="search-result__description">Cras quis nulla commodo, aliquam lectus sed, blandit augue. Cras ullamcorper bibendum bibendum. Duis tincidunt urna non pretium porta. Nam condimentum vitae ligula vel ornare. Phasellus at semper turpis…</p>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</a>
</li>
<li>
<a class="search-result" href="#link-to-page">
<h2 class="search-result__title">Fusce vehicula dolor arcu, sit amet blandit</h2>
<p class="search-result__description">Cras quis nulla commodo, aliquam lectus sed, blandit augue. Cras ullamcorper bibendum bibendum. Duis tincidunt urna non pretium porta. Nam condimentum vitae ligula vel ornare. Phasellus at semper turpis…</p>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</a>
</li>
<li>
<a class="search-result" href="#link-to-page">
<h2 class="search-result__title">Fusce vehicula dolor arcu, sit amet blandit</h2>
<p class="search-result__description">Cras quis nulla commodo, aliquam lectus sed, blandit augue. Cras ullamcorper bibendum bibendum. Duis tincidunt urna non pretium porta. Nam condimentum vitae ligula vel ornare. Phasellus at semper turpis…</p>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</a>
</li>
</ul>
<ul class="search-pagination">
<li class="search-pagination__item search-pagination__item--step">
<a class="search-pagination__control" href="#link-to-previous-results">
<svg class="svg-icon svg-icon--inline" xmlns="http://www.w3.org/2000/svg" title="Previous results">
<title>Previous results</title>
<use xlink:href="#svg-icon-chevron-left" />
</svg>
</a>
<!-- /li -->
<li class="search-pagination__item search-pagination__item--link">
<a class="search-pagination__control" href="#link-to-page-1">
1
</a>
<!-- /li -->
<li class="search-pagination__item search-pagination__item--link">
<a class="search-pagination__control" href="#link-to-page-2">
2
</a>
<!-- /li -->
<li class="search-pagination__item">
<span class="search-pagination__control search-pagination__control--active">
3
</span>
<!-- /li -->
<li class="search-pagination__item search-pagination__item--link">
<a class="search-pagination__control" href="#link-to-page-4">
4
</a>
<!-- /li -->
<li class="search-pagination__item search-pagination__item--link">
<a class="search-pagination__control" href="#link-to-page-5">
5
</a>
<!-- /li -->
<li class="search-pagination__item search-pagination__item--step">
<a class="search-pagination__control" href="#link-to-next-results">
<svg class="svg-icon svg-icon--inline" xmlns="http://www.w3.org/2000/svg" title="Next results">
<title>Next results</title>
<use xlink:href="#svg-icon-chevron-right" />
</svg>
</a>
<!-- /li -->
</ul>
</div>
</div>
</article>
</main>
There are no notes for this item.