<div class="department_list">

    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-lg-push-1">

            <div class="department_list_inner">

                <div class="department_list_header">
                    <h2 class="department_list_title">Contact Us</h2>
                </div>

                <div class="department_list_body">
                    <div class="department_list_item">
                        <div class="department_list_item_detail department_list_item_meta">
                            <a href="#" class="department_list_item_name">
                                <span class="department_list_item_name_label">Gender & Diversity Center</span>
                                <span class="department_list_item_name_icon">
                                    <svg class="icon icon_arrow_right">
                                        <use href="/images/icons.svg#arrow_right" />
                                    </svg>
                                </span>
                            </a>
                            <span class="department_list_item_title"></span>
                        </div>
                        <div class="department_list_item_group">
                            <div class="department_list_item_detail department_list_item_contact">
                                <span class="department_list_item_hint">Contact</span>
                                <a href="tel:(410) 555-1234" class="department_list_item_phone">(410) 555-1234</a>
                                <a href="mailto:gdcncf@gmail.com" class="department_list_item_email">gdcncf@gmail.com</a>
                            </div>
                            <div class="department_list_item_detail department_list_item_location">
                                <span class="department_list_item_hint">Location</span>
                                <span class="department_list_item_label">HCL 001</span>
                            </div>
                        </div>
                    </div>
                    <div class="department_list_item">
                        <div class="department_list_item_detail department_list_item_meta">
                            <a href="#" class="department_list_item_name">
                                <span class="department_list_item_name_label">Gender Studies Program</span>
                                <span class="department_list_item_name_icon">
                                    <svg class="icon icon_arrow_right">
                                        <use href="/images/icons.svg#arrow_right" />
                                    </svg>
                                </span>
                            </a>
                            <span class="department_list_item_title"></span>
                        </div>
                        <div class="department_list_item_group">
                            <div class="department_list_item_detail department_list_item_contact">
                                <span class="department_list_item_hint">Contact</span>
                                <a href="tel:(410) 555-1234" class="department_list_item_phone">(410) 555-1234</a>
                                <a href="mailto:genderstudies@ncf.edu" class="department_list_item_email">genderstudies@ncf.edu</a>
                            </div>
                            <div class="department_list_item_detail department_list_item_location">
                                <span class="department_list_item_hint">Location</span>
                                <span class="department_list_item_label">PMC 215</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

</div>
<div class="department_list">

	<div class="fs-row">
		<div class="fs-cell fs-lg-10 fs-lg-push-1">

			<div class="department_list_inner">

				{% if title %}
				<div class="department_list_header">
					<h2 class="department_list_title">{{ title }}</h2>
				</div>
				{% endif %}

				{% if items %}
				<div class="department_list_body">
					{% for item in items %}
						<div class="department_list_item{% if item.image %} has_image{% endif %}">
							<div class="department_list_item_detail department_list_item_meta">
								<a href="#" class="department_list_item_name">
									<span class="department_list_item_name_label">{{ item.name }}</span>
									<span class="department_list_item_name_icon">{{ icon("arrow_right") }}</span>
								</a>
								<span class="department_list_item_title">{{ item.title }}{% if item.title2 %} <br/>{{ item.title2 }}{% endif %}</span>
							</div>
							<div class="department_list_item_group">
								{% if item.phone or item.email %}
								<div class="department_list_item_detail department_list_item_contact">
									<span class="department_list_item_hint">Contact</span>
									{% if item.phone %}
										<a href="tel:{{ item.phone }}" class="department_list_item_phone">{{ item.phone }}</a>
									{% endif %}
									{% if item.email %}
										<a href="mailto:{{ item.email }}" class="department_list_item_email">{{ item.email }}</a>
									{% endif %}
								</div>
								{% endif %}
								{% if item.location %}
								<div class="department_list_item_detail department_list_item_location">
									<span class="department_list_item_hint">Location</span>
									<span class="department_list_item_label">{{ item.location }}</span>
								</div>
								{% endif %}
							</div>
						</div>
					{% endfor %}
				</div>
				{% endif %}
			</div>

		</div>
	</div>

</div>

No notes defined.