<section class="cta_link_group theme_royal_blue layout_image_right" aria-labelledby="cta-link-group-1-title">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_link_group_inner">
<div class="cta_link_group_content">
<h2 class="cta_link_group_title" id="cta-link-group-1-title">Venues & Programs</h2>
<p class="cta_link_group_description">FIM lorem ipsum faucibus mollis interdum. Sed posuere consectetur est at lobortis.</p>
<ul class="cta_link_group_list" aria-labelledby="cta-link-group-1-title">
<li class="cta_link_group_item">
<a href="#" class="cta_link">
<span class="cta_link_inner">
<span class="cta_link_label">Capitol Theatre</span>
<span class="cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="cta_link_group_item">
<a href="#" class="cta_link">
<span class="cta_link_inner">
<span class="cta_link_label">Whiting Auditorium</span>
<span class="cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="cta_link_group_item">
<a href="#" class="cta_link">
<span class="cta_link_inner">
<span class="cta_link_label">Flint Repertory Theatre</span>
<span class="cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="cta_link_group_item">
<a href="#" class="cta_link">
<span class="cta_link_inner">
<span class="cta_link_label">Flint Symphony Orchestra</span>
<span class="cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</li>
<li class="cta_link_group_item">
<a href="#" class="cta_link">
<span class="cta_link_inner">
<span class="cta_link_label">Flint School of Performing Arts</span>
<span class="cta_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</li>
</ul>
</div>
<figure class="cta_link_group_figure">
<img class="cta_link_group_image" srcset="https://images.fastspot.com/fim/740x555/1 740w, https://images.fastspot.com/fim/500x375/1 500w, https://images.fastspot.com/fim/300x225/1 300w" sizes="(min-width: 1420px) 618px, (min-width: 1220px) 528px, (min-width: 980px) 418px, 0px" src="https://images.fastspot.com/fim/300x225/1" alt="" loading="lazy" width="300" height="225">
</figure>
</div>
</div>
</div>
</section>
{% set id = uniqid('cta-link-group') %}
<section class="cta_link_group theme_{{ theme|default('royal_blue') }} layout_{{ layout|default('image_right') }}" aria-labelledby="{{ id }}-title">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_link_group_inner">
<div class="cta_link_group_content">
<h2 class="cta_link_group_title" id="{{ id }}-title">{{ title }}</h2>
{% if description %}
<p class="cta_link_group_description">{{ description }}</p>
{% endif %}
{% if links %}
<ul class="cta_link_group_list" aria-labelledby="{{ id }}-title">
{% for item in links %}
<li class="cta_link_group_item">
{% include "@partial-link" with {
class: 'cta',
title: item.title,
url: item.url,
icon: 'chevron_right',
} %}
</li>
{% endfor %}
</ul>
{% endif %}
</div>
<figure class="cta_link_group_figure">
{% include '@partial-image' with {
class: 'cta_link_group',
image: image,
alt: '',
sources: [
img.full.sml,
img.full.xsml,
img.full.xxsml,
],
loading: 'lazy',
sizes: [
'(min-width: 1420px) 618px',
'(min-width: 1220px) 528px',
'(min-width: 980px) 418px',
'0px'
]
} %}
</figure>
</div>
</div>
</div>
</section>
No notes defined.