Home

<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
    <h1>Framework</h1>
</div>
<!-- END: Page Feature -->

<!-- Page Content -->
<div class="page_content">
    <!-- Full Width Callouts -->
    <div class="full_width_callouts">

        <!-- Gallery -->
        <div class="gallery">
            <div class="fs-row">
                <div class="fs-cell fs-lg-8">
                    <div class="gallery_inner">
                        <div class="gallery_header">
                            <h2 class="gallery_title">Ipsum Fermentum Tristique</h2>
                            <div class="gallery_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 auct.</p>
                            </div>
                        </div>
                        <div class="gallery_body">
                            <div class="js-carousel gallery_items" role="region" aria-label="Ipsum&#x20;Fermentum&#x20;Tristique Gallery" tabindex="0" data-carousel-options='{"contained":false,"labels":{"controls":"Ipsum Fermentum Tristique carousel controls","pagination":"Ipsum Fermentum Tristique carousel pagination"}}'>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure" aria-label="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.">
                                        <span class="gallery_item_media">
                                            <span class="lazy_image_wrapper gallery_item_image_wrapper">
                                                <img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/framework/300x169/1" data-srcset="https://images.fastspot.com/framework/300x169/1 300w, https://images.fastspot.com/framework/500x282/1 500w, https://images.fastspot.com/framework/740x416/1 740w, https://images.fastspot.com/framework/980x552/1 980w, https://images.fastspot.com/framework/1220x686/1 1220w" alt="">
                                            </span>
                                            <noscript>
                                                <img class="gallery_item_image" src="https://images.fastspot.com/framework/1220x686/1" 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" sizes="100vw" alt="">
                                            </noscript>
                                            <a class="js-video-appender gallery_item_link" href="https://www.youtube.com/embed/XPjQhvjQbSM" target="_blank">
                                                <span class="gallery_item_link_inner">
                                                    <span class="gallery_item_link_icon">
                                                        <svg class="icon icon_play">
                                                            <use href="/images/icons.svg#play" />
                                                        </svg>
                                                    </span>
                                                    <span class="gallery_item_link_label">Play</span>
                                                </span>
                                            </a>
                                        </span>
                                        <figcaption class="gallery_details">
                                            <span class="gallery_index">
                                                <span class="gallery_index_number">1</span>
                                                <span class="gallery_index_label">of</span>
                                                <span class="gallery_index_number">6</span>
                                            </span>
                                            <p class="gallery_item_caption">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>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure" aria-label="Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.">
                                        <span class="gallery_item_media">
                                            <span class="lazy_image_wrapper gallery_item_image_wrapper">
                                                <img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/framework/300x169/2" data-srcset="https://images.fastspot.com/framework/300x169/2 300w, https://images.fastspot.com/framework/500x282/2 500w, https://images.fastspot.com/framework/740x416/2 740w, https://images.fastspot.com/framework/980x552/2 980w, https://images.fastspot.com/framework/1220x686/2 1220w" alt="">
                                            </span>
                                            <noscript>
                                                <img class="gallery_item_image" src="https://images.fastspot.com/framework/1220x686/2" srcset="https://images.fastspot.com/framework/1220x686/2 1220w, https://images.fastspot.com/framework/980x552/2 980w, https://images.fastspot.com/framework/740x416/2 740w, https://images.fastspot.com/framework/500x282/2 500w, https://images.fastspot.com/framework/300x169/2 300w" sizes="100vw" alt="">
                                            </noscript>
                                            <a class="js-video-appender gallery_item_link" href="https://player.vimeo.com/video/81742487" target="_blank">
                                                <span class="gallery_item_link_inner">
                                                    <span class="gallery_item_link_icon">
                                                        <svg class="icon icon_play">
                                                            <use href="/images/icons.svg#play" />
                                                        </svg>
                                                    </span>
                                                    <span class="gallery_item_link_label">Play</span>
                                                </span>
                                            </a>
                                        </span>
                                        <figcaption class="gallery_details">
                                            <span class="gallery_index">
                                                <span class="gallery_index_number">2</span>
                                                <span class="gallery_index_label">of</span>
                                                <span class="gallery_index_number">6</span>
                                            </span>
                                            <p class="gallery_item_caption">Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure" aria-label="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.">
                                        <span class="gallery_item_media">
                                            <span class="lazy_image_wrapper gallery_item_image_wrapper">
                                                <img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/framework/300x169/3" data-srcset="https://images.fastspot.com/framework/300x169/3 300w, https://images.fastspot.com/framework/500x282/3 500w, https://images.fastspot.com/framework/740x416/3 740w, https://images.fastspot.com/framework/980x552/3 980w, https://images.fastspot.com/framework/1220x686/3 1220w" alt="">
                                            </span>
                                            <noscript>
                                                <img class="gallery_item_image" src="https://images.fastspot.com/framework/1220x686/3" 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" sizes="100vw" alt="">
                                            </noscript>
                                            <a class="js-video-appender gallery_item_link" href="https://www.youtube.com/embed/XPjQhvjQbSM" target="_blank">
                                                <span class="gallery_item_link_inner">
                                                    <span class="gallery_item_link_icon">
                                                        <svg class="icon icon_play">
                                                            <use href="/images/icons.svg#play" />
                                                        </svg>
                                                    </span>
                                                    <span class="gallery_item_link_label">Play</span>
                                                </span>
                                            </a>
                                        </span>
                                        <figcaption class="gallery_details">
                                            <span class="gallery_index">
                                                <span class="gallery_index_number">3</span>
                                                <span class="gallery_index_label">of</span>
                                                <span class="gallery_index_number">6</span>
                                            </span>
                                            <p class="gallery_item_caption">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>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure" aria-label="Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.">
                                        <span class="gallery_item_media">
                                            <span class="lazy_image_wrapper gallery_item_image_wrapper">
                                                <img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/framework/300x169/4" data-srcset="https://images.fastspot.com/framework/300x169/4 300w, https://images.fastspot.com/framework/500x282/4 500w, https://images.fastspot.com/framework/740x416/4 740w, https://images.fastspot.com/framework/980x552/4 980w, https://images.fastspot.com/framework/1220x686/4 1220w" alt="">
                                            </span>
                                            <noscript>
                                                <img class="gallery_item_image" src="https://images.fastspot.com/framework/1220x686/4" srcset="https://images.fastspot.com/framework/1220x686/4 1220w, 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" sizes="100vw" alt="">
                                            </noscript>
                                            <a class="js-video-appender gallery_item_link" href="https://player.vimeo.com/video/81742487" target="_blank">
                                                <span class="gallery_item_link_inner">
                                                    <span class="gallery_item_link_icon">
                                                        <svg class="icon icon_play">
                                                            <use href="/images/icons.svg#play" />
                                                        </svg>
                                                    </span>
                                                    <span class="gallery_item_link_label">Play</span>
                                                </span>
                                            </a>
                                        </span>
                                        <figcaption class="gallery_details">
                                            <span class="gallery_index">
                                                <span class="gallery_index_number">4</span>
                                                <span class="gallery_index_label">of</span>
                                                <span class="gallery_index_number">6</span>
                                            </span>
                                            <p class="gallery_item_caption">Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure" aria-label="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.">
                                        <span class="gallery_item_media">
                                            <span class="lazy_image_wrapper gallery_item_image_wrapper">
                                                <img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/framework/300x169/5" data-srcset="https://images.fastspot.com/framework/300x169/5 300w, https://images.fastspot.com/framework/500x282/5 500w, https://images.fastspot.com/framework/740x416/5 740w, https://images.fastspot.com/framework/980x552/5 980w, https://images.fastspot.com/framework/1220x686/5 1220w" alt="">
                                            </span>
                                            <noscript>
                                                <img class="gallery_item_image" src="https://images.fastspot.com/framework/1220x686/5" srcset="https://images.fastspot.com/framework/1220x686/5 1220w, https://images.fastspot.com/framework/980x552/5 980w, https://images.fastspot.com/framework/740x416/5 740w, https://images.fastspot.com/framework/500x282/5 500w, https://images.fastspot.com/framework/300x169/5 300w" sizes="100vw" alt="">
                                            </noscript>
                                            <a class="js-video-appender gallery_item_link" href="https://www.youtube.com/embed/XPjQhvjQbSM" target="_blank">
                                                <span class="gallery_item_link_inner">
                                                    <span class="gallery_item_link_icon">
                                                        <svg class="icon icon_play">
                                                            <use href="/images/icons.svg#play" />
                                                        </svg>
                                                    </span>
                                                    <span class="gallery_item_link_label">Play</span>
                                                </span>
                                            </a>
                                        </span>
                                        <figcaption class="gallery_details">
                                            <span class="gallery_index">
                                                <span class="gallery_index_number">5</span>
                                                <span class="gallery_index_label">of</span>
                                                <span class="gallery_index_number">6</span>
                                            </span>
                                            <p class="gallery_item_caption">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>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure" aria-label="Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.">
                                        <span class="gallery_item_media">
                                            <span class="lazy_image_wrapper gallery_item_image_wrapper">
                                                <img class="js-lazy js-lazyload gallery_item_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/framework/300x169/6" data-srcset="https://images.fastspot.com/framework/300x169/6 300w, https://images.fastspot.com/framework/500x282/6 500w, https://images.fastspot.com/framework/740x416/6 740w, https://images.fastspot.com/framework/980x552/6 980w, https://images.fastspot.com/framework/1220x686/6 1220w" alt="">
                                            </span>
                                            <noscript>
                                                <img class="gallery_item_image" src="https://images.fastspot.com/framework/1220x686/6" srcset="https://images.fastspot.com/framework/1220x686/6 1220w, https://images.fastspot.com/framework/980x552/6 980w, https://images.fastspot.com/framework/740x416/6 740w, https://images.fastspot.com/framework/500x282/6 500w, https://images.fastspot.com/framework/300x169/6 300w" sizes="100vw" alt="">
                                            </noscript>
                                            <a class="js-video-appender gallery_item_link" href="https://player.vimeo.com/video/81742487" target="_blank">
                                                <span class="gallery_item_link_inner">
                                                    <span class="gallery_item_link_icon">
                                                        <svg class="icon icon_play">
                                                            <use href="/images/icons.svg#play" />
                                                        </svg>
                                                    </span>
                                                    <span class="gallery_item_link_label">Play</span>
                                                </span>
                                            </a>
                                        </span>
                                        <figcaption class="gallery_details">
                                            <span class="gallery_index">
                                                <span class="gallery_index_number">6</span>
                                                <span class="gallery_index_label">of</span>
                                                <span class="gallery_index_number">6</span>
                                            </span>
                                            <p class="gallery_item_caption">Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END: Gallery -->
    </div>
    <!-- END: Full Width Callouts -->
</div>
<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
	<h1>{{ config.name }}</h1>
</div>
<!-- END: Page Feature -->

<!-- Page Content -->
<div class="page_content">
	<!-- Full Width Callouts -->
	<div class="full_width_callouts">
		{% include "@component-gallery" with {
			title: "Ipsum Fermentum Tristique",
			description: "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 auct.",
			items: [
				{
					image: "1",
					video: "https://www.youtube.com/embed/XPjQhvjQbSM",
					caption: "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."
				},
				{
					image: "2",
					video: "https://player.vimeo.com/video/81742487",
					caption: "Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus."
				},
				{
					image: "3",
					video: "https://www.youtube.com/embed/XPjQhvjQbSM",
					caption: "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."
				},
				{
					image: "4",
					video: "https://player.vimeo.com/video/81742487",
					caption: "Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus."
				},
				{
					image: "5",
					video: "https://www.youtube.com/embed/XPjQhvjQbSM",
					caption: "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."
				},
				{
					image: "6",
					video: "https://player.vimeo.com/video/81742487",
					caption: "Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus."
				}
			]
		} %}
	</div>
	<!-- END: Full Width Callouts -->
</div>

No notes defined.