<!-- Header -->
<header class="js-anni-header anni_header" id="header">
<a class="skip_link skip_main" id="skip_link" href="#skip_content">Skip to main content</a>
<div class="js-anni-header-block anni_header_block">
<div class="anni_header_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="anni_header_ribbon_inner">
<nav class="js-nav js-secondary-microsite-nav js-secondary-microsite-nav-lg nav secondary_microsite_nav secondary_microsite_nav_lg" aria-labelledby="secondary_microsite_nav_title_lg">
<div class="nav_header secondary_microsite_nav_header">
<h2 class="nav_title secondary_microsite_nav_title" id="secondary_microsite_nav_title_lg">Secondary</h2>
</div>
<ul class="js-nav-list js-secondary-microsite-nav-list nav_list secondary_microsite_nav_list" aria-labelledby="secondary_microsite_nav_title_lg">
<li class="js-nav-item js-secondary-microsite-nav-item js-secondary-microsite-nav-item-1 nav_item secondary_microsite_nav_item">
<div class="nav_item_inner secondary_microsite_nav_item_inner">
<a class="js-nav-link js-secondary-microsite-nav-link nav_link secondary_microsite_nav_link" href="#">
<span class="nav_link_label secondary_microsite_nav_link_label">Buy the Book</span>
</a>
</div>
</li>
<li class="js-nav-item js-secondary-microsite-nav-item js-secondary-microsite-nav-item-2 nav_item secondary_microsite_nav_item">
<div class="nav_item_inner secondary_microsite_nav_item_inner">
<a class="js-nav-link js-secondary-microsite-nav-link nav_link secondary_microsite_nav_link" href="#">
<span class="nav_link_label secondary_microsite_nav_link_label">Download the Book</span>
</a>
</div>
</li>
</ul>
</nav>
<h1 class="anni_header_title anni_header_title_ribbon">Chicago and the World:<br> 100 Years of CCGA</h1>
<div class="anni_home anni_home_header">
<a href="#" class="anni_home_link">
<span class="anni_home_link_label">thechicagocouncil.org</span>
<span class="anni_home_link_icon">
<svg class="icon icon_external">
<use href="/images/icons.svg#external" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="anni_header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="anni_header_primary_inner">
<div class="anni_header_primary_logo">
<div class="logo logo_anni_header logo_icon">
<a class="logo_link" href="page-home.html">
<span class="logo_link_label">CCGA</span>
<span class="logo_link_icon">
<svg class="icon icon_logo_2022">
<use href="/images/icons.svg#logo_2022" />
</svg>
</span>
</a>
</div>
</div>
<h1 class="anni_header_title anni_header_title_primary">Chicago and the World:<br> 100 Years of CCGA</h1>
<a href="#menu" class="anni_menu_toggle js-swap" data-swap-target=".menu" data-swap-linked="menu">
<span class="anni_menu_toggle_inner_default anni_menu_toggle_inner">
<span class="anni_menu_toggle_label_default anni_menu_toggle_label">Menu</span>
<span class="anni_menu_toggle_icon_default anni_menu_toggle_icon" aria-hidden="true">
<span class="anni_menu_toggle_icon_inner_default anni_menu_toggle_icon_inner">
<span class="anni_menu_toggle_icon_space"></span>
<svg class="icon icon_menu">
<use xlink:href="/images/icons.svg#menu"></use>
</svg>
</span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="js-anniversary-feature anniversary_feature ">
<div class="anniversary_feature_inner">
<div class="anniversary_feature_media">
<figure class="anniversary_feature_background">
<span class="lazy_image_wrapper anniversary_feature_background_image_wrapper">
<img class="js-lazy js-lazyload anniversary_feature_background_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/500x282/2" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/500x282/2 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/2 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/2 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/1220x686/2 1220w, //images.fastspot.com/the-chicago-council-on-global-affairs/1440x810/2 1440w" alt="">
</span>
<noscript>
<img class="anniversary_feature_background_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/1440x810/2" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/1440x810/2 1440w, //images.fastspot.com/the-chicago-council-on-global-affairs/1220x686/2 1220w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/2 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/2 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/2 500w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="js-anniversary-youtube-wrapper anniversary_feature_video" data-youtubeid="vn94KZJ5cMs">
<div class="js-anniversary-youtube-iframe anniversary_feature_iframe" id="js-anniversary-youtube-iframe"></div>
<div class="anniversary_feature_video_controls">
<button class="js-anniversary-feature-video-play-toggle anniversary_feature_video_play_toggle ">
<span class="anniversary_feature_video_play_toggle_inner_default anniversary_feature_video_play_toggle_inner">
<span class="anniversary_feature_video_play_toggle_label_default anniversary_feature_video_play_toggle_label">Play</span>
<span class="anniversary_feature_video_play_toggle_icon_default anniversary_feature_video_play_toggle_icon" aria-hidden="true">
<span class="anniversary_feature_video_play_toggle_icon_inner_default anniversary_feature_video_play_toggle_icon_inner">
<span class="anniversary_feature_video_play_toggle_icon_space"></span>
<svg class="icon icon_play">
<use href="/images/icons.svg#play" />
</svg>
</span>
</span>
</span>
</button>
<button class="js-anniversary-feature-video-pause-toggle anniversary_feature_video_pause_toggle ">
<span class="anniversary_feature_video_pause_toggle_inner_default anniversary_feature_video_pause_toggle_inner">
<span class="anniversary_feature_video_pause_toggle_label_default anniversary_feature_video_pause_toggle_label">Pause</span>
<span class="anniversary_feature_video_pause_toggle_icon_default anniversary_feature_video_pause_toggle_icon" aria-hidden="true">
<span class="anniversary_feature_video_pause_toggle_icon_inner_default anniversary_feature_video_pause_toggle_icon_inner">
<span class="anniversary_feature_video_pause_toggle_icon_space"></span>
<svg class="icon icon_pause">
<use href="/images/icons.svg#pause" />
</svg>
</span>
</span>
</span>
</button>
</div>
</div>
</div>
<div class="js-anniversary-feature-content anniversary_feature_content">
<div class="anniversary_feature_content_inner">
<figure class="anniversary_feature_foreground">
<img class="anniversary_feature_foreground_image" src="//images.fastspot.com/the-chicago-council-on-global-affairs/635x552/5" alt="Chicago and the World, 100 Year of the Chicago Counsil on Global Affairs - Richard C. Long worth">
</figure>
</div>
<div class="js-anniversary-feature-content_spacer anniversary_feature_content_spacer">
</div>
</div>
</div>
</div>
</header>
<!-- END: Header -->
<!-- Header -->
<header class="js-anni-header anni_header" id="header">
<a class="skip_link skip_main" id="skip_link" href="#skip_content">Skip to main content</a>
{% if page.alert == true %}
<a class="js-skip-alert skip_link skip_alert" id="alert_link" href="#alert">Skip to site alert</a>
{% endif %}
<div class="js-anni-header-block anni_header_block">
<div class="anni_header_ribbon">
<div class="fs-row">
<div class="fs-cell">
<div class="anni_header_ribbon_inner">
{% include '@navigation-basic' with {
class: 'secondary_microsite_nav',
modifier: 'lg',
title: 'Secondary',
toggle_icon: '',
active_index: '',
links: navigation.anniversarySecondary
} %}
<h1 class="anni_header_title anni_header_title_ribbon">Chicago and the World:<br> 100 Years of CCGA</h1>
<div class="anni_home anni_home_header">
<a href="#" class="anni_home_link">
<span class="anni_home_link_label">thechicagocouncil.org</span>
<span class="anni_home_link_icon">{{ icon("external") }}</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="anni_header_primary">
<div class="fs-row">
<div class="fs-cell">
<div class="anni_header_primary_inner">
<div class="anni_header_primary_logo">
{% render "@partial-logo" with {
modifier: "anni_header",
icon: "logo_2022",
print: ""
} %}
</div>
<h1 class="anni_header_title anni_header_title_primary">Chicago and the World:<br> 100 Years of CCGA</h1>
{% render "@partial-link-toggle" with {
class: "anni_menu",
title: "Menu",
url: "#menu",
icon: "menu",
swap_target: ".menu",
swap_link: "menu"
} %}
</div>
</div>
</div>
</div>
</div>
{% include "@component-anniversary-feature" with {
background: "2",
foreground: "635x552/5",
alt: "Chicago and the World, 100 Year of the Chicago Counsil on Global Affairs - Richard C. Long worth",
youtubeID: "vn94KZJ5cMs"
} %}
</header>
<!-- END: Header -->
No notes defined.