<!-- Event Feature -->
<div class="event_feature theme_accent">
<div class="event_feature_inner">
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_sm">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Breaking the Glass Ceiling: Women in Health and Research" tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" sizes="(min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
<div class="event_feature_figure_date">
<time class="event_date theme_white_blue" datetime="2024-09-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
<span class="event_date_year">
2024
</span>
</span>
</time>
</div>
</div>
<div class="event_feature_wrapper">
<div class="event_feature_content_date">
<time class="event_date theme_white_blue" datetime="2024-09-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
<span class="event_date_year">
2024
</span>
</span>
</time>
</div>
<div class="event_feature_location">
In-Person
|
Hopkins Lobby
</div>
<h2 class="event_feature_title">
<a href="#" class="event_feature_title_link">
<span class="event_feature_title_link_inner">
<span class="event_feature_title_link_label">Breaking the Glass Ceiling: Women in Health and Research</span>
</span>
</a>
</h2>
<p class="event_feature_description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_lg">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Breaking the Glass Ceiling: Women in Health and Research" tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/980x980/1 980w, https://images.fastspot.com/generic/740x740/1 740w, https://images.fastspot.com/generic/500x500/1 500w, https://images.fastspot.com/generic/300x300/1 300w, https://images.fastspot.com/generic/100x100/1 100w" sizes="(min-width: 1400px) 659px, (min-width: 1220px) 575px, (min-width: 980px) 460px, 0px" src="https://images.fastspot.com/generic/100x100/1" alt="" loading="lazy" width="100" height="100">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
</div>
</div>
</div>
<!-- END: Event Feature -->
{#
{% include '@partial-event-feature' with {
item: {
image: '1',
alt: '',
date: {
same_day: true,
all_day: false,
from: '2024-09-31 17:00:00',
to: '2024-09-31 19:00:00'
},
title: 'Title',
url: '#',
description: 'Description',
location: 'Location',
location_type: 'In-Person',
note: 'Optional Event Note Here',
}
} %}
#}
<!-- Event Feature -->
{% set theme = theme|default('accent') %}
<div class="event_feature theme_{{ theme }}">
<div class="event_feature_inner">
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_sm">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="{{ item.url }}" aria-label="Read more about {{ item.title }}" tabindex="-1">
{% include '@partial-image' with {
class: 'event_feature',
alt: item.alt,
image: item.image,
loading: 'lazy',
crop: 'full',
max: 'med',
sizes: [
'(min-width: 780px) 691px',
'(min-width: 380px) calc(96.05vw - 39px)',
'calc(31.67vw + 193px)',
]
} %}
{% if item.note %}
<span class="event_feature_figure_note">{{ item.note }}</span>
{% endif %}
</a>
</figure>
<div class="event_feature_figure_date">
{% include "@partial-event-date" with {
date: item.date,
theme: theme == 'white' ? 'accent' : 'white_blue',
} %}
</div>
</div>
<div class="event_feature_wrapper">
<div class="event_feature_content_date">
{% include "@partial-event-date" with {
date: item.date,
theme: theme == 'white' ? 'accent' : 'white_blue',
} %}
</div>
{% if item.location_type or item.location %}
<div class="event_feature_location">
{% if item.location_type %}
{{ item.location_type }}
{% endif %}
{% if item.location_type and item.location %}
|
{% endif %}
{% if item.location %}
{{ item.location }}
{% endif %}
</div>
{% endif %}
<{{heading_level|default('h2')}} class="event_feature_title">
{% include '@partial-link' with {
class: 'event_feature_title',
title: item.title,
url: item.url
} %}
</{{heading_level|default('h2')}}>
{% if item.description %}
<p class="event_feature_description">{{ item.description }}</p>
{% endif %}
</div>
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_lg">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="{{ item.url }}" aria-label="Read more about {{ item.title }}" tabindex="-1">
{% include '@partial-image' with {
class: 'event_feature',
alt: item.alt,
image: item.image,
loading: 'lazy',
crop: 'square',
max: '',
sizes: [
'(min-width: 1400px) 659px',
'(min-width: 1220px) 575px',
'(min-width: 980px) 460px',
'0px',
]
} %}
{% if item.note %}
<span class="event_feature_figure_note">{{ item.note }}</span>
{% endif %}
</a>
</figure>
</div>
</div>
</div>
<!-- END: Event Feature -->
No notes defined.