New College of Florida Component Library

Take The Next Step 

<!-- TAKE THE NEXT STEP: home page -->
<div class="next_step">
    <div class="fs-row">
        <div class="fs-cell fs-lg-9 fs-xl-8">
            <div class="next_step_inner">
                <div class="next_step_header">
                    <h2 class="next_step_title">Take the next step.</h2>
                </div>
                <ul class="next_step_list">
                    <li class="next_step_item">
                        <a class="next_step_link" href="#" target="_blank">
                            <span class="next_step_link_inner">
                                <span class="next_step_link_label">About the Application Process</span>
                                <span class="next_step_link_icon">
                                    <svg class="icon icon_arrow_right">
                                        <use href="/images/icons.svg#arrow_right" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="next_step_item">
                        <a class="next_step_link" href="#" target="_blank">
                            <span class="next_step_link_inner">
                                <span class="next_step_link_label">Talk to a Counselor</span>
                                <span class="next_step_link_icon">
                                    <svg class="icon icon_external">
                                        <use href="/images/icons.svg#external" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="next_step_item">
                        <a class="next_step_link" href="#" target="_blank">
                            <span class="next_step_link_inner">
                                <span class="next_step_link_label">Visit Campus</span>
                                <span class="next_step_link_icon">
                                    <svg class="icon icon_file">
                                        <use href="/images/icons.svg#file" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                    <li class="next_step_item">
                        <a class="next_step_link" href="#" target="_blank">
                            <span class="next_step_link_inner">
                                <span class="next_step_link_label">Request Information</span>
                                <span class="next_step_link_icon">
                                    <svg class="icon icon_arrow_right">
                                        <use href="/images/icons.svg#arrow_right" />
                                    </svg>
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- END: TAKE THE NEXT STEP: home page -->
 
<!-- TAKE THE NEXT STEP: home page -->
<div class="next_step">
	<div class="fs-row">
		<div class="fs-cell fs-lg-9 fs-xl-8">
			<div class="next_step_inner">
				<div class="next_step_header">
					<h2 class="next_step_title">{{ title }}</h2>
				</div>
				<ul class="next_step_list">
					{% for item in items %}
						<li class="next_step_item">
							<a class="next_step_link" href="{{ item.url }}" {% if item.icon %} target="_blank" {% endif %}>
								<span class="next_step_link_inner">
									<span class="next_step_link_label">{{ item.title }}</span>
									{% if item.icon %}
										<span class="next_step_link_icon">{{ icon(item.icon) }}</span>
									{% endif %}
								</span>
							</a>
						</li>
					{% endfor %}
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- END: TAKE THE NEXT STEP: home page -->

No notes defined.