<section class="full_width_components" id="full_width_components" tabindex="-1" aria-labelledby="page_header_title">
<h1 id="page_header_title" tabindex="-1">Framework</h1>
<!-- Gallery -->
<section class="gallery" id="gallery_9" aria-labelledby="gallery_9_title" aria-describedby="gallery_9_description">
<div class="gallery_header">
<div class="fs-row">
<div class="fs-cell fs-lg-8">
<div class="gallery_header_inner">
<h2 class="gallery_title" id="gallery_9_title">
Gallery
</h2>
<div class="gallery_description" id="gallery_9_description">
<p>Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis.</p>
</div>
</div>
</div>
</div>
</div>
<div class="gallery_body">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_body_inner">
<div class="gallery_items">
<div class="gallery_row gallery_row_layout_70_30">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/framework/1220x686/1 1220w, https://images.fastspot.com/framework/980x552/1 980w, https://images.fastspot.com/framework/740x416/1 740w, https://images.fastspot.com/framework/500x282/1 500w, https://images.fastspot.com/framework/300x169/1 300w" src="https://images.fastspot.com/framework/300x169/1" alt="" loading="lazy" width="300" height="169">
<div class="gallery_lazy_video lazy_video " data-js-video-lazy-load='{"id":"3atcjPFBb-Y","type":"youtube","display":"inline","autoplay":false,"playerVars":{}}'>
<a class="lazy_video_toggle_btn" data-js-play-btn href="" aria-label="Play Fastspot Work">
<svg class="icon icon_video_play">
<use href="/images/icons.svg#video_play" />
</svg>
</a>
<div class="lazy_video_iframe_wrap">
<div class="lazy_video_iframe_target" data-js-iframe-target></div>
</div>
</div>
</div>
<figcaption class="gallery_item_caption">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href="#">ullamcorper nulla non metus auctor fringilla</a>.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_portrait">
<img class="gallery_item_image" srcset="https://images.fastspot.com/framework/735x980/2 735w, https://images.fastspot.com/framework/555x740/2 555w, https://images.fastspot.com/framework/375x500/2 375w, https://images.fastspot.com/framework/225x300/2 225w" src="https://images.fastspot.com/framework/225x300/2" alt="a bright pink and orange sunrise sky behind campus clock tower" loading="lazy" width="225" height="300">
</div>
<figcaption class="gallery_item_caption">
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</figcaption>
</figure>
</div>
</div>
<div class="gallery_row gallery_row_layout_50_50">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/framework/980x552/3 980w, https://images.fastspot.com/framework/740x416/3 740w, https://images.fastspot.com/framework/500x282/3 500w, https://images.fastspot.com/framework/300x169/3 300w" src="https://images.fastspot.com/framework/300x169/3" alt="a full stadium" loading="lazy" width="300" height="169">
</div>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/framework/980x552/4 980w, https://images.fastspot.com/framework/740x416/4 740w, https://images.fastspot.com/framework/500x282/4 500w, https://images.fastspot.com/framework/300x169/4 300w" src="https://images.fastspot.com/framework/300x169/4" alt="A student sits on a leaf-littered Drillfield, adorned by the colors of autumn" loading="lazy" width="300" height="169">
</div>
<figcaption class="gallery_item_caption">
<p>Phasellus accumsan cursus velit.</p>
</figcaption>
</figure>
</div>
</div>
<div class="gallery_row gallery_row_layout_100">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/framework/1440x810/1 1440w, https://images.fastspot.com/framework/1220x686/1 1220w, https://images.fastspot.com/framework/980x552/1 980w, https://images.fastspot.com/framework/740x416/1 740w, https://images.fastspot.com/framework/500x282/1 500w, https://images.fastspot.com/framework/300x169/1 300w" src="https://images.fastspot.com/framework/300x169/1" alt="red neon sign of Fastspot logo" loading="lazy" width="300" height="169">
<div class="gallery_lazy_video lazy_video " data-js-video-lazy-load='{"id":"258133523","type":"vimeo","display":"inline","autoplay":true,"playerVars":{}}'>
<a class="lazy_video_toggle_btn" data-js-play-btn href="" aria-label="Play Fastspot Moments">
<svg class="icon icon_video_play">
<use href="/images/icons.svg#video_play" />
</svg>
</a>
<div class="lazy_video_iframe_wrap">
<div class="lazy_video_iframe_target" data-js-iframe-target></div>
</div>
</div>
</div>
<figcaption class="gallery_item_caption">
<p>Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris.</p>
</figcaption>
</figure>
</div>
</div>
<div class="gallery_row gallery_row_layout_30_70">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_portrait">
<img class="gallery_item_image" srcset="https://images.fastspot.com/framework/735x980/2 735w, https://images.fastspot.com/framework/555x740/2 555w, https://images.fastspot.com/framework/375x500/2 375w, https://images.fastspot.com/framework/225x300/2 225w" src="https://images.fastspot.com/framework/225x300/2" alt="Homecoming parade" loading="lazy" width="225" height="300">
</div>
<figcaption class="gallery_item_caption">
<p>Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed <a href="#">aliquam ultrices mauris</a>. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/framework/1220x686/3 1220w, https://images.fastspot.com/framework/980x552/3 980w, https://images.fastspot.com/framework/740x416/3 740w, https://images.fastspot.com/framework/500x282/3 500w, https://images.fastspot.com/framework/300x169/3 300w" src="https://images.fastspot.com/framework/300x169/3" alt="Fall scenic shot of the Drillfield" loading="lazy" width="300" height="169">
</div>
<figcaption class="gallery_item_caption">
<p>Nullam sagittis.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END: Gallery -->
</section>
<section
class="full_width_components"
id="full_width_components"
tabindex="-1"
aria-labelledby="page_header_title"
>
<h1 id="page_header_title" tabindex="-1">{{ config.name }}</h1>
{% render '@component-gallery' %}
</section>
No notes defined.