JHU India Component Library

Call To Action 

<!-- Call to Action -->
<div class="cta">
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
            <div class="cta_inner">
                <div class="cta_description">
                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
                </div>
                <div class="cta_action">

                    <a href="#" class="cta_link" aria-label="aria">
                        <span class="cta_link_inner">
                            <span class="cta_link_label">Link</span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Call to Action -->
 
<!-- Call to Action -->
<div class="cta">
	<div class="fs-row">
		<div class="fs-cell {{ cell }}">
			<div class="cta_inner">
				<div class="cta_description">
					<p>{{ description }}</p>
				</div>
				<div class="cta_action">
					{% include "@partial-link" with {
						class: "cta",
						title: link_title,
						url: link_url,
						icon: link_icon,
						aria: aria
					} %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Call to Action -->

No notes defined.