CCGA Component Library

Call To Action 

<!-- Call to Action -->
<div class="cta">
    <div class="cta_inner">
        <div class="cta_title">
            Sign up for the newsletter
        </div>

        <div class="cta_description">
            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi.</p>
        </div>

        <div class="cta_action">

            <a class="button theme_mint_green  button--with-icon" href="#">
                <span class="button_text">
                    Explore all Newsletter Options
                </span>

                <span class="button_icon">

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

                </span>
            </a>
        </div>
    </div>
</div>
<!-- END: Call to Action -->
 
<!-- Call to Action -->
<div class="cta">
	<div class="cta_inner">
		<div class="cta_title">
			{{ title }}
		</div>

		<div class="cta_description">
			<p>{{ description }}</p>
		</div>

		<div class="cta_action">
			{% render "@partial-button--mint-green" with {
				text: 'Explore all Newsletter Options'
			} %}
		</div>
	</div>
</div>
<!-- END: Call to Action -->

No notes defined.