Contact Info: Image

{#
	{% include '@component-contact-info' with {
		item: {
			name: 'Full Name',
			job_title: 'Director of Department',
			image: '1',
			phone_numbers: [
				{
					label: 'mobile',
					type: 'telephone',
					number: '(410) 555-1234'
				}
			],
			email: 'name@university.edu',
			location: '1234 Maple Bacon Ln.<br>Baltimore, MD 21211',
			office_hours: [
				{
					label: 'Monday',
					hours: '9am - 5pm'
				}
			],
			social_links: [
				{
					title: 'LinkedIn',
					url: '#'
				}
			]
		}
	} %}
#}

<!-- Contact Info -->
<div class="contact_block{% if item.image %} contact_block_has_image{% else %} contact_block_no_image{% endif %}">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="contact_block_inner">
				<div class="contact">
					<div class="contact_header">
						<h2 class="contact_title">{{ item.title }}</h2>
					</div>
					<div class="contact_body">
						<div class="contact_details">
							<div class="contact_detail name">
								<h3 class="contact_detail_info contact_detail_info_strong">{{ item.name }}</h3>
								{% if item.title %}
									<div class="contact_detail_info contact_detail_info_em">{{ item.job }}</div>
								{% endif %}
							</div>
							<div class="contact_detail contact">
								<div class="contact_detail_info">
									<a class="contact_detail_info_link" href="tel:{{ tel(item.phone_number) }}">Phone: {{ item.phone_number }}</a>
								</div>
								<div class="contact_detail_info">{{ item.dates }}</div>
								<div class="contact_detail_info">{{ item.times }}</div>
							</div>
							<div class="contact_detail location">
								{% if item.location %}
									<div class="contact_detail_info">{{ item.location }}</div>
								{% endif %}
								{% if item.email %}
									<a class="contact_detail_info_link" href="mailto:{{ item.email }}">{{ item.email }}</a>
								{% endif %}
							</div>
							{% if item.image %}
								<div class="contact_detail image">
									<figure class="contact_detail_figure">
										{% include '@partial-image' with {
											class: 'contact_detail',
											alt: '',
											image: item.image,
											loading: 'lazy',
											sources: [
												img.square.xxsml,
												img.square.thumb
											]
										} %}
									</figure>
								</div>
							{% endif %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Contact Info -->