<div class="music-alumni">
<div class="music-alumni__container">
<h2 class="music-alumni__title">Alumni morbi in sem quis dui ornare</h2>
<p class="music-alumni__subtitle">Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate <em>magna</em> eros eu erat.</p>
<div class="music-alumni__alumni">
<a href="#" class="music-alumni__alum">
<picture class="music-alumni__image-wrap">
<source srcset="https://picsum.photos/320/320?random=1" type="image/webp">
<img src="https://picsum.photos/320/320?random=1" alt="alt" class="music-alumni__image" width="332" height="480">
</picture>
<div class="music-alumni__info">
<div class="music-alumni__name">
Walter J. Hood
<span class="music-alumni__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</div>
<div class="music-alumni__current-job-title">Landscape Architect, PhD '91</div>
</div>
</a>
<a href="#" class="music-alumni__alum">
<picture class="music-alumni__image-wrap">
<source srcset="https://picsum.photos/320/320?random=2" type="image/webp">
<img src="https://picsum.photos/320/320?random=2" alt="alt" class="music-alumni__image" width="332" height="480">
</picture>
<div class="music-alumni__info">
<div class="music-alumni__name">
Hanna Lubin
<span class="music-alumni__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</div>
<div class="music-alumni__current-job-title">Landscape Architect, MFA '17</div>
</div>
</a>
<a href="#" class="music-alumni__alum">
<picture class="music-alumni__image-wrap">
<source srcset="https://picsum.photos/320/320?random=3" type="image/webp">
<img src="https://picsum.photos/320/320?random=3" alt="alt" class="music-alumni__image" width="332" height="480">
</picture>
<div class="music-alumni__info">
<div class="music-alumni__name">
Turley Thomas
<span class="music-alumni__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</div>
<div class="music-alumni__current-job-title">Landscape Architect, MFA '17</div>
</div>
</a>
<a href="#" class="music-alumni__alum">
<picture class="music-alumni__image-wrap">
<source srcset="https://picsum.photos/320/320?random=4" type="image/webp">
<img src="https://picsum.photos/320/320?random=4" alt="alt" class="music-alumni__image" width="332" height="480">
</picture>
<div class="music-alumni__info">
<div class="music-alumni__name">
Ashlynn Calzoni
<span class="music-alumni__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16">
<path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/>
</svg>
</span>
</div>
<div class="music-alumni__current-job-title">Landscape Architect, MFA '20</div>
</div>
</a>
</div>
<div class="music-alumni__cta">
<a href="#" class="standard-button standard-button--network standard-button--light
standard-button---width standard-button--primary">
<div class="standard-button__container"><span class="standard-button__text-container"><span class="standard-button__text">View all alumni</span><span class="standard-button__icon"><svg class="right-chevron" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="8" height="16" viewBox="0 0 8 16"><path class="_mark right-chevron__shape" fill="#FF552E" fill-rule="nonzero" d="M.232 1.65A1.028 1.028 0 0 1 .336.24a.937.937 0 0 1 1.356.11L8 8l-6.308 7.65a.937.937 0 0 1-1.356.11c-.403-.36-.45-.991-.104-1.41L5.466 8 .232 1.65z"/></svg></span></span>
</div>
</a>
</div>
</div>
</div>
<div class="music-alumni">
<div class="music-alumni__container">
<h2 class="music-alumni__title">{{ alumniSection.title }}</h2>
<p class="music-alumni__subtitle">{{ alumniSection.subtitle }}</p>
<div class="music-alumni__alumni">
{% for alum in alumniSection.profiles %}
{% include 'partials/homepages/music/alumni/music-alum-card.twig' with { alum } %}
{% endfor %}
</div>
<div class="music-alumni__cta">
{% include 'bits/standard-button/standard-button.twig' with {
button: {
text: alumniSection.cta.text,
url: alumniSection.cta.link,
type: 'primary',
icon: 'right-chevron'
}
} %}
</div>
</div>
</div>
{
"siteUnit": "network",
"departmentName": "Network",
"background": "light",
"alumniSection": {
"title": "Alumni morbi in sem quis dui ornare",
"subtitle": "Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate <em>magna</em> eros eu erat.",
"profiles": [
{
"fullName": "Walter J. Hood",
"link": "#",
"featuredImage": {
"src": "https://picsum.photos/320/320?random=1",
"altText": "alt"
},
"graduationYear": "PhD '91",
"currentJobTitle": "Landscape Architect"
},
{
"fullName": "Hanna Lubin",
"link": "#",
"featuredImage": {
"src": "https://picsum.photos/320/320?random=2",
"altText": "alt"
},
"graduationYear": "MFA '17",
"currentJobTitle": "Landscape Architect"
},
{
"fullName": "Turley Thomas",
"link": "#",
"featuredImage": {
"src": "https://picsum.photos/320/320?random=3",
"altText": "alt"
},
"graduationYear": "MFA '17",
"currentJobTitle": "Landscape Architect"
},
{
"fullName": "Ashlynn Calzoni",
"link": "#",
"featuredImage": {
"src": "https://picsum.photos/320/320?random=4",
"altText": "alt"
},
"graduationYear": "MFA '20",
"currentJobTitle": "Landscape Architect"
}
],
"cta": {
"text": "View all alumni",
"link": "#"
}
}
}
There are no notes for this item.