<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--durp standard-button--dark
            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": "durp",
  "departmentName": "Department of Urban and Regional Planning",
  "background": "dark",
  "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": "#"
    }
  }
}
  • Handle: @music-alumni
  • Preview:
  • Filesystem Path: components/partials/homepages/music/alumni/music-alumni.twig

There are no notes for this item.