Methodist University Component Library

Call To Action 

<!-- Call to Action -->
<div class="cta">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="cta_inner">
                <h2 class="cta_title">Schedule a Consultation</h2>
                <div class="cta_actions">
                    <div class="cta_action">

                        <a href="#" class="cta_link" aria-label="Link Aria">
                            <span class="cta_link_inner">
                                <span class="cta_link_label">Register at WC Online</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 class="cta_action">

                        <a href="#" class="cta_link" aria-label="Link Aria">
                            <span class="cta_link_inner">
                                <span class="cta_link_label">Check Availability & Schedule</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>
        </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="fs-row">
		<div class="fs-cell">
			<div class="cta_inner">
				<h2 class="cta_title">{{ title }}</h2>
				<div class="cta_actions">
					{% for link in links %}
						<div class="cta_action">
							{% include '@partial-link' with {
								class: 'cta',
								title: link.label,
								url: link.url,
								icon: link.icon,
								aria: link.aria
							} %}
						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Call to Action -->

No notes defined.