<!-- Topic Row -->
<div class="js-anim topics_row component_theme_green_gem component_alignment_right">
<div class="js-card-row topics_row_block">
<div class="topics_row_frame">
<div class="fs-row">
<div class="fs-cell">
<div class="topics_row_inner">
<div class="topics_row_header">
<h2 class="topics_row_title">
<span class="topics_row_title_label">Master of Science in Special Education</span>
</h2>
<div class="topics_row_description">
<p>Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
</div>
<div class="topics_row_action">
<a class="topics_row_action_link" href="#">Master of Science in Counseling</a>
</div>
</div>
<div class="topics_row_cards">
<div class="topics_row_card">
<!-- Event List Card -->
<div class="card card_events card_type_contained">
<div class="card_inner card_events_inner">
<div class="card_events_grid">
<div class="card_events_item">
<p class="card_events_item_title">
<a class="card_events_item_title_link" href="#">Name of an Upcoming Admission Q&A Session</a>
</p>
<time class="card_events_item_date" datetime="2023-02-12 17:00:00">
<span class="card_events_item_date_label">
February 12-13, 2023
</span>
</time>
</div>
<div class="card_events_item">
<p class="card_events_item_title">
<a class="card_events_item_title_link" href="#">Name of an Upcoming Admission Q&A Session</a>
</p>
<time class="card_events_item_date" datetime="2023-02-12 17:00:00">
<span class="card_events_item_date_label">
February 12, 2023
</span>
</time>
</div>
<div class="card_events_item">
<p class="card_events_item_title">
<a class="card_events_item_title_link" href="#">Name of an Upcoming Admission Q&A Session</a>
</p>
<time class="card_events_item_date" datetime="2023-02-12 17:00:00">
<span class="card_events_item_date_label">
February 12, 2023
</span>
</time>
</div>
</div>
</div>
</div>
<!-- END: Event List Card -->
</div>
<div class="topics_row_card">
<!-- Topic Card -->
<div class="card card_topic card_type_contained">
<div class="card_inner card_topic_inner">
<div class="card_topic_grid">
<div class="card_topic_group">
<div class="card_topic_header">
<h2 class="card_topic_title">COVID-19: Education Resource Center</h2>
</div>
<div class="card_topic_body">
<p class="card_topic_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
<div class="card_topic_action">
<a class="card_topic_link" href="#">Nibh Dapibus Tristique</a>
</div>
</div>
<div class="card_topic_media">
<figure class="card_topic_figure">
<img class="card_topic_image" srcset="https://images.fastspot.com/jhusoe/980x654/12 980w, https://images.fastspot.com/jhusoe/740x494/12 740w, https://images.fastspot.com/jhusoe/500x334/12 500w, https://images.fastspot.com/jhusoe/300x200/12 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/12" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
</div>
</div>
</div>
<!-- END: Topic Card -->
</div>
</div>
</div>
</div>
</div>
<div class="topics_row_carousel">
<div class="js-slick-row carousel_row" data-slick='{"regionLabel": "Master of Science in Special Education", "arrows": false, "dots": true, "infinite": false, "variableWidth": true}'>
<div class="carousel_row_card">
<!-- Event List Card -->
<div class="card card_events card_type_contained">
<div class="card_inner card_events_inner">
<div class="card_events_grid">
<div class="card_events_item">
<p class="card_events_item_title">
<a class="card_events_item_title_link" href="#">Name of an Upcoming Admission Q&A Session</a>
</p>
<time class="card_events_item_date" datetime="2023-02-12 17:00:00">
<span class="card_events_item_date_label">
February 12-13, 2023
</span>
</time>
</div>
<div class="card_events_item">
<p class="card_events_item_title">
<a class="card_events_item_title_link" href="#">Name of an Upcoming Admission Q&A Session</a>
</p>
<time class="card_events_item_date" datetime="2023-02-12 17:00:00">
<span class="card_events_item_date_label">
February 12, 2023
</span>
</time>
</div>
<div class="card_events_item">
<p class="card_events_item_title">
<a class="card_events_item_title_link" href="#">Name of an Upcoming Admission Q&A Session</a>
</p>
<time class="card_events_item_date" datetime="2023-02-12 17:00:00">
<span class="card_events_item_date_label">
February 12, 2023
</span>
</time>
</div>
</div>
</div>
</div>
<!-- END: Event List Card -->
</div>
<div class="carousel_row_card">
<!-- Topic Card -->
<div class="card card_topic card_type_contained">
<div class="card_inner card_topic_inner">
<div class="card_topic_grid">
<div class="card_topic_group">
<div class="card_topic_header">
<h2 class="card_topic_title">COVID-19: Education Resource Center</h2>
</div>
<div class="card_topic_body">
<p class="card_topic_description">Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
</div>
<div class="card_topic_action">
<a class="card_topic_link" href="#">Nibh Dapibus Tristique</a>
</div>
</div>
<div class="card_topic_media">
<figure class="card_topic_figure">
<img class="card_topic_image" srcset="https://images.fastspot.com/jhusoe/980x654/12 980w, https://images.fastspot.com/jhusoe/740x494/12 740w, https://images.fastspot.com/jhusoe/500x334/12 500w, https://images.fastspot.com/jhusoe/300x200/12 300w" sizes="(min-width: 1394px) 290px, (min-width: 1220px) 265px, (min-width: 980px) 250px, (min-width: 600px) 332px, 90vw" src="https://images.fastspot.com/jhusoe/300x200/12" alt="" loading="lazy" width="300" height="200">
</figure>
</div>
</div>
</div>
</div>
<!-- END: Topic Card -->
</div>
</div>
<div class="js-carousel-row-pagination carousel_row_pagination carousel_pagination topics_row_carousel_pagination"></div>
</div>
</div>
</div>
</div>
<!-- END: Topic Row -->
{#
{% include '@component-topic-row' with {
theme: 'white',
group_title: 'Title',
group_description: 'Description',
cards: [
{
card_type: 'Card type',
items: ''
}
]
} %}
#}
<!-- Topic Row -->
<div class="js-anim topics_row component_theme_{{ theme ?: 'white' }} component_alignment_{{ card_alignment ?: 'right' }}">
<div class="js-card-row topics_row_block">
<div class="topics_row_frame">
<div class="fs-row">
<div class="fs-cell">
<div class="topics_row_inner">
<div class="topics_row_header">
<h2 class="topics_row_title">
<span class="topics_row_title_label">{{ group_title }}</span>
</h2>
<div class="topics_row_description">
<p>{{ group_description }}</p>
</div>
{% if group_link %}
<div class="topics_row_action">
<a class="topics_row_action_link" href="{{ group_link.url }}">{{ group_link.label }}</a>
</div>
{% endif %}
</div>
<div class="topics_row_cards">
{% for card in cards %}
<div class="topics_row_card">
{% include '@partial-' ~ card.card_type ~ '-card' with {
item: card.item
} %}
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="topics_row_carousel">
<div class="js-slick-row carousel_row" data-slick='{"regionLabel": "{{ group_title }}", "arrows": false, "dots": true, "infinite": false, "variableWidth": true}'>
{% for card in cards %}
<div class="carousel_row_card">
{% include '@partial-' ~ card.card_type ~ '-card' with {
item: card.item
} %}
</div>
{% endfor %}
</div>
<div class="js-carousel-row-pagination carousel_row_pagination carousel_pagination topics_row_carousel_pagination"></div>
</div>
</div>
</div>
</div>
<!-- END: Topic Row -->
No notes defined.