<div class="media_grid_anniversary">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-justify-center">
<div class="media_grid">
<div class="media_grid_header">
<div class="media_grid_header_text_wrap">
<h2 class="media_grid_header_text">Media Gallery</h2>
</div>
<div class="media_grid_description">
<p>Fringilla feugiat scelerisque ac malesuada semper posuere elit mattis, montes mollis et in pharetra velit magnis erat, vel duis habitasse sollicitudin lectus fusce etiam. Dictumst curabitur efficitur laoreet per augue convallis suspendisse ut facilisis, ultricies aliquam tincidunt primis tempus fermentum pulvinar a, nulla aptent libero tristique nostra litora natoque dolor.</p>
</div>
</div>
<div class="media_grid_body">
<div class="media_grid_rows">
<div class="media_grid_row">
<div class="media_grid_item">
<figure class="media_grid_item_figure">
<span class="lazy_image_wrapper media_grid_item_image_wrapper">
<img class="js-lazy js-lazyload media_grid_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/5" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/5 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/5 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/5 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/5 980w" alt="">
</span>
<noscript>
<img class="media_grid_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/980x552/5" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/980x552/5 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/5 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/5 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/5 300w" sizes="100vw" alt="">
</noscript>
<a href="https://www.youtube.com/watch?v=8Rhc-IOaiHg" class="media_grid_item_video_link js-video-appender">
<span class="media_grid_item_video_link_label">Play Video</span>
<span class="media_grid_item_video_link_icon">
<svg class="icon icon_podcast_play">
<use href="/images/icons.svg#podcast_play" />
</svg>
</span>
</a>
<div class="media_grid_item_img_credit">
<div class="media_grid_item_img_credit_inner">
Routers
</div>
</div>
</figure>
<div class="media_grid_item_text">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</div>
</div>
<div class="media_grid_item">
<figure class="media_grid_item_figure">
<span class="lazy_image_wrapper media_grid_item_image_wrapper">
<img class="js-lazy js-lazyload media_grid_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/6" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/6 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/6 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/6 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/6 980w" alt="">
</span>
<noscript>
<img class="media_grid_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/980x552/6" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/980x552/6 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/6 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/6 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/6 300w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="media_grid_item_text">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, <a href="#">Link Style</a>, eaque ipsa quae ab illo.
</div>
</div>
</div>
<div class="media_grid_row">
<div class="media_grid_item">
<figure class="media_grid_item_figure">
<span class="lazy_image_wrapper media_grid_item_image_wrapper">
<img class="js-lazy js-lazyload media_grid_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/7" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/7 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/7 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/7 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/7 980w" alt="">
</span>
<noscript>
<img class="media_grid_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/980x552/7" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/980x552/7 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/7 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/7 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/7 300w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="media_grid_item_text">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</div>
</div>
</div>
<div class="media_grid_row">
<div class="media_grid_item">
<figure class="media_grid_item_figure">
<span class="lazy_image_wrapper media_grid_item_image_wrapper">
<img class="js-lazy js-lazyload media_grid_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/8" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/8 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/8 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/8 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/8 980w" alt="">
</span>
<noscript>
<img class="media_grid_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/980x552/8" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/980x552/8 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/8 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/8 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/8 300w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="media_grid_item_text">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</div>
</div>
<div class="media_grid_item">
<figure class="media_grid_item_figure">
<span class="lazy_image_wrapper media_grid_item_image_wrapper">
<img class="js-lazy js-lazyload media_grid_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/9" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/9 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/9 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/9 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/980x552/9 980w" alt="">
</span>
<noscript>
<img class="media_grid_item_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/980x552/9" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/980x552/9 980w, //images.fastspot.com/the-chicago-council-on-global-affairs/740x416/9 740w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/9 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/9 300w" sizes="100vw" alt="">
</noscript>
</figure>
<div class="media_grid_item_text">
Euismod fusce adipiscing arcu ante sociosqu aenean quam, non congue montes litora ullamcorper risus sollicitudin velit, aliquet class ultrices amet parturient mauris.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="media_grid_anniversary">
<div class="fs-row">
<div class="fs-cell {{ cell }} fs-lg-justify-center">
<div class="media_grid">
<div class="media_grid_header">
<div class="media_grid_header_text_wrap">
<h2 class="media_grid_header_text">{{ title }}</h2>
</div>
{% if description %}
<div class="media_grid_description">
<p>{{ description }}</p>
</div>
{% endif %}
</div>
{% if items %}
<div class="media_grid_body">
<div class="media_grid_rows">
{% for row in items %}
<div class="media_grid_row">
{% for item in row %}
<div class="media_grid_item">
<figure class="media_grid_item_figure">
{% render "@partial-image" with {
class: "media_grid_item",
image: item.image,
sources: [
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
]
} %}
{% if item.video %}
<a href="{{ item.video }}" class="media_grid_item_video_link js-video-appender">
<span class="media_grid_item_video_link_label">Play Video</span>
<span class="media_grid_item_video_link_icon">{{ icon("podcast_play") }}</span>
</a>
{% endif %}
{% if item.image_credit %}
<div class="media_grid_item_img_credit">
<div class="media_grid_item_img_credit_inner">
{{ item.image_credit }}
</div>
</div>
{% endif %}
</figure>
{% if item.text %}
<div class="media_grid_item_text">
{{ item.text }}
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
No notes defined.