People List Item

<div class="people_list_item">
	<div class="people_list_item_grid fs-row">
		<div class="people_list_item_grid_item is_content fs-cell {% if item.image %}fs-sm-2 fs-md-5{% else %}fs-sm-3 fs-md-6{% endif %} fs-lg-7">
			<div class="people_list_item_header">
				<h2 class="people_list_item_name">
					<a class="people_list_item_name_link" href="{{ item.url }}">{{ item.name }}</a>
				</h2>

				{% if item.job_title %}
					<div class="people_list_item_title">{{ item.job_title }}</div>
				{% endif %}

				{% if item.description %}
					<div class="people_list_item_desc">
						{{ item.description }}
					</div>
				{% endif %}

				<div class="people_list_item_link_wrap">
					{% include '@partial-link' with {
						title: "View Page",
						url: item.url,
						class: 'basic',
						js: false,
						icon: 'arrow_right',
						aria: '',
						nowrap: true
					} %}
				</div>
			</div>
		</div>

		{% if item.image %}
			<div class="people_list_item_grid_item is_image fs-cell fs-sm-1 fs-md-1 fs-lg-2 fs-lg-last">
				<figure class="people_list_item_figure">
					{% include '@partial-image' with {
						class: 'people_list_item',
						alt: '',
						image: item.image,
						loading: 'lazy',
						sources: [
							img.square.xxsml,
							img.square.thumb
						]
					} %}
				</figure>
			</div>
		{% endif %}

		<div class="people_list_item_grid_item is_meta fs-cell fs-sm-3 fs-md-6 fs-lg-3">
			<div class="people_list_item_details">
				{% if item.contact %}
					<div class="people_list_item_detail contact">
						{% if item.contact.phone or item.contact.email %}
							<div class="people_list_item_detail_label">Contact</div>
						{% endif %}

						{% if item.contact.phone %}
							<div class="people_list_item_detail_item">
								<div class="people_list_item_detail_item_header">
									<div class="people_list_item_detail_icon">{{ icon('phone') }}</div>
									<div class="people_list_item_detail_hint">Phone:
									</div>
								</div>
								<div class="people_list_item_detail_info">
									<div class="people_list_item_detail_info_link">
										{% include '@partial-link' with {
											title: item.contact.phone,
											url: 'tel:' ~ item.contact.phone,
											class: 'basic',
											js: false,
											icon: '',
											aria: '',
											nowrap: false
										} %}
									</div>
								</div>
							</div>
						{% endif %}

						{% if item.contact.email %}
							<div class="people_list_item_detail_item">
								<div class="people_list_item_detail_item_header">
									<div class="people_list_item_detail_icon">{{ icon('mail') }}</div>
									<div class="people_list_item_detail_hint">Email:
									</div>
								</div>
								<div class="people_list_item_detail_info">
									<div class="people_list_item_detail_info_link">
										{% include '@partial-link' with {
											title: item.contact.email,
											url: 'mailto:' ~ item.contact.email,
											class: 'basic',
											js: false,
											icon: '',
											aria: '',
											nowrap: false
										} %}
									</div>
								</div>
							</div>
						{% endif %}
					</div>
				{% endif %}
			</div>
		</div>
	</div>
</div>