Children and Screens Component Library

Expert Row List Item 

<div class="expert">
    <div class="expert_wrapper">
        <div class="expert_info">
            <h2 class="expert_name">Caley Arzamarski, PhD, NCSP</h2>
            <div class="expert_detail_info">
                <span class="expert_title">Director of Department</span>
                <span class="expert_related_organization">Psychologist, Clinical Assistant Professor, Child & Adolescent Psychiatry, Warren Alpert Medical School of Brown University</span>
            </div>
            <div class="expert_moderator">Moderator</div>
        </div>
        <figure class="expert_figure">

            <img class="expert_image" srcset="https://images.fastspot.com/framework/300x300/1 300w, https://images.fastspot.com/framework/100x100/1 100w" src="https://images.fastspot.com/framework/100x100/1" alt="" loading="lazy" width="100" height="100">
        </figure>
    </div>
</div>
 
<div class="expert">
	<div class="expert_wrapper">
		<div class="expert_info">
			<h2 class="expert_name">{{ name }}</h2>
			<div class="expert_detail_info">
                {% if job_title %}
                    <span class="expert_title">{{ job_title }}</span>
                {% endif %}
                {% if related_organization %}
                    <span class="expert_related_organization">{{ related_organization }}</span>
                {% endif %}
            </div>
            {% if moderator %}
                <div class="expert_moderator">Moderator</div>
            {% endif %}
		</div>
		{% if image %}
			<figure class="expert_figure">
                {% include '@partial-image' with {
                    class: 'expert',
                    alt: '',
                    image: image,
                    loading: 'lazy',
                    sources: [
                        img.square.xxsml,
                        img.square.thumb
                    ]
                } %}
			</figure>
		{% endif %}
	</div>
</div>

No notes defined.