<div class="crooked-line crooked-line--ultra-wide" data-crooked-line></div>
<div class="landarch-programs">
    <div class="landarch-programs__container">
        <h2 class="landarch-programs__heading">Programs</h2>
        <p class="landarch-programs__description">Ready to make profound, lasting contributions to society and the environment? Use design education and research to transform your bright mind into a problem-solving powerhouse.</p>
        <div class="landarch-programs__programs">
            <a href="#" class="landarch-programs__program">
                    <img src="https://picsum.photos/664/384?random=1" alt="Alt text" class="landarch-programs__program-image" width="662" height="382.83">
                    <span class="landarch-programs__program-title">
                        Bachelor of Landscape Architecture
                        <span class="landarch-programs__title-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>
            <a href="#" class="landarch-programs__program">
                    <img src="https://picsum.photos/664/384?random=2" alt="Alt text" class="landarch-programs__program-image" width="662" height="382.83">
                    <span class="landarch-programs__program-title">
                        Master of Landscape Architecture
                        <span class="landarch-programs__title-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>
            <a href="#" class="landarch-programs__program">
                    <img src="https://picsum.photos/664/384?random=3" alt="Alt text" class="landarch-programs__program-image" width="662" height="382.83">
                    <span class="landarch-programs__program-title">
                        Master of Sustainable Urban Design
                        <span class="landarch-programs__title-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>
            <a href="#" class="landarch-programs__program">
                    <img src="https://picsum.photos/664/384?random=4" alt="Alt text" class="landarch-programs__program-image" width="662" height="382.83">
                    <span class="landarch-programs__program-title">
                        PhD
                        <span class="landarch-programs__title-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="landarch-programs__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">View all programs</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="crooked-line " data-crooked-line></div>
{% include 'bits/crooked-line/crooked-line.twig' with {ultraWide: true} %}
<div class="landarch-programs">
    <div class="landarch-programs__container">
        <h2 class="landarch-programs__heading">{{ programsSection.heading }}</h2>
        <p class="landarch-programs__description">{{ programsSection.description }}</p>
        <div class="landarch-programs__programs">
            {% for program in programsSection.programs %}
                <a href="{{ program.link }}" class="landarch-programs__program">
                    <img src="{{ program.image|resize(670) }}" alt="{{ program.altText | escape }}" class="landarch-programs__program-image" width="662" height="382.83">
                    <span class="landarch-programs__program-title">
                        {{ program.title }}
                        <span class="landarch-programs__title-icon">{% include 'bits/icons/right-chevron.twig' %}</span>
                    </span>
                </a>
            {% endfor %}
        </div>
        <div class="landarch-programs__cta">
            {% include 'bits/standard-button/standard-button.twig' with {
                button: {
                    text: programsSection.cta.text,
                    url: programsSection.cta.link,
                    type: 'primary',
                    icon: 'right-chevron'
                }
            } %}
        </div>
    </div>
</div>
{% include 'bits/crooked-line/crooked-line.twig' %}
{
  "siteUnit": "landarch",
  "departmentName": "Landscape Architecture",
  "background": "light",
  "programsSection": {
    "heading": "Programs",
    "description": "Ready to make profound, lasting contributions to society and the environment? Use design education and research to transform your bright mind into a problem-solving powerhouse.",
    "programs": [
      {
        "image": "https://picsum.photos/664/384?random=1",
        "altText": "Alt text",
        "title": "Bachelor of Landscape Architecture",
        "link": "#"
      },
      {
        "image": "https://picsum.photos/664/384?random=2",
        "altText": "Alt text",
        "title": "Master of Landscape Architecture",
        "link": "#"
      },
      {
        "image": "https://picsum.photos/664/384?random=3",
        "altText": "Alt text",
        "title": "Master of Sustainable Urban Design",
        "link": "#"
      },
      {
        "image": "https://picsum.photos/664/384?random=4",
        "altText": "Alt text",
        "title": "PhD",
        "link": "#"
      }
    ],
    "cta": {
      "text": "View all programs",
      "link": "#"
    }
  }
}
  • Handle: @landarch-programs
  • Preview:
  • Filesystem Path: components/partials/homepages/landarch/programs/landarch-programs.twig

There are no notes for this item.