<body data-spy="scroll">
<div id="get-current-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>
</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>
<div class="solutions-hero">
<div class="solutions-hero__title-block">
<div class="container">
<div class="row">
<div class="col-12 col-xl-8">
<div class="solutions-hero__eyebrow heading-4 text-faded">Solutions</div>
<h1 class="solutions-hero__title">
<span>
<span>Molecule DSG examples</span>
</span>
</h1>
</div>
</div>
</div>
</div>
<div class="solutions-hero__content-block">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-xl-4">
<p class="solutions-hero__description font-p-large text-faded">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-12 col-md-6 col-xl-8 position-static">
<div class="solutions-hero__image-container">
<div class="solutions-hero__image-reveal-wrapper">
<img class="solutions-hero__image" alt="" src="https://tw-design-files.s3.amazonaws.com/wtw.com/images/solutions/hero-16x10.jpg" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main>
<section class="container mt-3 pt-3 mt-lg-4 pt-lg-4">
<div class="row">
<article class="col-12 col-lg-7">
<h4 class="mt-5">Bio Module (in-page):</h4>
<hr>
<div class="row">
<div class="col col-md-10 col-lg-10 offset-md-2">
<div id="john-haley" class="mb-3">
<p class="font-mono font-weight-semibold p-0 m-0">John Haley</p>
<p class="p-0 m-0 font-p-small">Chief Executive Officer</p>
</div>
<div class="float-left left-peeking about-bio-peeking mt-3 mb-2 mr-4">
<img class="img-fluid" alt="John Haley, CEO" src="https://www.wtwco.com/-/media/WTW/About-Us/Leaders/John-Haley-480x480.jpg">
</div>
<p>John Haley is currently the Chief Executive Officer and a Director of Willis Towers Watson. He has served in these roles since January 4, 2016.</p>
<p>John joined the company in 1977 and throughout his career served in a variety of roles including consulting actuary to several of the company’s largest clients, manager of the Washington, D.C. consulting office and leader of the global retirement practice. John was named CEO in 1998. Under his leadership, the company went public in 2000, and completed three historic mergers, in 2005, 2010 and 2016 that formed present-day Willis Towers Watson.</p>
<p>John also serves on the board of directors of MAXIMUS, Inc. the Miami Cancer Institute, and the New World Symphony. He is a Fellow of the Society of Actuaries and the Conference of Consulting Actuaries, and has served as a trustee of The Actuarial Foundation. Previously, he served on the board of Hudson Global, Inc.</p>
<p>John has a bachelor’s degree in mathematics from Rutgers College and studied under a Fellowship at the Graduate School of Mathematics at Yale University. He is also a co-author of <em>Fundamentals of Private Pensions</em> (University of Pennsylvania Press).</p>
</div>
</div>
<h4 class="mt-5">Downloadable Content:</h4>
<hr>
<div class="download-content mb-5">
<h5>Downloadable content title here (e.g. Download) </h5>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Title</th>
<th nowrap="">File Type</th>
<th nowrap="">File Size</th>
</tr>
</thead>
<tbody>
<tr>
<th class="" data-title="Title">
<span class="download-icon"></span>
<span class="download-file">
<a href="url-of-document" aria-label="Link, download, click to download STAR RW: Real-world economic modelling, Size 2.8 megabytes. File type PDF" target="_blank" data-eventaction="Downloaded File" data-eventcategory="Page Interaction - Downloaded File" data-eventlabel="Title: STAR RW: Real-world economic modelling" download="">
Name of document to download
</a>
</span>
</th>
<td data-title="File Type">PDF</td>
<td data-title="File Size">8mb</td>
</tr>
<tr>
<th class="" data-title="Title">
<span class="download-icon"></span>
<span class="download-file">
<a href="url-of-document" aria-label="Link, download, click to download STAR RW: Real-world economic modelling, Size 2.8 megabytes. File type PDF" target="_blank" data-eventaction="Downloaded File" data-eventcategory="Page Interaction - Downloaded File" data-eventlabel="Title: STAR RW: Real-world economic modelling" download="">
Name of document to download
</a>
</span>
</th>
<td data-title="File Type">PDF</td>
<td data-title="File Size">8mb</td>
</tr>
</tbody>
</table>
</div>
</div>
<h4 class="mt-5">Fact Box:</h4>
<hr>
<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">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>
</aside>
<div class="row">
<h4 class="mt-5">Featured “Unlock More” Expand/Collapse Module</h4>
<hr>
<div class="float-left about-module-container mb-3 mr-4">
<div class="d-block w-100">
<svg class="ml-5 mb-3" 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>
<div class="about-module bg-wtw-digital-light-gray p-4 mb-4 d-block">
<div class="float-right clearfix mb-5">
<button class="btn btn-expand m-0 p-0 collapsed" type="button" data-toggle="collapse" data-target="#about-expanded-example-2" aria-expanded="false" aria-controls="about-expanded-example-2" 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>
<div class="d-block">
<p class="font-mono-small font-weight-semibold m-0 p-0 mb-2">Unlock More</p>
<p class="heading-4">About this Survey lorem ipsum</p>
</div>
<div id="about-expanded-example-2" 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>
<div class="d-block w-100">
<svg class="float-right mr-5 mb-2" 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>
</div>
</div>
</div>
<h4 class="mt-5">
Icon + Text Modules:</h4>
<hr>
<div class="row">
<div class="col-12 col-lg-11">
<h2>Single Icons - Separate, no background</h2><br><br>
<div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-3 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://tw-design-files.s3.amazonaws.com/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 lorem ipsum dolor sit amet</div>
</div>
</div>
<div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-5 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://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<div class="heading-4">Here is h4 for section title lorem ipsum dolor sit amet</div>
</div>
</div>
<div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-5 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="hhttps://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<div class="heading-5 mt-2">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>
<div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-5 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://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<div class="heading-5 mt-2">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>
<div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-5 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://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<div class="heading-5 mt-2">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>
<div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-5 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://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<div class="heading-5 mt-2">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>
</div>
<hr>
<h2>Single Icons - Separate, with background</h2><br><br>
<div class="stat__module__container my-5">
<div class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap mb-3 p-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://tw-design-files.s3.amazonaws.com/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>
<div class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap mb-3 p-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://tw-design-files.s3.amazonaws.com/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>
<div class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap mb-3 p-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="hhttps://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<div class="heading-5 mt-2">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>
</div>
<h2>Multiple Icons with Gray background</h2><br><br>
<div class="stat__module__container bg-grey my-5">
<div class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap p-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://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<div class="heading-5 mt-2">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>
<div class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap p-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://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<div class="heading-5 mt-2">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>
</div>
<div class="stat__module__container bg-grey my-5">
<div class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap p-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="hhttps://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<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>
<div class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap p-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://tw-design-files.s3.amazonaws.com/wtw.com/snippets/icons8-services-filled-480.png">
</div>
</div>
<div class="stat__text">
<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>
</div>
<br><br>
</div>
<div class="d-flex flex-row flex-wrap flex-sm-nowrap mb-3 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://tw-design-files.s3.amazonaws.com/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 lorem ipsum dolor sit amet</div>
</div>
</div>
<h4 class="mt-5">Inline Image:</h4>
<hr>
<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>
<div class="row">
<div class="col-12 col-lg-11">
<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>
</div>
</div>
<h4 class="mt-5">Stylized list with numbers example:</h4>
<hr>
<ol class="row stylized-list">
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">01</p>
<h4>Quantitative Modeling & Analytical Tools</h4>
<p>Our assessment portfolio sets the market standard with <a href="#">industry-leading research</a>, development and validity.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">02</p>
<h4>Results Driven</h4>
<p>We improve the effectiveness of the assessment process for clients by hitting all the key metrics for success and a strong focus on ROI.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">03</p>
<h4>Smarter Solutions</h4>
<p>Our approach embraces innovation, technology and candidate experience without compromising quality.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">04</p>
<h4>Global Capability</h4>
<p>We are equipped to deliver large-scale, multi-national assessment projects via our international network.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">05</p>
<h4>Trusted Technology</h4>
<p>Your data is safe with us. All our data centers are ISO 27001 certified and offer faster performance and increased resilience.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">06</p>
<h4>Exceptional Service</h4>
<p>Our team of experts ensure world-class products are equally matched by a world-class service.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">07</p>
<h4>Results Driven</h4>
<p>We improve the effectiveness of the assessment process for clients by hitting all the key metrics for success and a strong focus on ROI.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">08</p>
<h4>Smarter Solutions</h4>
<p>Our approach embraces innovation, technology and candidate experience without compromising quality.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">09</p>
<h4>Global Capability</h4>
<p>We are equipped to deliver large-scale, multi-national assessment projects via our international network.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<p class="stylized-list__number">10</p>
<h4>Trusted Technology</h4>
<p>Your data is safe with us. All our data centers are ISO 27001 certified and offer faster performance and increased resilience.</p>
</li>
</ol>
<h4 class="mt-5">Stylized list with image example</h4>
<hr>
<ul class="row stylized-list">
<li class="col-12 col-md-6 stylized-list__item">
<img src="https://tw-design-files.s3.amazonaws.com/wtw-menu/images/stylized-list-image.jpg" alt="this is an image" class="stylized-list__image">
<h4>Lorem Ipsum Dolor </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<img src="https://tw-design-files.s3.amazonaws.com/wtw.com/wtw-menu/images/stylized-list-image.jpg" alt="this is an image" class="stylized-list__image">
<h4>Lorem Ipsum Dolor </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<img src="https://tw-design-files.s3.amazonaws.com/wtw.com/wtw-menu/images/stylized-list-image.jpg" alt="this is an image" class="stylized-list__image">
<h4>Lorem Ipsum Dolor </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>
<li class="col-12 col-md-6 stylized-list__item">
<img src="https://tw-design-files.s3.amazonaws.com/wtw.com/wtw-menu/images/stylized-list-image.jpg" alt="this is an image" class="stylized-list__image">
<h4>Lorem Ipsum Dolor </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</li>
</ul>
<h4 class="mt-5">Quote – Content Callout:</h4>
<hr>
<div class="quote-content mt-3 mb-4">
<span class="d-block pattern-stripes-blue mb-3"></span>
<p class="heading-5 mb-3">We have successfully balanced technology and innovation with a reliable and robust approach to assessment, giving us a stronger and more diverse talent pool.</p>
</div>
<h4 class="mt-5">Quote</h4>
<hr>
<div class="row">
<blockquote class="quote quote--large col-md-10">
<i class="heading-4 quote__icon">
<span class="heading-4 quote__icon">“</span>
</i>
<p class="heading-4">
Captive Quantified is a real game changer that goes far beyond typical financial analysis used for captive feasibility studies.”
</p>
<cite class="font-mono-small font-weight-semibold">
Sean Rider |
Director, Consulting and Development, Global Captive Practice, Willis Towers Watson </cite>
<span class="quote__block"></span>
</blockquote>
</div>
<h4 class="mt-5">Fact Box:</h4>
<hr>
<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>
<h4 class="mt-5">Statistic Modules:</h4>
<hr>
<div class="stat__module__container my-5">
<div class="bg-grey d-flex flex-row flex-wrap flex-sm-nowrap mb-3 p-4 align-items-center">
<div class="stat__number pr-4 pr-xs-0">
<div class="text-color__wtw-digital-blue font-weight-bold display-1">$400<span class="heading-2 pl-1">k</span></div>
</div>
<div class="stat__text">
<div class="heading-4 mb-0">This text uses a larger heading-4 class and can be used for stats with less content.</div>
</div>
</div>
</div>
<div class="stat__module__container bg-grey d-block d-sm-flex d-nowrap d-sm-wrap my-4 p-4">
<div class="stat__module col col-xs-12 col-sm-6 px-0 pr-sm-3">
<div class="stat__number">
<div class="text-color__wtw-digital-green font-weight-bold display-1">40<span class="heading-2">k</span></div>
</div>
<div class="stat__text">
<div class="heading-5 mb-0">
Lorem ipsum dolor sit amet fact lorpsum dolor amet fact lorem ipsum dolor
</div>
</div>
</div>
<div class="stat__module col col-xs-12 col-sm-6 px-0 pl-sm-3">
<div class="stat__number">
<div class="text-color__wtw-digital-magenta font-weight-bold display-1">55</div>
</div>
<div class="stat__text">
<div class="heading-5 mb-0">
Lorem ipsum dolor sit amet fact lorem isum dolor amet fact lorem ipsum dolor
</div>
</div>
</div>
</div>
<div class="stat-module-container bg-grey my-4 p-4 d-block d-sm-flex d-nowrap d-sm-wrap">
<div class="stat__module col col-xs-12 col-sm-6 col-md-4 p-0 pr-sm-3">
<div class="stat__number">
<div class="text-color__wtw-digital-blue font-weight-bold display-1">1.3<span class="heading-2 pl-1">k</span></div>
</div>
<div class="stat__text">
<div class="heading-4 mb-0">
lorem ipsum
</div>
</div>
</div>
<div class="stat__module col col-xs-12 col-sm-6 col-md-4 p-0">
<div class="stat__number">
<div class="text-color__wtw-digital-green font-weight-bold display-1">40<span class="heading-2">k</span></div>
</div>
<div class="stat__text">
<div class="heading-5 mb-0">
Content at smaller size to accomodate more words
</div>
</div>
</div>
<div class="stat__module col col-xs-12 col-sm-6 col-md-4 p-0 pl-sm-3">
<div class="stat__number">
<div class="text-color__wtw-digital-magenta font-weight-bold display-1">6.1</div>
</div>
<div class="stat__text">
<div class="heading-4 mb-0">
billion people
</div>
</div>
</div>
</div>
<h4 class="mt-5">Table of Contents:</h4>
<hr>
<h2>Table of Contents Listings – without Numbers</h2>
<hr class="horizontal-rule--thick horizontal-rule--dark">
<ol class="row stylized-list">
<li class="col-12 stylized-list__item">
<h4><a href="linkhere" aria-label="additional information here">First title in the series</a></h4>
<p class="font-mono-small article-hero__meta"><a href="#">Day Bishop</a> and <a href="#">David Overnden</a> | June 29, 2018</p>
<p>Our assessment portfolio sets the market standard with <a href="#">industry-leading research</a>, development and validity.</p>
<hr class="mb-0">
</li>
<li class="col-12 stylized-list__item">
<h4><a href="linkhere" aria-label="additional information here">Second title in the series</a></h4>
<p class="font-mono-small article-hero__meta"><a href="#">Day Bishop</a> and <a href="#">David Overnden</a> | June 29, 2018</p>
<p>Our assessment portfolio sets the market standard with <a href="#">industry-leading research</a>, development and validity.</p>
<hr class="mb-0">
</li>
<li class="col-12 stylized-list__item">
<h4><a href="linkhere" aria-label="additional information here">Third title in the series</a></h4>
<p class="font-mono-small article-hero__meta">Day Bishop and <a href="#">David Overnden</a> | June 29, 2018</p>
<p>Our assessment portfolio sets the market standard with <a href="#">industry-leading research</a>, development and validity.</p>
<hr class="mb-0">
</li>
</ol>
<hr>
<h2>Table of Contents Listings – with Numbers</h2>
<hr class="horizontal-rule--thick horizontal-rule--dark">
<ol class="row stylized-list">
<li class="col-12 stylized-list__item">
<p class="stylized-list__number">01</p>
<h4><a href="linkhere" aria-label="additional information here">First insight here</a></h4>
<p class="font-mono-small article-hero__meta">Day Bishop and David Overnden | June 29, 2018</p>
<p>Our assessment portfolio sets the market standard with <a href="#">industry-leading research</a>, development and validity. </p>
<hr class="mb-0">
</li>
<li class="col-12 stylized-list__item">
<p class="stylized-list__number">02</p>
<h4><a href="linkhere" aria-label="additional information here">Second insight here</a></h4>
<p class="font-mono-small article-hero__meta"><a href="#">Day Bishop</a> and <a href="#">David Overnden</a> | June 29, 2018</p>
<p>Our assessment portfolio sets the market standard with <a href="#">industry-leading research</a>, development and validity. </p>
<hr class="mb-0">
</li>
<li class="col-12 stylized-list__item">
<p class="stylized-list__number">03</p>
<h4><a href="linkhere" aria-label="additional information here">Third insight here</a></h4>
<p class="font-mono-small article-hero__meta"><a href="#">Day Bishop</a> and <a href="#">David Overnden</a> | June 29, 2018</p>
<p>Our assessment portfolio sets the market standard with <a href="#">industry-leading research</a>, development and validity. </p>
<hr class="mb-0">
</li>
</ol>
<div class="row">
<div class="table-of-contents col-sm-12">
<div class="btn-group">
<button type="button" class="btn btn-lg btn-outline-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Table of Contents dropdown
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#" aria-label="">Survey Name - Table of Contents</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" aria-label="Link, click to read Lorem ipsum first survey in the report">1. Lorem ipsum first survey in the report</a>
<a class="dropdown-item" href="#" aria-label="Second ipsum survey in the report second ipsum survey in the report second ipsum survey in the report">2. Second ipsum survey in the report second ipsum survey in the report second ipsum survey in the report</a>
<a class="dropdown-item" href="#" aria-label="Link, click to read...">3. Something else here</a>
<a class="dropdown-item" href="#" aria-label="Link, click to read...">4. Lorem ipsum first survey in the report</a>
<a class="dropdown-item" href="#" aria-label="Link, click to read...">5. Second ipsum survey in the report econd ipsum survey in the report econd ipsum survey in the report</a>
<a class="dropdown-item" href="#" aria-label="Link, click to read...">6. Something else here</a>
</div>
</div>
</div>
</div>
<div class="table-of-contents-jump">
<hr class="mb-2">
<div class="d-flex justify-content-center">
<p class="mb-0">
<a href="#skip-to-table-of-contents" aria-label="Anchor Link; click to jump to table of contents">Table of Contents Jump Links</a>
</p>
</div>
<hr>
</div>
<h4 class="mt-5">Tables:</h4>
<hr>
<h5>Responsive Table:</h5>
<div class="table-responsive">
<table class="table">
<caption>Responsive Table</caption>
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Second</th>
<th scope="col">Third</th>
<th scope="col">Fourth</th>
<th scope="col">Fifth Longer</th>
<th scope="col">Sixth Even longer</th>
<th scope="col">Seventh</th>
<th scope="col">Eight Loremfdjkjkdf Ipsum</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>@mdo</td>
<td>@mdo</td>
<td>@mdo</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>Lorem ipsum dolor sit amet, id deseruisse assueverit his. </td>
<td>@mdo</td>
<td>Thornton</td>
<td>@fat</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td>@mdo</td>
<td>the Bird</td>
<td>Lorem ipsum dolor sit amet, id deseruisse assueverit. </td>
<td>@mdo</td>
</tr>
</tbody>
</table>
</div>
<h5 class="mt-5">Striped Table:</h5>
<div class="table-responsive">
<table class="table table-striped">
<caption>Striped Table</caption>
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Second</th>
<th scope="col">Third</th>
<th scope="col">Fourth</th>
<th scope="col">Fifth Longer</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>Lorem ipsum dolor sit amet, id deseruisse assueverit his. </td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td>@mdo</td>
</tr>
</tbody>
</table>
</div>
<h5 class="mt-5">Hover Table:</h5>
<div class="table-responsive">
<table class="table table-hover">
<caption>Hover Table</caption>
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Second</th>
<th scope="col">Third</th>
<th scope="col">Fourth</th>
<th scope="col">Fifth Longer</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>Lorem ipsum dolor sit amet, id deseruisse assueverit his. </td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td>@mdo</td>
</tr>
</tbody>
</table>
</div>
<h5 class="mt-5">Condensed Table:</h5>
<div class="table-responsive">
<table class="table table-sm">
<caption>Condensed Table</caption>
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Second</th>
<th scope="col">Third</th>
<th scope="col">Fourth</th>
<th scope="col">Fifth Longer</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>Lorem ipsum dolor sit amet, id deseruisse assueverit his. </td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td>@mdo</td>
</tr>
</tbody>
</table>
</div>
</article>
<aside class="col-12 offset-lg-1 col-lg-4">
<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>
<a class="card related-content-card float-left mr-3 related-content-card--aside" href="https://www.wtwco.com/en-US/Insights/2020/05/hr-4-0-shaping-people-strategies-in-the-fourth-industrial-revolution">
<div class="related-content-card__img-container">
<img src="https://www.wtwco.com/-/media/WTW/Brand-1610/Future-Workplace-Oct-2019-1610/GettyImages-735933125-1610.jpg" class="card-img-top" alt="">
</div>
<div class="card-body">
<div class="related-content-card__eyebrow font-mono-small font-weight-semibold mb-2">
Featured Content Card Molecule
</div>
<span class="card-title heading-5">Featured Content Card Molecule)</span>
</div>
</a>
<div class="people mb-5" id="bio-people">
<h5>Meet our Experts</h5>
<hr class="mb-4 horizontal-rule--thick">
<div class="media">
<img src="https://tw-design-files.s3.amazonaws.com/wtw.com/images/article/lisa.jpg" alt="Lisa Braeden" class="mr-4 people__person-image">
<div class="media-body">
<div class="font-mono font-weight-semibold">Lisa Braeden</div>
<div class="font-p-small">ARM, CBCP, CFPS, CBCA, Senior Risk Control Consultant Risk Control and Claim Advocacy Practice</div>
</div>
</div>
<hr class="my-4">
<div class="media">
<img src="https://tw-design-files.s3.amazonaws.com/wtw.com/images/article/gordon.jpg" alt="Gordon Walker" class="mr-4 people__person-image">
<div class="media-body">
<div class="font-mono font-weight-semibold">Gordon Walker</div>
<div class="font-p-small">Cyber Specialist</div>
</div>
</div>
<hr class="my-4">
<div class="media">
<img src="https://tw-design-files.s3.amazonaws.com/wtw.com/images/article/moira.jpg" alt="<a href="#">Moira Queen</a>" class="mr-4 people__person-image">
<div class="media-body">
<div class="font-mono font-weight-semibold"><a href="#">Moira Queen</a></div>
<div class="font-p-small">Senior Cyber Specialist</div>
<div class="font-p-small"><a href="mailto:example@email.com" class="font-weight-bold">Email</a> | <a href="tel:+19738292920" class="font-weight-bold">+1 973 829 2920</a></div>
</div>
</div>
<hr class="my-4">
<div class="media">
<div class="media-body">
<div class="font-mono font-weight-semibold"><a href="#">Moira Queen</a></div>
<div class="font-p-small">Senior Cyber Specialist</div>
<div class="font-p-small"><a href="mailto:example@email.com" class="font-weight-bold">Email</a> | <a href="tel:+19738292920" class="font-weight-bold">+1 973 829 2920</a></div>
</div>
</div>
<hr class="my-4">
<div class="media">
<img src="https://tw-design-files.s3.amazonaws.com/wtw.com/images/article/quentin.jpg" alt="Quentin Lance" class="mr-4 people__person-image">
<div class="media-body">
<div class="font-mono font-weight-semibold">Quentin Lance</div>
<div class="font-p-small">Head of Global Cyber Risk </div>
<p class="font-p-small mt-2 people__person-bio">Quentin has extensive experience in cyber risk management, with a focus on related risk transfer solutions as well as cyber and privacy risk mitigation techniques in employee engagement, incident response, and vendor management. </p>
</div>
</div>
<hr class="my-4">
</div>
<blockquote class="quote">
<i class="heading-4 quote__icon">
“
</i>
<p class="heading-4">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 class="stat__module__container d-flex flex-row flex-wrap bg-grey mb-3 p-4 pt-2 align-items-center">
<div class="stat__number">
<div class="text-color__wtw-digital-green font-weight-bold display-1">20<span class="heading-2 pl-1">billion</span></div>
</div>
<div class="stat__text">
<div class="heading-4 mb-0">
Lorem ipsum dolor sit amet fact lordolor amet fact lorem ipsum dolor
</div>
</div>
</div>
</aside>
</div>
</section>
</main>
</body>