Form CTA Single
This is an individual instance of each CTA within the form-cta component.
Get involved
Find Local Affiliates, Volunteer Opportunities, Restore Locations, News, Events.
Get Involved
Optional secondary text that links.
.form-cta-single--apple-green
Green color variation.
Get involved
Find Local Affiliates, Volunteer Opportunities, Restore Locations, News, Events.
Get Involved
Optional secondary text that links.
.form-cta-single--hot-orange
Orange color variation.
Get involved
Find Local Affiliates, Volunteer Opportunities, Restore Locations, News, Events.
Get Involved
Optional secondary text that links.
.form-cta-single--stiletto-red
Red color variation.
Get involved
Find Local Affiliates, Volunteer Opportunities, Restore Locations, News, Events.
Get Involved
Optional secondary text that links.
{{ attach_library('h4h_theme/form-cta-single') }}
{% import '@h4h_theme/icons/icons.twig' as icons %}
<div class="form-cta-single {{ modifier_class}}">
{% if title %}
<h2 class="form-cta-single__heading">
{{ icons.get(icon, 'form-cta-single__icon') }}
<span class="form-cta-single__title">{{ title }}</span>
</h2>
{% endif %}
<div class="form-cta-single__bottom">
<div class="form-cta-single__text">{{ desc|raw }}</div>
<a class="form-cta-single__btn" aria-label="{{ aria }}" href="{{ url }}">{{ btn_desc }}</a>
{% if suffix %}
<div class="form-cta-single__suffix">{{ suffix|raw }}</div>
{% endif %}
</div>
</div>