Le Moyne Component Library

Call To Action 

<!-- Call to Action -->
<div class="cta">
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-lg-justify-center">
            <div class="cta_inner">
                <div class="cta_description">
                    <p>At Le Moyne you will share experiences that will guide you to make ethical choices, adapt, learn through trial and error and reach out to help others.</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">Meet Le Moyne</span>
                            <span class="cta_link_icon" aria-hidden="true">

                                <svg class="icon icon_caret_right">
                                    <use href="/images/icons.svg#caret_right" />
                                </svg>

                            </span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Call to Action -->
 
{#
	{% include '@component-call-to-action' with {
		description: 'Description',
		link: {
			url: '#',
			label: 'label',
			aria: 'aria',
			icon: ''
		}
	} %}
#}

<!-- Call to Action -->
<div class="cta">
	<div class="fs-row">
		<div class="fs-cell fs-lg-10 fs-lg-justify-center">
			<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>
	</div>
</div>
<!-- END: Call to Action -->

No notes defined.