Displays at full-width in desktop view, this content quad is intended to display related article content.

Motif options

There are options to display alternative mini motifs. Please change the class name for the mini-motif-fico div in the HTML with a class name below.

  • FiCo motif: mini-motif-fico
  • InSt motif: mini-motif-inst
  • SuMa motif: mini-motif-suma
<section class="related-content-quad">
    <div class="container">
        <div class="row">
            <div class="col col-md-10 col-xl-6">
                <h4 class="heading-4">Related articles</h4>
            </div>
        </div>

        <ul class="row related-content-quad-list">
            <li class="col-12 col-md-6 related-content-quad-list-item">
                <a class="related-matrix-item-link" href="" aria-label="Article, 5 actions boards of directors should take to get started on the ESG journey">
                    <div class="related-matrix-item row">
                        <div class="related-matrix-item__img-wrapper d-none d-lg-block col-12 col-lg-4">
                            <div class="mini-motif-fico">
                                <picture>
                                    <source media="(max-width: 991.98px)" srcset="https://www.wtwco.com/-/media/Feature/Resources/Images/icons/hide.png">
                                    <img src="https://www.wtwco.com/-/media/WTW/Brand-1610-Refresh/GettyImages-953787670-1610.jpg" loading="lazy" alt="" class="img-fluid" role="presentation">
                                </picture>
                            </div>
                        </div>
                        <div class="related-matrix-item__text-wrapper col-12 col-lg-8">
                            <div class="related-content-card__eyebrow">
                                Article
                            </div>
                            <div class="related-matrix-item__heading heading-5">5 actions boards of directors should take to get started on the ESG journey</div>
                            <p class="font-p-small">Boards of directors must play a critical role in ensuring businesses meet the demands of multi-stakeholder capitalism.</p>
                        </div>
                        <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
                    </div>
                </a>
            </li>
            <li class="col-12 col-md-6 related-content-quad-list-item">
                <a class="related-matrix-item-link" href="" aria-label="Article, Creating and preserving long-term value through global stewardship">
                    <div class="related-matrix-item row">
                        <div class="related-matrix-item__img-wrapper d-none d-lg-block col-12 col-lg-4">
                            <div class="mini-motif-fico">
                                <picture>
                                    <source media="(max-width: 991.98px)" srcset="https://www.wtwco.com/-/media/Feature/Resources/Images/icons/hide.png">
                                    <img src="https://www.wtwco.com/-/media/WTW/Brand-1610-Refresh/GettyImages-1372198429-1610.jpg" loading="lazy" alt="" class="img-fluid" role="presentation">
                                </picture>
                            </div>
                        </div>
                        <div class="related-matrix-item__text-wrapper col-12 col-lg-8">
                            <div class="related-content-card__eyebrow">
                                Article
                            </div>
                            <div class="related-matrix-item__heading heading-5">Creating and preserving long-term value through global stewardship</div>
                            <p class="font-p-small">Stewardship is an overarching principle that incorporates five key elements: performance, protection, people, planet and purpose.</p>
                        </div>
                        <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
                    </div>
                </a>
            </li>
            <li class="col-12 col-md-6 related-content-quad-list-item">
                <a class="related-matrix-item-link" href="" aria-label="Article, Leadership perspectives on ESG">
                    <div class="related-matrix-item row">
                        <div class="related-matrix-item__img-wrapper d-none d-lg-block col-12 col-lg-4">
                            <div class="mini-motif-fico">
                                <picture>
                                    <source media="(max-width: 991.98px)" srcset="https://www.wtwco.com/-/media/Feature/Resources/Images/icons/hide.png">
                                    <img src="https://www.wtwco.com/-/media/WTW/Brand-1610-Refresh/telescope-1181191008_rt_2880x1800.jpg" loading="lazy" alt="" class="img-fluid" role="presentation">
                                </picture>
                            </div>
                        </div>
                        <div class="related-matrix-item__text-wrapper col-12 col-lg-8">
                            <div class="related-content-card__eyebrow">
                                Article
                            </div>
                            <div class="related-matrix-item__heading heading-5">Leadership perspectives on ESG</div>
                            <p class="font-p-small">Our leaders agree that a commitment to ESG is critical to business success and that metrics and data should underpin ESG strategy.</p>
                        </div>
                        <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
                    </div>
                </a>
            </li>
            <li class="col-12 col-md-6 related-content-quad-list-item">
                <a class="related-matrix-item-link" href="" aria-label="Article, Strictly business: embedding sustainability priorities">
                    <div class="related-matrix-item row">
                        <div class="related-matrix-item__img-wrapper d-none d-lg-block col-12 col-lg-4">
                            <div class="mini-motif-fico">
                                <picture>
                                    <source media="(max-width: 991.98px)" srcset="https://www.wtwco.com/-/media/Feature/Resources/Images/icons/hide.png">
                                    <img src="https://www.wtwco.com/-/media/WTW/Brand-1610-Refresh/GettyImages-1330498048-1610.jpg" loading="lazy" alt="" class="img-fluid" role="presentation">
                                </picture>
                            </div>
                        </div>
                        <div class="related-matrix-item__text-wrapper col-12 col-lg-8">
                            <div class="related-content-card__eyebrow">
                                Article
                            </div>
                            <div class="related-matrix-item__heading heading-5">Strictly business: embedding sustainability priorities</div>
                            <p class="font-p-small">How can sustainability priorities be truly impactful? We explore the real tangible benefits, risks and liabilities.</p>
                        </div>
                        <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
                    </div>
                </a>
            </li>
        </ul>

        <div class="col-12 p-0">
            <span class="arrow-link arrow-link--inbody p-0">
                <a href="#" aria-label="Link, Read the Article about Compensation and Benefits">
                    See all related lorem ipsum risk articles
                </a>
                <span class="material-symbols-outlined" aria-hidden="true">arrow_right_alt</span>
            </span>
        </div>
    </div>
</section>