<div class="feature_one">

    <div class="fs-row">
        <div class="fs-cell">

            <div class="feature_one_inner">

                <figure class="feature_one_figure">
                    <a href="#">
                        <span class="lazy_image_wrapper feature_one_image_wrapper">
                            <img class="js-lazy js-lazyload feature_one_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, //images.fastspot.com/the-chicago-council-on-global-affairs/1220x686/6 1220w, //images.fastspot.com/the-chicago-council-on-global-affairs/1440x810/6 1440w" alt="">
                        </span>
                        <noscript>
                            <img class="feature_one_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/1440x810/6" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/1440x810/6 1440w, //images.fastspot.com/the-chicago-council-on-global-affairs/1220x686/6 1220w, //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>
                    </a>
                    <a href="#" class="feature_one_image_tag">Culture</a>
                </figure>
                <span class="feature_one_meta_tag">Blog</span>
                <div class="feature_one_wrapper">
                    <div class="feature_one_wrapper_group">
                        <h2 class="feature_one_title">
                            <a href="#" class="feature_one_title_link">Will Canadians Tune In For Bubble Hockey?</a>
                        </h2>
                    </div>
                    <span class="feature_one_description">Hockey's back! After a long hiatus, the ice is set, the lines are painted, and 24 teams of NHL players and staff are ensconced in two bubble cities, Edmonton and Toronto.</span>
                </div>

            </div>

        </div>
    </div>

</div>
<div class="feature_one{% if heading %} with_heading{% endif %}">

	<div class="fs-row">
		<div class="fs-cell">

			<div class="feature_one_inner">

				{% if heading %}
					<div class="feature_one_header">
						<div class="feature_one_header_inner">
							<h2 class="feature_one_header_label">{{ heading }}</h2>
						</div>
					</div>
				{% endif %}
				<figure class="feature_one_figure">
					<a href="#">
						{% render "@partial-image" with {
							class: "feature_one",
							alt: "",
							image: image,
							sources: [
								img.wide.xlrg,
								img.wide.lrg,
								img.wide.med,
								img.wide.sml,
								img.wide.xsml,
								img.wide.xxsml
							]
						} %}
					</a>
					{% if image_tag %}
						<a href="#" class="feature_one_image_tag">{{ image_tag }}</a>
					{% endif %}
					{% if date %}
						<div class="feature_one_image_date">
							<div class="feature_one_image_date_month">{{ date|date('M') }}</div>
							<div class="feature_one_image_date_day">{{ date|date('j') }}</div>
						</div>
					{% endif %}
					{% if image_credit %}
						<div class="feature_one_img_credit">
							<div class="feature_one_img_credit_inner">{{ image_credit }}</div>
						</div>
					{% endif %}
				</figure>
				{% if tag %}
					<span class="feature_one_meta_tag">{{ tag.name }}</span>
				{% endif %}
				<div class="feature_one_wrapper">
					<div class="feature_one_wrapper_group">
						{% if heading %}
							<h3 class="feature_one_title">
								<a href="{{ title_link }}" class="feature_one_title_link">{{ title }}</a>
							</h3>
						{% else %}
							<h2 class="feature_one_title">
								<a href="{{ title_link }}" class="feature_one_title_link">{{ title }}</a>
							</h2>
						{% endif %}
						{% if labels or authors or register_link %}
							<div class="feature_one_meta">
								{% if labels %}
									{% for label in labels %}
										<span class="feature_one_meta_label">
											{{ label }}
											{% if not loop.last or authors %}, {% endif %}
										</span>
									{% endfor %}
								{% endif %}
								{% if authors %}
									<span class="feature_one_meta_authors_prefix">By</span>
									{% for author in authors %}
									<a href="#" class="feature_one_meta_author">
										{% if loop.last and loop.length > 1 %}and {% endif %}
										{{ author }}
										{% if not loop.last %}, {% endif %}
									</a>
									{% endfor %}
								{% endif %}
								{% if register_link %}
									{% render "@partial-button--white" with {
										text: register_link.name,
										href: register_link.url,
										class: 'feature_one_meta_event_link',
										icon: 'caret_right',
									} %}
								{% endif %}
							</div>
						{% endif %}
					</div>
					{% if description %}
						<span class="feature_one_description">{{ description }}</span>
					{% endif %}
					{% if register_link %}
						{% render "@partial-button--white" with {
							text: register_link.name,
							href: register_link.url,
							class: 'feature_one_meta_event_mobile_link',
							icon: 'caret_right',
						} %}
					{% endif %}
				</div>

			</div>

		</div>
	</div>

</div>

No notes defined.