Hilbert Component Library

Call To Action: Big Title Blue 

<!-- Call to Action -->
<div class="cta component_has_radius theme_blue type_big_title">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="cta_inner">
                <div class="cta_grid ">
                    <div class="cta_grid_item is_title">
                        <h2 class="cta_title">
                            CTA Header Goes Here
                        </h2>
                    </div>

                    <div class="cta_grid_item is_desc">
                        <div class="cta_desc">
                            <p>Hilbert College offers high-quality educational programs on-campus and online for people who want to create a better world. Our academic approach focuses on a holistic education that promotes leadership, social justice, respect, and service.</p>
                        </div>
                    </div>

                    <div class="cta_grid_item is_links">
                        <div class="cta_links">
                            <div class="cta_link_item">

                                <a href="#" class="btn_link theme_gold">
                                    <span class="btn_link_inner">
                                        <span class="btn_link_label">Academics</span>
                                        <span class="btn_link_icon" aria-hidden="true">
                                            <svg class="icon icon_arrow_right">
                                                <use href="/images/icons.svg#arrow_right" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </div>
                            <div class="cta_link_item">

                                <a href="#" class="btn_link theme_transparent_white">
                                    <span class="btn_link_inner">
                                        <span class="btn_link_label">Academics</span>
                                        <span class="btn_link_icon" aria-hidden="true">
                                            <svg class="icon icon_file">
                                                <use href="/images/icons.svg#file" />
                                            </svg>
                                        </span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Call to Action -->
 
{#
	{% include '@component-call-to-action' with {
		description: 'Description',
		link: {
			url: '#',
			label: 'label',
			aria: 'aria',
			icon: ''
		}
	} %}
#}

<!-- Call to Action -->
<div class="cta component_has_radius theme_{{ theme|default('blue') }} type_{{ type|default('title_top') }}">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="cta_inner">
				<div class="cta_grid ">
					<div class="cta_grid_item is_title">
						<h2 class="cta_title">
							{{ title }}
						</h2>
					</div>

					<div class="cta_grid_item is_desc">
						<div class="cta_desc">
							<p>{{ description }}</p>
						</div>
					</div>

					<div class="cta_grid_item is_links">
						{% if links|length %}
							<div class="cta_links">
								{% for link in links %}
									<div class="cta_link_item">
										{% include '@partial-link' with {
											title: 'Academics',
											url: '#',
											target: '',
											class: 'btn',
											theme: loop.first ? 'gold' : 'transparent_white',
											js: false,
											icon: link.icon,
											aria: '',
											nowrap: false
										} %}
									</div>
								{% endfor %}
							</div>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Call to Action -->

No notes defined.