<div class="feature-list">

    <header class="feature-list__header">

        <h2 class="feature-list__title">Case studies</h2>

        <div class="feature-list__title  feature-list__title--action">

            <a class="button  button--small" href="#link-to-full-listing">View all</a>

        </div>

    </header>

    <ul class="grid  grid--center    gutter  gutter--medium">

        <li class="grid__item    gutter__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-4-from-x-large">

            <a class="case-study-tile  case-study-tile--alt" 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-1  u-width-1-of-2-from-medium  u-width-1-of-4-from-x-large">

            <a class="case-study-tile  case-study-tile--alt" 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-1  u-width-1-of-2-from-medium  u-width-1-of-4-from-x-large">

            <a class="case-study-tile  case-study-tile--alt" 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-1  u-width-1-of-2-from-medium  u-width-1-of-4-from-x-large">

            <a class="case-study-tile  case-study-tile--alt" 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>

</div>

There are no notes for this item.