Atoms

<body data-spy="scroll" data-target="#jump-nav-scroll-target" data-offset="120">
    <div id="get-current-breakpoint">
        <!-- Used solely for checking tphe active bootstrap breakpoint -->
        <div id="xs"></div>
        <div id="sm" class="d-none d-sm-block"></div>
        <div id="md" class="d-none d-md-block"></div>
        <div id="lg" class="d-none d-lg-block"></div>
        <div id="xl" class="d-none d-xl-block"></div>

        <a href="#main-content" class="sr-only" aria-label="Skip to main content">Skip to main content</a>

        <div class="sr-only" id="main-content" tabindex="-1"></div>

        <header class="hero-insights">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-xl-9">
                        <a href="https://www.willistowerswatson.com/en-US/Insights/all-insights#sort=%40fdate13762%20descending&amp;f:@articlez45xcontentz45xtype=[Article]" class="hero-insights__eyebrow category" aria-label="Content type, Article, Click to see all Article by Willis Towers Watson" data-eventaction="Article Eyebrow Clicked" data-eventcategory="Navigation - Article Eyebrow" data-eventlabel="Category: Article">
                            Article
                        </a>
                        <span class="divider"> | </span><a href="https://www.willistowerswatson.com/en-US/Insights/all-insights#sort=%40fdate13762%20descending&amp;f:@publication=[Investments%20Quarterly%20ideas%20Exchange]" class="hero-insights__eyebrow publication-tag" aria-label="Content grouping, Publication, Click to see all content tagged as Investments Quarterly ideas Exchange by Willis Towers Watson" data-eventaction="Article Eyebrow Clicked" data-eventcategory="Navigation - Article Eyebrow" data-eventlabel="Publication: Investments Quarterly ideas Exchange">
                            Investments Quarterly ideas Exchange
                        </a>
                        <h1 class="heading-1">Sustainable investment report 2022</h1>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-12 col-xl-8">
                        <p class="hero-insights__meta">
                            July 7, 2022
                        </p>
                        <div class="hero-insights__overview text-faded">
                            This year we expand on our governance and processes to continually evolve our integration of SI, as well as presenting our first progress update on Net Zero contributions.
                        </div>
                    </div>
                    <div class="col-12 col-md-4 col-xl-2 offset-xl-1">
                        <a href="" data-eventlabel="Publication: Investments Quarterly ideas Exchange" aria-label="Subscribe; click to navigate to subscription page" rel="noopener noreferrer" class="btn btn-lg btn-block btn-primary arrow-link text-white" data-eventcategory="Page Interaction - Subscribe Button Clicked" data-eventaction="Subscribe Button Clicked" target="_blank">Subscribe<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
                        </a>
                    </div>
                    <div id="solutiontag" class="d-none">Investments</div>
                    <div id="topictag" class="d-none">N/A</div>
                </div>
            </div>
        </header>
        <main>
            <section class="hero-insights__image">

                <div class="full-width-image" style="background-image: url('https://www.wtwco.com/-/media/WTW/Brand-1610-Refresh/GettyImages-655058143-1610.jpg')">
            </section>

            </section>
            <section class="container">
                <div class="row">
                    <div class="col-12 col-xl-6 offset-xl-2">
                        <h4>Heading examples</h4>
                        <hr>
                        <h1 class="heading-1">H1 - Heading 1</h1>
                        <h2 class="heading-2">H2 - Heading 2</h2>
                        <h3 class="heading-3">h3 - Heading 3</h3>
                        <h4 class="heading-4">H4 - Heading 4</h4>
                        <h5 class="heading-5">H5 - Heading 5</h5>
                        <h6 class="heading-6">h6 - Heading 6</h6>

                        <h4 class="mt-5">Buttons</h4>
                        <hr>
                        <div class="mb-3">
                            <button name="button" type="button" aria-label="" class="btn btn-lg btn-primary arrow-link text-white">Primary Button<i class="material-symbols-outlined" aria-hidden="true">arrow_forward</i></button>
                        </div>

                        <div class="mb-3">
                            <button type="button" name="button" class="btn btn-lg btn-outline-primary arrow-link" aria-label="">
                                Secondary Button
                                <i class="material-symbols-outlined" aria-hidden="true">arrow_forward</i>
                            </button>
                        </div>

                        <div class="mb-3">

                            <div class="share-block">
                                <div class="share-button">
                                    <button class="the-share-button btn btn-lg btn-block btn-outline-primary" aria-label="Share this page; click open/close menu of sharing options" aria-expanded="false">
                                        Share
                                        <i class="material-symbols-outlined" aria-hidden="true">share</i>
                                    </button>
                                    <ul class="addthis_sharing_toolbox addthis_default_style share-button__social-list share-block-open">
                                        <li>
                                            <a href="#" class="addthis_button_print share-button__social-item share-button__social-item-1 at300b" title="Print" style="background-image: url(https://testcms.willistowerswatson.com/-/media/Feature/Resources/Images/icons/print.svg);" aria-label="Click to print this page">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="mailto:?subject=nested-lists%20-%20Willis%20Towers%20Watson&amp;body=https%3a%2f%2ftestcms.willistowerswatson.com%2fen%2fInsights%2f_examples%2friks-test-page" class="share-button__social-item share-button__social-item-2" title="Email" style="background-image: url(https://testcms.willistowerswatson.com/-/media/Feature/Resources/Images/icons/email.svg);" aria-label="Click to e-mail this page">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="addthis_button_facebook share-button__social-item share-button__social-item-3 at300b" title="Facebook" style="background-image: url(https://testcms.willistowerswatson.com/-/media/Feature/Resources/Images/icons/facebook.svg);" aria-label="Click to share this page on Facebook">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="addthis_button_twitter share-button__social-item share-button__social-item-4 at300b" title="Twitter" style="background-image: url(https://testcms.willistowerswatson.com/-/media/Feature/Resources/Images/icons/twitter.svg);" aria-label="Click to share this page on Twitter">
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="addthis_button_linkedin share-button__social-item share-button__social-item-5 at300b" title="LinkedIn" style="background-image: url(https://testcms.willistowerswatson.com/-/media/Feature/Resources/Images/icons/linkedin.svg);" aria-label="Click to share this page on LinkedIn" target="_blank">
                                            </a>
                                        </li>

                                        <li class="share-button--active">
                                            <button aria-label="Close button, click to close the share menu" class="share-button__social-item share-button__social-item-5 material-symbols-outlined addthis_button_close border-0" title="Close" style="" aria-expanded="false">
                                                close
                                                <span class="sr-only">Close the share menu</span>
                                            </button>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        </div>

                        <div class="mb-3">
                            <a rel="" href="" target="_blank" class="btn btn-lg btn-outline-primary btn-slide mr-sm-2" aria-label="">Google Podcasts<i class="material-symbols-outlined" aria-hidden="true">mic</i></a>
                        </div>

                        <div class="mb-3">
                            <span class="arrow-link arrow-link--inbody p-0">
                                <a href="#" aria-label="Link, Read the Article about Compensation and Benefits">
                                    Read the Article CTA
                                </a>
                                <i class="material-symbols-outlined" aria-hidden="true">arrow_forward</i>
                            </span>
                        </div>

                        <h4 class="mt-5">Unordered list example below:</h4>
                        <hr>
                        <ul class="unordered-list">
                            <li>Unordered List style 2 lines sample lorem ipsum dolor um sit amet um dolor um lorem ipsum</li>
                            <li>Unordered List style 1 line sample<ul class="unordered-list">
                                    <li>Unordered List style 2 lines sample lorem ipsum dolor um sit amet um dolor um lorem ipsum</li>
                                    <li>Unordered List style 1 line sample<ul class="unordered-list">
                                            <li>Unordered List style 2 lines sample lorem ipsum dolor um sit amet um dolor um lorem ipsum</li>
                                            <li>Unordered List style 1 line sample</li>
                                            <li>Unordered List style 1 line sample</li>
                                        </ul>
                                    </li>
                                    <li>Unordered List style 1 line sample</li>
                                </ul>
                            </li>
                            <li>Unordered List style 1 line sample</li>
                        </ul>

                        <h4 class="mt-5">Ordered list example below:</h4>
                        <hr>

                        <ol class="ordered-list">
                            <li>Unordered List style 2 lines sample lorem ipsum dolor um sit amet um dolor um lorem ipsum</li>
                            <li>Unordered List style 1 line sample<ol class="ordered-list">
                                    <li>Unordered List style 2 lines sample lorem ipsum dolor um sit amet um dolor um lorem ipsum</li>
                                    <li>Unordered List style 1 line sample<ol class="ordered-list">
                                            <li>Unordered List style 2 lines sample lorem ipsum dolor um sit amet um dolor um lorem ipsum</li>
                                            <li>Unordered List style 1 line sample</li>
                                            <li>Unordered List style 1 line sample</li>
                                        </ol>
                                    </li>
                                    <li>Unordered List style 1 line sample</li>
                                </ol>
                            </li>
                            <li>Unordered List style 1 line sample</li>
                        </ol>

                        <h4 class="mt-5">Icon + Text Modules (Article Page)</h4>
                        <hr>

                        <!--Single Icon LARGE-->
                        <div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-4 align-items-center">
                            <div class="stat__image pr-4 pr-xs-0">
                                <div class="stat__icon w-100">
                                    <img class="img-fluid svg-responsive" alt="" src="https://s3.amazonaws.com/tw-design-files/wtw.com/snippets/icons8-services-filled-480.png">
                                </div>
                            </div>

                            <div class="stat__text">
                                <div class="heading-3 mt-xs-2">H3 for section title</div>
                            </div>
                        </div>
                        <!-- end Single Icon-->

                        <!--Single Icon LARGE-->
                        <div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-4 align-items-center">
                            <div class="stat__image pr-4 pr-xs-0">
                                <div class="stat__icon w-100">
                                    <img class="img-fluid svg-responsive" alt="" src="https://s3.amazonaws.com/tw-design-files/wtw.com/snippets/icons8-services-filled-480.png">
                                </div>
                            </div>

                            <div class="stat__text">
                                <div class="heading-4">Here is h4 for section title</div>
                            </div>
                        </div>
                        <!-- end Single Icon-->

                        <!--Single Icon LARGE-->
                        <div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-4 align-items-center">
                            <div class="stat__image pr-4 pr-xs-0">
                                <div class="stat__icon w-100">
                                    <img class="img-fluid svg-responsive" alt="" src="https://s3.amazonaws.com/tw-design-files/wtw.com/snippets/icons8-services-filled-480.png">
                                </div>
                            </div>

                            <div class="stat__text">
                                <div class="heading-5">Here is h5 for section title</div>
                                <p class="mb-0 pb-0 mt-xs-2">Here's paragraph content that you can lorem ipsum dolor sit amet. And here's <a href="#">a link</a> and more content that you can lorem ipsum dolor sit amet.</p>
                            </div>
                        </div>
                        <!-- end Single Icon-->

                        <!--Single Icon SVG-->
                        <div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-4 align-items-center">
                            <div class="stat__image pr-4 pr-xs-0">
                                <div class="stat__icon w-100">
                                    <img class="img-fluid svg-responsive" alt="" src="https://s3.amazonaws.com/tw-design-files/wtw.com/snippets/icons8-services-filled-480.png">
                                </div>
                            </div>

                            <div class="stat__text">
                                <div class="heading-5 mt-3">Here is h5 for section title</div>
                                <p class="mb-0 pb-0 mt-xs-2">Here's paragraph content that you can lorem ipsum dolor sit amet. And here's <a href="#">a link</a> and more content that you can lorem ipsum dolor sit amet.</p>
                            </div>
                        </div>
                        <!-- end Single SVG-->

                        <!--Single Icon SVG-->
                        <div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-4 align-items-top">
                            <div class="stat__image pr-4 pr-xs-0">
                                <div class="stat__icon w-100">
                                    <img class="img-fluid svg-responsive" alt="" src="https://s3.amazonaws.com/tw-design-files/wtw.com/snippets/icons8-services-filled-480.png">
                                </div>
                            </div>

                            <div class="stat__text">
                                <p class="mb-0 pb-0 mt-3">Here's paragraph content that you can lorem ipsum dolor sit amet. And here's <a href="#">a link</a> and more content that you can lorem ipsum dolor sit amet. Here's paragraph content that you can lorem ipsum dolor sit amet. And here's <a href="#">a link</a> and more content that you can lorem ipsum dolor sit amet. <b>Also, image is aligned-top for different display if needed.</b></p>
                            </div>
                        </div>
                        <!-- end Single Icon svg-->

                        <h4 class="mt-5">Inline Image:</h4>
                        <div class="card inline-media sr-reveal">
                            <img class="card-img-top" src="http://tw-design-files.s3.amazonaws.com/wtw.com/wtw-menu/images/solutions/inline-photo.jpg" alt="alt tag for the image">
                            <div class="card-body">
                                <div class="card-title mb-0 font-weight-semibold font-mono">Caption headline. Lorem ipsum dolor sit amet.</div>
                                <p class="card-text font-p-small">Caption body which is optional. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                            </div>
                        </div>
                        <hr>

                        <p>At the board level, cyber presents a dilemma. It&#x2019;s both critical enough to demand the attention of the board as a whole and specialised enough to require expertise that generalists don&#x2019;t have. This problem isn&#x2019;t unique to cyber: delegating specific types of risk to subcommittees could lead to mirroring silos at the board level, countering the board&#x2019;s need to keep its focus on risks that affect the entire enterprise.</p>
                        <div class="float-xl-left left-peeking">
                            <aside class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap mb-3 p-4 align-items-center">
                                <div class="stat__text">
                                    <div class="heading-5 mt-2">Left peeking fact box</div>
                                    <p class="mb-0 pb-0 mt-xs-2">Here's paragraph content that you can lorem ipsum dolor sit amet. And here's <a href="#">a link</a> and more content that you can lorem ipsum dolor sit amet.</p>
                                </div>
                            </aside>
                        </div>
                        <p>This dilemma is reflected in the survey results. Executives were asked two questions: who at the board level oversees cyber and who should oversee it? A growing proportion of companies believe in one of two things: that cyber should be overseen by the board or by a cyber-committee. A shrinking or stable proportion says it should be the responsibility of audit, risk or some other subgroup. North American and UK firms were attacked far more than those in other regions. More North American firms characterised the damage from their attacks as serious and more expected another attack in the near future. And far more North American firms also expressed confidence in their capabilities to repair the damage and proceed with business as usual.</p>
                        <aside class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap mb-3 p-4 align-items-center">
                            <div class="stat__text">
                                <div class="heading-5 mt-2">Fact Box main column</div>
                                <p class="mb-0 pb-0 mt-xs-2">Here's paragraph content that you can lorem ipsum dolor sit amet. And here's <a href="#">a link</a> and more content that you can lorem ipsum dolor sit amet.</p>
                            </div>
                        </aside>

                        <p>At the board level, cyber presents a dilemma. It&#x2019;s both critical enough to demand the attention of the board as a whole and specialised enough to require expertise that generalists don&#x2019;t have. This problem isn&#x2019;t unique to cyber: delegating specific types of risk to subcommittees could lead to mirroring silos at the board level, countering the board&#x2019;s need to keep its focus on risks that affect the entire enterprise.</p>
                        <div class="float-xl-left left-peeking">
                            <div class="quote-content mt-3 mb-4">
                                <span class="d-block pattern-stripes-blue mb-3"></span>
                                <p class="heading-5 mb-3">Left-Peeking Content Quote - Actuaries now spend almost all their time on value-add activities rather than production with automated governance and audit trails</p>
                            </div>
                        </div>

                        <p>This dilemma is reflected in the survey results. Executives were asked two questions: who at the board level oversees cyber and who should oversee it? A growing proportion of companies believe in one of two things: that cyber should be overseen by the board or by a cyber-committee. A shrinking or stable proportion says it should be the responsibility of audit, risk or some other subgroup. North American and UK firms were attacked far more than those in other regions. More North American firms characterised the damage from their attacks as serious and more expected another attack in the near future. And far more North American firms also expressed confidence in their capabilities to repair the damage and proceed with business as usual.</p>

                        <div class="float-xl-left left-peeking">
                            <div class="row about-module-container d-block clearfix mb-3">
                                <!--Code Box-->
                                <div class="d-block w-100">
                                    <svg class="ml-5" xmlns="http://www.w3.org/2000/svg" width="59" height="19">
                                        <rect width="59" height="19" style="fill:rgb(255,255,255);stroke-width:7;stroke:rgb(242,242,242)"></rect>
                                    </svg>
                                </div>
                                <!--end code box-->

                                <div class="about-module bg-wtw-digital-light-gray p-4 m-3 mb-4 d-block">
                                    <div class="float-right">
                                        <button class="btn btn-expand m-0 p-0 collapsed" type="button" data-toggle="collapse" data-target="#about-expanded-example" aria-expanded="false" aria-controls="about-expanded-example" aria-label="Click to expand or collapse about this survey">

                                            <i class="material-symbols-outlined about-open">add</i>

                                            <i class="material-symbols-outlined about-close">close</i>
                                        </button>

                                    </div>

                                    <p class="font-mono-small font-weight-semibold m-0 p-0 mb-2">Left Peeking - Unlock More</p>
                                    <p class="heading-4">About this Survey</p>

                                    <div id="about-expanded-example" class="about-expanded collapse" style="">
                                        <p>This dilemma is reflected in the survey results. Executives were asked two questions: who at the board level oversees cyber and who should oversee it? And far more North American firms also expressed confidence in their capabilities to repair the damage and proceed with business as usual.</p>
                                        <ul>
                                            <li>Item 1</li>
                                            <li>Item 2</li>
                                            <li>Item 3</li>
                                        </ul>

                                        <p>This dilemma is reflected in the survey results. Executives were asked two questions: who at the board level oversees cyber and who should oversee it? And far more North American firms also expressed confidence in their capabilities to repair the damage and proceed with business as usual.</p>

                                    </div>

                                </div>

                                <!--Code Box-->
                                <div class="d-block w-100">
                                    <svg class="float-right mr-5" xmlns="http://www.w3.org/2000/svg" width="99" height="32">
                                        <rect width="99" height="32" style="fill:rgb(255,255,255);stroke-width:7;stroke:rgb(242,242,242)"></rect>
                                    </svg>
                                    <!--end code box-->
                                </div>

                            </div>
                        </div>

                        <p>This dilemma is reflected in the survey results. Executives were asked two questions: who at the board level oversees cyber and who should oversee it? A growing proportion of companies believe in one of two things: that cyber should be overseen by the board or by a cyber-committee. A shrinking or stable proportion says it should be the responsibility of audit, risk or some other subgroup. North American and UK firms were attacked far more than those in other regions. More North American firms characterised the damage from their attacks as serious and more expected another attack in the near future. And far more North American firms also expressed confidence in their capabilities to repair the damage and proceed with business as usual.</p>

                        <p>At the board level, cyber presents a dilemma. It&#x2019;s both critical enough to demand the attention of the board as a whole and specialised enough to require expertise that generalists don&#x2019;t have. This problem isn&#x2019;t unique to cyber: delegating specific types of risk to subcommittees could lead to mirroring silos at the board level, countering the board&#x2019;s need to keep its focus on risks that affect the entire enterprise.</p>
                        <div class="float-xl-left left-peeking">
                            <blockquote class="quote quote--left">
                                <i class="heading-4 quote__icon"></i>
                                <p class="heading-4">Left peeking quote - It’s helpful for the CISO to work with a smaller group that becomes more deeply informed.”</p>
                                <cite class="font-mono-small font-weight-semibold">Kevin Tran
                                    <br>Global Resource Manager
                                </cite>
                                <span class="quote__block"></span>
                            </blockquote>
                        </div>

                        <p>This dilemma is reflected in the survey results. Executives were asked two questions: who at the board level oversees cyber and who should oversee it? A growing proportion of companies believe in one of two things: that cyber should be overseen by the board or by a cyber-committee. A shrinking or stable proportion says it should be the responsibility of audit, risk or some other subgroup. North American and UK firms were attacked far more than those in other regions. More North American firms characterised the damage from their attacks as serious and more expected another attack in the near future. And far more North American firms also expressed confidence in their capabilities to repair the damage and proceed with business as usual.</p>

                        <div class="download-content mb-5">
                            <h5>Download</h5>
                            <div class="table-responsive">
                                <table id="" class="table">
                                    <!--Table head-->
                                    <thead>
                                        <tr>
                                            <th>Title</th>
                                            <th nowrap="">File Type</th>
                                            <th nowrap="">File Size</th>
                                        </tr>
                                    </thead>
                                    <!--Table head-->
                                    <!--Table body-->
                                    <tbody>
                                        <tr>
                                            <th class="" data-title="Title">
                                                <span class="download-icon" aria-hidden="true"></span>
                                                <span class="download-file">
                                                    <a href="" aria-label="" target="_blank" download="">
                                                        Analysis of the top European companies’ remuneration reports
                                                    </a>
                                                </span>
                                            </th>
                                            <td data-title="File Type">PDF</td>

                                            <td data-title="File Size">.3 MB</td>

                                        </tr>
                                    </tbody>
                                    <!--Table body-->
                                </table>
                            </div>
                        </div>

                    </div>
                    <aside class="col-12 col-xl-4">
                        <blockquote class="quote">
                            <i class="heading-4 quote__icon"></i>
                            <p class="heading-4">It&#x2019;s helpful for the CISO to work with a smaller group that becomes more deeply informed.&#x201D;</p>
                            <cite class="font-mono-small font-weight-semibold">Kevin Tran<br>Global Resource Manager</cite>
                            <span class="quote__block"></span>
                        </blockquote>
                        <a href="#" class="mb-5 featured-callout sr-reveal">
                            <p class="font-mono-small featured-callout__eyebrow">Featured Callout Module</p>
                            <h2 class="featured-callout__title">Featured Callout Module</h2>
                            <p class="heading-5 featured-callout__date">October 18, 2021 | New York, NY</p>
                            <span class="arrow-link">
                                Register
                                <i class="material-symbols-outlined d-lg-inline-block">
                                    arrow_forward
                                </i>
                            </span>
                        </a>
                    </aside>
                </div>

            </section>

            <section class="container">
                <div class="row">
                    <div class="col-12 col-xl-6 offset-xl-2">

                        <div class="people mb-5">
                            <h5>
                                Contacts </h5>
                            <hr class="mb-4 horizontal-rule--thick">
                            <div class="media">
                                <img src="https://www.wtwco.com/-/media/WTW/Authors/Manuel.jpg" class="mr-4 people__person-image" aria-hidden="true" alt="">
                                <div class="media-body">
                                    <div class="font-mono font-weight-semibold">
                                        <a href="https://cms.willistowerswatson.com/en-GB/Insights/all-insights#sort=%40fdate13762%20descending&amp;f:@authors=[Manuel%20Montecelos]" data-eventaction="Viewed Colleague Biography" data-eventcategory="Navigation - Colleague Biography" data-eventlabel="Colleague: Manuel Montecelos">

                                            <!-- WTW START -->
                                            Manuel Montecelos
                                            <!-- WTW END -->
                                        </a>
                                    </div>
                                    <div class="font-p-small">Senior Director, Executive Compensation Practice Leader, Western Europe</div>
                                    <div class="font-p-small">
                                        <a href="" class="font-weight-bold" aria-label="">
                                            Email
                                        </a>
                                        |
                                        <a href="" class="font-weight-bold" aria-label="">
                                            +34 649 469 544
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <hr class="my-4">
                            <div class="media">
                                <img src="https://www.wtwco.com/-/media/WTW/Authors/piia.jpg" class="mr-4 people__person-image" aria-hidden="true" alt="">
                                <div class="media-body">
                                    <div class="font-mono font-weight-semibold">
                                        <a href="">

                                            Piia Pilv

                                        </a>
                                    </div>
                                    <div class="font-p-small"><span style="color: rgb(0, 32, 96);">Executive Compensation Leader, Northern Europe</span></div>
                                    <div class="font-p-small">
                                        <a href="" class="font-weight-bold" aria-label="">
                                            Email
                                        </a>
                                        |
                                        <a href="" class="font-weight-bold" aria-label="">
                                            +44 7785 458044
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <hr class="my-4">
                        </div>

                    </div>

                </div> <!-- end full infographic-feature-->

            </section>

            <section class="container">
                <div class="row">
                    <div class="col-12 col-xl-6 offset-xl-2">
                        <div class="mb-5">
                            <span class="sr-only">Related content tags, list of links</span>
                            <a href="" class="badge badge-light article-related-tag">Article</a>
                            <a href="" class="badge badge-light article-related-tag">Executive Pay Memo – UK</a>
                            <a href="" class="badge badge-light article-related-tag">Total Rewards</a>
                            <a href="" class="badge badge-light article-related-tag">Executive Compensation</a>
                            <a href="" class="badge badge-light article-related-tag">Future of Work</a>
                            <a href="" class="badge badge-light article-related-tag">Preparing for the EU Shareholders’ Rights Directive</a>
                            <a href="" class="badge badge-light article-related-tag">Austria</a>
                            <a href="" class="badge badge-light article-related-tag">Belgium</a>
                            <a href="" class="badge badge-light article-related-tag">Czech Republic</a>
                            <a href="" class="badge badge-light article-related-tag">Denmark</a>
                            <a href="" class="badge badge-light article-related-tag">Finland</a>
                            <a href="" class="badge badge-light article-related-tag">France</a>
                            <a href="" class="badge badge-light article-related-tag">Germany</a>
                            <a href="" class="badge badge-light article-related-tag">Ireland</a>
                            <a href="" class="badge badge-light article-related-tag">Italy</a>
                            <a href="" class="badge badge-light article-related-tag">Luxembourg</a>
                            <a href="" class="badge badge-light article-related-tag">Netherlands</a>
                            <a href="" class="badge badge-light article-related-tag">Norway</a>
                            <a href="" class="badge badge-light article-related-tag">Poland</a>
                            <a href="" class="badge badge-light article-related-tag">Portugal</a>

                        </div>

                    </div>
                </div>
            </section>

        </main>

</body>