<!-- PhD Card -->
<div class="card card_bio card_type_contained">
    <div class="card_inner card_bio_inner">
        <div class="card_bio_grid">
            <div class="card_bio_header">
                <h3 class="card_bio_name">
                    <a class="card_bio_name_link" href="#">James Diamond, PhD</a>
                </h3>
                <p class="card_bio_title">Assistant Professor, Assistant to the Professor</p>
            </div>
            <div class="card_bio_body">
                <div class="card_bio_body_group">
                    <h4 class="card_bio_body_group_title">Graduation Year</h4>
                    <p class="card_bio_body_group_description">2021</p>
                </div>
                <div class="card_bio_body_group">
                    <h4 class="card_bio_body_group_title">Research Interests</h4>
                    <p class="card_bio_body_group_description">Gifted education; Equitable access; K-12 education policy; Teacher training and transformation</p>
                </div>
            </div>
        </div>
    </div>
    <figure class="card_bio_media">

        <img class="card_bio_image" srcset="https://images.fastspot.com/jhusoe/300x300/1 300w, https://images.fastspot.com/jhusoe/100x100/1 100w" sizes="110px" src="https://images.fastspot.com/jhusoe/100x100/1" alt="" loading="lazy" width="100" height="100">
    </figure>
</div>
<!-- END: PhD Card -->
{#
	{% include '@partial-phd-card' with {
		item: {
			type: 'default',
			image: '1',
			alt: 'alt',
			url: '#',
			name: 'Name',
			titles: [
				'titles'
			],
			cohort: 'Cohort',
			graduation_year: '2021',
			research: 'Research Interests'
		}
	} %}
#}

<!-- PhD Card -->
<div class="card card_bio card_type_{{ item.type ?: 'default' }}">
	<div class="card_inner card_bio_inner">
		<div class="card_bio_grid">
			<div class="card_bio_header">
				{% if group_title %}
					<h2 class="card_bio_name">
						<a class="card_bio_name_link" href="{{ item.url }}">{{ item.name }}</a>
					</h2>
				{% else %}
					<h3 class="card_bio_name">
						<a class="card_bio_name_link" href="{{ item.url }}">{{ item.name }}</a>
					</h3>
				{% endif %}
				{% if item.titles %}
					<p class="card_bio_title">{% for title in item.titles %}{{ title }}{% if not loop.last %}, {% endif %}{% endfor %}</p>
				{% endif %}
			</div>
			<div class="card_bio_body">
				{% if item.cohort %}
					<div class="card_bio_body_group">
						{% if group_title %}
							<h3 class="card_bio_body_group_title">Cohort</h3>
						{% else %}
							<h4 class="card_bio_body_group_title">Cohort</h4>
						{% endif %}
						<p class="card_bio_body_group_description">{{ item.cohort }}</p>
					</div>
				{% endif %}
				{% if item.graduation_year %}
					<div class="card_bio_body_group">
						{% if group_title %}
							<h3 class="card_bio_body_group_title">Graduation Year</h3>
						{% else %}
							<h4 class="card_bio_body_group_title">Graduation Year</h4>
						{% endif %}
						<p class="card_bio_body_group_description">{{ item.graduation_year }}</p>
					</div>
				{% endif %}
				{% if item.research %}
					<div class="card_bio_body_group">
						{% if group_title %}
							<h3 class="card_bio_body_group_title">Research Interests</h3>
						{% else %}
							<h4 class="card_bio_body_group_title">Research Interests</h4>
						{% endif %}
						<p class="card_bio_body_group_description">{{ item.research }}</p>
					</div>
				{% endif %}
			</div>
		</div>
	</div>
	{% if item.image %}
		<figure class="card_bio_media">
			{% include '@partial-image' with {
				class: 'card_bio',
				alt: item.alt,
				image: item.image,
				loading: 'lazy',
				sources: [
					img.square.xxsml,
					img.square.thumb
				],
				sizes: [
					'110px'
				]
			} %}
		</figure>
	{% endif %}
</div>
<!-- END: PhD Card -->

No notes defined.