<div class="crooked-line crooked-line--ultra-wide" data-crooked-line></div>
<div class="landarch-cta" data-landarch-cta>
<div class="landarch-cta__wrapper">
<div class="landarch-cta__image-container">
<img class="landarch-cta__image" data-landarch-cta-img-parallax src="https://picsum.photos/1648/752" alt="alt text">
</div>
<div class="landarch-cta__container">
<h2 class="landarch-cta__heading">Are you ready to make profound, lasting contributions to society and the environment?</h2>
<div class="landarch-cta__ctas">
<div class="landarch-cta__cta">
<a href="#" class="standard-button standard-button--landarch 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">Why LandArch at Illinois?</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 class="landarch-cta__cta">
<a href="#" class="standard-button standard-button--landarch 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">Find your program</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>
</div>
{% include 'bits/crooked-line/crooked-line.twig' with {ultraWide: true} %}
<div class="landarch-cta" data-landarch-cta>
<div class="landarch-cta__wrapper">
<div class="landarch-cta__image-container">
<img class="landarch-cta__image" data-landarch-cta-img-parallax src="{{ ctaSection.backgroundImage.src }}" alt="{{ ctaSection.backgroundImage.altText | escape }}">
</div>
<div class="landarch-cta__container">
<h2 class="landarch-cta__heading">{{ ctaSection.heading }}</h2>
{% if ctaSection.ctas %}
<div class="landarch-cta__ctas">
{% for cta in ctaSection.ctas %}
<div class="landarch-cta__cta">
{% include 'bits/standard-button/standard-button.twig' with {
button: {
text: cta.text,
url: cta.link,
type: 'primary',
icon: 'right-chevron'
}
} %}
</div>
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
{
"siteUnit": "landarch",
"departmentName": "Landscape Architecture",
"background": "light",
"ctaSection": {
"heading": "Are you ready to make profound, lasting contributions to society and the environment?",
"backgroundImage": {
"src": "https://picsum.photos/1648/752",
"altText": "alt text"
},
"ctas": [
{
"text": "Why LandArch at Illinois?",
"link": "#"
},
{
"text": "Find your program",
"link": "#"
}
]
}
}
There are no notes for this item.