<div class="news_related">

    <div class="news_related_header">
        <div class="fs-row">
            <div class="fs-cell fs-lg-11">
                <div class="news_related_header_inner">
                    <h2 class="news_related_title">Related Stories</h2>
                </div>
            </div>
        </div>
    </div>

    <div class="news_related_body">
        <div class="fs-row">
            <div class="fs-cell fs-lg-11">
                <ul class="news_related_items js-carousel" data-carousel-options='{"maxWidth":"1219px", "matchWidth": false, "controls": false, "contained": false, "show": {"500px":2}}'>
                    <li class="news_related_item">
                        <!-- News Item -->
                        <div class="news_item">
                            <div class="news_item_wrapper has_image">
                                <figure class="news_item_figure">
                                    <span class="lazy_image_wrapper news_item_group_image_wrapper">
                                        <img class="js-lazy js-lazyload news_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/1" data-src="//images.fastspot.com/new-college-of-florida/980x654/1" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/1 980w, //images.fastspot.com/new-college-of-florida/740x494/1 740w, //images.fastspot.com/new-college-of-florida/500x334/1 500w, //images.fastspot.com/new-college-of-florida/300x200/1 300w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="news_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/1" srcset="https://images.fastspot.com/new-college-of-florida/300x200/1 300w, https://images.fastspot.com/new-college-of-florida/500x334/1 500w, https://images.fastspot.com/new-college-of-florida/740x494/1 740w, https://images.fastspot.com/new-college-of-florida/980x654/1 980w" sizes="100vw" alt="">
                                    </noscript>
                                </figure>
                                <div class="news_item_group">
                                    <div class="news_item_header">
                                        <h2 class="news_item_title">

                                            <a href="page-news-detail.html" class="news_item_title_link">
                                                <span class="news_item_title_link_inner">
                                                    <span class="news_item_title_link_label">Does it Spark Joy? Increasing Student Agency in Science Learning</span>
                                                    <span class="news_item_title_link_icon" aria-hidden="true">
                                                        <span class="news_item_title_link_icon_inner">
                                                            <svg class="icon icon_arrow_right">
                                                                <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </span>
                                            </a>
                                        </h2>
                                        <div class="news_item_categories">
                                            <div class="news_item_category_hint">Categories</div>
                                            <ul class="news_item_category_list" aria-label="Categories">
                                                <li class="news_item_category">
                                                    <a class="news_item_category_link" href="page-news-category.html">Category 1</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="news_item_body">
                                        <div class="news_item_details">
                                            <div class="news_item_detail news_item_date">
                                                <span class="news_item_detail_hint">Posted </span>
                                                <time class="news_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                            <div class="news_item_detail news_item_author">
                                                <span class="news_item_detail_hint"><span>- </span>by&nbsp;</span>
                                                <span class="news_item_detail_label">Author</span>
                                            </div>
                                        </div>
                                        <div class="news_item_description">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: News Item -->
                    </li>
                    <li class="news_related_item">
                        <!-- News Item -->
                        <div class="news_item">
                            <div class="news_item_wrapper has_image">
                                <figure class="news_item_figure">
                                    <span class="lazy_image_wrapper news_item_group_image_wrapper">
                                        <img class="js-lazy js-lazyload news_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/2" data-src="//images.fastspot.com/new-college-of-florida/980x654/2" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/2 980w, //images.fastspot.com/new-college-of-florida/740x494/2 740w, //images.fastspot.com/new-college-of-florida/500x334/2 500w, //images.fastspot.com/new-college-of-florida/300x200/2 300w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="news_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/2" srcset="https://images.fastspot.com/new-college-of-florida/300x200/2 300w, https://images.fastspot.com/new-college-of-florida/500x334/2 500w, https://images.fastspot.com/new-college-of-florida/740x494/2 740w, https://images.fastspot.com/new-college-of-florida/980x654/2 980w" sizes="100vw" alt="">
                                    </noscript>
                                </figure>
                                <div class="news_item_group">
                                    <div class="news_item_header">
                                        <h2 class="news_item_title">

                                            <a href="page-news-detail.html" class="news_item_title_link">
                                                <span class="news_item_title_link_inner">
                                                    <span class="news_item_title_link_label">COVID: It’s Complicated Panel Discussion</span>
                                                    <span class="news_item_title_link_icon" aria-hidden="true">
                                                        <span class="news_item_title_link_icon_inner">
                                                            <svg class="icon icon_arrow_right">
                                                                <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </span>
                                            </a>
                                        </h2>
                                        <div class="news_item_categories">
                                            <div class="news_item_category_hint">Categories</div>
                                            <ul class="news_item_category_list" aria-label="Categories">
                                                <li class="news_item_category">
                                                    <a class="news_item_category_link" href="page-news-category.html">Category One</a>
                                                </li>
                                                <li class="news_item_category">
                                                    <a class="news_item_category_link" href="page-news-category.html">Another Category</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="news_item_body">
                                        <div class="news_item_details">
                                            <div class="news_item_detail news_item_date">
                                                <span class="news_item_detail_hint">Posted </span>
                                                <time class="news_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                            <div class="news_item_detail news_item_author">
                                                <span class="news_item_detail_hint"><span>- </span>by&nbsp;</span>
                                                <span class="news_item_detail_label">Author</span>
                                            </div>
                                        </div>
                                        <div class="news_item_description">
                                            <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: News Item -->
                    </li>
                    <li class="news_related_item">
                        <!-- News Item -->
                        <div class="news_item">
                            <div class="news_item_wrapper has_image">
                                <figure class="news_item_figure">
                                    <span class="lazy_image_wrapper news_item_group_image_wrapper">
                                        <img class="js-lazy js-lazyload news_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/3" data-src="//images.fastspot.com/new-college-of-florida/980x654/3" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/3 980w, //images.fastspot.com/new-college-of-florida/740x494/3 740w, //images.fastspot.com/new-college-of-florida/500x334/3 500w, //images.fastspot.com/new-college-of-florida/300x200/3 300w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="news_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/3" srcset="https://images.fastspot.com/new-college-of-florida/300x200/3 300w, https://images.fastspot.com/new-college-of-florida/500x334/3 500w, https://images.fastspot.com/new-college-of-florida/740x494/3 740w, https://images.fastspot.com/new-college-of-florida/980x654/3 980w" sizes="100vw" alt="">
                                    </noscript>
                                </figure>
                                <div class="news_item_group">
                                    <div class="news_item_header">
                                        <h2 class="news_item_title">

                                            <a href="page-news-detail.html" class="news_item_title_link">
                                                <span class="news_item_title_link_inner">
                                                    <span class="news_item_title_link_label">Sarasota Contemporary Dance: An Open Rehearsal of Timeline</span>
                                                    <span class="news_item_title_link_icon" aria-hidden="true">
                                                        <span class="news_item_title_link_icon_inner">
                                                            <svg class="icon icon_arrow_right">
                                                                <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </span>
                                            </a>
                                        </h2>
                                        <div class="news_item_categories">
                                            <div class="news_item_category_hint">Categories</div>
                                            <ul class="news_item_category_list" aria-label="Categories">
                                                <li class="news_item_category">
                                                    <a class="news_item_category_link" href="page-news-category.html">Category</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="news_item_body">
                                        <div class="news_item_details">
                                            <div class="news_item_detail news_item_date">
                                                <span class="news_item_detail_hint">Posted </span>
                                                <time class="news_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                            <div class="news_item_detail news_item_author">
                                                <span class="news_item_detail_hint"><span>- </span>by&nbsp;</span>
                                                <span class="news_item_detail_label">Author</span>
                                            </div>
                                        </div>
                                        <div class="news_item_description">
                                            <p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: News Item -->
                    </li>
                    <li class="news_related_item">
                        <!-- News Item -->
                        <div class="news_item">
                            <div class="news_item_wrapper has_image">
                                <figure class="news_item_figure">
                                    <span class="lazy_image_wrapper news_item_group_image_wrapper">
                                        <img class="js-lazy js-lazyload news_item_group_image" data-sizes="auto" src="//images.fastspot.com/new-college-of-florida/300x200/4" data-src="//images.fastspot.com/new-college-of-florida/980x654/4" data-srcset="//images.fastspot.com/new-college-of-florida/980x654/4 980w, //images.fastspot.com/new-college-of-florida/740x494/4 740w, //images.fastspot.com/new-college-of-florida/500x334/4 500w, //images.fastspot.com/new-college-of-florida/300x200/4 300w" alt="">
                                    </span>
                                    <noscript>
                                        <img class="news_item_group_image" src="https://images.fastspot.com/new-college-of-florida/300x200/4" srcset="https://images.fastspot.com/new-college-of-florida/300x200/4 300w, https://images.fastspot.com/new-college-of-florida/500x334/4 500w, https://images.fastspot.com/new-college-of-florida/740x494/4 740w, https://images.fastspot.com/new-college-of-florida/980x654/4 980w" sizes="100vw" alt="">
                                    </noscript>
                                </figure>
                                <div class="news_item_group">
                                    <div class="news_item_header">
                                        <h2 class="news_item_title">

                                            <a href="page-news-detail.html" class="news_item_title_link">
                                                <span class="news_item_title_link_inner">
                                                    <span class="news_item_title_link_label">What We Do in the House That Has No Walls: Thesis Art Exhibit 2021</span>
                                                    <span class="news_item_title_link_icon" aria-hidden="true">
                                                        <span class="news_item_title_link_icon_inner">
                                                            <svg class="icon icon_arrow_right">
                                                                <use xlink:href="/images/icons.svg#arrow_right"></use>
                                                            </svg>
                                                        </span>
                                                    </span>
                                                </span>
                                            </a>
                                        </h2>
                                        <div class="news_item_categories">
                                            <div class="news_item_category_hint">Categories</div>
                                            <ul class="news_item_category_list" aria-label="Categories">
                                                <li class="news_item_category">
                                                    <a class="news_item_category_link" href="page-news-category.html">Category One</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="news_item_body">
                                        <div class="news_item_details">
                                            <div class="news_item_detail news_item_date">
                                                <span class="news_item_detail_hint">Posted </span>
                                                <time class="news_item_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
                                            </div>
                                            <div class="news_item_detail news_item_author">
                                                <span class="news_item_detail_hint"><span>- </span>by&nbsp;</span>
                                                <span class="news_item_detail_label">Author</span>
                                            </div>
                                        </div>
                                        <div class="news_item_description">
                                            <p>Phasellus viverra nulla ut metus varius laoreet.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END: News Item -->
                    </li>
                </ul>
            </div>
        </div>
    </div>

</div>
<!-- END: Related News -->
<div class="news_related">

	{% if title %}
		<div class="news_related_header">
			<div class="fs-row">
				<div class="fs-cell fs-lg-11">
					<div class="news_related_header_inner">
						<h2 class="news_related_title">{{ title }}</h2>
					</div>
				</div>
			</div>
		</div>
	{% endif %}

	<div class="news_related_body">
		<div class="fs-row">
			<div class="fs-cell fs-lg-11">
				<ul class="news_related_items js-carousel" data-carousel-options='{"maxWidth":"1219px", "matchWidth": false, "controls": false, "contained": false, "show": {"500px":2}}'>
					{% for item in items %}
						<li class="news_related_item">
							{% render '@partial-news-item' with {
								item: item
							} %}
						</li>
					{% endfor %}
				</ul>
			</div>
		</div>
	</div>

</div>
<!-- END: Related News -->

No notes defined.