<!-- Purple -->
<!-- Call to Action -->
<div class="cta theme_purple callout_has_inner_spacing">
<div class="cta_bg_img_wrap">
<svg class="icon icon_logo_pattern_vertical">
<use href="/images/icons.svg#logo_pattern_vertical" />
</svg>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_inner">
<div class="cta_inner_item is_title">
<h2 class="cta_title">
Take the next steps
</h2>
</div>
<div class="cta_inner_item is_links">
<div class="cta_inner_link_items">
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Apply Today</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Request Information</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Speak with an Advisor</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
<!-- Blue -->
<!-- Call to Action -->
<div class="cta theme_blue callout_has_inner_spacing">
<div class="cta_bg_img_wrap">
<svg class="icon icon_logo_pattern_vertical">
<use href="/images/icons.svg#logo_pattern_vertical" />
</svg>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_inner">
<div class="cta_inner_item is_title">
<h2 class="cta_title">
Take the next steps
</h2>
</div>
<div class="cta_inner_item is_links">
<div class="cta_inner_link_items">
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Apply Today</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Request Information</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Speak with an Advisor</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
<!-- Orange -->
<!-- Call to Action -->
<div class="cta theme_orange callout_has_inner_spacing">
<div class="cta_bg_img_wrap">
<svg class="icon icon_logo_pattern_vertical">
<use href="/images/icons.svg#logo_pattern_vertical" />
</svg>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_inner">
<div class="cta_inner_item is_title">
<h2 class="cta_title">
Take the next steps
</h2>
</div>
<div class="cta_inner_item is_links">
<div class="cta_inner_link_items">
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Apply Today</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Request Information</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Speak with an Advisor</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
<!-- Green -->
<!-- Call to Action -->
<div class="cta theme_green callout_has_inner_spacing">
<div class="cta_bg_img_wrap">
<svg class="icon icon_logo_pattern_vertical">
<use href="/images/icons.svg#logo_pattern_vertical" />
</svg>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_inner">
<div class="cta_inner_item is_title">
<h2 class="cta_title">
Take the next steps
</h2>
</div>
<div class="cta_inner_item is_links">
<div class="cta_inner_link_items">
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Apply Today</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Request Information</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Speak with an Advisor</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
<!-- Red -->
<!-- Call to Action -->
<div class="cta theme_red callout_has_inner_spacing">
<div class="cta_bg_img_wrap">
<svg class="icon icon_logo_pattern_vertical">
<use href="/images/icons.svg#logo_pattern_vertical" />
</svg>
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_inner">
<div class="cta_inner_item is_title">
<h2 class="cta_title">
Take the next steps
</h2>
</div>
<div class="cta_inner_item is_links">
<div class="cta_inner_link_items">
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Apply Today</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Request Information</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
<div class="cta_inner_link_item">
<a href="#" class="button theme_light">
<div class="button_inner">
<span class="button_text">Speak with an Advisor</span>
<span class="button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
{#
{% include '@component-call-to-action' with {
theme: 'purple',
title: 'Take the next steps',
links: [
{ url: '#', label: 'Apply Today' },
{ url: '#', label: 'Request Information' },
{ url: '#', label: 'Speak with an Advisor' }
]
} %}
#}
<!-- Call to Action -->
<div class="cta theme_{{ theme }} callout_has_inner_spacing">
<div class="cta_bg_img_wrap">
{{ icon('logo_pattern_vertical') }}
</div>
<div class="fs-row">
<div class="fs-cell">
<div class="cta_inner">
<div class="cta_inner_item is_title">
<h2 class="cta_title">
{{ title }}
</h2>
</div>
<div class="cta_inner_item is_links">
<div class="cta_inner_link_items">
{% for item in links %}
<div class="cta_inner_link_item">
{% include "@partial-button" with {
theme: 'light',
href: item.url,
text: item.label,
icon: 'arrow_right'
} %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
No notes defined.