<div class="health-band health-band--full-width-bg health-band--neutral">
    <div class="health-band__container">
        <h2>List of image (vertical) cards</h2>
        <div class="row">
            <div class="col-xs-12 col-sm-4">
                <div class="health-card health-card--clickable health-card--shadow ">
                    <div class="health-card__image">
                        <img src="https://picsum.photos/800/450" />
                    </div>
                    <div class="health-card__body">
                        <h2 class="health-card__title">
                            <a class="health-card__link" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a>
                        </h2>
                        <div class="health-card__text">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
                        </div>
                        <div class="health-card__date">20 July 2019</div>
                        <div class="health-card__tag">News</div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="health-card health-card--clickable health-card--shadow ">
                    <div class="health-card__image">
                        <img src="https://picsum.photos/800/450" />
                    </div>
                    <div class="health-card__body">
                        <h2 class="health-card__title">
                            <a class="health-card__link" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a>
                        </h2>
                        <div class="health-card__text">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
                        </div>
                        <div class="health-card__date">20 July 2019</div>
                        <div class="health-card__tag">News</div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="health-card health-card--clickable health-card--shadow ">
                    <div class="health-card__image">
                        <img src="https://picsum.photos/800/450" />
                    </div>
                    <div class="health-card__body">
                        <h2 class="health-card__title">
                            <a class="health-card__link" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a>
                        </h2>
                        <div class="health-card__text">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
                        </div>
                        <div class="health-card__date">20 July 2019</div>
                        <div class="health-card__tag">News</div>
                    </div>
                </div>
            </div>
        </div>
        <h2>List of image (horizontal) cards</h2>
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <div class="health-card health-card--clickable health-card--shadow health-card--horizontal">
                    <div class="health-card__image">
                        <img src="https://picsum.photos/800/450" />
                    </div>
                    <div class="health-card__body">
                        <h2 class="health-card__title">
                            <a class="health-card__link" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a>
                        </h2>
                        <div class="health-card__text">
                            <p>This card presents image and body side-by-side.</p>
                        </div>
                        <div class="health-card__date">20 July 2019</div>
                        <div class="health-card__tag">News</div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6">
                <div class="health-card health-card--clickable health-card--shadow health-card--horizontal">
                    <div class="health-card__image">
                        <img src="https://picsum.photos/800/450" />
                    </div>
                    <div class="health-card__body">
                        <h2 class="health-card__title">
                            <a class="health-card__link" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a>
                        </h2>
                        <div class="health-card__text">
                            <p>This card presents image and body side-by-side.</p>
                        </div>
                        <div class="health-card__date">20 July 2019</div>
                        <div class="health-card__tag">News</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row standard-gap">
            <div class="col-xs-12 text--align-right">
                <a href="#" class="au-cta-link">All news</a>
            </div>
        </div>
    </div>
</div>