<div class="speaker_list">
<div class="speaker_list_inner">
<header class="speaker_list_head">
<div class="speaker_list_title">
About the Speakers
</div>
</header>
<div class="speaker_list_content">
<div class="speaker_list_rows">
<div class="speaker_list_row">
<div class="speaker_list_item">
<div class="speaker_list_item_wrap">
<div class="speaker_list_item_wrap_left">
<div class="speaker_list_item_content">
<div class="speaker_list_item_name">
<a href="#" class="speaker_list_item_name_link">
<span class="speaker_list_item_name_link_text">
Ivo Daalder
</span>
<span class="speaker_list_item_name_link_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="speaker_list_item_title">
Council President, Global Cities </div>
<div class="speaker_list_item_blurb">
<div class="speaker_list_item_img_wrap is_mobile">
<span class="lazy_image_wrapper speaker_list_item_image_wrapper">
<img class="js-lazy js-lazyload speaker_list_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="speaker_list_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>
</div>
<div class="speaker_list_item_blurb_inner">
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. He is a specialist in European security.
</div>
<div class="speaker_list_social_items">
<div class="speaker_list_social_item">
<a href="https://facebook.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Facebook">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://twitter.com/IvoHDaalder" class="speaker_list_social_item_link" rel="nofollow" aria-label="Twitter">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://instagram.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Instagram">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://tiktok.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Tik Tok">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_tiktok">
<use href="/images/icons.svg#tiktok" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://linkedin.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="LinkedIn">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="speaker_list_item_wrap_right">
<div class="speaker_list_item_img_wrap is_desktop">
<span class="lazy_image_wrapper speaker_list_item_image_wrapper">
<img class="js-lazy js-lazyload speaker_list_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="speaker_list_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>
</div>
</div>
</div>
</div>
</div>
<div class="speaker_list_row">
<div class="speaker_list_item">
<div class="speaker_list_item_wrap">
<div class="speaker_list_item_wrap_left">
<div class="speaker_list_item_content">
<div class="speaker_list_item_name">
<a href="#" class="speaker_list_item_name_link">
<span class="speaker_list_item_name_link_text">
Ivo Daalder
</span>
<span class="speaker_list_item_name_link_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="speaker_list_item_title">
Council President, Global Cities </div>
<div class="speaker_list_item_blurb">
<div class="speaker_list_item_img_wrap is_mobile">
<span class="lazy_image_wrapper speaker_list_item_image_wrapper">
<img class="js-lazy js-lazyload speaker_list_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="speaker_list_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>
</div>
<div class="speaker_list_item_blurb_inner">
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. He is a specialist in European security.
</div>
<div class="speaker_list_social_items">
<div class="speaker_list_social_item">
<a href="https://facebook.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Facebook">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://twitter.com/IvoHDaalder" class="speaker_list_social_item_link" rel="nofollow" aria-label="Twitter">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://instagram.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Instagram">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://tiktok.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Tik Tok">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_tiktok">
<use href="/images/icons.svg#tiktok" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://linkedin.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="LinkedIn">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="speaker_list_item_wrap_right">
<div class="speaker_list_item_img_wrap is_desktop">
<span class="lazy_image_wrapper speaker_list_item_image_wrapper">
<img class="js-lazy js-lazyload speaker_list_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="speaker_list_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>
</div>
</div>
</div>
</div>
</div>
<div class="speaker_list_row">
<div class="speaker_list_item">
<div class="speaker_list_item_wrap">
<div class="speaker_list_item_wrap_left">
<div class="speaker_list_item_content">
<div class="speaker_list_item_name">
<a href="#" class="speaker_list_item_name_link">
<span class="speaker_list_item_name_link_text">
Ivo Daalder
</span>
<span class="speaker_list_item_name_link_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="speaker_list_item_title">
Council President, Global Cities </div>
<div class="speaker_list_item_blurb">
<div class="speaker_list_item_img_wrap is_mobile">
<span class="lazy_image_wrapper speaker_list_item_image_wrapper">
<img class="js-lazy js-lazyload speaker_list_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="speaker_list_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>
</div>
<div class="speaker_list_item_blurb_inner">
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. He is a specialist in European security.
</div>
<div class="speaker_list_social_items">
<div class="speaker_list_social_item">
<a href="https://facebook.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Facebook">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://twitter.com/IvoHDaalder" class="speaker_list_social_item_link" rel="nofollow" aria-label="Twitter">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://instagram.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Instagram">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://tiktok.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Tik Tok">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_tiktok">
<use href="/images/icons.svg#tiktok" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://linkedin.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="LinkedIn">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="speaker_list_item_wrap_right">
<div class="speaker_list_item_img_wrap is_desktop">
<span class="lazy_image_wrapper speaker_list_item_image_wrapper">
<img class="js-lazy js-lazyload speaker_list_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="speaker_list_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>
</div>
</div>
</div>
</div>
</div>
<div class="speaker_list_row">
<div class="speaker_list_item">
<div class="speaker_list_item_wrap">
<div class="speaker_list_item_wrap_left">
<div class="speaker_list_item_content">
<div class="speaker_list_item_name">
<a href="#" class="speaker_list_item_name_link">
<span class="speaker_list_item_name_link_text">
Ivo Daalder
</span>
<span class="speaker_list_item_name_link_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</div>
<div class="speaker_list_item_title">
Council President, Global Cities </div>
<div class="speaker_list_item_blurb">
<div class="speaker_list_item_img_wrap is_mobile">
<span class="lazy_image_wrapper speaker_list_item_image_wrapper">
<img class="js-lazy js-lazyload speaker_list_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="speaker_list_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>
</div>
<div class="speaker_list_item_blurb_inner">
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. He is a specialist in European security.
</div>
<div class="speaker_list_social_items">
<div class="speaker_list_social_item">
<a href="https://facebook.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Facebook">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://twitter.com/IvoHDaalder" class="speaker_list_social_item_link" rel="nofollow" aria-label="Twitter">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://instagram.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Instagram">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://tiktok.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="Tik Tok">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_tiktok">
<use href="/images/icons.svg#tiktok" />
</svg>
</div>
</a>
</div>
<div class="speaker_list_social_item">
<a href="https://linkedin.com" class="speaker_list_social_item_link" rel="nofollow" aria-label="LinkedIn">
<div class="speaker_list_social_item_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="speaker_list_item_wrap_right">
<div class="speaker_list_item_img_wrap is_desktop">
<span class="lazy_image_wrapper speaker_list_item_image_wrapper">
<img class="js-lazy js-lazyload speaker_list_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="speaker_list_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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="speaker_list">
<div class="speaker_list_inner">
<header class="speaker_list_head">
<div class="speaker_list_title">
{{ title }}
</div>
</header>
<div class="speaker_list_content">
<div class="speaker_list_rows">
{% for item in items %}
<div class="speaker_list_row">
<div class="speaker_list_item">
<div class="speaker_list_item_wrap">
<div class="speaker_list_item_wrap_left">
<div class="speaker_list_item_content">
<div class="speaker_list_item_name">
<a href="{{ item.name.href }}" class="speaker_list_item_name_link">
<span class="speaker_list_item_name_link_text">
{{ item.name.name }}
</span>
<span class="speaker_list_item_name_link_icon">
{{ icon(item.name.icon) }}
</span>
</a>
</div>
<div class="speaker_list_item_title">
{{ item.title }}{% if item.employer %},{% endif %}
{% if item.employer %}{{ item.employer }}{% endif %}
</div>
<div class="speaker_list_item_blurb">
<div class="speaker_list_item_img_wrap is_mobile">
{% render "@partial-image" with {
class: "speaker_list_item",
image: item.image,
sources: [
img.square.xxsml,
img.square.thumb
]
} %}
</div>
<div class="speaker_list_item_blurb_inner">
{{ item.blurb }}
</div>
{% if item.social|length %}
<div class="speaker_list_social_items">
{% for social_item in item.social %}
<div class="speaker_list_social_item">
<a href="{{ social_item.href }}" class="speaker_list_social_item_link" rel="nofollow" aria-label="{{ social_item.name }}">
<div class="speaker_list_social_item_icon">
{{ icon(social_item.icon) }}
</div>
</a>
</div>
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
<div class="speaker_list_item_wrap_right">
<div class="speaker_list_item_img_wrap is_desktop">
{% render "@partial-image" with {
class: "speaker_list_item",
image: item.image,
sources: [
img.square.xxsml,
img.square.thumb
]
} %}
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
No notes defined.