<a class="skip-link" href="#main-content">Skip To Main Content</a>
<div class="off-canvas">
<div class="max-bound">
<header class="site-header site-header--ecosystem">
<div class="site-header__top">
<div class="site-header__logo-name-wrap">
<a href="https://www.iastate.edu/" class="site-header__logo">
<img src="https://cdn.theme.iastate.edu/img/iastate22/iowa-state-university-logo-no-tagline-red.svg" alt="Iowa State University" loading="lazy" width="224" height="17">
</a>
<a class="site-header__parent-unit-name" href="https://www.iastate.edu/">Parent Unit Name Lorem Ipsum</a> </div>
<div class="site-header__website-title"><a href="#">Website Title Lorem Ipsum Even Longer Lorem Ipsum</a></div>
<div class="site-header__utility-search-wrap">
<nav class="site-header__utility" aria-label="Utility">
<ul>
<li>
<a href="https://www.iastate.edu/">Util 1</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 2</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 3</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 4</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 5</a>
</li>
<li>
<a href="https://www.iastate.edu/">Sign Ons and Tools</a>
</li>
</ul>
</nav>
<div class="site-header__search">
<a href="#site-search" class="site-header__search-toggle">
<span class="visible-for-screen-readers">Search</span>
<span class="fak fa-iastate22-magnifying-glass" aria-hidden="true"></span>
</a>
<a href="#" class="site-header__search-close">
<span class="visible-for-screen-readers">Close Search</span>
<span class="fa-light fa-xmark"></span>
</a>
<form class="site-header__search-form-desktop">
<label class="visible-for-screen-readers" for="searchDesktop">Search</label>
<input type="search" id="searchDesktop" name="search" placeholder="Search">
<button type="submit"><span class="fak fa-iastate22-magnifying-glass" aria-hidden="true"></span><span class="visible-for-screen-readers">Submit Search</span></button>
</form>
</div>
<a class="site-header__utility-button" href="https://www.iastate.edu/">Button<span></span></a> </div>
</div>
<div class="site-header__main">
<a href="#site-header-mega-menu" class="site-header__mega-menu-open" role="button" aria-controls="site-header-mega-menu">
<span class="visible-for-screen-readers">Toggle Menu</span>
<span class="site-header__mega-menu-open-line-wrap">
<span></span>
<span></span>
<span></span>
</span>
</a>
<div class="site-header__mega-menu" id="site-header-mega-menu">
<div class="site-header__mega-menu-inner">
<div class="site-header__mega-menu-scroller">
<noscript>
<a href="#" role="button" class="nojs-close-menu">Close Main Menu</a>
</noscript>
<div>
<div class="site-header__mega-menu-main">
<div class="site-header__mega-menu-max-bound">
<div class="site-header__website-title"><a href="#">Website Title Lorem Ipsum Even Longer Lorem Ipsum</a></div>
<nav class="site-header__mega-menu-main-nav" aria-label="Main">
<ul>
<li>
<a href="https://www.iastate.edu/">Primary Nav 1</a>
<ul class="two-column-dropdown">
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Minim adipiscing, eu est adipiscing elit do minim.<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Tempor nulla velit lorem, ullamco quis qui non. Lorem ullamco quis, qui non eiusmod ullamco anim. Qui non eiusmod ullamco<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 2</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 3</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 4</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 5</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 6</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 7</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="site-header__mega-menu-secondary">
<div class="site-header__mega-menu-max-bound">
<nav class="site-header__mega-menu-utility" aria-label="Utility">
<ul>
<li>
<a href="https://www.iastate.edu/">Util 1</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 2</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 3</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 4</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 5</a>
</li>
<li>
<a href="https://www.iastate.edu/">Sign Ons and Tools</a>
</li>
</ul>
<a class="site-header__utility-button" href="https://www.iastate.edu/">Button<span></span></a>
<form class="site-header__search-form-mobile">
<label class="visible-for-screen-readers" for="searchMobile">Search</label>
<input type="search" id="searchMobile" name="search" placeholder="Search">
<button type="submit"><span class="fak fa-iastate22-magnifying-glass" aria-hidden="true"></span><span class="visible-for-screen-readers">Submit Search</span></button>
</form>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main id="main-content">
<div class="outer-pad">
<div class="hero">
<div class="hero__text-wrap">
<nav class="iastate22-breadcrumb" aria-label="Breadcrumb">
<ol class="iastate22-breadcrumb__list">
<li>
<a href="https://www.iastate.edu/">Home</a>
</li>
<li>
<a href="https://www.iastate.edu/">Parent Page</a>
</li>
<li>
<a href="https://www.iastate.edu/" aria-current="page">Image Gallery Set</a>
</li>
</ol>
</nav>
<h1 class="hero__title">Image Gallery Set</h1>
</div>
<div class="hero__media">
<img src="../../img/Heroes-Kitchen_Sink.jpg" alt="" loading="lazy" width="1770" height="662">
</div>
<div class="hero__subnav-wrap">
<nav class="subnav" aria-label="Sidebar">
<noscript>
<button class="subnav__toggle" id="subnav-toggle" aria-controls="subnav-list" aria-haspopup="true" aria-expanded="false"><span>Explore This Section</span></button>
</noscript>
<div class="subnav__list" id="subnav-list">
<ul>
<li>
<a href="https://www.iastate.edu/">Parent Page</a>
</li>
<li>
<a href="https://www.iastate.edu/">Sibling Page Title Lorem Ipsum</a>
</li>
<li>
<a href="https://www.iastate.edu/">Sibling Page Title Lorem Ipsum</a>
</li>
<li>
<a href="https://www.iastate.edu/">Sibling Page Title Lorem Ipsum</a>
</li>
<li>
<a href="https://www.iastate.edu/" aria-current="page">Kitchen Sink</a>
<ul>
<li>
<a href="https://www.iastate.edu/">Child Page Title Lorem</a>
</li>
<li>
<a href="https://www.iastate.edu/">Child Page Title Lorem</a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Sibling Page Title Lorem Ipsum</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="paragraph-widget paragraph-widget--image-gallery">
<div class="image-gallery">
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/IMG-Campus-Location-Large-Image.jpg" alt="Image One">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-1>
<span class="visible-for-screen-readers">Image One</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-1>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/IMG-Campus-Location-Large-Image.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
<a href="https://iastate.edu" class="iastate22-button iastate22-button--reverse">Extra Link
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</a>
<a href="https://iastate.edu" class="iastate22-button iastate22-button--reverse">Link Two
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-1" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-1-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-1-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/IMG-Campus-Location-Large-Image.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/IMG-Campus-Location-Large-Image.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-1-title">Optional Title Image One</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/IMG-Campus-Location-Small-Image-2.jpg" alt="Image Two">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-2>
<span class="visible-for-screen-readers">Image Two</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-2>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/IMG-Campus-Location-Small-Image-2.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-2" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-2-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-2-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/IMG-Campus-Location-Small-Image-2.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/IMG-Campus-Location-Small-Image-2.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-2-title">Optional Title Image Two</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/IMG_Inline_Left_FPO.jpg" alt="Image Three">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-3>
<span class="visible-for-screen-readers">Image Three</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-3>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/IMG_Inline_Left_FPO.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-3" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-3-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-3-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/IMG_Inline_Left_FPO.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/IMG_Inline_Left_FPO.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-3-title">Optional Title Image Three</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/carousel-slide_fpo.jpg" alt="Image Four">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-4>
<span class="visible-for-screen-readers">Image Four</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-4>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/carousel-slide_fpo.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-4" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-4-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-4-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/carousel-slide_fpo.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/carousel-slide_fpo.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-4-title">Optional Title Image Four</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/Component-Card-Image-1.jpg" alt="Image Five">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-5>
<span class="visible-for-screen-readers">Image Five</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-5>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/Component-Card-Image-1.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-5" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-5-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-5-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/Component-Card-Image-1.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/Component-Card-Image-1.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-5-title">Optional Title Image Five</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/Component-Card-Image-3.jpg" alt="Image Six">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-6>
<span class="visible-for-screen-readers">Image Six</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-6>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/Component-Card-Image-3.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-6" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-6-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-6-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/Component-Card-Image-3.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/Component-Card-Image-3.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-6-title">Optional Title Image Six</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/Component-Card-Image-2.jpg" alt="Image Seven">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-7>
<span class="visible-for-screen-readers">Image Seven</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-7>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/Component-Card-Image-2.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-7" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-7-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-7-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/Component-Card-Image-2.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/Component-Card-Image-2.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-7-title">Optional Title Image Seven</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/Component-Feature-Image-Small.jpg" alt="Image 8">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-8>
<span class="visible-for-screen-readers">Image 8</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-8>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/Component-Feature-Image-Small.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-8" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-8-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-8-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/Component-Feature-Image-Small.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/Component-Feature-Image-Small.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-8-title">Optional Title Image Eight</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/Heroes-Kitchen_Sink.jpg" alt="Image Nine">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-9>
<span class="visible-for-screen-readers">Image Nine</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-9>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/Heroes-Kitchen_Sink.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-9" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-9-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-9-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/Heroes-Kitchen_Sink.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/Heroes-Kitchen_Sink.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-9-title">Optional Title Image Nine</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/IMG-Inline_Center_FPO.jpg" alt="Image Ten">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-10>
<span class="visible-for-screen-readers">Image Ten</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-10>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/IMG-Inline_Center_FPO.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-10" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-10-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-10-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/IMG-Inline_Center_FPO.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/IMG-Inline_Center_FPO.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-10-title">Optional Title Image Ten</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/HP_Finding_Solutions_Story_1_FPO.jpg" alt="Image Eleven">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-11>
<span class="visible-for-screen-readers">Image Eleven</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-11>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/HP_Finding_Solutions_Story_1_FPO.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-11" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-11-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-11-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/HP_Finding_Solutions_Story_1_FPO.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/HP_Finding_Solutions_Story_1_FPO.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-11-title">Optional Title Image Eleven</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<article class="image-gallery__item">
<div class="image-gallery__item-wrap">
<div class="image-gallery__image-wrap">
<img src="../../img/ecosystem-hero-atmospheric_fpo.jpg" alt="Image Twelve">
<button class="image-gallery__image-contact" tabindex="-1" data-micromodal-trigger=modal-image-gallery-12>
<span class="visible-for-screen-readers">Image Twelve</span>
</button>
</div>
<div class="image-gallery__console">
<span class="icon">
<svg id="SVG_icon_plus" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewbox="0 0 14 14">
<path id="Divider_H2" d="M-14180.482-8025.184h14" transform="translate(14180.482 8032.184)" fill="none" stroke="#f1be48" stroke-width="2"/>
<path id="Divider_H2-2" data-name="Divider_H2" d="M0,0H14" transform="translate(7 0) rotate(90)" fill="none" stroke="#f1be48" stroke-width="2"/>
</svg>
</span>
<div class="image-gallery__console-wrap">
<button class="iastate22-button iastate22-button--reverse" data-micromodal-trigger=modal-image-gallery-12>
View
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7.551" height="12.273" viewbox="0 0 7.551 12.273">
<path id="Button-Carrot-Burgundy" d="M-13572.751-6721.45l5.43,5.429-5.43,5.43" transform="translate(13573.458 6722.157)" fill="none" stroke="#7c2529" stroke-width="2"/>
</svg>
</span>
</button>
<a href="../../img/ecosystem-hero-atmospheric_fpo.jpg" class="iastate22-button iastate22-button--reverse" download>
Download
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="iastate22-modal iastate22-modal--image-download" id="modal-image-gallery-12" aria-hidden="false">
<div class="iastate22-modal__overlay" tabindex="-1" data-micromodal-close>
<div class="iastate22-modal__container iastate22-modal__container-with-media" id="modal-image-gallery-12-content" role="dialog" aria-modal="true" aria-labelledby="modal-image-gallery-12-title">
<button class="iastate22-modal__close" aria-label="Close modal" data-micromodal-close>
<i class="fa-light fa-xmark" aria-hidden="true"></i>
</button>
<figure>
<div class="iastate22-modal__media">
<img src="../../img/ecosystem-hero-atmospheric_fpo.jpg" alt="" loading="lazy" width="400" height="400">
<a href="../../img/ecosystem-hero-atmospheric_fpo.jpg" class="iastate22-button iastate22-button--reverse" download>
<span class="text">Download</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.397" viewbox="0 0 14 14.397">
<g id="SVG_icon_download" transform="translate(-804.5 -1307.103)">
<path id="Path_3234" data-name="Path 3234" d="M2463-10172.689v9.989" transform="translate(-1651.393 11479.792)" fill="none" stroke="#7c2529" stroke-width="2"/>
<path id="Path_3235" data-name="Path 3235" d="M2443.81-10144l4.594,4.594L2453-10144" transform="translate(-1636.81 11457.059)" fill="none" stroke="#7c2529" stroke-width="2"/>
<line id="Line_4" data-name="Line 4" x2="14" transform="translate(804.5 1320.5)" fill="none" stroke="#7c2529" stroke-width="2"/>
</g>
</svg>
</span>
</a>
</div>
<figcaption class="iastate22-modal__content">
<h2 class="iastate22-modal__title" id="modal-image-gallery-12-title">Optional Title Image Twelve</h2>
<p>Optional caption nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
</div>
</div>
</main>
<footer class="site-footer site-footer--ecosystem">
<div class="site-footer__flex-wrap">
<div class="site-footer__logo-social-links-wrap">
<a href="https://www.iastate.edu" class="site-footer__logo">
<img src="https://cdn.theme.iastate.edu/img/iastate22/iowa-state-university-logo-with-tagline-sci-tech.svg" alt="Iowa State University of Science and Technology" loading="lazy" width="516" height="69">
</a>
<ul class="site-footer__social">
</ul>
</div>
<nav class="site-footer__primary-nav" aria-label="Footer Primary">
<ul>
<li>
<a href="#">Footer Link 1</a>
</li>
<li>
<a href="#">Footer Link 2</a>
</li>
<li>
<a href="#">Footer Link 3</a>
</li>
<li>
<a href="#">Footer Link 4</a>
</li>
<li>
<a href="#">Footer Link 5</a>
</li>
<li>
<a href="#">Footer Link 6</a>
</li>
</ul>
</nav>
<nav class="site-footer__secondary-nav" aria-label="Footer Secondary">
<h2 class="site-footer__section-label">Quick Links</h2>
<ul>
<li>
<a href="#">Quick Link 1</a>
</li>
<li>
<a href="#">Quick Link 2</a>
</li>
<li>
<a href="#">Quick Link 3</a>
</li>
<li>
<a href="#">Quick Link 4</a>
</li>
<li>
<a href="#">Quick Link 5</a>
</li>
<li>
<a href="#">Sign Ons and Tools</a>
</li>
</ul>
</nav>
</div>
<div class="site-footer__bottom-wrap">
<nav class="site-footer__utility-nav" aria-label="Footer Utility">
<ul>
<li>
<a href="https://www.iastate.edu/disclaimers-and-terms">Privacy Policy</a>
</li>
<li>
<a href="https://www.policy.iastate.edu/policy/discrimination">Non-discrimination Policy</a>
</li>
<li>
<a href="https://www.digitalaccess.iastate.edu/">Digital Access and Accessibility</a>
</li>
<li>
<a href="https://www.iastate.edu/consumer-information">Consumer Information</a>
</li>
</ul>
</nav>
<div class="site-footer__copyright">
<p>©Iowa State University of Science and Technology</p>
</div>
</div>
</footer>
</div>
</div>
<div class="privacy-consent" hidden>
<div class="privacy-consent__content">
This website uses cookies to measure traffic and improve your experience. Declining tracking cookies will set a single cookie to remember your preference. You can manage your cookie preference at any time and learn more by visiting our
<a
href="/privacy-policy">Privacy Policy</a>.
</div>
<div class="privacy-consent__buttons">
<button class="iastate22-button iastate22-button--reverse privacy-consent__accept" type="button">Accept<span class="arrow"></span></button>
<button class="iastate22-button iastate22-button--reverse privacy-consent__decline" type="button">Decline<span class="arrow"></span></button>
</div>
</div>
{% extends "@page" %}
{% block header %}
{% include "@site-header--ecosystem" %}
{% endblock %}
{% block content %}
<div class="outer-pad">
{% include "@hero" with hero %}
<div class="paragraph-widget paragraph-widget--image-gallery">
{% include "@image-gallery" %}
</div>
{% endblock %}
{% block footer %}
{% include "@site-footer--ecosystem" %}
{% endblock %}
{
"hero": {
"breadcrumbs": {
"links": [
{
"url": "https://www.iastate.edu/",
"name": "Home"
},
{
"url": "https://www.iastate.edu/",
"name": "Parent Page"
},
{
"url": "https://www.iastate.edu/",
"name": "Image Gallery Set"
}
]
},
"title": "Image Gallery Set"
}
}
There are no notes for this item.