<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
<div class="page_header">
<div class="page_header_content">
<div class="page_header_inner">
<div class="page_header_breadcrumb">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9">
<div class="page_header_breadcrumb_inner">
<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">Commentary & Analysis</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>
</div>
<div class="fs-row">
<div class="fs-cell fs-lg-9 fs-xl-9">
<div class="page_header_wrapper">
<h1 class="page_title">Staff Directory</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content theme-light">
<div class="people_list theme_gray ">
<div class="fs-row">
<div class="fs-cell">
<div class="people_list_inner">
<ul class="people_list_grid" aria-label="People List">
<li class="people_list_grid_item">
<div class="people_list_item">
<div class="people_list_item_grid">
<div class="people_list_item_grid_item is_top">
<div class="people_list_item_header">
<div class="people_list_item_figure_wrap">
<figure class="people_list_item_figure">
<span class="lazy_image_wrapper people_list_item_image_wrapper">
<img class="js-lazy js-lazyload people_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="Amber Alvarado headshot">
</span>
<noscript>
<img class="people_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="Amber Alvarado headshot">
</noscript>
</figure>
</div>
<div class="people_list_item_meta_wrap">
<h2 class="people_list_item_name">
<a href="#" class="people_list_item_name_link">
Amber Alvarado
</a>
</h2>
<div class="people_list_item_title">
Social Media Officer, Communications
</div>
</div>
</div>
</div>
<div class="people_list_item_grid_item is_bottom">
<div class="people_list_item_contact_wrap">
<div class="people_list_item_contact_rows">
<div class="people_list_item_contact_row">
<div class="people_list_item_contact_label">
Contact
</div>
<div class="people_list_item_contact_value">
<a href="mailto:aalvarado@thechicagocouncil.org" class="people_list_item_contact_link">
Send a Message or Question
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="people_list_grid_item">
<div class="people_list_item">
<div class="people_list_item_grid">
<div class="people_list_item_grid_item is_top">
<div class="people_list_item_header">
<div class="people_list_item_figure_wrap">
<figure class="people_list_item_figure">
<span class="lazy_image_wrapper people_list_item_image_wrapper">
<img class="js-lazy js-lazyload people_list_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="Amber Alvarado headshot">
</span>
<noscript>
<img class="people_list_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="Amber Alvarado headshot">
</noscript>
</figure>
</div>
<div class="people_list_item_meta_wrap">
<h2 class="people_list_item_name">
<a href="#" class="people_list_item_name_link">
Amber Alvarado
</a>
</h2>
<div class="people_list_item_title">
Social Media Officer, Communications
</div>
</div>
</div>
</div>
<div class="people_list_item_grid_item is_bottom">
<div class="people_list_item_contact_wrap">
<div class="people_list_item_contact_rows">
<div class="people_list_item_contact_row">
<div class="people_list_item_contact_label">
Contact
</div>
<div class="people_list_item_contact_value">
<a href="mailto:aalvarado@thechicagocouncil.org" class="people_list_item_contact_link">
aalvarado@thechicagocouncil.org
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="people_list_grid_item">
<div class="people_list_item">
<div class="people_list_item_grid">
<div class="people_list_item_grid_item is_top">
<div class="people_list_item_header">
<div class="people_list_item_figure_wrap">
<figure class="people_list_item_figure">
<span class="lazy_image_wrapper people_list_item_image_wrapper">
<img class="js-lazy js-lazyload people_list_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/100x100/" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/100x100/ 100w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x300/ 300w" alt="Amber Alvarado headshot">
</span>
<noscript>
<img class="people_list_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x300/" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x300/ 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/100x100/ 100w" sizes="100vw" alt="Amber Alvarado headshot">
</noscript>
</figure>
</div>
<div class="people_list_item_meta_wrap">
<h2 class="people_list_item_name">
<a href="#" class="people_list_item_name_link">
Amber Alvarado
</a>
</h2>
<div class="people_list_item_title">
Social Media Officer, Communications
</div>
</div>
</div>
</div>
<div class="people_list_item_grid_item is_bottom">
<div class="people_list_item_contact_wrap">
<div class="people_list_item_contact_rows">
<div class="people_list_item_contact_row">
<div class="people_list_item_contact_label">
Social Media
</div>
<div class="people_list_item_contact_value">
<div class="people_list_item_social_list">
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://facebook.com" aria-label="Facebook">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://twitter.com/IvoHDaalder" aria-label="Twitter">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://instagram.com" aria-label="Instagram">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://tiktok.com" aria-label="Tik Tok">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_tiktok">
<use href="/images/icons.svg#tiktok" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://linkedin.com" aria-label="LinkedIn">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="people_list_item_contact_row">
<div class="people_list_item_contact_label">
Contact
</div>
<div class="people_list_item_contact_value">
<a href="mailto:aalvarado@thechicagocouncil.org" class="people_list_item_contact_link">
aalvarado@thechicagocouncil.org
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="people_list_grid_item">
<div class="people_list_item">
<div class="people_list_item_grid">
<div class="people_list_item_grid_item is_top">
<div class="people_list_item_header">
<div class="people_list_item_figure_wrap">
<figure class="people_list_item_figure">
<span class="lazy_image_wrapper people_list_item_image_wrapper">
<img class="js-lazy js-lazyload people_list_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/100x100/4" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/100x100/4 100w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x300/4 300w" alt="Amber Alvarado headshot">
</span>
<noscript>
<img class="people_list_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x300/4" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x300/4 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/100x100/4 100w" sizes="100vw" alt="Amber Alvarado headshot">
</noscript>
</figure>
</div>
<div class="people_list_item_meta_wrap">
<h2 class="people_list_item_name">
<a href="#" class="people_list_item_name_link">
Amber Alvarado
</a>
</h2>
</div>
</div>
</div>
<div class="people_list_item_grid_item is_bottom">
<div class="people_list_item_contact_wrap">
<div class="people_list_item_contact_rows">
<div class="people_list_item_contact_row">
<div class="people_list_item_contact_label">
Social Media
</div>
<div class="people_list_item_contact_value">
<div class="people_list_item_social_list">
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://facebook.com" aria-label="Facebook">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://twitter.com/IvoHDaalder" aria-label="Twitter">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://instagram.com" aria-label="Instagram">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://tiktok.com" aria-label="Tik Tok">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_tiktok">
<use href="/images/icons.svg#tiktok" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://linkedin.com" aria-label="LinkedIn">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="people_list_item_contact_row">
<div class="people_list_item_contact_label">
Contact
</div>
<div class="people_list_item_contact_value">
<a href="mailto:aalvarado@thechicagocouncil.org" class="people_list_item_contact_link">
aalvarado@thechicagocouncil.org
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="people_list_grid_item">
<div class="people_list_item">
<div class="people_list_item_grid">
<div class="people_list_item_grid_item is_top">
<div class="people_list_item_header">
<div class="people_list_item_figure_wrap">
<figure class="people_list_item_figure">
<span class="lazy_image_wrapper people_list_item_image_wrapper">
<img class="js-lazy js-lazyload people_list_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/100x100/5" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/100x100/5 100w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x300/5 300w" alt="Amber Alvarado headshot">
</span>
<noscript>
<img class="people_list_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x300/5" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x300/5 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/100x100/5 100w" sizes="100vw" alt="Amber Alvarado headshot">
</noscript>
</figure>
</div>
<div class="people_list_item_meta_wrap">
<h2 class="people_list_item_name">
<a href="#" class="people_list_item_name_link">
Amber Alvarado
</a>
</h2>
<div class="people_list_item_title">
Social Media Officer, Communications
</div>
</div>
</div>
</div>
<div class="people_list_item_grid_item is_bottom">
<div class="people_list_item_contact_wrap">
<div class="people_list_item_contact_rows">
<div class="people_list_item_contact_row">
<div class="people_list_item_contact_label">
Social Media
</div>
<div class="people_list_item_contact_value">
<div class="people_list_item_social_list">
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://facebook.com" aria-label="Facebook">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://twitter.com/IvoHDaalder" aria-label="Twitter">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://instagram.com" aria-label="Instagram">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://tiktok.com" aria-label="Tik Tok">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_tiktok">
<use href="/images/icons.svg#tiktok" />
</svg>
</div>
</a>
</div>
<div class="people_list_item_social_list_item">
<a class="people_list_item_social_list_link" href="https://linkedin.com" aria-label="LinkedIn">
<div class="people_list_item_social_list_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="people_list_item_contact_row">
<div class="people_list_item_contact_label">
Contact
</div>
<div class="people_list_item_contact_value">
<a href="mailto:aalvarado@thechicagocouncil.org" class="people_list_item_contact_link">
Send a Message or Question
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Page Content -->
<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
{% render "@component-page-header" with {
title: 'Staff Directory',
intro: null,
image: null,
crumbs: 'blog-listing'
} %}
</div>
<!-- END: Page Feature -->
<!-- Page Content -->
<div class="page_content theme-light">
{% render "@partial-people-list" with {
theme: "gray",
has_outer_spacing: false,
has_title: false
} %}
</div>
<!-- END: Page Content -->
No notes defined.