<div class="homepage-tiles__tile">
<a class="homepage-tiles__link-area" href="">
<img class="homepage-tiles__image" src="" alt="">
<span class="homepage-tiles__link-area-text">
<span class="homepage-tiles__link-area-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>
</a>
</div>
<div class="homepage-tiles__tile">
{% if tile.type == 'featured_post_data' %}
<div class="homepage-tiles__label">
{{ tile.label }}
</div>
{% endif %}
{% if tile.type == 'program_area_data' %}
<a class="homepage-tiles__program-area-container" href="{{ tile.link }}">
<span class="homepage-tiles__program-image-container">
<img class="homepage-tiles__program-image" src="{{ tile.image.src|resize(800)|towebp }}" alt="{{ tile.image.alt | escape }}">
</span>
<span class="homepage-tiles__focus-text">Focus on</span>
<span class="homepage-tiles__program-area" >{{ tile.text }}</span>
</a>
{% else %}
<a class="homepage-tiles__link-area" href="{{ tile.link }}">
<img class="homepage-tiles__image" src="{{ tile.image.src|resize(800)|towebp }}" alt="{{ tile.image.alt | escape }}">
<span class="homepage-tiles__link-area-text">
{{ tile.text }}<span class="homepage-tiles__link-area-icon"> {% include 'bits/icons/right-chevron.twig' %}</span>
</span>
</a>
{% endif %}
{% if tile.details | default %}
<div class="homepage-tiles__details">{{ tile.details }}</div>
{% endif %}
</div>
{
"siteUnit": "arch",
"departmentName": "School of Architecture",
"background": "light"
}
There are no notes for this item.