Featured content is another way to - you guessed correctly - feature content.

This version offers a bold background image, master code overlay, eyebrow text, title, and call to action link.

Sample Image

<section id="featured-content" class="featured-content featured-content--full-width">

    <img src="https://www.wtwco.com/-/media/WTW/Brand-1610-Refresh/GettyImages-1221171067-1610.jpg" loading="lazy" alt="" class="img-fluid" role="presentation">

    <div class="container">
        <div class="featured-content-item">
            <a href="" class="d-block">
                <div class="row justify-content-md-center justify-content-xl-start">
                    <div class="col-12 col-xl-7 featured-content-card">
                        <div class="featured-content-item__eyebrow" data-eventaction="Featured Content Card Clicked" data-eventcategory="Navigation - Content Card (full width image)" data-eventlabel="Category: Featured Event|Title: WTW's HR Summit 2021 - Making an Impact">Featured Event</div>
                        <div class="featured-content-item__title heading-3" data-eventaction="Featured Content Card Clicked" data-eventcategory="Navigation - Content Card (full width image)" data-eventlabel="Category: Featured Event|Title: WTW's HR Summit 2021 - Making an Impact">WTW's HR Summit 2021 - Making an Impact</div>
                        <span class="arrow-link">Register now<span class="material-symbols-outlined" aria-hidden="true">arrow_right_alt</span></span>
                    </div>
                </div>
            </a>
        </div>
    </div>
</section>