VCUarts Component Library

Work Detail: Sparse 

<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="work_content_inner">

                <div class="work_inspirations">
                    <p class="work_inspirations_label">Related Inspirations</p>
                    <ul class="work_inspirations_list" aria-label="Related Inspirations">
                        <li class="work_inspiration">
                            <a class="work_inspiration_link" href="#">
                                <figure class="work_inspiration_figure" aria-hidden="true">

                                    <img class="work_inspiration_image" srcset="https://images.fastspot.com/vcuarts/500x282/3 500w, https://images.fastspot.com/vcuarts/300x169/3 300w" sizes="(min-width: 980px) 230px, 0px" src="https://images.fastspot.com/vcuarts/300x169/3" alt="" loading="lazy" width="300" height="169">
                                </figure>
                                <div class="work_inspiration_group">
                                    <p class="work_inspiration_title">Technology</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="work_content_inner">
				{% if page.description %}
					<p class="work_description">{{ page.description }}</p>
				{% endif %}


				<div class="work_inspirations">
					<p class="work_inspirations_label">Related Inspirations</p>
					<ul class="work_inspirations_list" aria-label="Related Inspirations">
						{% for inspiration in page.work.inspirations %}
							<li class="work_inspiration">
								<a class="work_inspiration_link" href="{{ inspiration.url }}">
									<figure class="work_inspiration_figure" aria-hidden="true">
										{% include '@partial-image' with {
											class: 'work_inspiration',
											alt: inspiration.alt,
											image: inspiration.image,
											loading: 'lazy',
											sources: [
												img.wide.xsml,
												img.wide.xxsml
											],
											sizes: [
												"(min-width: 980px) 230px",
												"0px"
											]
										} %}
									</figure>
									<div class="work_inspiration_group">
										<p class="work_inspiration_title">{{ inspiration.label }}</p>
									</div>
								</a>
							</li>
						{% endfor %}
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.