Flint Institute of Music Component Library

Call To Action 

<!-- Call to Action -->
<div class="cta">
    <div class="cta_inner">
        <div class="cta_description">
            <p>Stay up to date on what's happening at FIM. Be the first to know what is coming next, and stay engaged with us. Opt out at any time.</p>
        </div>
        <div class="cta_action">

            <a href="#" class="cta_link" aria-label="Link Aria">
                <span class="cta_link_inner">
                    <span class="cta_link_label">Sign Up for Our Newsletter</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>
        </div>
    </div>
</div>
<!-- END: Call to Action -->
 
{#
	{% include '@component-call-to-action' with {
		description: 'Description',
		link: {
			url: '#',
			label: 'Link',
			aria: 'aria',
			icon: ''
		}
	} %}
#}

<!-- Call to Action -->
<div class="cta">
	<div class="cta_inner">
		<div class="cta_description">
			<p>{{ description }}</p>
		</div>
		<div class="cta_action">
			{% include '@partial-link' with {
				class: 'cta',
				title: link.label,
				url: link.url,
				icon: link.icon,
				aria: link.aria
			} %}
		</div>
	</div>
</div>
<!-- END: Call to Action -->

No notes defined.