<!-- Contact Info -->
<div class="contact_block">
    <script type="application/ld+json">
        {
            "@context": "http://schema.org",
            "@type": "Person",
            "email": "mailto:name@university.edu",
            "image": "1",
            "jobTitle": "Director of Department",
            "name": "Full Name",
            "telephone": "(410) 555-1234",
            "url": "#"
        }
    </script>
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
            <div class="contact_block_inner">
                <div class="contact">
                    <h2 class="contact_heading">Contact Us</h2>
                    <div class="contact_header">
                        <div class="contact_header_inner">
                            <div class="contact_info">
                                <h3 class="contact_name">Full Name</h3>
                                <div class="contact_title">Director of Department</div>
                            </div>
                            <figure class="contact_figure">
                                <span class="lazy_image_wrapper contact_image_wrapper">
                                    <img class="js-lazy js-lazyload contact_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/100x100/1" data-src="//images.fastspot.com/new-college-of-florida/300x300/1" data-srcset="//images.fastspot.com/new-college-of-florida/300x300/1 300w, //images.fastspot.com/new-college-of-florida/100x100/1 100w" alt="">
                                </span>
                                <noscript>
                                    <img class="contact_image" src="https://images.fastspot.com/new-college-of-florida/100x100/1" srcset="https://images.fastspot.com/new-college-of-florida/100x100/1 100w, https://images.fastspot.com/new-college-of-florida/300x300/1 300w" sizes="100vw" alt="">
                                </noscript>
                            </figure>
                        </div>
                    </div>
                    <div class="contact_body">
                        <!-- Contact Details -->
                        <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_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_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 class="contact_detail_item">
                                    <a href="https://google.com" class="contact_detail_meeting_link">Schedule A Meeting</a>
                                </div>
                            </div>
                            <div class="contact_detail">
                                <div class="contact_detail_label">Location</div>
                                <div class="contact_detail_item">
                                    <div class="contact_detail_item_header">
                                        <div class="contact_detail_hint">Office</div>
                                    </div>
                                    <div class="contact_detail_info">BON 012</div>
                                </div>
                                <div class="contact_detail_item">
                                    <div class="contact_detail_item_header">
                                        <div class="contact_detail_hint">Mail</div>
                                    </div>
                                    <div class="contact_detail_info">SSC 012</div>
                                </div>
                            </div>
                            <div class="contact_detail department">
                                <div class="contact_detail_label">Office or Division</div>
                                <div class="contact_detail_item">
                                    <div class="contact_detail_info">
                                        <a class="contact_detail_info_link" href="#">Psychology</a>
                                    </div>
                                </div>
                                <div class="contact_detail_item">
                                    <div class="contact_detail_info">
                                        <a class="contact_detail_info_link" href="#">Psychiatry</a>
                                    </div>
                                </div>
                                <div class="contact_detail_label program_section">Area of Concentration</div>
                                <div class="contact_detail_item">
                                    <div class="contact_detail_info">
                                        <a class="contact_detail_info_link" href="#">Psychology</a>
                                    </div>
                                </div>
                                <div class="contact_detail_item">
                                    <div class="contact_detail_info">
                                        <a class="contact_detail_info_link" href="#">Psychiatry</a>
                                    </div>
                                </div>
                            </div>
                            <div class="contact_detail social">
                                <div class="contact_detail_label">Social</div>
                                <ul class="contact_socials" aria-label="Social Links for Full Name">
                                    <li class="contact_social">
                                        <a class="contact_social_link" href="#" aria-label="Full 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>
                                    </li>
                                    <li class="contact_social">
                                        <a class="contact_social_link" href="#" aria-label="Full 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>
                                    </li>
                                    <li class="contact_social">
                                        <a class="contact_social_link" href="#" aria-label="Full 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>
                                    </li>
                                    <li class="contact_social">
                                        <a class="contact_social_link" href="#" aria-label="Full 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>
                                    <li class="contact_social">
                                        <a class="contact_social_link" href="#" aria-label="Full Name Website" target="_blank" rel="noopener">
                                            <span class="contact_social_link_icon">
                                                <svg class="icon icon_website">
                                                    <use href="/images/icons.svg#website" />
                                                </svg>
                                            </span>
                                            <span class="contact_social_link_label">Website</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- END: Contact Details -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Contact Info -->
<!-- Contact Info -->
<div class="contact_block">
	<script type="application/ld+json">
		{
		    "@context": "http://schema.org",
		    "@type": "Person",
		    "email": "mailto:{{ item.email }}",
		    "image": "{{ item.image }}",
		    "jobTitle": "{{ item.title }}",
		    "name": "{{ item.name }}",
		    "telephone": "{{ item.phone_numbers[0].number }}",
		    "url": "#"
		}
	</script>
	<div class="fs-row">
		<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
			<div class="contact_block_inner">
				<div class="contact">
					<h2 class="contact_heading">Contact Us</h2>
					<div class="contact_header{% if not item.image %} contact_header_expanded{% endif %}">
						<div class="contact_header_inner">
							<div class="contact_info">
								<h3 class="contact_name">{{ item.name }}</h3>
								{% if item.title %}
									<div class="contact_title">{{ item.title }}</div>
								{% endif %}
							</div>
							{% if item.image %}
								<figure class="contact_figure">
									{% include "@partial-image" with {
										class: "contact",
										alt: "",
										image: item.image,
										sources: [
											img.square.xxsml,
											img.square.thumb
										]
									} %}
								</figure>
							{% endif %}
						</div>
					</div>
					<div class="contact_body">
						{% render "@partial-contact-details" with {
							item: item
						} %}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Contact Info -->

No notes defined.