JHU India Component Library

Newsletter Signup 

<div class="newsletter">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="newsletter_inner">
                <h2 class="newsletter_title">Join Our Mailing List</h2>
                <span class="newsletter_description">Subscribe to our email newsletter for information about upcoming events and more.</span>
                <a href="#" class="newsletter_signup_link button_dark">
                    <span class="newsletter_signup_link_label">Sign-Up Now</span>
                    <span class="newsletter_signup_link_icon">
                        <svg class="icon icon_arrow_right">
                            <use href="/images/icons.svg#arrow_right" />
                        </svg>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
 
<div class="newsletter">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="newsletter_inner">
				<h2 class="newsletter_title">{{ title }}</h2>
				{% if description %}
				<span class="newsletter_description">{{ description }}</span>
				{% endif %}
				{% if link %}
				<a href="{{ link.url }}" class="newsletter_signup_link button_dark">
					<span class="newsletter_signup_link_label">{{ link.title }}</span>
					<span class="newsletter_signup_link_icon">{{ icon("arrow_right") }}</span>
				</a>
				{% endif %}
			</div>
		</div>
	</div>
</div>

No notes defined.