<!-- Entity Meta -->
<div class="entity_meta" id="meta" data-type="entity" data-category="">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="entity_meta_inner">

                <div class="contact_details">
                    <div class="contact_detail contact">
                        <div class="contact_detail_label">Contact</div>
                        <div class="contact_detail_item">
                            <div class="contact_detail_item_header">
                                <div class="contact_detail_icon">
                                    <svg class="icon icon_phone">
                                        <use href="/images/icons.svg#phone" />
                                    </svg>
                                </div>
                                <div class="contact_detail_hint">mobile</div>
                            </div>
                            <div class="contact_detail_info">
                                <a class="contact_detail_info_link" href="tel:4105551234">(410) 555-1234</a>
                            </div>
                        </div>
                        <div class="contact_detail_item">
                            <div class="contact_detail_item_header">
                                <div class="contact_detail_icon">
                                    <svg class="icon icon_phone">
                                        <use href="/images/icons.svg#phone" />
                                    </svg>
                                </div>
                                <div class="contact_detail_hint">office</div>
                            </div>
                            <div class="contact_detail_info">
                                <a class="contact_detail_info_link" href="tel:4105551234">(410) 555-1234</a>
                            </div>
                        </div>
                        <div class="contact_detail_item">
                            <div class="contact_detail_item_header">
                                <div class="contact_detail_icon">
                                    <svg class="icon icon_mail">
                                        <use href="/images/icons.svg#mail" />
                                    </svg>
                                </div>
                                <div class="contact_detail_hint">Email Address</div>
                            </div>
                            <div class="contact_detail_info">
                                <a class="contact_detail_info_link" href="mailto:name@university.edu">name@university.edu</a>
                            </div>
                        </div>
                    </div>
                    <div class="contact_detail location">
                        <div class="contact_detail_label">Location</div>
                        <div class="contact_detail_item">
                            <div class="contact_detail_item_header">
                                <div class="contact_detail_icon">
                                    <svg class="icon icon_place">
                                        <use href="/images/icons.svg#place" />
                                    </svg>
                                </div>
                            </div>
                            <div class="contact_detail_info">Appleseed Library<br>Room 214</div>
                        </div>
                    </div>
                    <div class="contact_detail department">
                        <div class="contact_detail_label">Department</div>
                        <div class="contact_detail_item">
                            <div class="contact_detail_item_header">
                                <div class="contact_detail_icon">
                                    <svg class="icon icon_building">
                                        <use href="/images/icons.svg#building" />
                                    </svg>
                                </div>
                            </div>
                            <div class="contact_detail_info">
                                <a class="contact_detail_info_link" href="#">Department Name</a>
                            </div>
                        </div>
                    </div>
                    <div class="contact_detail hours">
                        <div class="contact_detail_label">Office Hours</div>
                        <div class="contact_detail_item">
                            <div class="contact_detail_item_header">
                                <div class="contact_detail_icon">
                                    <svg class="icon icon_clock">
                                        <use href="/images/icons.svg#clock" />
                                    </svg>
                                </div>
                                <div class="contact_detail_hint">Monday</div>
                            </div>
                            <div class="contact_detail_info">9am - 5pm</div>
                        </div>
                        <div class="contact_detail_item">
                            <div class="contact_detail_item_header">
                                <div class="contact_detail_icon">
                                    <svg class="icon icon_clock">
                                        <use href="/images/icons.svg#clock" />
                                    </svg>
                                </div>
                                <div class="contact_detail_hint">Wednesday</div>
                            </div>
                            <div class="contact_detail_info">11am-12pm</div>
                        </div>
                    </div>
                    <div class="contact_detail social">
                        <div class="contact_detail_label">Social</div>
                        <ul class="contact_socials" aria-label="Social Links for Name">
                            <li class="contact_social">
                                <a class="contact_social_link" href="#" aria-label="Name Linkedin" target="_blank" rel="noopener"><span class="contact_social_link_icon">
                                        <svg class="icon icon_linkedin">
                                            <use href="/images/icons.svg#linkedin" />
                                        </svg>
                                    </span><span class="contact_social_link_label">Linkedin</span></a><span class="contact_social_punctuation">, </span>
                            </li>
                            <li class="contact_social">
                                <a class="contact_social_link" href="#" aria-label="Name Twitter" target="_blank" rel="noopener"><span class="contact_social_link_icon">
                                        <svg class="icon icon_twitter">
                                            <use href="/images/icons.svg#twitter" />
                                        </svg>
                                    </span><span class="contact_social_link_label">Twitter</span></a><span class="contact_social_punctuation">, </span>
                            </li>
                            <li class="contact_social">
                                <a class="contact_social_link" href="#" aria-label="Name Facebook" target="_blank" rel="noopener"><span class="contact_social_link_icon">
                                        <svg class="icon icon_facebook">
                                            <use href="/images/icons.svg#facebook" />
                                        </svg>
                                    </span><span class="contact_social_link_label">Facebook</span></a><span class="contact_social_punctuation">, </span>
                            </li>
                            <li class="contact_social">
                                <a class="contact_social_link" href="#" aria-label="Name Instagram" target="_blank" rel="noopener"><span class="contact_social_link_icon">
                                        <svg class="icon icon_instagram">
                                            <use href="/images/icons.svg#instagram" />
                                        </svg>
                                    </span><span class="contact_social_link_label">Instagram</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Entity Meta -->
{#
	{% include '@partial-entity-meta' with {
		item: {
			phone_numbers: [
				{
					label: 'Phone Label',
					type: 'Phone Type',
					number: '(410) 555-1234'
				}
			],
			office_hours: [
				{
					label: 'Monday',
					hours: '9am - 5pm'
				}
			],
			email: 'email@address.com',
			location: 'Location',
			social_links: [
				{
					title: 'Linkedin',
					url: '#'
				}
			]
		}
	} %}
#}
<!-- Entity Meta -->
<div class="entity_meta" id="meta" data-type="entity" data-category="{% for item in item.departments %}{{ item.name }}{% if not loop.last %}, {% endif %}{% endfor %}">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="entity_meta_inner">
				{% render '@partial-contact-details' with {
					item: item
				} %}
			</div>
		</div>
	</div>
</div>
<!-- END: Entity Meta -->

No notes defined.