<div class="expert_listing_top">
<div class="expert_listing_top_inner">
<div class="expert_listing_top_breadcrumbs">
<div class="fs-row">
<div class="fs-cell">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list multiple" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html" aria-label="Home">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_icon_back" aria-hidden="true" aria-label="Go Back">
<svg class="icon icon_arrow_back_breadcrumbs">
<use href="/images/icons.svg#arrow_back_breadcrumbs" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Research</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Page Title</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<header class="expert_listing_top_head">
<div class="fs-row">
<div class="fs-cell fs-lg-9">
<h1 class="expert_listing_top_title">
Experts
</h1>
<div class="expert_listing_top_blurb">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean volutpat nisl in neque euismod, ac egestas orci rutrum.
</div>
</div>
</div>
</header>
<div class="expert_listing_top_content">
<div class="fs-row">
<div class="fs-cell">
<div class="meet_the_experts_grid">
<div class="meet_the_experts_grid_rows js-carousel" data-carousel-options='{"controls":false,"contained":false,"maxWidth":"1220px","show":{"740px":2}}'>
<div class="meet_the_experts_grid_row">
<div class="meet_the_experts_item">
<div class="meet_the_experts_item_inner">
<figure class="meet_the_experts_item_img_wrap">
<a href="#">
<span class="lazy_image_wrapper meet_the_experts_item_image_wrapper">
<img class="js-lazy js-lazyload meet_the_experts_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/100x100/1" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/100x100/1 100w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x300/1 300w" alt="">
</span>
<noscript>
<img class="meet_the_experts_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x300/1" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x300/1 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/100x100/1 100w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="meet_the_experts_item_content">
<div class="meet_the_experts_item_head">
<h2 class="meet_the_experts_item_name">
<a href="#" class="meet_the_experts_item_name_link">
Ivo
H.
Daalder
</a>
</h2>
<div class="meet_the_experts_item_title">
<span>Nonresident Senior Fellow, Global Cities</span>
</div>
</div>
<div class="meet_the_experts_item_blurb">
Ivo H. Daalder, has served as President of the Chicago Council on Global Affairs since July, 2013. He was the U.S. Permanent Representative on the Council of the North Atlantic Treaty Organization from May 2009 to July 2013.
</div>
<div class="meet_the_experts_item_link_wrap">
<a href="#" class="meet_the_experts_item_link">
More about Ivo
</a>
</div>
</div>
</div>
</div>
</div>
<div class="meet_the_experts_grid_row">
<div class="meet_the_experts_item">
<div class="meet_the_experts_item_inner">
<figure class="meet_the_experts_item_img_wrap">
<a href="#">
<span class="lazy_image_wrapper meet_the_experts_item_image_wrapper">
<img class="js-lazy js-lazyload meet_the_experts_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/100x100/2" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/100x100/2 100w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x300/2 300w" alt="">
</span>
<noscript>
<img class="meet_the_experts_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x300/2" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x300/2 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/100x100/2 100w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="meet_the_experts_item_content">
<div class="meet_the_experts_item_head">
<h2 class="meet_the_experts_item_name">
<a href="#" class="meet_the_experts_item_name_link">
Dina
Smeltz
</a>
</h2>
<div class="meet_the_experts_item_title">
<span>Senior Fellow, Public Opinion and Foreign Policy</span>
</div>
</div>
<div class="meet_the_experts_item_blurb">
With 25 years of experience designing and fielding international social and political surveys, Dina Smeltz joined the Chicago Council on Global Affairs as senior fellow on public opinion and foreign policy in 2012.
</div>
<div class="meet_the_experts_item_link_wrap">
<a href="#" class="meet_the_experts_item_link">
More about Dina
</a>
</div>
</div>
</div>
</div>
</div>
<div class="meet_the_experts_grid_row">
<div class="meet_the_experts_item">
<div class="meet_the_experts_item_inner">
<figure class="meet_the_experts_item_img_wrap">
<a href="#">
<span class="lazy_image_wrapper meet_the_experts_item_image_wrapper">
<img class="js-lazy js-lazyload meet_the_experts_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/100x100/3" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/100x100/3 100w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x300/3 300w" alt="">
</span>
<noscript>
<img class="meet_the_experts_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x300/3" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x300/3 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/100x100/3 100w" sizes="100vw" alt="">
</noscript>
</a>
</figure>
<div class="meet_the_experts_item_content">
<div class="meet_the_experts_item_head">
<h2 class="meet_the_experts_item_name">
<a href="#" class="meet_the_experts_item_name_link">
Karl
Friedhoff
</a>
</h2>
<div class="meet_the_experts_item_title">
<span>Fellow, Public Opinion and Asia Policy</span>
</div>
</div>
<div class="meet_the_experts_item_blurb">
Mauris rhoncus tortor sed pulvinar ultricies. Sed pellentesque, justo a tristique lacinia, est ex rutrum sem, quis efficitur arcu tortor non neque.
</div>
<div class="meet_the_experts_item_link_wrap">
<a href="#" class="meet_the_experts_item_link">
More about Karl
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="expert_listing_top">
<div class="expert_listing_top_inner">
<div class="expert_listing_top_breadcrumbs">
<div class="fs-row">
<div class="fs-cell">
{% render "@navigation-breadcrumb--expert-listing" %}
</div>
</div>
</div>
<header class="expert_listing_top_head">
<div class="fs-row">
<div class="fs-cell fs-lg-9">
<h1 class="expert_listing_top_title">
{{ title }}
</h1>
{% if blurb %}
<div class="expert_listing_top_blurb">
{{ blurb }}
</div>
{% endif %}
</div>
</div>
</header>
<div class="expert_listing_top_content">
<div class="fs-row">
<div class="fs-cell">
{% render "@partial-meet-the-experts-grid" %}
</div>
</div>
</div>
</div>
</div>
No notes defined.