<div class="full-width-components" id="full-width-components" tabindex="-1">
<!-- Homepage Video -->
<div class="homepage-video" data-uuid="homepage-video-2">
<div class="fw-container">
<figure class="homepage-video__figure">
<img class="figure-media-item__img" 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="" loading="lazy" width="300" height="169">
<div class="background-video" data-js-background-video='{"display":"background","id":"258133523","type":"vimeo","autoplay":true}'>
<div class="background-video__iframe-target" data-js-background-video-iframe-target>
</div>
<div class="background-video__controls">
<button class="background-video__control
background-video__control--play
" data-js-background-video-control="play" aria-label="Play Video Fastspot, Our Methodology">
<span class="background-video__control-inner"> <span class="background-video__control-label">Play Video</span>
<span class="background-video__control-icon" aria-hidden="true"><svg class="icon icon--video-play">
<use href="/images/icons.svg?1.0.0#video-play" />
</svg></span>
</span>
</button>
<button class="background-video__control
background-video__control--pause
" data-js-background-video-control="pause" aria-label="Pause Video Fastspot, Our Methodology">
<span class="background-video__control-inner"> <span class="background-video__control-label">Pause Video</span>
<span class="background-video__control-icon" aria-hidden="true"><svg class="icon icon--video-pause">
<use href="/images/icons.svg?1.0.0#video-pause" />
</svg></span>
</span>
</button>
</div>
</div>
<div class="figure-media-item__meta">
<div class="figure-media-item__meta-title">
Transforming Lives Through the Arts
</div>
<div class="figure-media-item__meta-link">
<a class="button-paint
" href="#">
<span class="button-paint__inner"> <span class="button-paint__label">Learn More</span>
</span>
</a>
</div>
</div>
</figure>
</div>
</div>
<!-- END: Homepage Video -->
<!-- Topic Row -->
<div class="topic-row">
<div class="topic-row__inner">
<div class="topic-row__body">
<div class="topic-row__items">
<div class="topic-row__item">
<div class="fw-container">
<div class="topic-row__item-inner">
<figure class="topic-row__item-figure">
<img class="topic-row__item-image" srcset="https://images.fastspot.com/framework/740x555/1 740w, https://images.fastspot.com/framework/500x375/1 500w, https://images.fastspot.com/framework/300x225/1 300w" src="https://images.fastspot.com/framework/300x225/1" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="topic-row__item-wrapper">
<div class="topic-row__item-header">
<h2 class="topic-row__item-title">Why Dream Academy?</h2>
</div>
<div class="topic-row__item-body">
<div class="topic-row__item-description">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
</div>
</div>
<div class="topic-row__item-links">
<a class="button-paint
" href="#">
<span class="button-paint__inner"> <span class="button-paint__label">Nam quam nunc</span>
</span>
</a>
<a class="button-paint
" href="#">
<span class="button-paint__inner"> <span class="button-paint__label">Blandit elit</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="topic-row__item-border"></div>
</div>
<div class="topic-row__item alt-item">
<div class="fw-container">
<div class="topic-row__item-inner">
<figure class="topic-row__item-figure">
<img class="topic-row__item-image" srcset="https://images.fastspot.com/framework/740x555/2 740w, https://images.fastspot.com/framework/500x375/2 500w, https://images.fastspot.com/framework/300x225/2 300w" src="https://images.fastspot.com/framework/300x225/2" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="topic-row__item-wrapper">
<div class="topic-row__item-header">
<h2 class="topic-row__item-title">Who We Are and What We Believe</h2>
</div>
<div class="topic-row__item-body">
<div class="topic-row__item-description">
<p>Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia lacinia. Nam pretium turpis et arcu.</p>
</div>
</div>
<div class="topic-row__item-links">
<a class="button-paint
" href="#">
<span class="button-paint__inner"> <span class="button-paint__label">Lorem ipsum</span>
</span>
</a>
<a class="button-paint
" href="#">
<span class="button-paint__inner"> <span class="button-paint__label">Dolor sit amet</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="topic-row__item-border"></div>
</div>
<div class="topic-row__item">
<div class="fw-container">
<div class="topic-row__item-inner">
<figure class="topic-row__item-figure">
<img class="topic-row__item-image" srcset="https://images.fastspot.com/framework/740x555/4 740w, https://images.fastspot.com/framework/500x375/4 500w, https://images.fastspot.com/framework/300x225/4 300w" src="https://images.fastspot.com/framework/300x225/4" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="topic-row__item-wrapper">
<div class="topic-row__item-header">
<h2 class="topic-row__item-title">Metus Laoreet</h2>
</div>
<div class="topic-row__item-body">
<div class="topic-row__item-description">
<p>Maecenas nec odio et tempus.</p>
</div>
</div>
<div class="topic-row__item-links">
<a class="button-paint
" href="#">
<span class="button-paint__inner"> <span class="button-paint__label">Nam quam nunc</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="topic-row__item-border"></div>
</div>
<div class="topic-row__item alt-item">
<div class="fw-container">
<div class="topic-row__item-inner">
<figure class="topic-row__item-figure">
<img class="topic-row__item-image" srcset="https://images.fastspot.com/framework/740x555/3 740w, https://images.fastspot.com/framework/500x375/3 500w, https://images.fastspot.com/framework/300x225/3 300w" src="https://images.fastspot.com/framework/300x225/3" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="topic-row__item-wrapper">
<div class="topic-row__item-header">
<h2 class="topic-row__item-title">Phasellus viverra nulla ut metus varius laoreet</h2>
</div>
<div class="topic-row__item-body">
<div class="topic-row__item-description">
<p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
</div>
</div>
<div class="topic-row__item-links">
<a class="button-paint
" href="#">
<span class="button-paint__inner"> <span class="button-paint__label">Aenean tellus metus</span>
</span>
</a>
<a class="button-paint
" href="#">
<span class="button-paint__inner"> <span class="button-paint__label">Etiam imperdiet</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="topic-row__item-border"></div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Row -->
<!-- Gallery -->
<section class="gallery" id="gallery-8" aria-labelledby="gallery-8__title" aria-describedby="gallery-8__description">
<div class="fw-container">
<div class="gallery__inner">
<div class="gallery__header">
<h2 class="gallery__title" id="gallery-8__title">Gallery</h2>
<div class="gallery__description" id="gallery-8__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 class="gallery__body">
<div class="gallery__items">
<div class="gallery__row gallery__row--70-30" data="wide">
<div class="gallery__item">
<figure class="gallery__item-figure">
<div class="gallery__item-media gallery__item-media--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="
lazy-video
gallery__lazy-video
lazy-video--aspect-
" data-js-lazy-video='{"id":"3atcjPFBb-Y","type":"youtube","display":"inline","aspectRatio":"landscape","autoplay":false,"playerVars":{}}'>
<a class="lazy-video__play" data-js-lazy-video-play href="" aria-label="Play Fastspot Work">
<svg class="icon icon--video-play">
<use href="/images/icons.svg?1.0.0#video-play" />
</svg>
</a>
<div class="lazy-video__iframe-wrapper">
<div class="lazy-video__iframe-target" data-js-lazy-video-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-media--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--50-50" data="wide">
<div class="gallery__item">
<figure class="gallery__item-figure">
<div class="gallery__item-media gallery__item-media--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-media--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--30-30-30" data="classic">
<div class="gallery__item">
<figure class="gallery__item-figure">
<div class="gallery__item-media gallery__item-media--classic">
<img class="gallery__item-image" srcset="https://images.fastspot.com/framework/980x654/4 980w, https://images.fastspot.com/framework/740x494/4 740w, https://images.fastspot.com/framework/500x334/4 500w, https://images.fastspot.com/framework/300x200/4 300w" src="https://images.fastspot.com/framework/300x200/4" alt="a full stadium" loading="lazy" width="300" height="200">
</div>
</figure>
</div>
<div class="gallery__item">
<figure class="gallery__item-figure">
<div class="gallery__item-media gallery__item-media--classic">
<img class="gallery__item-image" srcset="https://images.fastspot.com/framework/980x654/3 980w, https://images.fastspot.com/framework/740x494/3 740w, https://images.fastspot.com/framework/500x334/3 500w, https://images.fastspot.com/framework/300x200/3 300w" src="https://images.fastspot.com/framework/300x200/3" alt="A student sits on a leaf-littered Drillfield, adorned by the colors of autumn" loading="lazy" width="300" height="200">
</div>
<figcaption class="gallery__item-caption">
<p>Phasellus accumsan cursus velit.</p>
</figcaption>
</figure>
</div>
<div class="gallery__item">
<figure class="gallery__item-figure">
<div class="gallery__item-media gallery__item-media--classic">
<img class="gallery__item-image" srcset="https://images.fastspot.com/framework/980x654/2 980w, https://images.fastspot.com/framework/740x494/2 740w, https://images.fastspot.com/framework/500x334/2 500w, https://images.fastspot.com/framework/300x200/2 300w" src="https://images.fastspot.com/framework/300x200/2" alt="a bright pink and orange sunrise sky behind campus clock tower" loading="lazy" width="300" height="200">
</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--100" data="">
<div class="gallery__item">
<figure class="gallery__item-figure">
<div class="gallery__item-media gallery__item-media--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="
lazy-video
gallery__lazy-video
lazy-video--aspect-
" data-js-lazy-video='{"id":"258133523","type":"vimeo","display":"inline","aspectRatio":"landscape","autoplay":true,"playerVars":{}}'>
<a class="lazy-video__play" data-js-lazy-video-play href="" aria-label="Play Fastspot Moments">
<svg class="icon icon--video-play">
<use href="/images/icons.svg?1.0.0#video-play" />
</svg>
</a>
<div class="lazy-video__iframe-wrapper">
<div class="lazy-video__iframe-target" data-js-lazy-video-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--30-70" data="">
<div class="gallery__item">
<figure class="gallery__item-figure">
<div class="gallery__item-media gallery__item-media--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-media--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>
</section>
</div>
<div
class="full-width-components"
id="full-width-components"
tabindex="-1"
>
{# <h1 id="skip-main-destination" tabindex="-1">{{ config.name }}</h1> #}
{% render '@component-homepage-video' %}
{% render '@component-topic-row' %}
{% render '@component-gallery' %}
</div>
No notes defined.